{"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>"]}]}