{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\sysManager\\sysParameter\\index.vue?vue&type=style&index=0&id=1d485ff8&lang=scss&scoped=true&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\sysManager\\sysParameter\\index.vue","mtime":1696909835000},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1697005521990},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697005525068},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1697005523212},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1697005520932},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697005524089}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYXBwLWNvbnRhaW5lciB7CiAgLypsZWZ0OiAwOyovCiAgLyp3aWR0aDogMTAwJTsqLwogIC8qbWluLWhlaWdodDogMTAwJTsqLwogIC8qaGVpZ2h0OiBhdXRvOyovCiAgLypiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMjVkZWcsICMwNTM2MmQsICMxNDVkNDQsICMyNDg3NWQsICMzNWI0NzcpKi8KfQoKLnBhZ2luYXRpb24gewogIG1hcmdpbjogMjBweCAwOwogIHRleHQtYWxpZ246IHJpZ2h0Owp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiWA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/sysManager/sysParameter","sourcesContent":["<template>\r\n  <div class=\"app-container\">\r\n    <el-card class=\"box-carde\">\r\n      <div slot=\"header\" class=\"clearfix\">\r\n        <span>系统参数</span>\r\n      </div>\r\n      <el-button\r\n        type=\"primary\"\r\n        plain\r\n        icon=\"el-icon-plus\"\r\n        size=\"mini\"\r\n        @click=\"insertEvent\"\r\n        v-hasPermi=\"['system:config:add']\"\r\n      >新增\r\n      </el-button>\r\n      <el-input\r\n        maxlength=\"200\"\r\n        v-model=\"keywords\"\r\n        placeholder=\"通过参数名搜索\"\r\n        clearable\r\n        style=\"width: 300px;margin: 0px;padding: 0px;\"\r\n        size=\"mini\"\r\n        prefix-icon=\"el-icon-search\"\r\n      />\r\n      <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n      <div style=\"padding-top: 10px\">\r\n        <vxe-table\r\n          ref=\"xTable\"\r\n          align=\"center\"\r\n          :loading=\"loading\"\r\n          class=\"mytable-style\"\r\n          auto-resize\r\n          border\r\n          resizable\r\n          export-config\r\n          highlight-current-row\r\n          show-overflow\r\n          :keep-source=\"true\"\r\n          :data=\"tableData\"\r\n          :edit-rules=\"rules\"\r\n          :edit-config=\"{trigger: 'manual', mode: 'row',autoClear: false,icon:'none',activeMethod: activeCellMethod}\"\r\n        >\r\n          <vxe-table-column title=\"参数配置\">\r\n            <vxe-table-column\r\n              field=\"sysKey\"\r\n              title=\"参数名\"\r\n              width=\"25%\"\r\n              :edit-render=\"{name: '$input', props: {type: 'text'}}\"\r\n            />\r\n            <vxe-table-column\r\n              field=\"sysValue\"\r\n              title=\"参数值\"\r\n              width=\"25%\"\r\n              :edit-render=\"{name: '$input', attrs: {type: 'text'}}\"\r\n            />\r\n            <vxe-table-column\r\n              field=\"sysDescribe\"\r\n              title=\"参数描述\"\r\n              width=\"25%\"\r\n              :edit-render=\"{name: '$input', attrs: {type: 'text'}}\"\r\n            />\r\n            <vxe-table-column align=\"center\" width=\"25%\" title=\"操作\">\r\n              <template v-slot=\"{ row }\">\r\n                <template v-if=\"$refs.xTable.isActiveByRow(row)\">\r\n                  <el-button\r\n                    style=\"padding: 3px 4px 3px 4px;margin: 2px\"\r\n                    size=\"mini\"\r\n                    icon=\"el-icon-edit\"\r\n                    :loading=\"saveLoding\"\r\n                    @click=\"saveRowEvent(row)\"\r\n                  >保存\r\n                  </el-button>\r\n                  <el-button\r\n                    style=\"padding: 3px 4px 3px 4px;margin: 2px\"\r\n                    size=\"mini\"\r\n                    icon=\"el-icon-edit\"\r\n                    @click=\"cancelRowEvent(row)\"\r\n                  >取消\r\n                  </el-button>\r\n                </template>\r\n                <template v-else>\r\n                  <el-button\r\n                    style=\"padding: 3px 4px 3px 4px;margin: 2px\"\r\n                    size=\"mini\"\r\n                    icon=\"el-icon-edit\"\r\n                    :loading=\"btnLonding\"\r\n                    @click=\"editRowEvent(row)\"\r\n                    v-hasPermi=\"['system:config:edit']\"\r\n                  >编辑\r\n                  </el-button>\r\n                  <el-button\r\n                  type=\"danger\"\r\n                  style=\"padding: 3px 4px 3px 4px;margin: 2px\"\r\n                  size=\"mini\"\r\n                  icon=\"el-icon-delete\"\r\n                  @click=\"removeEvent(row)\"\r\n                  v-hasPermi=\"['system:config:remove']\"\r\n                  :loading=btnLonding>删除\r\n                  </el-button>\r\n                </template>\r\n              </template>\r\n            </vxe-table-column>\r\n          </vxe-table-column>\r\n        </vxe-table>\r\n        <vxe-pager\r\n          v-show=\"showTable\"\r\n          perfect\r\n          :current-page.sync=\"currentPage\"\r\n          :page-size.sync=\"pageSize\"\r\n          :total=\"total\"\r\n          :page-sizes=\"[10,50,100]\"\r\n          :layouts=\"['PrevJump', 'PrevPage','JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']\"\r\n          @page-change=\"handlePageChange\"\r\n        >\r\n        </vxe-pager>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { debounce } from 'lodash'\r\nexport default {\r\n  data() {\r\n    return {\r\n      keywords: '',\r\n      add: false,\r\n      addType: false,\r\n      loading: false,\r\n      saveLoding: false,\r\n      showTable: true,\r\n      btnLonding: false,\r\n      tableData: [],\r\n      currentPage: 1,\r\n      pageSize: 10,\r\n      total: 0,\r\n      rules: {\r\n        sysKey: [\r\n          { required: true, message: '参数名不能为空' },\r\n          { max: 50, message: '参数名不能超过50个字符', trigger: 'blur'}\r\n        ],\r\n        sysValue: [\r\n          { required: true, message: '参数值不能为空' },\r\n          { max: 50, message: '参数值不能超过50个字符', trigger: 'blur'}\r\n        ],\r\n        sysDescribe: [\r\n          { required: true, message: '参数描述不能为空' },\r\n          { max: 200, message: '参数描述不能超过200个字符', trigger: 'blur'}\r\n        ]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getList()\r\n  },\r\n  methods: {\r\n    activeCellMethod({ column, columnIndex }) {\r\n      if (columnIndex === 1) {\r\n        return false\r\n      }\r\n      return true\r\n    },\r\n    /** 搜索按钮操作 */\r\n    handleQuery:debounce(function(){\r\n      this.currentPage = 1\r\n      this.pageSize = 10\r\n      this.getList()\r\n    },1000),\r\n    async getList(){\r\n      this.loading = true;\r\n      this.addType = false\r\n      this.saveLoding = false\r\n      this.btnLonding = false\r\n      const xTable = this.$refs.xTable\r\n      if (this.add) {\r\n        xTable.clearActived().then(() => {\r\n          xTable.remove(row)\r\n          this.add = false\r\n        })\r\n      }\r\n      this.add = false\r\n      let sysTime\r\n      let lk\r\n      await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n        sysTime = res.data.sysTime\r\n        lk = res.data.lk\r\n      }).catch((error) => {\r\n      })\r\n      this.loading = true;\r\n      var searchParams = {\r\n        currentPage: this.currentPage,\r\n        pageSize: this.pageSize,\r\n        keywords: this.keywords,\r\n        sysTime: sysTime,\r\n        lk: lk\r\n      }\r\n      await this.$axios.get('/sysParameterController/getAll',\r\n        {params: searchParams}).then((res) => {\r\n        this.tableData = res.data.records\r\n        this.total = res.data.total\r\n\r\n        if (res.data.records == '') {\r\n          this.showTable = false\r\n        } else {\r\n          this.showTable = true\r\n        }\r\n        this.loading = false\r\n      }).catch((error) => {\r\n        this.loading = false;\r\n        // this.$message.error('获取数据出错' + error)\r\n      })\r\n    },\r\n    handlePageChange({ currentPage, pageSize }) {\r\n      this.currentPage = currentPage\r\n      this.pageSize = pageSize\r\n      this.getList()\r\n    },\r\n\r\n    editRowEvent(row) {\r\n      this.btnLonding = true\r\n      this.$refs.xTable.setActiveRow(row)\r\n    },\r\n    saveRowEvent:debounce(function(row){\r\n      this.saveLoding = true\r\n      this.$refs.xTable.validate(async valid => {\r\n        if (valid) {\r\n          let sysTime\r\n          let lk\r\n          await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n            sysTime = res.data.sysTime\r\n            lk = res.data.lk\r\n          }).catch((error) => {\r\n          })\r\n          row.sysTime = sysTime\r\n          row.lk = lk\r\n          if (this.addType) {\r\n            await this.$axios.post('/sysParameterController/addParameter', row).then((res) => {\r\n              if (res.code == 0) {\r\n                this.$message.success('新增成功')\r\n              }\r\n              if (res.code == 1) {\r\n                this.$message.error(res.data)\r\n              }\r\n              this.btnLonding = false\r\n              this.addType = false\r\n              this.add = false\r\n              this.saveLoding = false\r\n              this.getList();\r\n            }).catch((error) => {\r\n              // this.$message.error(error)\r\n              this.saveLoding = false\r\n            })\r\n          } else {\r\n            await this.$axios.post('/sysParameterController/updateParameter', row).then((res) => {\r\n              if (res.code == 0) {\r\n                this.$message.success('修改成功')\r\n              }\r\n              if (res.code == 1) {\r\n                this.$message.error(res.data)\r\n              }\r\n              this.getList();\r\n              this.saveLoding = false\r\n              this.btnLonding = false\r\n            }).catch((error) => {\r\n              // this.$message.error(error)\r\n              this.saveLoding = false\r\n            })\r\n          }\r\n        } else {\r\n          this.$XModal.message({ status: 'error', message: '校验不通过！' })\r\n          this.saveLoding = false\r\n        }\r\n      })\r\n      this.saveLoding = false\r\n    },1000),\r\n    cancelRowEvent(row) {\r\n      this.addType = false\r\n      this.saveLoding = false\r\n      this.btnLonding = false\r\n      const xTable = this.$refs.xTable\r\n      if (this.add) {\r\n        xTable.clearActived().then(() => {\r\n          xTable.remove(row)\r\n          this.add = false\r\n        })\r\n      } else {\r\n        xTable.clearActived().then(() => {\r\n          // 还原行数据\r\n          xTable.revertData(row)\r\n        })\r\n      }\r\n    },\r\n    removeEvent(row) {\r\n      this.$XModal.confirm('您确定要删除该数据?').then(async type => {\r\n        if (type === 'confirm') {\r\n          let sysTime\r\n          let lk\r\n          await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n            sysTime = res.data.sysTime\r\n            lk = res.data.lk\r\n          }).catch((error) => {\r\n          })\r\n\r\n          const param = {\r\n            id: row.id,\r\n            sysTime: sysTime,\r\n            lk: lk\r\n          }\r\n          await this.$axios.post('/sysParameterController/deleteParameter',param).then(response => {\r\n            if (response.code == 0) {\r\n              this.$message({\r\n                type: 'success',\r\n                message: '删除成功!'\r\n              });\r\n            } else {\r\n              this.$message({\r\n                type: 'error',\r\n                message: res.data\r\n              });\r\n            }\r\n            this.getList();\r\n            //\r\n            // this.$XModal.message({status: 'warning', message: response.message})\r\n            // this.$refs.xTable.remove(row)\r\n          })\r\n        }\r\n      })\r\n    },\r\n    dateFormat(row, column) {\r\n      var date = row.cellValue\r\n\r\n      if (date == undefined || date == null) {\r\n        return ''\r\n      }\r\n      return this.$moment(date).format('YYYY-MM-DD HH:mm:ss')// 使用moment插件进行日期格式化\r\n    },\r\n    insertEvent() {\r\n      if (this.add == true){\r\n        this.$XModal.message({ status: 'error', message: '未保存记录不能再次添加！' })\r\n        return false\r\n      }\r\n      this.add = true\r\n      this.addType = true\r\n      this.showTable = true\r\n      this.btnLonding = true\r\n\r\n      this.$refs.xTable.insert()\r\n        .then(({ row }) => this.$refs.xTable.setActiveRow(row))\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .app-container {\r\n    /*left: 0;*/\r\n    /*width: 100%;*/\r\n    /*min-height: 100%;*/\r\n    /*height: auto;*/\r\n    /*background-image: linear-gradient(25deg, #05362d, #145d44, #24875d, #35b477)*/\r\n  }\r\n\r\n  .pagination {\r\n    margin: 20px 0;\r\n    text-align: right;\r\n  }\r\n</style>\r\n"]}]}