{"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/config-data.vue?vue&type=style&index=0&id=2484173e&scoped=true&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/system/config/config-data.vue","mtime":1721674673269},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5lbC1kYXRlLWVkaXRvci0tZGF0ZXJhbmdlLmVsLWlucHV0X19pbm5lciB7DQogIHdpZHRoOiAyMTVweDsNCn0NCg=="},{"version":3,"sources":["config-data.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgVA;AACA;AACA","file":"config-data.vue","sourceRoot":"src/views/system/config","sourcesContent":["<template>\r\n  <div class=\"dict-data-page\">\r\n    <!-- 搜索表单 -->\r\n    <el-form :model=\"table.where\" class=\"ele-form-search ele-table-tool-default\" size=\"small\"\r\n             @keyup.enter.native=\"$refs.table.reload()\"\r\n             @submit.native.prevent>\r\n      <el-row :gutter=\"15\">\r\n        <el-col :md=\"6\" :sm=\"12\">\r\n          <el-form-item>\r\n            <el-input v-model=\"table.where.title\" placeholder=\"请输入配置标题\" clearable size=\"small\"/>\r\n          </el-form-item>\r\n        </el-col>\r\n        <el-col :md=\"12\" :sm=\"12\">\r\n          <div class=\"ele-form-actions\">\r\n            <el-button type=\"primary\" @click=\"$refs.table.reload()\" icon=\"el-icon-search\" class=\"ele-btn-icon\"\r\n                       size=\"small\">查询\r\n            </el-button>\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=\"remove()\" type=\"danger\" icon=\"el-icon-delete\" class=\"ele-btn-icon\" size=\"small\" v-if=\"permission.includes('sys:config:delete')\">删除\r\n            </el-button>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </el-form>\r\n    <!-- 数据表格 -->\r\n    <ele-data-table ref=\"table\" :config=\"table\" :choose.sync=\"choose\" :height=\"tbHeight\" highlight-current-row>\r\n      <el-table-column type=\"selection\" width=\"45\" align=\"center\"/>\r\n      <el-table-column type=\"index\"  label=\"编号\" width=\"60\" align=\"center\" fixed=\"left\" show-overflow-tooltip/>\r\n      <el-table-column prop=\"title\" label=\"配置标题\" sortable=\"custom\" show-overflow-tooltip min-width=\"120\"/>\r\n      <el-table-column prop=\"code\" label=\"配置编码\" sortable=\"custom\" show-overflow-tooltip min-width=\"110\"/>\r\n      <el-table-column prop=\"value\" label=\"配置值\" sortable=\"custom\" show-overflow-tooltip min-width=\"200\">\r\n        <template slot-scope=\"{row}\">\r\n          <div v-if=\"row.type=='image'\">\r\n            <el-image\r\n                style=\"width: 36px; height: 36px\"\r\n                :src=\"row.value\"\r\n                :preview-src-list=\"[row.value]\">\r\n            </el-image>\r\n          </div>\r\n          <div v-else-if=\"row.type=='textarea'\">\r\n            <el-input v-if=\"row.value\" v-model=\"row.value\" :rows=\"3\" disabled type=\"textarea\"/>\r\n          </div>\r\n          <div v-else-if=\"row.type=='password'\">\r\n            <el-input v-if=\"row.value\" v-model=\"row.value\" disabled type=\"password\"/>\r\n          </div>\r\n          <div v-else>{{row.value}}</div>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column prop=\"note\" label=\"备注\" min-width=\"200px\"/>\r\n      <el-table-column label=\"配置类型\" min-width=\"100\" align=\"center\">\r\n        <template slot-scope=\"{row}\">\r\n          <el-tag v-if=\"row.type === 'readonly'\" type=\"\" size=\"small\">只读文本</el-tag>\r\n          <el-tag v-if=\"row.type === 'number'\" type=\"success\" size=\"small\">数字</el-tag>\r\n          <el-tag v-if=\"row.type === 'text'\" type=\"info\" size=\"small\">单行文本</el-tag>\r\n          <el-tag v-if=\"row.type === 'textarea'\" type=\"warning\" size=\"small\">多行文本</el-tag>\r\n          <el-tag v-if=\"row.type === 'array'\" type=\"danger\" size=\"small\">数组</el-tag>\r\n          <el-tag v-if=\"row.type === 'password'\" type=\"\" size=\"small\">密码</el-tag>\r\n          <el-tag v-if=\"row.type === 'radio'\" type=\"success\" size=\"small\">单选框</el-tag>\r\n          <el-tag v-if=\"row.type === 'checkbox'\" type=\"info\" size=\"small\">复选框</el-tag>\r\n          <el-tag v-if=\"row.type === 'select'\" type=\"warning\" size=\"small\">下拉框</el-tag>\r\n          <el-tag v-if=\"row.type === 'icon'\" type=\"danger\" size=\"small\">字体图标</el-tag>\r\n          <el-tag v-if=\"row.type === 'date'\" type=\"\" size=\"small\">日期</el-tag>\r\n          <el-tag v-if=\"row.type === 'daterange'\" type=\"\" size=\"small\">日期范围</el-tag>\r\n          <el-tag v-if=\"row.type === 'datetime'\" type=\"success\" size=\"small\">时间</el-tag>\r\n          <el-tag v-if=\"row.type === 'image'\" type=\"info\" size=\"small\">单张图片</el-tag>\r\n          <el-tag v-if=\"row.type === 'images'\" type=\"\" size=\"small\">多张图片</el-tag>\r\n          <el-tag v-if=\"row.type === 'file'\" type=\"success\" size=\"small\">单个文件</el-tag>\r\n          <el-tag v-if=\"row.type === 'files'\" type=\"warning\" size=\"small\">多个文件</el-tag>\r\n          <el-tag v-if=\"row.type === 'ueditor'\" type=\"danger\" size=\"small\">富文本编辑器</el-tag>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column prop=\"status\" label=\"配置状态\" sortable=\"custom\" :resizable=\"false\" min-width=\"120\">\r\n        <template slot-scope=\"{row}\">\r\n          <el-switch v-model=\"row.status\" @change=\"editStatus(row)\" :active-value=\"1\" :inactive-value=\"2\"/>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column prop=\"sort\" label=\"排序号\" sortable=\"custom\" width=\"90px\"/>\r\n      <el-table-column label=\"创建时间\" sortable=\"custom\" show-overflow-tooltip min-width=\"110\">\r\n        <template slot-scope=\"{row}\">{{ row.create_time | toDateString }}</template>\r\n      </el-table-column>\r\n      <el-table-column label=\"操作\" width=\"130px\" align=\"center\" :resizable=\"false\"  fixed=\"right\">\r\n        <template slot-scope=\"{row}\">\r\n          <el-link @click=\"edit(row)\" icon=\"el-icon-edit\" type=\"primary\" :underline=\"false\" v-if=\"permission.includes('sys:config:edit')\">修改\r\n          </el-link>\r\n          <el-popconfirm title=\"确定要删除此配置吗？\" @confirm=\"remove(row)\" class=\"ele-action\">\r\n            <el-link slot=\"reference\" icon=\"el-icon-delete\" type=\"danger\" :underline=\"false\" v-if=\"permission.includes('sys:config:delete')\">删除\r\n            </el-link>\r\n          </el-popconfirm>\r\n        </template>\r\n      </el-table-column>\r\n    </ele-data-table>\r\n    <!-- 编辑弹窗 -->\r\n    <el-dialog :title=\"editForm.id?'修改配置':'添加配置'\" :visible.sync=\"showEdit\" width=\"1100px\"\r\n               @closed=\"editForm={}\" :destroy-on-close=\"true\" custom-class=\"ele-dialog-form\" :lock-scroll=\"false\">\r\n      <el-form :model=\"editForm\" ref=\"editForm\" :rules=\"editRules\" label-width=\"96px\">\r\n        <el-row :gutter=\"15\">\r\n          <el-col :sm=\"12\">\r\n            <el-form-item label=\"配置标题:\" prop=\"title\">\r\n              <el-input v-model=\"editForm.title\" placeholder=\"请输入配置标题\" clearable/>\r\n            </el-form-item>\r\n            <el-form-item label=\"配置类型:\" prop=\"type\">\r\n              <el-select v-model=\"editForm.type\" placeholder=\"请选择配置类型\" class=\"ele-block\" clearable>\r\n                <el-option label=\"只读文本\" value=\"readonly\"/>\r\n                <el-option label=\"数字\" value=\"number\"/>\r\n                <el-option label=\"单行文本\" value=\"text\"/>\r\n                <el-option label=\"多行文本\" value=\"textarea\"/>\r\n                <el-option label=\"数组\" value=\"array\"/>\r\n                <el-option label=\"密码\" value=\"password\"/>\r\n                <el-option label=\"单选框\" value=\"radio\"/>\r\n                <el-option label=\"复选框\" value=\"checkbox\"/>\r\n                <el-option label=\"下拉框\" value=\"select\"/>\r\n                <el-option label=\"字体图标\" value=\"icon\"/>\r\n                <el-option label=\"日期\" value=\"date\"/>\r\n                <el-option label=\"日期范围\" value=\"daterange\"/>\r\n                <el-option label=\"时间\" value=\"datetime\"/>\r\n                <el-option label=\"单张图片\" value=\"image\"/>\r\n                <!--                <el-option label=\"多张图片\" value=\"images\"/>-->\r\n                <!--                <el-option label=\"单个文件\" value=\"file\"/>-->\r\n                <!--                <el-option label=\"多个文件\" value=\"files\"/>-->\r\n                <el-option label=\"富文本编辑器\" value=\"ueditor\"/>\r\n              </el-select>\r\n            </el-form-item>\r\n            <el-form-item label=\"配置值:\" prop=\"value\">\r\n              <el-input v-if=\"editForm.type=='textarea'\" v-model=\"editForm.value\" placeholder=\"请输入配置值\" :rows=\"3\" type=\"textarea\" clearable/>\r\n              <el-date-picker v-else-if=\"editForm.type=='date'\"\r\n                              v-model=\"editForm.value\"\r\n                              type=\"date\"\r\n                              placeholder=\"选择日期\"\r\n                              size=\"small\"\r\n                              value-format=\"yyyy-MM-dd\"\r\n                              format=\"yyyy-MM-dd\">\r\n              </el-date-picker>\r\n              <uploadImage v-else-if=\"editForm.type=='image'\" :limit=\"1\" v-model=\"editForm.value\"></uploadImage>\r\n              <el-date-picker v-else-if=\"editForm.type=='daterange'\"\r\n                              v-model=\"editForm.value\"\r\n                              type=\"daterange\"\r\n                              align=\"center\"\r\n                              unlink-panels\r\n                              range-separator=\"至\"\r\n                              start-placeholder=\"开始日期\"\r\n                              end-placeholder=\"结束日期\"\r\n                              :picker-options=\"pickerOptions\"\r\n                              size=\"small\"\r\n                              value-format=\"yyyy-MM-dd\"\r\n                              format=\"yyyy-MM-dd\">\r\n              </el-date-picker>\r\n              <el-input v-else v-model=\"editForm.value\" placeholder=\"请输入配置值\" clearable/>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :sm=\"12\">\r\n            <el-form-item label=\"配置编码:\" prop=\"code\">\r\n              <el-input v-model=\"editForm.code\" placeholder=\"请输入配置编码\" clearable/>\r\n            </el-form-item>\r\n            <el-form-item label=\"状态:\">\r\n              <el-radio-group v-model=\"editForm.status\">\r\n                <el-radio :label=\"1\">正常</el-radio>\r\n                <el-radio :label=\"2\">禁用</el-radio>\r\n              </el-radio-group>\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-col>\r\n        </el-row>\r\n        <el-form-item label=\"配置项:\">\r\n          <el-input v-model=\"editForm.options\" placeholder=\"请输入配置项\" :rows=\"3\" type=\"textarea\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"备注:\">\r\n          <el-input v-model=\"editForm.note\" placeholder=\"请输入备注\" :rows=\"3\" type=\"textarea\"/>\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 { mapGetters } from \"vuex\";\r\nimport uploadImage from '@/components/uploadImage'\r\nexport default {\r\n  name: \"SysConfigData\",\r\n  components: {uploadImage},\r\n  props: {\r\n    configgroupId: Number,  // 配置id\r\n    tbHeight: String  // 表格高度\r\n  },\r\n  data() {\r\n    return {\r\n      table: {url: '/config/index', where: {configgroupId: this.configgroupId}, page: {limit: 20}},  // 表格配置\r\n      choose: [],  // 表格选中数据\r\n      showEdit: false,  // 是否显示表单弹窗\r\n      editForm: {config_group_id:0},  // 表单数据\r\n      pickerOptions: {\r\n        shortcuts: [{\r\n          text: '最近一周',\r\n          onClick(picker) {\r\n            const end = new Date();\r\n            const start = new Date();\r\n            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);\r\n            picker.$emit('pick', [start, end]);\r\n          }\r\n        }, {\r\n          text: '最近一个月',\r\n          onClick(picker) {\r\n            const end = new Date();\r\n            const start = new Date();\r\n            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);\r\n            picker.$emit('pick', [start, end]);\r\n          }\r\n        }, {\r\n          text: '最近三个月',\r\n          onClick(picker) {\r\n            const end = new Date();\r\n            const start = new Date();\r\n            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);\r\n            picker.$emit('pick', [start, end]);\r\n          }\r\n        }]\r\n      },\r\n      editRules: {  // 表单验证规则\r\n        title: [\r\n          {required: true, message: '请输入配置标题', trigger: 'blur'}\r\n        ],\r\n        code: [\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  methods: {\r\n    /* 显示编辑 */\r\n    edit(row) {\r\n      this.editForm = Object.assign({}, row);\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          // 设置配置类型\r\n          this.editForm.config_group_id = this.configgroupId;\r\n          this.$http.post('/config/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(row) {\r\n      if (!row) {  // 批量删除\r\n        if (this.choose.length === 0) return this.$message.error('请至少选择一条数据');\r\n        let ids = this.choose.map(d => d.id);\r\n        this.$confirm('确定要删除选中的配置吗?', '提示', {type: 'warning'}).then(() => {\r\n          const loading = this.$loading({lock: true});\r\n          this.$http.post('/config/delete', {id: ids}).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      } else {  // 单个删除\r\n        const loading = this.$loading({lock: true});\r\n        this.$http.post('/config/delete', {id:row.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      }\r\n    },\r\n    /* 更改状态 */\r\n    editStatus(row) {\r\n      const loading = this.$loading({lock: true});\r\n      let params = Object.assign({}, row);\r\n      this.$http.post('/config/status', params).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        } else {\r\n          row.status = !row.status ? 2 : 1;\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    },\r\n  },\r\n  watch: {\r\n    /* 监听配置id变化 */\r\n    configgroupId() {\r\n      this.table.where = {configgroupId: this.configgroupId};\r\n      this.$refs.table.reload();\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-date-editor--daterange.el-input__inner {\r\n  width: 215px;\r\n}\r\n</style>"]}]}