系统参数

src/static/utils/constant.js

@@ -89,6 +89,7 @@ const AREA_MAP = new Map()
 
 const PARAM_TYPE = [
     { value: 'string', label: 'string' },
+    { value: 'password', label: 'password' },
     { value: 'date', label: 'date' },
     { value: 'time', label: 'time' },
     { value: 'datetime', label: 'datetime' },

src/views/system/param.vue

@@ -16,7 +16,7 @@
           <el-table-column type="index" width="60" />
           <el-table-column label="参数名" prop="paramName" />
           <el-table-column label="参数码" prop="paramCode" />
-          <el-table-column label="参数值" prop="paramValue" />
+          <el-table-column label="参数值" prop="paramShow" />
           <el-table-column label="参数类型" prop="valueType" />
           <el-table-column align="center" header-align="center" label="操作" width="100">
             <template scope="scope">
@@ -37,7 +37,7 @@
         </div>
       </el-col>
     </el-row>
-    <el-dialog :title="dialogTitle" class="statistic_base" :visible.sync="dialogVisible" top="50px" width="75%" @open="dlgOpen" append-to-body>
+    <el-dialog :title="dialogTitle" class="statistic_base" :visible.sync="dialogVisible" top="50px" width="75%" append-to-body @open="dlgOpen">
       <el-form ref="form" :model="form" :rules="rules" style="width: 100%;padding: 5px">
         <el-row>
           <el-col style="padding-bottom: 10px">
@@ -53,15 +53,15 @@
                 <el-col :span="4" class="col-txt"><span>参数类型</span></el-col>
                 <el-col :span="8" class="col-input">
                   <el-form-item>
-                    <el-select popper-class="statistic_base" v-model="form.valueType" :disabled="!isAdd" clearable placeholder="参数类型" style="width: 100%">
+                    <el-select popper-class="statistic_base" v-model="form.valueType" :disabled="!isAdd" clearable placeholder="参数类型" style="width: 100%">
                       <el-option
                         v-for="item in PARAM_TYPE"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value"
                       />
-                    </el-select>
-                  </el-form-item>
+                      </el-select>
+                    </el-select popper-class="statistic_base"></el-form-item>
                 </el-col>
               </el-row>
               <el-row>
@@ -74,30 +74,15 @@
                 <el-col :span="4" class="col-txt"><span>参数值</span></el-col>
                 <el-col :span="8" class="col-input">
                   <el-form-item prop="paramValue">
-                    <el-date-picker popper-class="statistic_base"
-                      v-if="form.valueType == 'date'"
-                      v-model="form.paramValue"
-                      placeholder="选择日期"
-                      style="width: 100%"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                    />
-                    <el-time-select
-                      v-if="form.valueType == 'time'"
-                      v-model="form.paramValue"
-                      :picker-options="TimeOption"
-                      placeholder="选择时间"
-                    />
-                    <el-date-picker popper-class="statistic_base"
-                      v-if="form.valueType == 'datetime'"
-                      v-model="form.paramValue"
-                      placeholder="选择日期"
-                      style="width: 100%"
-                      type="datetime"
-                      value-format="yyyy-MM-dd HH:mm:ss"
-                    />
+                    <el-date-picker v-if="form.valueType == 'date'" v-model="form.paramValue" style="width: 100%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
+                    <el-time-select v-if="form.valueType == 'time'" v-model="form.paramValue" :picker-options="TimeOption" placeholder="选择时间" />
+                    <el-date-picker v-if="form.valueType == 'datetime'" v-model="form.paramValue" style="width: 100%" type="datetime" placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" />
+                    <el-select v-if="form.valueType == 'boolean'" v-model="form.paramValue" clearable placeholder="参数类型" style="width: 100%">
+                      <el-option v-for="item in BooleanOption" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
                     <el-input v-if="form.valueType == 'number'" v-model="form.paramValue" type="number" />
                     <el-input v-if="form.valueType == 'string'" v-model="form.paramValue" />
+                    <el-input v-if="form.valueType == 'password' && dialogVisible" v-model="form.paramValue" auto-complete="new-password" show-password />
                   </el-form-item>
                 </el-col>
               </el-row></el-card>
@@ -168,13 +153,20 @@ export default {
             this.baseRequest('list', postData).then((res) => {
                 if (res.data.rows) {
                     res.data.rows.forEach(function(item) {
+                        item.paramShow = item.paramValue
+                        if (item.valueType === 'password') {
+                            item.paramShow = '******'
+                        }
+                        if (item.valueType === 'boolean') {
+                            item.paramShow = (item.paramValue === '1') ? '是' : '否'
+                        }
                         _this.AllData.push(item)
                     })
                     _this.allpage = res.data.total
                 }
                 _this.loading = false
             }).catch((err, x) => {
-                //console.log('param list error', err, x)
+                // console.log('param list error', err, x)
             })
         },
         handleSearch: function() {
@@ -195,7 +187,7 @@ export default {
                         _this.form.id = res.data.id
                     }
                 }).catch((err, x) => {
-                    //console.log('param edit error', err, x)
+                    // console.log('param edit error', err, x)
                 })
             }
         },
@@ -240,7 +232,7 @@ export default {
                         _this.$alert(err)
                     })
                 } else {
-                    //console.log('param code error submit!!')
+                    // console.log('param code error submit!!')
                     return false
                 }
             })
@@ -264,7 +256,7 @@ export default {
                     }
                     this.opRecord(postData, soaUrl)
                 } else {
-                    //console.log('error submit!!')
+                    // console.log('error submit!!')
                     return false
                 }
             })