{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\system\\form\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\system\\form\\index.vue","mtime":1617152835175},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi50YWJGb3JtewogIC5lbC1jb2xsYXBzZS1pdGVtX19jb250ZW50ewogICAgcGFkZGluZzogMDsKICB9CiAudGFibGVfbmF2ewogICAuZWwtY29sbGFwc2UtaXRlbV9fd3JhcHsKICAgICBib3JkZXItYm90dG9tOiAwOwogICB9CiAgIC5lbC1jb2xsYXBzZS1pdGVtX19oZWFkZXJ7CiAgICAgYm9yZGVyLWJvdHRvbTogMDsKICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nIFNDOwogICAgIGZvbnQtd2VpZ2h0OiBib2xkOwogICAgIGNvbG9yOiAjM0M4REJDOwogICAgIGxpbmUtaGVpZ2h0OiAzNnB4OwogICB9CiAgIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnR7CiAgICAgd2lkdGg6IDU1JTsKICAgfQogICAuZWwtY29sbGFwc2V7CiAgICAgYm9yZGVyLXRvcDogMDsKICAgfQogICAuZWwtZGl2aWRlci0taG9yaXpvbnRhbHsKICAgICBtYXJnaW4tdG9wOiAwOwogICB9CiAgIC5laXRkZXsKICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgIGJvcmRlci1yYWRpdXM6IDZweDsKICAgICBwYWRkaW5nOiAyM3B4OwogICAgIG1hcmdpbi1ib3R0b206IDIwcHg7CiAgIH0KIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/form","sourcesContent":["<template >\r\n  <div class=\"tabForm\">\r\n   <div class=\"tabForm_header\">\r\n     <p class=\"index_headetab\">\r\n       <span :class=\"[num == index ? ' spanto' : '']\" v-for=\"(item,index) in editableTabs\" :key=\"index\" @click=\"tabSbu(index)\">{{item.title}}</span>\r\n     </p>\r\n     <div class=\"table_headerBtun\">\r\n          <el-button type=\"primary\" plain v-for=\"(item,index) in 7\" :key=\"index\">新增</el-button>\r\n     </div>\r\n   </div>\r\n   <!-- 内容 -->\r\n   <div class=\"table_nav\">\r\n    <el-collapse v-model=\"activeNames\" @change=\"handleChange\">\r\n      <el-collapse-item :title=\"title\" :name=\"index\" v-for=\"(item,index) in 1\" :key=\"index\" class=\"eitde\">\r\n        <el-form :model=\"queryParams\" ref=\"queryForm\" :inline=\"true\"  >\r\n          <el-row :gutter=\"0\">\r\n            <el-col :span=\"6\" v-for=\"(item,index) in 8\" :key=\"index\">\r\n              <el-form-item :label=\"labletit\" prop=\"dictName\">\r\n               <el-input\r\n              v-model=\"queryParams.dictName\"\r\n              placeholder=\"请输入字典名称\"\r\n              clearable\r\n              size=\"small\"\r\n              @keyup.enter.native=\"handleQuery\"\r\n              />\r\n             </el-form-item>\r\n          </el-col>\r\n          </el-row>\r\n        </el-form>\r\n      </el-collapse-item>\r\n\r\n      <!-- 列表 -->\r\n     <el-collapse-item :title=\"title\" :name=\"index\" v-for=\"(item,index) in 1\" :key=\"index\" class=\"eitde\">\r\n      <div class=\"ppl\">\r\n        <p v-for=\"(item,index) in 6\" :key=\"index\" @click=\"enditTab(index)\">\r\n          <img src=\"../../../assets/images/icon_tbtab_normal.png\" alt=\"\" class=\"index_headerImg\" v-if=\"numtab !== index\">\r\n          <img src=\"../../../assets/images/icon_tbtab_selected.png\" alt=\"\" class=\"index_headerImg\" v-if=\"numtab == index\">\r\n          <span :class=\"[index == numtab ? 'span' : '']\">列表名称</span>\r\n        </p>\r\n      </div>\r\n      <el-form style=\"margin-top: 30px;\" :model=\"queryParams\" ref=\"queryForm\" :inline=\"true\"  label-width=\"118px\">\r\n        <el-form-item label=\"岗位编码\" prop=\"postCode\" v-for=\"(item,index) in 2\" :key=\"index\">\r\n          <el-input\r\n            v-model=\"queryParams.postCode\"\r\n            placeholder=\"请输入岗位编码\"\r\n            clearable\r\n            size=\"small\"\r\n            @keyup.enter.native=\"handleQuery\"\r\n          />\r\n        </el-form-item>\r\n        <el-form-item>\r\n          <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n        </el-form-item>\r\n      </el-form>\r\n      <el-divider></el-divider>\r\n       <el-table stripe v-loading=\"loading\" :data=\"postList\" @selection-change=\"handleSelectionChange\">\r\n         <el-table-column label=\"序号\" align=\"center\" prop=\"noticeId\" width=\"80\" />\r\n         <el-table-column :label=\"surlable\" align=\"center\" prop=\"name\" />\r\n         <el-table-column :label=\"surlable\" align=\"center\" sortable prop=\"name\" />\r\n         <el-table-column label=\"岗位编码\" align=\"center\" prop=\"postCode\" />\r\n         <el-table-column label=\"岗位名称\" align=\"center\" prop=\"postName\" />\r\n         <el-table-column label=\"岗位排序\" align=\"center\" prop=\"postSort\" />\r\n         <el-table-column label=\"状态\" align=\"center\" prop=\"status\" :formatter=\"statusFormat\" />\r\n         <el-table-column label=\"创建时间\" align=\"center\" prop=\"createTime\" width=\"160\">\r\n           <template slot-scope=\"scope\">\r\n             <span>{{ parseTime(scope.row.createTime) }}</span>\r\n           </template>\r\n         </el-table-column>\r\n         <el-table-column label=\"可用\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n\r\n         </el-table-column>\r\n       </el-table>\r\n       <div class=\"index_haderPagin\">\r\n         <el-pagination\r\n              @size-change=\"handleSizeChange\"\r\n              @current-change=\"handleCurrentChange\"\r\n              :current-page.sync=\"currentPage3\"\r\n              :page-size=\"pageSize\"\r\n              layout=\"prev, pager, next, jumper\"\r\n              :total=\"1000\">   \r\n         </el-pagination>\r\n\r\n       </div>\r\n     </el-collapse-item>\r\n\r\n    </el-collapse>\r\n   </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"index\",\r\n    data() {\r\n      return {\r\n          editableTabs: [{\r\n                   title: 'Tab 1',\r\n                   name: '1',\r\n                   content: 'Tab 1 content'\r\n                 }, {\r\n                   title: 'Tab 2',\r\n                   name: '2',\r\n                   content: 'Tab 2 content'\r\n                 }],\r\n        num:0,\r\n        activeNames: ['1'],\r\n        title:'单表1',\r\n        // 查询参数\r\n        queryParams: {\r\n          pageNum: 1,\r\n          pageSize: 10,\r\n          dictName: undefined,\r\n          dictType: undefined,\r\n          status: undefined\r\n        },\r\n        labletit:'查询参数1233',\r\n        surlable:'实际数据库表',\r\n        postList:[\r\n          {\r\n                    date: '2016-05-02',\r\n                    name: '王小虎',\r\n                    address: '上海市普陀区金沙江路 1518 弄'\r\n                  }, {\r\n                    date: '2016-05-04',\r\n                    name: '王小虎',\r\n                    address: '上海市普陀区金沙江路 1517 弄'\r\n                  }, {\r\n                    date: '2016-05-01',\r\n                    name: '王小虎',\r\n                    address: '上海市普陀区金沙江路 1519 弄'\r\n                  }, {\r\n                    date: '2016-05-03',\r\n                    name: '王小虎',\r\n                    address: '上海市普陀区金沙江路 1516 弄'\r\n                  }\r\n        ],\r\n        numtab:0\r\n      };\r\n    },\r\n    methods: {\r\n\r\n        // tab点击\r\n      tabSbu(index){\r\n       this.num = index\r\n      },\r\n      enditTab(index){\r\n       this.numtab = index\r\n      }\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .tabForm{\r\n    .el-collapse-item__content{\r\n      padding: 0;\r\n    }\r\n   .table_nav{\r\n     .el-collapse-item__wrap{\r\n       border-bottom: 0;\r\n     }\r\n     .el-collapse-item__header{\r\n       border-bottom: 0;\r\n       font-size: 15px;\r\n       font-family: PingFang SC;\r\n       font-weight: bold;\r\n       color: #3C8DBC;\r\n       line-height: 36px;\r\n     }\r\n     .el-form-item__content{\r\n       width: 55%;\r\n     }\r\n     .el-collapse{\r\n       border-top: 0;\r\n     }\r\n     .el-divider--horizontal{\r\n       margin-top: 0;\r\n     }\r\n     .eitde{\r\n       background-color: #fff;\r\n       border-radius: 6px;\r\n       padding: 23px;\r\n       margin-bottom: 20px;\r\n     }\r\n   }\r\n  }\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n  .tabForm{\r\n    background-color: #eef0ff;\r\n    height: 100%;\r\n    padding: 20px;\r\n    p{\r\n      margin: 0;\r\n    }\r\n    // 头部\r\n    .tabForm_header{\r\n       background-color: #fff;\r\n       border-radius: 6px;\r\n       padding: 23px;\r\n       margin-bottom: 20px;\r\n\r\n    }\r\n    // 内容\r\n    .table_nav{\r\n      // background-color: #fff;\r\n      // border-radius: 6px;\r\n      // padding: 23px;\r\n      .ppl{\r\n        display: flex;\r\n        height: 38px;\r\n        p{\r\n          position: relative;\r\n          width: 113px;\r\n          height: 38px;\r\n          img{\r\n            position: absolute;\r\n            top:0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            // z-index: -1;\r\n          }\r\n          span{\r\n            width: 100%;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            // transform: translate(-50%);\r\n            text-align: center;\r\n            line-height: 38px;\r\n            font-size: 15px;\r\n            font-family: PingFang SC;\r\n            font-weight: bold;\r\n            color: #aaa;\r\n          }\r\n          .span{\r\n            color: #3C8DBC;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // tab\r\n  .index_headetab{\r\n    display: flex;\r\n    border-bottom: 1px solid #E5E5E5;\r\n    height: 53px;\r\n    // padding-top: 20px;\r\n    padding-bottom: 10px;\r\n    margin-bottom: 20px !important;\r\n   span{\r\n     width: 70px;\r\n     text-align: center;\r\n     line-height: 53px;\r\n     height: 53px;\r\n     font-size: 15px;\r\n     font-family: PingFang SC;\r\n     font-weight: bold;\r\n     color: #666;\r\n     position: relative;\r\n     // flex: 1;\r\n     // border-bottom: ;\r\n   }\r\n   .span{\r\n     content: '';\r\n     display: block;\r\n     width: 18px;\r\n     height: 8px;\r\n     border-radius: 3px;\r\n     background-color: #3C8DBC;\r\n     color: #3C8DBC !important;\r\n     // position: absolute;\r\n     // border-bottom: ;\r\n   }\r\n  .spanto{\r\n    color:#3C8DBC ;\r\n    border-bottom: 3px solid #3C8DBC;\r\n  }\r\n  }\r\n</style>\r\n"]}]}