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