{"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/system/config/index.vue?vue&type=style&index=0&id=4d0d62fb&scoped=true&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/system/config/index.vue","mtime":1616484982000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5kaWN0LXRhYmxlID4+PiAuZWwtdGFibGVfX3JvdyB7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCg0KLmRpY3QtdGFibGUgPj4+IC5lbC10YWJsZV9fcm93ID4gdGQ6bGFzdC1jaGlsZDphZnRlciB7DQogIGNvbnRlbnQ6ICJcZTZlMCI7DQogIGZvbnQtZmFtaWx5OiBlbGVtZW50LWljb25zICFpbXBvcnRhbnQ7DQogIGZvbnQtc3R5bGU6IG5vcm1hbDsNCiAgZm9udC12YXJpYW50OiBub3JtYWw7DQogIHRleHQtdHJhbnNmb3JtOiBub25lOw0KICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDsNCiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTsNCiAgbGluZS1oZWlnaHQ6IDE7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgcmlnaHQ6IDEwcHg7DQogIHRvcDogNTAlOw0KICBtYXJnaW4tdG9wOiAtN3B4Ow0KfQ0KDQouZGljdC10YWJsZSA+Pj4gLmVsLXRhYmxlX19yb3cgPiB0ZDpsYXN0LWNoaWxkIC5jZWxsIHsNCiAgcGFkZGluZy1yaWdodDogMjBweDsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/config","sourcesContent":["<template>\r\n  <div class=\"ele-body\">\r\n    <el-card shadow=\"never\" body-style=\"padding-bottom:0;\">\r\n      <el-row :gutter=\"15\">\r\n        <el-col :md=\"6\" style=\"margin-bottom:15px;\">\r\n          <!-- 操作按钮 -->\r\n          <div class=\"ele-table-tool ele-table-tool-default\">\r\n            <el-button @click=\"showEdit=true\" type=\"primary\" icon=\"el-icon-plus\" class=\"ele-btn-icon\" size=\"small\" v-if=\"permission.includes('sys:config:add')\">添加\r\n            </el-button>\r\n            <el-button @click=\"edit\" type=\"warning\" icon=\"el-icon-edit\" class=\"ele-btn-icon\"\r\n                       :disabled=\"!current\" size=\"small\" v-if=\"permission.includes('sys:config:edit')\">修改\r\n            </el-button>\r\n            <el-button @click=\"remove\" type=\"danger\" icon=\"el-icon-delete\" class=\"ele-btn-icon\"\r\n                       :disabled=\"!current\" size=\"small\" v-if=\"permission.includes('sys:config:delete')\">删除\r\n            </el-button>\r\n          </div>\r\n          <!-- 数据表格 -->\r\n          <ele-data-table ref=\"table\" :config=\"table\" :current.sync=\"current\" :choose=\"[]\" @done=\"done\" highlight-current-row\r\n                          :height=\"tbHeight\" class=\"dict-table\">\r\n            <el-table-column type=\"index\" label=\"编号\" width=\"60\" align=\"center\"/>\r\n            <el-table-column prop=\"name\" label=\"配置分组\" show-overflow-tooltip min-width=\"200\"/>\r\n            <el-table-column prop=\"sort\" label=\"排序\" sortable=\"custom\" show-overflow-tooltip/>\r\n          </ele-data-table>\r\n        </el-col>\r\n        <el-col :md=\"18\" style=\"margin-bottom:15px;\">\r\n          <config-data v-if=\"current\" :configgroup-id=\"current.id\" :tb-height=\"tbHeight\"/>\r\n        </el-col>\r\n      </el-row>\r\n    </el-card>\r\n    <!-- 编辑弹窗 -->\r\n    <el-dialog :title=\"editForm.id?'修改配置分组':'添加配置分组'\" :visible.sync=\"showEdit\" width=\"400px\"\r\n               @closed=\"editForm={}\" :destroy-on-close=\"true\" :lock-scroll=\"false\">\r\n      <el-form :model=\"editForm\" ref=\"editForm\" :rules=\"editRules\" label-width=\"82px\">\r\n        <el-form-item label=\"分组名称:\" prop=\"name\">\r\n          <el-input v-model=\"editForm.name\" placeholder=\"请输入配置分组名称\" clearable/>\r\n        </el-form-item>\r\n        <el-form-item label=\"排序号:\" prop=\"sort\">\r\n          <el-input-number v-model=\"editForm.sort\" controls-position=\"right\" :min=\"0\"\r\n                           placeholder=\"请输入排序号\" class=\"ele-fluid ele-text-left\"/>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\">\r\n        <el-button @click=\"showEdit=false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"save\">保存</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ConfigData from './config-data'\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"SysConfigGroup\",\r\n  components: {ConfigData},\r\n  data() {\r\n    return {\r\n      table: {url: '/configgroup/index', page: true, where: {}},  // 表格配置\r\n      current: null,  // 表格选中数据\r\n      showEdit: false,  // 是否显示表单弹窗\r\n      editForm: {},  // 表单数据\r\n      editRules: {  // 表单验证规则\r\n        name: [\r\n          {required: true, message: '请输入配置分组名称', trigger: 'blur'}\r\n        ],\r\n        sort: [\r\n          {required: true, message: '请输入排序号', trigger: 'blur'}\r\n        ]\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"permission\"]),\r\n\r\n    /* 表格固定高度 */\r\n    tbHeight() {\r\n      return this.$store.state.theme.screenWidth < 992 ? undefined : 'calc(100vh - 265px)';\r\n    }\r\n  },\r\n  methods: {\r\n    /* 表格渲染完成回调 */\r\n    done(res) {\r\n      if (res.data.length > 0) this.$refs.table.setCurrentRow(res.data[0]);\r\n    },\r\n    /* 显示编辑 */\r\n    edit() {\r\n      this.editForm = Object.assign({}, this.current);\r\n      this.showEdit = true;\r\n    },\r\n    /* 保存编辑 */\r\n    save() {\r\n      this.$refs['editForm'].validate((valid) => {\r\n        if (valid) {\r\n          const loading = this.$loading({lock: true});\r\n          this.$http.post('/configgroup/edit', this.editForm).then(res => {\r\n            loading.close();\r\n            if (res.data.code === 0) {\r\n              this.showEdit = false;\r\n              this.$message({type: 'success', message: res.data.msg});\r\n              this.$refs.table.reload();\r\n            } else {\r\n              this.$message.error(res.data.msg);\r\n            }\r\n          }).catch(e => {\r\n            loading.close();\r\n            this.$message.error(e.message);\r\n          });\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    /* 删除 */\r\n    remove() {\r\n      this.$confirm('确定要删除选中的配置分组吗?', '提示', {type: 'warning'}).then(() => {\r\n        const loading = this.$loading({lock: true});\r\n        this.$http.post('/configgroup/delete?id=' + this.current.id).then(res => {\r\n          loading.close();\r\n          if (res.data.code === 0) {\r\n            this.$message({type: 'success', message: res.data.msg});\r\n            this.$refs.table.reload();\r\n          } else {\r\n            this.$message.error(res.data.msg);\r\n          }\r\n        }).catch(e => {\r\n          loading.close();\r\n          this.$message.error(e.message);\r\n        });\r\n      }).catch(() => 0);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.dict-table >>> .el-table__row {\r\n  cursor: pointer;\r\n}\r\n\r\n.dict-table >>> .el-table__row > td:last-child:after {\r\n  content: \"\\e6e0\";\r\n  font-family: element-icons !important;\r\n  font-style: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  line-height: 1;\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 50%;\r\n  margin-top: -7px;\r\n}\r\n\r\n.dict-table >>> .el-table__row > td:last-child .cell {\r\n  padding-right: 20px;\r\n}\r\n</style>"]}]}