| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2022060801/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/project/NN2022060801/addons/admin/src/views/system/config/index.vue","mtime":1616484982000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/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>"]}]}
|
