From 9704fe7c9f61bfe03e6a49927050d351214f5d86 Mon Sep 17 00:00:00 2001
From: z_yu <1534695664@qq.com>
Date: Tue, 24 May 2022 11:31:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E6=AE=B5=E7=AE=A1=E7=90=86-=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4=E9=AA=8C=E8=AF=81=E7=A0=81=E6=8E=A5=E5=8F=A3=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/archivesConfig/field.js               | 12 ++-
 .../archivesConfig/commonFields/index.vue     | 33 ++++----
 .../archivesConfig/electronicFields/index.vue | 60 +++++++-------
 .../electronicFields/module/form.vue          | 80 ++++++++++---------
 .../archivesConfig/systemFields/index.vue     | 60 +++++++-------
 .../systemFields/module/form.vue              | 80 ++++++++++---------
 6 files changed, 175 insertions(+), 150 deletions(-)

diff --git a/src/api/archivesConfig/field.js b/src/api/archivesConfig/field.js
index 6d25936..a3a3df1 100644
--- a/src/api/archivesConfig/field.js
+++ b/src/api/archivesConfig/field.js
@@ -23,4 +23,14 @@ export function edit(data) {
   })
 }
 
-export default { add, edit }
+export function verifyMaintenance(passWord) {
+  const params = {
+    passWord
+  }
+  return request({
+    url: 'api/field/verifyMaintenance',
+    method: 'get',
+    params
+  })
+}
+export default { add, edit, verifyMaintenance }
diff --git a/src/views/archivesConfig/commonFields/index.vue b/src/views/archivesConfig/commonFields/index.vue
index c06e538..b570c83 100644
--- a/src/views/archivesConfig/commonFields/index.vue
+++ b/src/views/archivesConfig/commonFields/index.vue
@@ -48,8 +48,9 @@
 </template>
 
 <script>
-import crudFields from '@/api/archivesConfig/field'
+import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
 import eForm from './module/form'
+import { encrypt } from '@/utils/rsaEncrypt'
 import CRUD, { presenter } from '@crud/crud'
 import crudOperation from '@crud/CRUD.operation'
 
@@ -60,7 +61,7 @@ export default {
     return CRUD({
       title: '常用字段',
       url: 'api/field/findGroupType',
-      crudMethod: { ...crudFields },
+      crudMethod: { add, edit },
       optShow: {
         add: true,
         edit: true,
@@ -99,20 +100,22 @@ export default {
       }
     },
     handleConfirm() {
-      if (this.form.verifyCode === '123') {
-        // 关闭输入验证码对话框
-        this.verifyDialogVisible = false
-        this.form.verifyCode = ''
-        this.showVerifyDialog = false
-        if (this.btn === 'add') {
-          this.crud.toAdd()
-        } else if (this.btn === 'edit') {
-          this.crud.toEdit(this.crud.selections[0])
+      verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
+        if (res) {
+          // 关闭输入验证码对话框
+          this.verifyDialogVisible = false
+          this.form.verifyCode = ''
+          this.showVerifyDialog = false
+          if (this.btn === 'add') {
+            this.crud.toAdd()
+          } else if (this.btn === 'edit') {
+            this.crud.toEdit(this.crud.selections[0])
+          }
+          this.showVerifyDialog = true
+        } else {
+          this.$message.error('验证码错误！')
         }
-        this.showVerifyDialog = true
-      } else {
-        this.$message.error('验证码错误！')
-      }
+      })
     },
     handleClose(done) {
       this.form.verifyCode = ''
diff --git a/src/views/archivesConfig/electronicFields/index.vue b/src/views/archivesConfig/electronicFields/index.vue
index ed04d50..f8d784c 100644
--- a/src/views/archivesConfig/electronicFields/index.vue
+++ b/src/views/archivesConfig/electronicFields/index.vue
@@ -10,57 +10,58 @@
     <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" height="calc(100vh - 290px)" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
       <el-table-column type="selection" width="55" />
       <el-table-column type="index" label="序号" width="55" />
-      <el-table-column prop="field_cn_name" label="中文名称" />
-      <el-table-column prop="field_name" label="字段标识" />
+      <el-table-column prop="fieldCnName" label="中文名称" />
+      <el-table-column prop="fieldName" label="字段标识" />
       <el-table-column label="数据类型">
         <template slot-scope="scope">
-          <span v-if="scope.row.is_data_type === 1">字符</span>
-          <span v-if="scope.row.is_data_type === 2">数字</span>
+          <span v-if="scope.row.isDataType === 1">字符</span>
+          <span v-if="scope.row.isDataType === 2">数字</span>
         </template>
       </el-table-column>
-      <el-table-column prop="is_column_length" label="字段长度" />
+      <el-table-column prop="isColumnLength" label="字段长度" />
       <el-table-column label="默认值">
         <template slot-scope="scope">
-          <span v-if="scope.row.is_default_value === ''">-</span>
-          <span v-else>{{ scope.row.is_default_value }}</span>
+          <span v-if="scope.row.isDefaultValue === ''">-</span>
+          <span v-else>{{ scope.row.isDefaultValue }}</span>
         </template>
       </el-table-column>
     </el-table>
     <!--表单渲染-->
     <eForm />
-    <el-dialog title="关键提示" :visible.sync="verifyDialogVisible" width="35%" :before-close="handleClose">
+    <el-dialog title="关键提示" :visible.sync="verifyDialogVisible" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
-        <p><span>这里为技术人员维护系统时使用，用户无需设置</span></p>
+        <p><span style="color:#fff;">这里为技术人员维护系统时使用，用户无需设置</span></p>
         <p><span style="color:red;">注意：强行修改会导致系统数据异常或丢失！如因用户强行修改，本系统不负责因此导致的相关后果！</span></p>
         <el-form :model="form">
           <el-form-item label="技术维护验证码" :label-width="formLabelWidth">
             <el-input v-model="form.verifyCode" />
           </el-form-item>
         </el-form>
-        <span slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer">
           <el-button type="primary" @click.native="handleConfirm">确定验证</el-button>
-        </span>
+        </div>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import crudFields from '@/api/archivesConfig/field'
+import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
 import eForm from './module/form'
+import { encrypt } from '@/utils/rsaEncrypt'
 import CRUD, { presenter } from '@crud/crud'
 import crudOperation from '@crud/CRUD.operation'
 
 export default {
-  name: 'CommonFields',
+  name: 'ElectronicFields',
   components: { eForm, crudOperation },
   cruds() {
     return CRUD({
       title: '电子文件字段',
       url: 'api/field/findGroupType',
-      crudMethod: { ...crudFields },
+      crudMethod: { add, edit },
       optShow: {
         add: true,
         edit: true,
@@ -69,7 +70,7 @@ export default {
         group: false
       },
       query: {
-        is_type: 3
+        isType: 3
       }
     })
   },
@@ -91,7 +92,6 @@ export default {
   },
   methods: {
     [CRUD.HOOK.beforeToCU](crud, form, btn) {
-      console.log(btn)
       if (this.showVerifyDialog) {
         // 打开输入验证码对话框
         this.verifyDialogVisible = true
@@ -100,20 +100,22 @@ export default {
       }
     },
     handleConfirm() {
-      if (this.form.verifyCode === '123') {
-        // 关闭输入验证码对话框
-        this.verifyDialogVisible = false
-        this.form.verifyCode = ''
-        this.showVerifyDialog = false
-        if (this.btn === 'add') {
-          this.crud.toAdd()
-        } else if (this.btn === 'edit') {
-          this.crud.toEdit(this.crud.selections[0])
+      verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
+        if (res) {
+          // 关闭输入验证码对话框
+          this.verifyDialogVisible = false
+          this.form.verifyCode = ''
+          this.showVerifyDialog = false
+          if (this.btn === 'add') {
+            this.crud.toAdd()
+          } else if (this.btn === 'edit') {
+            this.crud.toEdit(this.crud.selections[0])
+          }
+          this.showVerifyDialog = true
+        } else {
+          this.$message.error('验证码错误！')
         }
-        this.showVerifyDialog = true
-      } else {
-        this.$message.error('验证码错误！')
-      }
+      })
     },
     handleClose(done) {
       this.form.verifyCode = ''
diff --git a/src/views/archivesConfig/electronicFields/module/form.vue b/src/views/archivesConfig/electronicFields/module/form.vue
index 4f182e7..fa2cc6c 100644
--- a/src/views/archivesConfig/electronicFields/module/form.vue
+++ b/src/views/archivesConfig/electronicFields/module/form.vue
@@ -1,31 +1,35 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px">
-    <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
-      <el-form-item label="中文名称" prop="field_cn_name">
-        <el-input v-model="form.field_cn_name" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="字段标识" prop="field_name">
-        <el-input v-model="form.field_name" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="数据类型" prop="is_data_type">
-        <el-select v-model="form.is_data_type" placeholder="请选择">
-          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="字段长度" prop="is_column_length">
-        <el-input-number v-model="form.is_column_length" controls-position="right" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="默认值" prop="is_default_value">
-        <el-input v-model="form.is_default_value" style="width: 370px;" />
-      </el-form-item>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="crud.cancelCU">
-        取消
-      </el-button>
-      <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">
-        确认
-      </el-button>
+  <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+        <el-form-item label="中文名称" prop="fieldCnName">
+          <el-input v-model="form.fieldCnName" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="字段标识" prop="fieldName">
+          <el-input v-model="form.fieldName" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="数据类型" prop="isDataType">
+          <el-select v-model="form.isDataType" placeholder="请选择">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字段长度" prop="isColumnLength">
+          <el-input-number v-model="form.isColumnLength" controls-position="right" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="默认值" prop="isDefaultValue">
+          <el-input v-model="form.isDefaultValue" style="width: 370px;" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">
+          取消
+        </el-button>
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">
+          确认
+        </el-button>
+      </div>
     </div>
   </el-dialog>
 </template>
@@ -35,11 +39,11 @@ import { form } from '@crud/crud'
 
 const defaultForm = {
   id: null,
-  field_cn_name: '',
-  field_name: '',
-  is_data_type: 1,
-  is_column_length: 100,
-  is_default_value: ''
+  fieldCnName: '',
+  fieldName: '',
+  isDataType: 1,
+  isColumnLength: 100,
+  isDefaultValue: ''
 }
 export default {
   mixins: [form(defaultForm)],
@@ -48,9 +52,9 @@ export default {
       if (!Number.isInteger(value) || value <= 0) {
         callback(new Error('请输入正整数数字值'))
       } else {
-        if (this.form.is_data_type === 1 && value > 2000) {
+        if (this.form.isDataType === 1 && value > 2000) {
           callback(new Error('字符最大长度不能超过2000位'))
-        } else if (this.form.is_data_type === 2 && value > 11) {
+        } else if (this.form.isDataType === 2 && value > 11) {
           callback(new Error('数字最大长度不能超过11位'))
         } else {
           callback()
@@ -59,16 +63,16 @@ export default {
     }
     return {
       rules: {
-        field_cn_name: [
+        fieldCnName: [
           { required: true, message: '请输入中文名称', trigger: 'blur' }
         ],
-        field_name: [
+        fieldName: [
           { required: true, message: '请输入字段标识', trigger: 'blur' }
         ],
-        is_data_type: [
+        isDataType: [
           { required: true, message: '请选择数据类型', trigger: 'blur' }
         ],
-        is_column_length: [
+        isColumnLength: [
           { validator: checkMaxLength, trigger: 'blur' }
         ]
       },
diff --git a/src/views/archivesConfig/systemFields/index.vue b/src/views/archivesConfig/systemFields/index.vue
index 4133187..d787014 100644
--- a/src/views/archivesConfig/systemFields/index.vue
+++ b/src/views/archivesConfig/systemFields/index.vue
@@ -10,57 +10,58 @@
     <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" height="calc(100vh - 290px)" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
       <el-table-column type="selection" width="55" />
       <el-table-column type="index" label="序号" width="55" />
-      <el-table-column prop="field_cn_name" label="中文名称" />
-      <el-table-column prop="field_name" label="字段标识" />
+      <el-table-column prop="fieldCnName" label="中文名称" />
+      <el-table-column prop="fieldName" label="字段标识" />
       <el-table-column label="数据类型">
         <template slot-scope="scope">
-          <span v-if="scope.row.is_data_type === 1">字符</span>
-          <span v-if="scope.row.is_data_type === 2">数字</span>
+          <span v-if="scope.row.isDataType === 1">字符</span>
+          <span v-if="scope.row.isDataType === 2">数字</span>
         </template>
       </el-table-column>
-      <el-table-column prop="is_column_length" label="字段长度" />
+      <el-table-column prop="isColumnLength" label="字段长度" />
       <el-table-column label="默认值">
         <template slot-scope="scope">
-          <span v-if="scope.row.is_default_value === ''">-</span>
-          <span v-else>{{ scope.row.is_default_value }}</span>
+          <span v-if="scope.row.isDefaultValue === ''">-</span>
+          <span v-else>{{ scope.row.isDefaultValue }}</span>
         </template>
       </el-table-column>
     </el-table>
     <!--表单渲染-->
     <eForm />
-    <el-dialog title="关键提示" :visible.sync="verifyDialogVisible" width="35%" :before-close="handleClose">
+    <el-dialog title="关键提示" :visible.sync="verifyDialogVisible" :before-close="handleClose">
       <span class="dialog-right-top" />
       <span class="dialog-left-bottom" />
       <div class="setting-dialog">
-        <p><span>这里为技术人员维护系统时使用，用户无需设置</span></p>
+        <p><span style="color:#fff;">这里为技术人员维护系统时使用，用户无需设置</span></p>
         <p><span style="color:red;">注意：强行修改会导致系统数据异常或丢失！如因用户强行修改，本系统不负责因此导致的相关后果！</span></p>
         <el-form :model="form">
           <el-form-item label="技术维护验证码" :label-width="formLabelWidth">
             <el-input v-model="form.verifyCode" />
           </el-form-item>
         </el-form>
-        <span slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer">
           <el-button type="primary" @click.native="handleConfirm">确定验证</el-button>
-        </span>
+        </div>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import crudFields from '@/api/archivesConfig/field'
+import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
 import eForm from './module/form'
+import { encrypt } from '@/utils/rsaEncrypt'
 import CRUD, { presenter } from '@crud/crud'
 import crudOperation from '@crud/CRUD.operation'
 
 export default {
-  name: 'CommonFields',
+  name: 'SystemFields',
   components: { eForm, crudOperation },
   cruds() {
     return CRUD({
       title: '系统字段',
       url: 'api/field/findGroupType',
-      crudMethod: { ...crudFields },
+      crudMethod: { add, edit },
       optShow: {
         add: true,
         edit: true,
@@ -69,7 +70,7 @@ export default {
         group: false
       },
       query: {
-        is_type: 1
+        isType: 1
       }
     })
   },
@@ -91,7 +92,6 @@ export default {
   },
   methods: {
     [CRUD.HOOK.beforeToCU](crud, form, btn) {
-      console.log(btn)
       if (this.showVerifyDialog) {
         // 打开输入验证码对话框
         this.verifyDialogVisible = true
@@ -100,20 +100,22 @@ export default {
       }
     },
     handleConfirm() {
-      if (this.form.verifyCode === '123') {
-        // 关闭输入验证码对话框
-        this.verifyDialogVisible = false
-        this.form.verifyCode = ''
-        this.showVerifyDialog = false
-        if (this.btn === 'add') {
-          this.crud.toAdd()
-        } else if (this.btn === 'edit') {
-          this.crud.toEdit(this.crud.selections[0])
+      verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
+        if (res) {
+          // 关闭输入验证码对话框
+          this.verifyDialogVisible = false
+          this.form.verifyCode = ''
+          this.showVerifyDialog = false
+          if (this.btn === 'add') {
+            this.crud.toAdd()
+          } else if (this.btn === 'edit') {
+            this.crud.toEdit(this.crud.selections[0])
+          }
+          this.showVerifyDialog = true
+        } else {
+          this.$message.error('验证码错误！')
         }
-        this.showVerifyDialog = true
-      } else {
-        this.$message.error('验证码错误！')
-      }
+      })
     },
     handleClose(done) {
       this.form.verifyCode = ''
diff --git a/src/views/archivesConfig/systemFields/module/form.vue b/src/views/archivesConfig/systemFields/module/form.vue
index 4f182e7..fa2cc6c 100644
--- a/src/views/archivesConfig/systemFields/module/form.vue
+++ b/src/views/archivesConfig/systemFields/module/form.vue
@@ -1,31 +1,35 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px">
-    <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
-      <el-form-item label="中文名称" prop="field_cn_name">
-        <el-input v-model="form.field_cn_name" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="字段标识" prop="field_name">
-        <el-input v-model="form.field_name" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="数据类型" prop="is_data_type">
-        <el-select v-model="form.is_data_type" placeholder="请选择">
-          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="字段长度" prop="is_column_length">
-        <el-input-number v-model="form.is_column_length" controls-position="right" style="width: 370px;" />
-      </el-form-item>
-      <el-form-item label="默认值" prop="is_default_value">
-        <el-input v-model="form.is_default_value" style="width: 370px;" />
-      </el-form-item>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button type="text" @click="crud.cancelCU">
-        取消
-      </el-button>
-      <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">
-        确认
-      </el-button>
+  <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
+    <span class="dialog-right-top" />
+    <span class="dialog-left-bottom" />
+    <div class="setting-dialog">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+        <el-form-item label="中文名称" prop="fieldCnName">
+          <el-input v-model="form.fieldCnName" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="字段标识" prop="fieldName">
+          <el-input v-model="form.fieldName" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="数据类型" prop="isDataType">
+          <el-select v-model="form.isDataType" placeholder="请选择">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字段长度" prop="isColumnLength">
+          <el-input-number v-model="form.isColumnLength" controls-position="right" style="width: 370px;" />
+        </el-form-item>
+        <el-form-item label="默认值" prop="isDefaultValue">
+          <el-input v-model="form.isDefaultValue" style="width: 370px;" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">
+          取消
+        </el-button>
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">
+          确认
+        </el-button>
+      </div>
     </div>
   </el-dialog>
 </template>
@@ -35,11 +39,11 @@ import { form } from '@crud/crud'
 
 const defaultForm = {
   id: null,
-  field_cn_name: '',
-  field_name: '',
-  is_data_type: 1,
-  is_column_length: 100,
-  is_default_value: ''
+  fieldCnName: '',
+  fieldName: '',
+  isDataType: 1,
+  isColumnLength: 100,
+  isDefaultValue: ''
 }
 export default {
   mixins: [form(defaultForm)],
@@ -48,9 +52,9 @@ export default {
       if (!Number.isInteger(value) || value <= 0) {
         callback(new Error('请输入正整数数字值'))
       } else {
-        if (this.form.is_data_type === 1 && value > 2000) {
+        if (this.form.isDataType === 1 && value > 2000) {
           callback(new Error('字符最大长度不能超过2000位'))
-        } else if (this.form.is_data_type === 2 && value > 11) {
+        } else if (this.form.isDataType === 2 && value > 11) {
           callback(new Error('数字最大长度不能超过11位'))
         } else {
           callback()
@@ -59,16 +63,16 @@ export default {
     }
     return {
       rules: {
-        field_cn_name: [
+        fieldCnName: [
           { required: true, message: '请输入中文名称', trigger: 'blur' }
         ],
-        field_name: [
+        fieldName: [
           { required: true, message: '请输入字段标识', trigger: 'blur' }
         ],
-        is_data_type: [
+        isDataType: [
           { required: true, message: '请选择数据类型', trigger: 'blur' }
         ],
-        is_column_length: [
+        isColumnLength: [
           { validator: checkMaxLength, trigger: 'blur' }
         ]
       },