常用字段管理-添加关键提示

src/views/archivesConfig/commonFields/index.vue

@@ -9,7 +9,7 @@
     <!--表格渲染-->
     <el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
       <el-table-column type="selection" width="55" />
-      <el-table-column type="index" label="序号" width="100" />
+      <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 label="数据类型">
@@ -19,10 +19,23 @@
         </template>
       </el-table-column>
       <el-table-column prop="is_column_length" label="字段长度" />
-      <el-table-column prop="is_default_value" 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>
+        </template>
+      </el-table-column>
     </el-table>
     <!--表单渲染-->
     <eForm />
+    <!-- <el-dialog title="关键提示" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
+      <span>这里为九州档案技术人员维护系统时使用，用户级无需设置。</span>
+      <span>注意：强行修改会导致系统数据异常或丢失！如因用户强行修改，本系统不负责因此导致的相关后果！</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="verifyDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="verifyDialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog> -->
   </div>
 </template>
 
@@ -62,6 +75,33 @@ export default {
     }
   },
   methods: {
+    // 获取数据前设置好接口地址
+    [CRUD.HOOK.beforeToCU]() {
+      const h = this.$createElement
+      return this.$prompt(h('p', null, [
+        h('span', null, '这里为九州档案技术人员维护系统时使用，用户级无需设置。'),
+        h('br', null, ''),
+        h('span', { style: 'color: red' }, '警告：强行修改会导致系统数据异常或丢失！如因用户强行修改，本系统不负责因此导致的相关后果！')
+      ]), '关键提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            if (instance.inputValue === '123') {
+              done()
+            } else {
+              this.$message.error('验证码错误！')
+            }
+          } else {
+            done()
+          }
+        }
+      }).then(({ value }) => {
+        // call crud.status.add = CRUD.STATUS.PREPARED
+      }).catch(() => {
+        return false
+      })
+    },
     clickRowHandler(row) {
       this.$refs.table.clearSelection()
       this.$refs.table.toggleRowSelection(row)