| 1 |
- {"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=1&id=c298bd06&scoped=true&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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGFiRm9ybXsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVmMGZmOwogIGhlaWdodDogMTAwJTsKICBwYWRkaW5nOiAyMHB4OwogIHB7CiAgICBtYXJnaW46IDA7CiAgfQogIC8vIOWktOmDqAogIC50YWJGb3JtX2hlYWRlcnsKICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgIGJvcmRlci1yYWRpdXM6IDZweDsKICAgICBwYWRkaW5nOiAyM3B4OwogICAgIG1hcmdpbi1ib3R0b206IDIwcHg7CgogIH0KICAvLyDlhoXlrrkKICAudGFibGVfbmF2ewogICAgLy8gYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIC8vIGJvcmRlci1yYWRpdXM6IDZweDsKICAgIC8vIHBhZGRpbmc6IDIzcHg7CiAgICAucHBsewogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBoZWlnaHQ6IDM4cHg7CiAgICAgIHB7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHdpZHRoOiAxMTNweDsKICAgICAgICBoZWlnaHQ6IDM4cHg7CiAgICAgICAgaW1newogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOjA7CiAgICAgICAgICBsZWZ0OiAwOwogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAvLyB6LWluZGV4OiAtMTsKICAgICAgICB9CiAgICAgICAgc3BhbnsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOiAwOwogICAgICAgICAgbGVmdDogMDsKICAgICAgICAgIC8vIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpOwogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgICAgbGluZS1oZWlnaHQ6IDM4cHg7CiAgICAgICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgICAgICBmb250LWZhbWlseTogUGluZ0ZhbmcgU0M7CiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICAgIGNvbG9yOiAjYWFhOwogICAgICAgIH0KICAgICAgICAuc3BhbnsKICAgICAgICAgIGNvbG9yOiAjM0M4REJDOwogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KfQovLyB0YWIKLmluZGV4X2hlYWRldGFiewogIGRpc3BsYXk6IGZsZXg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNFNUU1RTU7CiAgaGVpZ2h0OiA1M3B4OwogIC8vIHBhZGRpbmctdG9wOiAyMHB4OwogIHBhZGRpbmctYm90dG9tOiAxMHB4OwogIG1hcmdpbi1ib3R0b206IDIwcHggIWltcG9ydGFudDsKIHNwYW57CiAgIHdpZHRoOiA3MHB4OwogICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgIGxpbmUtaGVpZ2h0OiA1M3B4OwogICBoZWlnaHQ6IDUzcHg7CiAgIGZvbnQtc2l6ZTogMTVweDsKICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nIFNDOwogICBmb250LXdlaWdodDogYm9sZDsKICAgY29sb3I6ICM2NjY7CiAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgLy8gZmxleDogMTsKICAgLy8gYm9yZGVyLWJvdHRvbTogOwogfQogLnNwYW57CiAgIGNvbnRlbnQ6ICcnOwogICBkaXNwbGF5OiBibG9jazsKICAgd2lkdGg6IDE4cHg7CiAgIGhlaWdodDogOHB4OwogICBib3JkZXItcmFkaXVzOiAzcHg7CiAgIGJhY2tncm91bmQtY29sb3I6ICMzQzhEQkM7CiAgIGNvbG9yOiAjM0M4REJDICFpbXBvcnRhbnQ7CiAgIC8vIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgLy8gYm9yZGVyLWJvdHRvbTogOwogfQouc3BhbnRvewogIGNvbG9yOiMzQzhEQkMgOwogIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjM0M4REJDOwp9Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;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"]}]}
|
