{"remainingRequest":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\Git\\CampusVolunteer\\admin\\src\\views\\modules\\config\\list.vue?vue&type=style&index=0&id=29725dce&lang=scss&scoped=true","dependencies":[{"path":"E:\\Git\\CampusVolunteer\\admin\\src\\views\\modules\\config\\list.vue","mtime":1744272066610},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1744272062243},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1744272066098},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1744272064469},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1744272065559},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1744272061491},{"path":"E:\\Git\\CampusVolunteer\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1744272066096}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CiAgLnNsdCB7CiAgICBtYXJnaW46IDAgIWltcG9ydGFudDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgfQoKICAuYWQgewogICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7CiAgICBkaXNwbGF5OiBmbGV4OwogIH0KCiAgLnBhZ2VzIHsKICAgICYgL2RlZXAvIGVsLXBhZ2luYXRpb25fX3NpemVzewogICAgICAmIC9kZWVwLyBlbC1pbnB1dF9faW5uZXIgewogICAgICAgIGhlaWdodDogMjJweDsKICAgICAgICBsaW5lLWhlaWdodDogMjJweDsKICAgICAgfQogICAgfQogIH0KICAKCiAgLmVsLWJ1dHRvbisuZWwtYnV0dG9uIHsKICAgIG1hcmdpbjowOwogIH0gCgogIC50YWJsZXMgewoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tc3VjY2VzcyB7CgkJaGVpZ2h0OiA0MHB4OwoJCWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlmb250LXNpemU6IDE0cHg7CgkJYm9yZGVyLXdpZHRoOiA1cHggMXB4OwoJCWJvcmRlci1zdHlsZTogc29saWQ7CgkJYm9yZGVyLWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKCX0KCQoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tcHJpbWFyeSB7CgkJaGVpZ2h0OiA0MHB4OwoJCWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlmb250LXNpemU6IDE0cHg7CgkJYm9yZGVyLXdpZHRoOiA1cHggMXB4OwoJCWJvcmRlci1zdHlsZTogc29saWQ7CgkJYm9yZGVyLWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKCX0KCQoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tZGFuZ2VyIHsKCQloZWlnaHQ6IDQwcHg7CgkJY29sb3I6IHJnYmEoOTgsIDE5MCwgODQsIDEpOwoJCWZvbnQtc2l6ZTogMTRweDsKCQlib3JkZXItd2lkdGg6IDVweCAxcHg7CgkJYm9yZGVyLXN0eWxlOiBzb2xpZDsKCQlib3JkZXItY29sb3I6IHJnYmEoOTgsIDE5MCwgODQsIDEpOwoJCWJvcmRlci1yYWRpdXM6IDRweDsKCQliYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwoJfQoKICAgICYgL2RlZXAvIC5lbC1idXR0b24gewogICAgICBtYXJnaW46IDRweDsKICAgIH0KICB9CgkuZm9ybS1jb250ZW50IHsKCQliYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKCX0KCS50YWJsZS1jb250ZW50IHsKCQliYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKCX0KCQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyIHsKCQkJCWJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjUgIWltcG9ydGFudDsKCQkJCWNvbG9yOiAjNjA2MjY2ICFpbXBvcnRhbnQ7CgkgfQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyLmVsLXRhYmxlX19yb3ctLXN0cmlwZWQgdGQgewoJICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwoJfQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyLmVsLXRhYmxlX19yb3ctLXN0cmlwZWQgewoJCWJhY2tncm91bmQtY29sb3I6ICNGNUY3RkEgIWltcG9ydGFudDsKCQljb2xvcjogIzYwNjI2NiAhaW1wb3J0YW50OwoJfQoJCgkgLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyOmhvdmVyPnRkIHsKCSAgIAkgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1ICFpbXBvcnRhbnQ7CgkgICAJICAgCSAgIGNvbG9yOiAjMzMzICFpbXBvcnRhbnQ7CgkgICAJIH0KCSAK"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AA0fA;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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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\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\r\n\r\n\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            :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=\"contents.tableAlign\"\r\n                align=\"center\"\r\n                width=\"50\">\r\n            </el-table-column>\r\n            <el-table-column label=\"索引\" :align=\"contents.tableAlign\"  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=\"contents.tableAlign\"\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=\"contents.tableAlign\"\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=\"$base.url+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=\"contents.tableAlign\"\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                </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\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport axios from 'axios'\r\nimport AddOrUpdate from \"./add-or-update\";\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:{\"searchBtnFontColor\":\"rgba(255, 255, 255, 1)\",\"pagePosition\":\"1\",\"inputFontSize\":\"14px\",\"inputBorderRadius\":\"160px\",\"tableBtnDelFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnIconPosition\":\"1\",\"searchBtnHeight\":\"40px\",\"tableBgColor\":\"#f5f5f5\",\"inputIconColor\":\"rgba(255, 255, 255, 1)\",\"searchBtnBorderRadius\":\"160px\",\"tableStripe\":true,\"btnAdAllWarnFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnDelBgColor\":\"#fff\",\"searchBtnIcon\":\"0\",\"tableSize\":\"medium\",\"searchBtnBorderStyle\":\"solid\",\"text\":{\"padding\":\"10px 20px\",\"boxShadow\":\"0 0 0px rgba(0,0,0,.1)\",\"margin\":\"0 auto\",\"borderColor\":\"rgba(0,0,0,.3)\",\"backgroundColor\":\"rgba(247, 247, 247, 0)\",\"color\":\"rgba(98, 190, 84, 1)\",\"borderRadius\":\"6px\",\"borderWidth\":\"0\",\"width\":\"auto\",\"lineHeight\":\"600px\",\"fontSize\":\"40px\",\"borderStyle\":\"solid\"},\"tableSelection\":true,\"searchBtnBorderWidth\":\"4px\",\"tableContentFontSize\":\"14px\",\"searchBtnBgColor\":\"rgba(98, 190, 84, 1)\",\"inputTitleSize\":\"14px\",\"btnAdAllBorderColor\":\"#DCDFE6\",\"pageJumper\":true,\"btnAdAllIconPosition\":\"1\",\"searchBoxPosition\":\"2\",\"tableBtnDetailFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnHeight\":\"40px\",\"pagePager\":true,\"searchBtnBorderColor\":\"rgba(78, 147, 67, 1)\",\"tableHeaderFontColor\":\"rgba(255, 255, 255, 1)\",\"inputTitle\":\"1\",\"tableBtnBorderRadius\":\"4px\",\"btnAdAllFont\":\"1\",\"btnAdAllDelFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnIcon\":\"1\",\"btnAdAllHeight\":\"40px\",\"btnAdAllWarnBgColor\":\"rgba(255, 255, 255, 0)\",\"btnAdAllBorderWidth\":\"0px\",\"tableStripeFontColor\":\"#606266\",\"tableBtnBorderStyle\":\"solid\",\"inputHeight\":\"40px\",\"btnAdAllBorderRadius\":\"4px\",\"btnAdAllDelBgColor\":\"rgba(255, 255, 255, 0)\",\"pagePrevNext\":true,\"btnAdAllAddBgColor\":\"rgba(255, 255, 255, 0)\",\"searchBtnFont\":\"1\",\"tableIndex\":true,\"btnAdAllIcon\":\"1\",\"tableSortable\":false,\"pageSizes\":true,\"tableFit\":true,\"pageBtnBG\":false,\"searchBtnFontSize\":\"14px\",\"tableBtnEditBgColor\":\"#fff\",\"box\":{\"padding\":\"10px 20px\",\"boxShadow\":\"0 0 6px rgba(0,0,0,0)\",\"flag\":1,\"backgroundImage\":\"\",\"background\":\"#fff\"},\"inputBorderWidth\":\"4px\",\"inputFontPosition\":\"1\",\"inputFontColor\":\"rgba(255, 255, 255, 1)\",\"pageEachNum\":10,\"tableHeaderBgColor\":\"rgba(98, 190, 84, 1)\",\"inputTitleColor\":\"rgba(98, 190, 84, 1)\",\"btnAdAllBoxPosition\":\"1\",\"tableBtnDetailBgColor\":\"#fff\",\"inputIcon\":\"1\",\"searchBtnIconPosition\":\"1\",\"btnAdAllFontSize\":\"14px\",\"inputBorderStyle\":\"solid\",\"tableHoverFontColor\":\"#333\",\"inputBgColor\":\"rgba(98, 190, 84, 1)\",\"pageStyle\":false,\"pageTotal\":true,\"btnAdAllAddFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnFont\":\"1\",\"tableContentFontColor\":\"#606266\",\"inputBorderColor\":\"rgba(78, 147, 67, 1)\",\"tableShowHeader\":true,\"tableHoverBgColor\":\"#f5f5f5\",\"tableBtnFontSize\":\"14px\",\"tableBtnBorderColor\":\"rgba(98, 190, 84, 1)\",\"inputIconPosition\":\"2\",\"tableBorder\":true,\"btnAdAllBorderStyle\":\"solid\",\"tableBtnBorderWidth\":\"5px 1px\",\"tableStripeBgColor\":\"#F5F7FA\",\"tableBtnEditFontColor\":\"rgba(98, 190, 84, 1)\",\"tableAlign\":\"center\"},\r\n      layouts: '',\r\n\r\n\r\n    };\r\n  },\r\n  created() {\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\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    // 获取数据列表\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          params['name'] = '%picture%'\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\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: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--primary {\r\n\t\theight: 40px;\r\n\t\tcolor: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--danger {\r\n\t\theight: 40px;\r\n\t\tcolor: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\r\n    & /deep/ .el-button {\r\n      margin: 4px;\r\n    }\r\n  }\r\n\t.form-content {\r\n\t\tbackground: transparent;\r\n\t}\r\n\t.table-content {\r\n\t\tbackground: transparent;\r\n\t}\r\n\t\r\n\t.tables /deep/ .el-table__body tr {\r\n\t\t\t\tbackground-color: #f5f5f5 !important;\r\n\t\t\t\tcolor: #606266 !important;\r\n\t }\r\n\t.tables /deep/ .el-table__body tr.el-table__row--striped td {\r\n\t    background: transparent;\r\n\t}\r\n\t.tables /deep/ .el-table__body tr.el-table__row--striped {\r\n\t\tbackground-color: #F5F7FA !important;\r\n\t\tcolor: #606266 !important;\r\n\t}\r\n\t\r\n\t .tables /deep/ .el-table__body tr:hover>td {\r\n\t   \t   background-color: #f5f5f5 !important;\r\n\t   \t   \t   color: #333 !important;\r\n\t   \t }\r\n\t \r\n</style>\r\n"]}]}