字典修改时添加密码校验

ah-jjzhgd-web/src/views/system/dict/index.vue

@@ -1,19 +1,16 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="listQuery.keyWord" :maxlength="50" placeholder="请输入字典名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-input v-model="listQuery.keyWord" :maxlength="50" placeholder="请输入字典名称" style="width: 200px;"
-      <el-button v-waves style="margin-left: 40px;" class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
+        class="filter-item" @keyup.enter.native="handleFilter" />
-      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+      <el-button v-waves style="margin-left: 40px;" class="filter-item" type="primary" icon="el-icon-search"
+        @click="handleFilter">查询</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit"
+        @click="handleCreate">新增</el-button>
     </div>
     <div>
-      <el-table
+      <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="dictId" border
-        :data="tableData"
+        :default-expand-all="false" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
-        style="width: 100%;margin-bottom: 20px;"
-        row-key="dictId"
-        border
-        :default-expand-all="false"
-        :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
-      >
         <el-table-column prop="dictCode" :maxlength="50" label="字典编码" sortable width="180" />
         <el-table-column prop="dictName" :maxlength="50" label="字典名称" sortable width="180" />
         <el-table-column prop="dictValue" :maxlength="50" label="排序" />
@@ -22,7 +19,8 @@
         <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
           <template slot-scope="{row,$index}">
             <el-button type="primary" icon="el-icon-edit" title="编辑" size="mini" @click="handleUpdate(row)" />
-            <el-button v-if="row.status!='deleted'" size="mini" icon="el-icon-delete" title="删除" type="danger" @click="handleDelete(row,$index)" />
+            <el-button v-if="row.status != 'deleted'" size="mini" icon="el-icon-delete" title="删除" type="danger"
+              @click="handleDelete(row, $index)" />
           </template>
         </el-table-column>
       </el-table>
@@ -30,9 +28,11 @@
     </div>
 
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="600px">
-      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="80px" style="width: 400px; margin-left:50px;">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="80px"
+        style="width: 400px; margin-left:50px;">
         <el-form-item label="上级节点" prop="type">
-          <treeselect v-model="temp.pidCode" :options="DictList" :show-count="true" placeholder="请选择上级节点" no-options-text="暂无数据" />
+          <treeselect v-model="temp.pidCode" :options="DictList" :show-count="true" placeholder="请选择上级节点"
+            no-options-text="暂无数据" />
         </el-form-item>
         <el-form-item label="字典编码" prop="dictCode">
           <el-input-number v-model="temp.dictCode" :min="1" :max="999999999" placeholder="请输入字典编码(大于0的正整数)" />
@@ -51,19 +51,22 @@
         <el-button @click="dialogFormVisible = false">
           关闭
         </el-button>
-        <el-button type="primary" @click="dialogStatus==='create'?addDict():updateDict()">
+        <el-button type="primary" @click="dialogStatus === 'create' ? addDict() : updateDict()">
           提交
         </el-button>
       </div>
     </el-dialog>
-
+    <modul-dialog ref="pwdVerifiersDialog" :title="componentDialog.title" :width="componentDialog.width"
+      v-model="componentDialog.openFalg">
+      <component :is="componentDialog.modulName" />
+    </modul-dialog>
   </div>
 </template>
 <style scoped>
-  .el-input-number--medium {
+.el-input-number--medium {
-    width: 320px;
+  width: 320px;
-    line-height: 34px;
+  line-height: 34px;
-  }
+}
 </style>
 <script>
 import { getList, addDict, updateDict, delDict, getDetails } from '@/api/dict'
@@ -73,11 +76,19 @@ import Pagination from '@/components/Pagination' // secondary package based on e
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import { delUser } from '@/api/user'
+import { verifyPwd } from '@/api/verifyPwd'
+import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 export default {
-  components: { Pagination, Treeselect },
+  components: { Pagination, Treeselect,modulDialog },
   directives: { waves },
   data() {
     return {
+      componentDialog: {
+        modulName: '', //组件名称
+        title: '',
+        width: '',
+        openFalg: false
+      },
       tableData: null,
       listLoading: true,
       listQuery: {
@@ -113,6 +124,29 @@ export default {
     this.fetchDictList()
   },
   methods: {
+    openModulDialog(title, modulName, width, openFalg) {
+      this.componentDialog.title = title
+      this.componentDialog.modulName = modulName
+      this.componentDialog.width = width
+      this.componentDialog.openFalg = openFalg
+    },
+    verifiersPwd(data) {
+      verifyPwd(data).then((response) => {
+        this.$message({
+          showClose: true,
+          message: response.msg,
+          type: 'success',
+          duration: 500
+        })
+        // 关闭验证密码页面
+        this.componentDialog.openFalg = false;
+        if (this.$refs.pwdVerifiersDialog) {
+          this.$refs.pwdVerifiersDialog.resetForm();
+        }
+        this.commitUpdateData();
+      })
+
+    },
     getList() { // 查询树结构
       this.listLoading = true
       getList(this.listQuery.keyWord).then(response => {
@@ -189,24 +223,27 @@ export default {
     updateDict() {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
-          updateDict(this.temp).then((response) => {
+          this.openModulDialog('验证密码', 'pwdVerifiers', '600px', true)
-            this.dialogFormVisible = false
-            this.getList()
-            this.$notify({
-              title: '成功',
-              message: response.msg,
-              type: 'success',
-              duration: 2000
-            })
-          })
         }
       })
     },
+    commitUpdateData() {
+      updateDict(this.temp).then((response) => {
+        this.dialogFormVisible = false
+        this.getList()
+        this.$notify({
+          title: '成功',
+          message: response.msg,
+          type: 'success',
+          duration: 2000
+        })
+      })
+    },
     handleDelete(row, index) {
       this.$confirm(`确定要删除该数据吗？`, {
         type: 'warning',
         title: '操作提示',
-        beforeClose: async(action, instance, done) => {
+        beforeClose: async (action, instance, done) => {
           if (action === 'confirm') {
             delDict({ dictId: row.dictId }).then((response) => {
               this.$notify({