字典处理

console-web/src/utils/dict.js

@@ -84,7 +84,11 @@ const dict = {
       }
       this.dataListLoading = false
     })
+  },
+  remove: function(name) {
+    storage.remove(name)
   }
+
 }
 
 export default dict

console-web/src/views/modules/pub/buidct-add-or-update.vue

@@ -7,42 +7,42 @@
     <el-row>
       <el-col :span='11'>
         <el-form-item label="字典名:" prop="dct_nm">
-          <el-input v-model="dataForm.dct_nm" placeholder="字典名"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_nm" placeholder="字典名"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span='11'>
         <el-form-item label="长度:" prop="dct_len">
-          <el-input v-model="dataForm.dct_len" placeholder="长度"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_len" placeholder="长度"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row>
       <el-col :span='11'>
         <el-form-item label="类型:" prop="dct_typ">
-          <el-input v-model="dataForm.dct_typ" placeholder="类型"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_typ" placeholder="类型"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span='11'>
         <el-form-item label="中文名:" prop="dct_cnm">
-          <el-input v-model="dataForm.dct_cnm" resize="horizontal" placeholder="字典中文名"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_cnm" resize="horizontal" placeholder="字典中文名"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row>
       <el-col :span='11'>
         <el-form-item label="精度:" prop="dct_decimal">
-          <el-input v-model="dataForm.dct_decimal" placeholder="精度"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_decimal" placeholder="精度"></el-input>
         </el-form-item>
       </el-col>
       <el-col :span='11'>
         <el-form-item label="描述:" prop="dct_desc">
-          <el-input v-model="dataForm.dct_desc" placeholder="描述"></el-input>
+          <el-input :readonly="readonly" v-model="dataForm.dct_desc" placeholder="描述"></el-input>
         </el-form-item>
       </el-col>
     </el-row>
     <el-row>
       <el-form-item label="枚举值：" >
-        <el-button size="medium" type="primary" @click="addList" class="btn-min-w">添加</el-button>
+        <el-button :disabled="readonly" size="medium" type="primary" @click="addList" class="btn-min-w">添加</el-button>
       </el-form-item>
     </el-row>
     <el-row  v-for="(item,index) in dataForm.fldhlp"
@@ -51,13 +51,13 @@
         <table>
           <tr>
             <td>
-              <el-input v-model="item.fld_val" placeholder="值"></el-input>
+              <el-input :readonly="readonly" v-model="item.fld_val" placeholder="值"></el-input>
             </td>
             <td>
-              <el-input v-model="item.fld_exp" placeholder="备注"></el-input>
+              <el-input :readonly="readonly" v-model="item.fld_exp" placeholder="备注"></el-input>
             </td>
             <td style="padding-right:0">
-              <el-button icon="el-icon-minus" type="danger" size="mini" circle @click="delList(index)">
+              <el-button :disabled="readonly" icon="el-icon-minus" type="danger" size="mini" circle @click="delList(index)">
               </el-button>
             </td>
           </tr>
@@ -67,7 +67,7 @@
 
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">取消</el-button>
-      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+      <el-button :disabled="readonly" type="primary" @click="dataFormSubmit()">确定</el-button>
     </span>
   </el-dialog>
 </template>
@@ -78,6 +78,7 @@
   export default {
     data () {
       return {
+        readonly: false,
         visible: false,
         dataForm: {
           id: 0,
@@ -209,6 +210,7 @@
         let fldhlpListStr = this.dataForm.fldhlp.map(item => item.fld_val + '=' + item.fld_exp).join('&')
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
+            this.dict.remove(this.dataForm.dct_nm)
             this.$http({
               url: this.$http.adornUrl(`/buipubbpc1/buiDct${!this.dataForm.id ? 'Add' : 'Update'}.do`),
               method: 'post',

console-web/src/views/modules/pub/buidct.vue

@@ -77,6 +77,7 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
+          <el-button type="text" size="small" @click="queryHandle(scope.row.id)">查看</el-button>
           <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
           <el-button type="text" size="small" @click="deleteHandle(scope.row)">删除</el-button>
         </template>
@@ -175,6 +176,14 @@
       addOrUpdateHandle (id) {
         this.addOrUpdateVisible = true
         this.$nextTick(() => {
+          this.$refs.addOrUpdate.readonly = false
+          this.$refs.addOrUpdate.init(id)
+        })
+      },
+      queryHandle(id) {
+        this.addOrUpdateVisible = true
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.readonly = true
           this.$refs.addOrUpdate.init(id)
         })
       },