|
|
@@ -7,37 +7,18 @@
|
|
|
<el-button type="primary" @click="handleNew">新建</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <hr style="border-top: 2px solid #eee;margin: 10px 0;">
|
|
|
+ <hr style="border-top: 2px solid #eee;margin: 10px 0;" />
|
|
|
<el-row style="margin-top:10px;">
|
|
|
<el-table :data="configList">
|
|
|
- <el-table-column
|
|
|
- prop="id"
|
|
|
- label="#"
|
|
|
- width="48"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="名称"
|
|
|
- width="108"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="code"
|
|
|
- label="编码"
|
|
|
- width="108"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="配置"
|
|
|
- width="180"
|
|
|
- >
|
|
|
+ <el-table-column prop="id" label="#" width="48"></el-table-column>
|
|
|
+ <el-table-column prop="name" label="名称" width="108"></el-table-column>
|
|
|
+ <el-table-column prop="code" label="编码" width="108"></el-table-column>
|
|
|
+ <el-table-column label="配置" width="180">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="handleShow(scope.row)" size="small" type="text">查看</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="created"
|
|
|
- label="创建时间"
|
|
|
- width="180"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column prop="created" label="创建时间" width="180"></el-table-column>
|
|
|
<el-table-column label="操作" width="180">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="handleEdit(scope.row)" size="small" type="text">编辑</el-button>
|
|
|
@@ -56,12 +37,12 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="配置：">
|
|
|
<el-row
|
|
|
- type="flex"
|
|
|
- justify="space-between"
|
|
|
- :gutter="20"
|
|
|
- style="margin-bottom:10px"
|
|
|
- v-for="(item,index) in formData.config"
|
|
|
- :key="index"
|
|
|
+ type="flex"
|
|
|
+ justify="space-between"
|
|
|
+ :gutter="20"
|
|
|
+ style="margin-bottom:10px"
|
|
|
+ v-for="(item,index) in formData.config"
|
|
|
+ :key="index"
|
|
|
>
|
|
|
<el-col :span="3" style="text-align:right">名称：</el-col>
|
|
|
<el-col :span="7">
|
|
|
@@ -73,18 +54,18 @@
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<el-button
|
|
|
- v-show="index==(formData.config.length-1)"
|
|
|
- @click="plus"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-plus"
|
|
|
- circle
|
|
|
+ v-show="index==(formData.config.length-1)"
|
|
|
+ @click="plus"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ circle
|
|
|
></el-button>
|
|
|
<el-button
|
|
|
- v-show="index>0"
|
|
|
- @click="minus(index)"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-minus"
|
|
|
- circle
|
|
|
+ v-show="index>0"
|
|
|
+ @click="minus(index)"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-minus"
|
|
|
+ circle
|
|
|
></el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -105,131 +86,129 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { mapActions } from "vuex";
|
|
|
- export default {
|
|
|
- name: "ConfigManage",
|
|
|
- data(){
|
|
|
- return {
|
|
|
- configList:null,
|
|
|
- dialogVisible:false,
|
|
|
- dialogConfig:false,
|
|
|
- formData:{
|
|
|
- name:'',
|
|
|
- code:'',
|
|
|
- config:[
|
|
|
- {
|
|
|
- key: "",
|
|
|
- val: ""
|
|
|
- }
|
|
|
- ],
|
|
|
-
|
|
|
- },
|
|
|
- configInfo:null
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.loadList()
|
|
|
- },
|
|
|
- methods:{
|
|
|
- ...mapActions(["fetch"]),
|
|
|
- loadList(){
|
|
|
- this.fetch({
|
|
|
- api:'/publics/sysconf/list',
|
|
|
- success:res=>{
|
|
|
- console.log(res)
|
|
|
- this.configList = res
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- handleShow(row){
|
|
|
- console.log(row)
|
|
|
- this.configInfo = JSON.parse(row.conf.data)
|
|
|
- this.dialogConfig=true
|
|
|
- },
|
|
|
- handleEdit(row){
|
|
|
- this.clearForm()
|
|
|
- this.formData.id = row.id // 关键
|
|
|
- this.formData.name=row.name
|
|
|
- this.formData.code=row.code
|
|
|
- this.formData.config = JSON.parse(row.conf.data)
|
|
|
- this.dialogVisible = true
|
|
|
- },
|
|
|
- handleDel(row){
|
|
|
- this.fetch({
|
|
|
- api:'/publics/sysconf/delete',
|
|
|
- data:{id:row.id},
|
|
|
- success:res=>{
|
|
|
- this.$message.info("删除成功")
|
|
|
- this.loadList()
|
|
|
- },
|
|
|
- fail:err=>{
|
|
|
- console.log(err)
|
|
|
- if(err.errMsg)
|
|
|
- this.$message.info(err.errMsg)
|
|
|
+import { mapActions } from "vuex";
|
|
|
+export default {
|
|
|
+ name: "ConfigManage",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ configList: null,
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogConfig: false,
|
|
|
+ formData: {
|
|
|
+ name: "",
|
|
|
+ code: "",
|
|
|
+ config: [
|
|
|
+ {
|
|
|
+ key: "",
|
|
|
+ val: ""
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- handleNew(){
|
|
|
- this.clearForm()
|
|
|
- this.dialogVisible=true
|
|
|
+ ]
|
|
|
},
|
|
|
- handleSubmit(){
|
|
|
- //提交了
|
|
|
- let data = {
|
|
|
- name:this.formData.name,
|
|
|
- code:this.formData.code,
|
|
|
- conf:JSON.stringify({data:JSON.stringify(this.formData.config)})
|
|
|
+ configInfo: null
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.loadList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapActions(["fetch"]),
|
|
|
+ loadList() {
|
|
|
+ this.fetch({
|
|
|
+ api: "/publics/sysconf/list",
|
|
|
+ success: res => {
|
|
|
+ console.log(res);
|
|
|
+ this.configList = res;
|
|
|
}
|
|
|
- let api = "/publics/sysconf/add"
|
|
|
- if(this.formData.id) {
|
|
|
- api = "/publics/sysconf/update"
|
|
|
- data.id=this.formData.id
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleShow(row) {
|
|
|
+ console.log(row);
|
|
|
+ this.configInfo = JSON.parse(row.conf.data);
|
|
|
+ this.dialogConfig = true;
|
|
|
+ },
|
|
|
+ handleEdit(row) {
|
|
|
+ this.clearForm();
|
|
|
+ this.formData.id = row.id; // 关键
|
|
|
+ this.formData.name = row.name;
|
|
|
+ this.formData.code = row.code;
|
|
|
+ this.formData.config = JSON.parse(row.conf.data);
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ handleDel(row) {
|
|
|
+ this.fetch({
|
|
|
+ api: "/publics/sysconf/delete",
|
|
|
+ data: { id: row.id },
|
|
|
+ success: res => {
|
|
|
+ this.$message.info("删除成功");
|
|
|
+ this.loadList();
|
|
|
+ },
|
|
|
+ fail: err => {
|
|
|
+ console.log(err);
|
|
|
+ if (err.errMsg) this.$message.info(err.errMsg);
|
|
|
}
|
|
|
- this.fetch({
|
|
|
- api,
|
|
|
- data,
|
|
|
- success:res=>{
|
|
|
- //关掉对惶恐
|
|
|
- console.log(res)
|
|
|
- this.dialogVisible = false
|
|
|
- // this.clearForm()
|
|
|
- this.loadList()
|
|
|
- },
|
|
|
- fail:err=>{
|
|
|
- console.log(err)
|
|
|
- if(err.errMsg)
|
|
|
- this.$message.info(err.errMsg)
|
|
|
- }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleNew() {
|
|
|
+ this.clearForm();
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ handleSubmit() {
|
|
|
+ //提交了
|
|
|
+ let data = {
|
|
|
+ name: this.formData.name,
|
|
|
+ code: this.formData.code,
|
|
|
+ conf: JSON.stringify({
|
|
|
+ data: JSON.stringify(this.formData.config)
|
|
|
})
|
|
|
- },
|
|
|
-
|
|
|
+ };
|
|
|
+ let api = "/publics/sysconf/add";
|
|
|
+ if (this.formData.id) {
|
|
|
+ api = "/publics/sysconf/update";
|
|
|
+ data.id = this.formData.id;
|
|
|
+ }
|
|
|
+ this.fetch({
|
|
|
+ api,
|
|
|
+ data,
|
|
|
+ success: res => {
|
|
|
+ //关掉对惶恐
|
|
|
+ console.log(res);
|
|
|
+ this.dialogVisible = false;
|
|
|
+ // this.clearForm()
|
|
|
+ this.loadList();
|
|
|
+ },
|
|
|
+ fail: err => {
|
|
|
+ console.log(err);
|
|
|
+ if (err.errMsg) this.$message.info(err.errMsg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- clearForm(){
|
|
|
- if(this.formData.id) delete this.formData.id
|
|
|
- this.formData.name=""
|
|
|
- this.formData.code =""
|
|
|
- this.formData.config=[
|
|
|
- {
|
|
|
- key: "",
|
|
|
- val: ""
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
+ clearForm() {
|
|
|
+ if (this.formData.id) delete this.formData.id;
|
|
|
+ this.formData.name = "";
|
|
|
+ this.formData.code = "";
|
|
|
+ this.formData.config = [
|
|
|
+ {
|
|
|
+ key: "",
|
|
|
+ val: ""
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ },
|
|
|
|
|
|
- // 配置项增加
|
|
|
- plus() {
|
|
|
- this.formData.config.push({
|
|
|
- key:'',val:''
|
|
|
- })
|
|
|
- },
|
|
|
- // 配置项减少
|
|
|
- minus(index) {
|
|
|
- this.formData.config.splice(index,1)
|
|
|
- }
|
|
|
+ // 配置项增加
|
|
|
+ plus() {
|
|
|
+ this.formData.config.push({
|
|
|
+ key: "",
|
|
|
+ val: ""
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 配置项减少
|
|
|
+ minus(index) {
|
|
|
+ this.formData.config.splice(index, 1);
|
|
|
}
|
|
|
}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
</style>
|
linan