You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
26 KiB
1 line
26 KiB
{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\src\\views\\modules\\config\\list.vue?vue&type=style&index=0&id=29725dce&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\src\\views\\modules\\config\\list.vue","mtime":1649818275983},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouc2x0IHsNCiAgICBtYXJnaW46IDAgIWltcG9ydGFudDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICB9DQoNCiAgLmFkIHsNCiAgICBtYXJnaW46IDAgIWltcG9ydGFudDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICB9DQoNCiAgLnBhZ2VzIHsNCiAgICAmIC9kZWVwLyBlbC1wYWdpbmF0aW9uX19zaXplc3sNCiAgICAgICYgL2RlZXAvIGVsLWlucHV0X19pbm5lciB7DQogICAgICAgIGhlaWdodDogMjJweDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7DQogICAgICB9DQogICAgfQ0KICB9DQogIA0KDQogIC5lbC1idXR0b24rLmVsLWJ1dHRvbiB7DQogICAgbWFyZ2luOjA7DQogIH0gDQoNCiAgLnRhYmxlcyB7DQoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tc3VjY2VzcyB7DQoJCWhlaWdodDogNDBweDsNCgkJY29sb3I6ICMzMzM7DQoJCWZvbnQtc2l6ZTogMTRweDsNCgkJYm9yZGVyLXdpZHRoOiAxcHg7DQoJCWJvcmRlci1zdHlsZTogc29saWQ7DQoJCWJvcmRlci1jb2xvcjogI0RDREZFNjsNCgkJYm9yZGVyLXJhZGl1czogNHB4Ow0KCQliYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDExNywgMTEzLCAyNDksIDEpOw0KCX0NCgkNCgkmIC9kZWVwLyAuZWwtYnV0dG9uLS1wcmltYXJ5IHsNCgkJaGVpZ2h0OiA0MHB4Ow0KCQljb2xvcjogIzMzMzsNCgkJZm9udC1zaXplOiAxNHB4Ow0KCQlib3JkZXItd2lkdGg6IDFweDsNCgkJYm9yZGVyLXN0eWxlOiBzb2xpZDsNCgkJYm9yZGVyLWNvbG9yOiAjRENERkU2Ow0KCQlib3JkZXItcmFkaXVzOiA0cHg7DQoJCWJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAyLCAyMDQsIDI1NSwgMSk7DQoJfQ0KCQ0KCSYgL2RlZXAvIC5lbC1idXR0b24tLWRhbmdlciB7DQoJCWhlaWdodDogNDBweDsNCgkJY29sb3I6ICMzMzM7DQoJCWZvbnQtc2l6ZTogMTRweDsNCgkJYm9yZGVyLXdpZHRoOiAxcHg7DQoJCWJvcmRlci1zdHlsZTogc29saWQ7DQoJCWJvcmRlci1jb2xvcjogI0RDREZFNjsNCgkJYm9yZGVyLXJhZGl1czogNHB4Ow0KCQliYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIwNCwgMjU1LCAxMDIsIDEpOw0KCX0NCg0KICAgICYgL2RlZXAvIC5lbC1idXR0b24gew0KICAgICAgbWFyZ2luOiA0cHg7DQogICAgfQ0KICB9DQo="},{"version":3,"sources":["list.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmcA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/views/modules/config","sourcesContent":["<template>\r\n <div class=\"main-content\">\r\n <!-- 列表页 -->\r\n <div v-if=\"showFlag\">\r\n <el-form :inline=\"true\" :model=\"searchForm\" class=\"form-content\">\r\n <el-row class=\"ad\" :style=\"{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}\">\r\n <el-form-item>\r\n <el-button\r\n v-if=\"isAuth('config','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1\"\r\n type=\"success\"\r\n icon=\"el-icon-plus\"\r\n @click=\"addOrUpdateHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>\r\n <el-button\r\n v-if=\"isAuth('config','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2\"\r\n type=\"success\"\r\n @click=\"addOrUpdateHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'新增':'' }}<i class=\"el-icon-plus el-icon--right\" /></el-button>\r\n <el-button\r\n v-if=\"isAuth('config','新增') && contents.btnAdAllIcon == 0\"\r\n type=\"success\"\r\n @click=\"addOrUpdateHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>\r\n <el-button\r\n v-if=\"isAuth('config','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1 && contents.tableSelection\"\r\n :disabled=\"dataListSelections.length <= 0\"\r\n type=\"danger\"\r\n icon=\"el-icon-delete\"\r\n @click=\"deleteHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>\r\n <el-button\r\n v-if=\"isAuth('config','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2 && contents.tableSelection\"\r\n :disabled=\"dataListSelections.length <= 0\"\r\n type=\"danger\"\r\n @click=\"deleteHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'删除':'' }}<i class=\"el-icon-delete el-icon--right\" /></el-button>\r\n <el-button\r\n v-if=\"isAuth('config','删除') && contents.btnAdAllIcon == 0 && contents.tableSelection\"\r\n :disabled=\"dataListSelections.length <= 0\"\r\n type=\"danger\"\r\n @click=\"deleteHandler()\"\r\n >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>\r\n\r\n\r\n </el-form-item>\r\n </el-row>\r\n </el-form>\r\n <div class=\"table-content\">\r\n <el-table class=\"tables\" :size=\"contents.tableSize\" :show-header=\"contents.tableShowHeader\"\r\n :header-row-style=\"headerRowStyle\" :header-cell-style=\"headerCellStyle\"\r\n :border=\"contents.tableBorder\"\r\n :fit=\"contents.tableFit\"\r\n :stripe=\"contents.tableStripe\"\r\n :row-style=\"rowStyle\"\r\n :cell-style=\"cellStyle\"\r\n :style=\"{width: '100%',fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}\"\r\n v-if=\"isAuth('config','查看')\"\r\n :data=\"dataList\"\r\n v-loading=\"dataListLoading\"\r\n @selection-change=\"selectionChangeHandler\">\r\n <el-table-column v-if=\"contents.tableSelection\"\r\n type=\"selection\"\r\n header-align=\"center\"\r\n align=\"center\"\r\n width=\"50\">\r\n </el-table-column>\r\n <el-table-column label=\"索引\" v-if=\"contents.tableIndex\" type=\"index\" width=\"50\" />\r\n <el-table-column :sortable=\"contents.tableSortable\" :align=\"contents.tableAlign\"\r\n prop=\"name\"\r\n header-align=\"center\"\r\n\t\t label=\"名称\">\r\n\t\t <template slot-scope=\"scope\">\r\n {{scope.row.name}}\r\n </template>\r\n </el-table-column>\r\n <el-table-column :sortable=\"contents.tableSortable\" :align=\"contents.tableAlign\" prop=\"value\"\r\n header-align=\"center\"\r\n width=\"200\"\r\n label=\"值\">\r\n <template slot-scope=\"scope\">\r\n <div v-if=\"scope.row.value\">\r\n <img :src=\"scope.row.value.split(',')[0]\" width=\"100\" height=\"100\">\r\n </div>\r\n <div v-else>无图片</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column width=\"300\" :align=\"contents.tableAlign\"\r\n header-align=\"center\"\r\n label=\"操作\">\r\n <template slot-scope=\"scope\">\r\n <el-button v-if=\"isAuth('config','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"success\" icon=\"el-icon-tickets\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>\r\n <el-button v-if=\"isAuth('config','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"success\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}<i class=\"el-icon-tickets el-icon--right\" /></el-button>\r\n <el-button v-if=\"isAuth('config','查看') && contents.tableBtnIcon == 0\" type=\"success\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>\r\n <el-button v-if=\"isAuth('config','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"primary\" icon=\"el-icon-edit\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>\r\n <el-button v-if=\"isAuth('config','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}<i class=\"el-icon-edit el-icon--right\" /></el-button>\r\n <el-button v-if=\"isAuth('config','修改') && contents.tableBtnIcon == 0\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>\r\n\r\n\r\n\r\n\r\n <el-button v-if=\"isAuth('config','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"danger\" icon=\"el-icon-delete\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>\r\n <el-button v-if=\"isAuth('config','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"danger\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}<i class=\"el-icon-delete el-icon--right\" /></el-button>\r\n <el-button v-if=\"isAuth('config','删除') && contents.tableBtnIcon == 0\" type=\"danger\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <el-pagination\r\n clsss=\"pages\"\r\n :layout=\"layouts\"\r\n @size-change=\"sizeChangeHandle\"\r\n @current-change=\"currentChangeHandle\"\r\n :current-page=\"pageIndex\"\r\n :page-sizes=\"[10, 20, 50, 100]\"\r\n :page-size=\"Number(contents.pageEachNum)\"\r\n :total=\"totalPage\"\r\n :small=\"contents.pageStyle\"\r\n class=\"pagination-content\"\r\n :background=\"contents.pageBtnBG\"\r\n :style=\"{textAlign:contents.pagePosition==1?'left':contents.pagePosition==2?'center':'right'}\"\r\n ></el-pagination>\r\n </div>\r\n </div>\r\n <!-- 添加/修改页面 将父组件的search方法传递给子组件-->\r\n <add-or-update v-if=\"addOrUpdateFlag\" :parent=\"this\" ref=\"addOrUpdate\"></add-or-update>\r\n\r\n\r\n\r\n </div>\r\n</template>\r\n<script>\r\nimport AddOrUpdate from \"./add-or-update.vue\";\r\nimport styleJs from \"../../../utils/style.js\";\r\nexport default {\r\n data() {\r\n return {\r\n searchForm: {\r\n key: \"\"\r\n },\r\n form:{},\r\n dataList: [],\r\n pageIndex: 1,\r\n pageSize: 10,\r\n totalPage: 0,\r\n dataListLoading: false,\r\n dataListSelections: [],\r\n showFlag: true,\r\n sfshVisiable: false,\r\n shForm: {},\r\n chartVisiable: false,\r\n addOrUpdateFlag:false,\r\n contents:null,\r\n layouts: '',\r\n\r\n\r\n };\r\n },\r\n created() {\r\n this.contents = styleJs.listStyle();\r\n this.init();\r\n this.getDataList();\r\n this.contentStyleChange()\r\n },\r\n mounted() {\r\n\r\n },\r\n filters: {\r\n htmlfilter: function (val) {\r\n return val.replace(/<[^>]*>/g).replace(/undefined/g,'');\r\n }\r\n },\r\n components: {\r\n AddOrUpdate,\r\n },\r\n methods: {\r\n contentStyleChange() {\r\n this.contentSearchStyleChange()\r\n this.contentBtnAdAllStyleChange()\r\n this.contentSearchBtnStyleChange()\r\n this.contentTableBtnStyleChange()\r\n this.contentPageStyleChange()\r\n },\r\n contentSearchStyleChange() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.form-content .slt .el-input__inner').forEach(el=>{\r\n let textAlign = 'left'\r\n if(this.contents.inputFontPosition == 2) textAlign = 'center'\r\n if(this.contents.inputFontPosition == 3) textAlign = 'right'\r\n el.style.textAlign = textAlign\r\n el.style.height = this.contents.inputHeight\r\n el.style.lineHeight = this.contents.inputHeight\r\n el.style.color = this.contents.inputFontColor\r\n el.style.fontSize = this.contents.inputFontSize\r\n el.style.borderWidth = this.contents.inputBorderWidth\r\n el.style.borderStyle = this.contents.inputBorderStyle\r\n el.style.borderColor = this.contents.inputBorderColor\r\n el.style.borderRadius = this.contents.inputBorderRadius\r\n el.style.backgroundColor = this.contents.inputBgColor\r\n })\r\n if(this.contents.inputTitle) {\r\n document.querySelectorAll('.form-content .slt .el-form-item__label').forEach(el=>{\r\n el.style.color = this.contents.inputTitleColor\r\n el.style.fontSize = this.contents.inputTitleSize\r\n el.style.lineHeight = this.contents.inputHeight\r\n })\r\n }\r\n setTimeout(()=>{\r\n document.querySelectorAll('.form-content .slt .el-input__prefix').forEach(el=>{\r\n el.style.color = this.contents.inputIconColor\r\n el.style.lineHeight = this.contents.inputHeight\r\n })\r\n document.querySelectorAll('.form-content .slt .el-input__suffix').forEach(el=>{\r\n el.style.color = this.contents.inputIconColor\r\n el.style.lineHeight = this.contents.inputHeight\r\n })\r\n document.querySelectorAll('.form-content .slt .el-input__icon').forEach(el=>{\r\n el.style.lineHeight = this.contents.inputHeight\r\n })\r\n },10)\r\n\r\n })\r\n },\r\n // 搜索按钮\r\n contentSearchBtnStyleChange() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.form-content .slt .el-button--success').forEach(el=>{\r\n el.style.height = this.contents.searchBtnHeight\r\n el.style.color = this.contents.searchBtnFontColor\r\n el.style.fontSize = this.contents.searchBtnFontSize\r\n el.style.borderWidth = this.contents.searchBtnBorderWidth\r\n el.style.borderStyle = this.contents.searchBtnBorderStyle\r\n el.style.borderColor = this.contents.searchBtnBorderColor\r\n el.style.borderRadius = this.contents.searchBtnBorderRadius\r\n el.style.backgroundColor = this.contents.searchBtnBgColor\r\n })\r\n })\r\n },\r\n // 新增、批量删除\r\n contentBtnAdAllStyleChange() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.form-content .ad .el-button--success').forEach(el=>{\r\n el.style.height = this.contents.btnAdAllHeight\r\n el.style.color = this.contents.btnAdAllAddFontColor\r\n el.style.fontSize = this.contents.btnAdAllFontSize\r\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\r\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\r\n el.style.borderColor = this.contents.btnAdAllBorderColor\r\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\r\n el.style.backgroundColor = this.contents.btnAdAllAddBgColor\r\n })\r\n document.querySelectorAll('.form-content .ad .el-button--danger').forEach(el=>{\r\n el.style.height = this.contents.btnAdAllHeight\r\n el.style.color = this.contents.btnAdAllDelFontColor\r\n el.style.fontSize = this.contents.btnAdAllFontSize\r\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\r\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\r\n el.style.borderColor = this.contents.btnAdAllBorderColor\r\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\r\n el.style.backgroundColor = this.contents.btnAdAllDelBgColor\r\n })\r\n document.querySelectorAll('.form-content .ad .el-button--warning').forEach(el=>{\r\n el.style.height = this.contents.btnAdAllHeight\r\n el.style.color = this.contents.btnAdAllWarnFontColor\r\n el.style.fontSize = this.contents.btnAdAllFontSize\r\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\r\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\r\n el.style.borderColor = this.contents.btnAdAllBorderColor\r\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\r\n el.style.backgroundColor = this.contents.btnAdAllWarnBgColor\r\n })\r\n })\r\n },\r\n // 表格\r\n rowStyle({ row, rowIndex}) {\r\n if (rowIndex % 2 == 1) {\r\n if(this.contents.tableStripe) {\r\n return {color:this.contents.tableStripeFontColor}\r\n }\r\n } else {\r\n return ''\r\n }\r\n },\r\n cellStyle({ row, rowIndex}){\r\n if (rowIndex % 2 == 1) {\r\n if(this.contents.tableStripe) {\r\n return {backgroundColor:this.contents.tableStripeBgColor}\r\n }\r\n } else {\r\n return ''\r\n }\r\n },\r\n headerRowStyle({ row, rowIndex}){\r\n return {color: this.contents.tableHeaderFontColor}\r\n },\r\n headerCellStyle({ row, rowIndex}){\r\n return {backgroundColor: this.contents.tableHeaderBgColor}\r\n },\r\n // 表格按钮\r\n contentTableBtnStyleChange(){\r\n // this.$nextTick(()=>{\r\n // setTimeout(()=>{\r\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--success').forEach(el=>{\r\n // el.style.height = this.contents.tableBtnHeight\r\n // el.style.color = this.contents.tableBtnDetailFontColor\r\n // el.style.fontSize = this.contents.tableBtnFontSize\r\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\r\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\r\n // el.style.borderColor = this.contents.tableBtnBorderColor\r\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\r\n // el.style.backgroundColor = this.contents.tableBtnDetailBgColor\r\n // })\r\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--primary').forEach(el=>{\r\n // el.style.height = this.contents.tableBtnHeight\r\n // el.style.color = this.contents.tableBtnEditFontColor\r\n // el.style.fontSize = this.contents.tableBtnFontSize\r\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\r\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\r\n // el.style.borderColor = this.contents.tableBtnBorderColor\r\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\r\n // el.style.backgroundColor = this.contents.tableBtnEditBgColor\r\n // })\r\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--danger').forEach(el=>{\r\n // el.style.height = this.contents.tableBtnHeight\r\n // el.style.color = this.contents.tableBtnDelFontColor\r\n // el.style.fontSize = this.contents.tableBtnFontSize\r\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\r\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\r\n // el.style.borderColor = this.contents.tableBtnBorderColor\r\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\r\n // el.style.backgroundColor = this.contents.tableBtnDelBgColor\r\n // })\r\n\r\n // }, 50)\r\n // })\r\n },\r\n // 分页\r\n contentPageStyleChange(){\r\n let arr = []\r\n\r\n if(this.contents.pageTotal) arr.push('total')\r\n if(this.contents.pageSizes) arr.push('sizes')\r\n if(this.contents.pagePrevNext){\r\n arr.push('prev')\r\n if(this.contents.pagePager) arr.push('pager')\r\n arr.push('next')\r\n }\r\n if(this.contents.pageJumper) arr.push('jumper')\r\n this.layouts = arr.join()\r\n this.contents.pageEachNum = 10\r\n },\r\n\r\n init () {\r\n },\r\n search() {\r\n this.pageIndex = 1;\r\n this.getDataList();\r\n },\r\n // 获取数据列表\r\n getDataList() {\r\n this.dataListLoading = true;\r\n let params = {\r\n page: this.pageIndex,\r\n limit: this.pageSize,\r\n sort: 'id',\r\n }\r\n if(this.searchForm.name!='' && this.searchForm.name!=undefined){\r\n params['name'] = '%' + this.searchForm.name + '%'\r\n }\r\n this.$http({\r\n url: \"config/page\",\r\n method: \"get\",\r\n params: params\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.dataList = data.data.list;\r\n this.totalPage = data.data.total;\r\n } else {\r\n this.dataList = [];\r\n this.totalPage = 0;\r\n }\r\n this.dataListLoading = false;\r\n });\r\n },\r\n // 每页数\r\n sizeChangeHandle(val) {\r\n this.pageSize = val;\r\n this.pageIndex = 1;\r\n this.getDataList();\r\n },\r\n // 当前页\r\n currentChangeHandle(val) {\r\n this.pageIndex = val;\r\n this.getDataList();\r\n },\r\n // 多选\r\n selectionChangeHandler(val) {\r\n this.dataListSelections = val;\r\n },\r\n // 添加/修改\r\n addOrUpdateHandler(id,type) {\r\n this.showFlag = false;\r\n this.addOrUpdateFlag = true;\r\n this.crossAddOrUpdateFlag = false;\r\n if(type!='info'){\r\n type = 'else';\r\n }\r\n this.$nextTick(() => {\r\n this.$refs.addOrUpdate.init(id,type);\r\n });\r\n },\r\n // 查看评论\r\n // 下载\r\n download(file){\r\n window.open(`${file}`)\r\n },\r\n // 删除\r\n deleteHandler(id) {\r\n var ids = id\r\n ? [Number(id)]\r\n : this.dataListSelections.map(item => {\r\n return Number(item.id);\r\n });\r\n this.$confirm(`确定进行[${id ? \"删除\" : \"批量删除\"}]操作?`, \"提示\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\"\r\n }).then(() => {\r\n this.$http({\r\n url: \"config/delete\",\r\n method: \"post\",\r\n data: ids\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.$message({\r\n message: \"操作成功\",\r\n type: \"success\",\r\n duration: 1500,\r\n onClose: () => {\r\n this.search();\r\n }\r\n });\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n });\r\n },\r\n }\r\n\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.slt {\r\n margin: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .ad {\r\n margin: 0 !important;\r\n display: flex;\r\n }\r\n\r\n .pages {\r\n & /deep/ el-pagination__sizes{\r\n & /deep/ el-input__inner {\r\n height: 22px;\r\n line-height: 22px;\r\n }\r\n }\r\n }\r\n \r\n\r\n .el-button+.el-button {\r\n margin:0;\r\n } \r\n\r\n .tables {\r\n\t& /deep/ .el-button--success {\r\n\t\theight: 40px;\r\n\t\tcolor: #333;\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: rgba(117, 113, 249, 1);\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--primary {\r\n\t\theight: 40px;\r\n\t\tcolor: #333;\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: rgba(102, 204, 255, 1);\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--danger {\r\n\t\theight: 40px;\r\n\t\tcolor: #333;\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: #DCDFE6;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: rgba(204, 255, 102, 1);\r\n\t}\r\n\r\n & /deep/ .el-button {\r\n margin: 4px;\r\n }\r\n }\r\n</style>"]}]} |