字典管理删除消息修改

src/api/archivesConfig/dictDetail.js

@@ -38,7 +38,6 @@ export function del(ids) {
   const data = {
     id: ids[0]
   }
-  console.log(ids)
   return request({
     url: 'api/dictrionary/delete',
     method: 'post',

src/components/Crud/CRUD.operation.vue

@@ -4,93 +4,33 @@
       <!--左侧插槽-->
       <slot name="left" />
       <!-- type="primary" -->
-      <el-button
-        v-if="crud.optShow.add"
-        v-permission="permission.add"
-        size="mini"
-        icon="el-icon-plus"
-        @click="crud.toAdd"
-      >
+      <el-button v-if="crud.optShow.add" v-permission="permission.add" size="mini" icon="el-icon-plus" @click="crud.toAdd">
         新增
       </el-button>
       <!-- type="success" -->
-      <el-button
-        v-if="crud.optShow.edit"
-        v-permission="permission.edit"
-        size="mini"
-        icon="el-icon-edit"
-        :disabled="crud.selections.length !== 1"
-        @click="crud.toEdit(crud.selections[0])"
-      >
+      <el-button v-if="crud.optShow.edit" v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="crud.selections.length !== 1" @click="crud.toEdit(crud.selections[0])">
         修改
       </el-button>
       <!-- type="danger" -->
-      <el-button
-        v-if="crud.optShow.del"
-        slot="reference"
-        v-permission="permission.del"
-        icon="el-icon-delete"
-        size="mini"
-        :loading="crud.delAllLoading"
-        :disabled="crud.selections.length === 0"
-        @click="toDelete(crud.selections)"
-      >
+      <el-button v-if="crud.optShow.del" slot="reference" v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)">
         删除
       </el-button>
       <!-- type="warning" -->
-      <el-button
-        v-if="crud.optShow.download"
-        :loading="crud.downloadLoading"
-        :disabled="!crud.data.length"
-        size="mini"
-
-        icon="el-icon-download"
-        @click="crud.doExport"
-      >导出</el-button>
+      <el-button v-if="crud.optShow.download" :loading="crud.downloadLoading" :disabled="!crud.data.length" size="mini" icon="el-icon-download" @click="crud.doExport">导出</el-button>
       <!--右侧-->
       <slot name="right" />
     </span>
     <el-button-group v-if="crud.optShow.group" class="crud-opts-right">
-      <el-button
-        size="mini"
-        plain
-        type="info"
-        icon="el-icon-search"
-        @click="toggleSearch()"
-      />
-      <el-button
-        size="mini"
-        icon="el-icon-refresh"
-        @click="crud.refresh()"
-      />
-      <el-popover
-        placement="bottom-end"
-        width="150"
-        trigger="click"
-      >
-        <el-button
-          slot="reference"
-          size="mini"
-          icon="el-icon-s-grid"
-        >
-          <i
-            class="fa fa-caret-down"
-            aria-hidden="true"
-          />
+      <el-button size="mini" plain type="info" icon="el-icon-search" @click="toggleSearch()" />
+      <el-button size="mini" icon="el-icon-refresh" @click="crud.refresh()" />
+      <el-popover placement="bottom-end" width="150" trigger="click">
+        <el-button slot="reference" size="mini" icon="el-icon-s-grid">
+          <i class="fa fa-caret-down" aria-hidden="true" />
         </el-button>
-        <el-checkbox
-          v-model="allColumnsSelected"
-          :indeterminate="allColumnsSelectedIndeterminate"
-          @change="handleCheckAllChange"
-        >
+        <el-checkbox v-model="allColumnsSelected" :indeterminate="allColumnsSelectedIndeterminate" @change="handleCheckAllChange">
           全选
         </el-checkbox>
-        <el-checkbox
-          v-for="item in tableColumns"
-          :key="item.property"
-          v-model="item.visible"
-          @change="handleCheckedTableColumnsChange(item)"
-        >
+        <el-checkbox v-for="item in tableColumns" :key="item.property" v-model="item.visible" @change="handleCheckedTableColumnsChange(item)">
           {{ item.label }}
         </el-checkbox>
       </el-popover>
@@ -187,10 +127,9 @@ export default {
       this.tableColumns = columns
     },
     toDelete(datas) {
-      this.$confirm(`确认删除选中的${datas.length}条数据?`, '提示', {
+      this.$confirm(this.crud.confirmDeleteMsg ? this.crud.confirmDeleteMsg : `确认删除选中的${datas.length}条数据?`, '提示', {
         confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+        cancelButtonText: '取消'
       }).then(() => {
         this.crud.delAllLoading = true
         this.crud.doDelete(datas)
@@ -250,15 +189,15 @@ export default {
 </script>
 
 <style>
-  .crud-opts {
+.crud-opts {
   display: -webkit-flex;
   display: flex;
   align-items: center;
-  }
-  .crud-opts .crud-opts-right {
+}
+.crud-opts .crud-opts-right {
   margin-left: auto;
-  }
-  .crud-opts .crud-opts-right span {
+}
+.crud-opts .crud-opts-right span {
   float: left;
-  }
+}
 </style>

src/components/Crud/crud.js

@@ -56,7 +56,8 @@ function CRUD(options) {
     // 在主页准备
     queryOnPresenterCreated: true,
     // 调试开关
-    debug: false
+    debug: false,
+    confirmDeleteMsg: null
   }
   options = mergeOptions(defaultOptions, options)
   const data = {

src/views/archivesConfig/commonFields/index.vue

@@ -91,7 +91,6 @@ export default {
   },
   methods: {
     [CRUD.HOOK.beforeToCU](crud, form, btn) {
-      console.log(btn)
       if (this.showVerifyDialog) {
         // 打开输入验证码对话框
         this.verifyDialogVisible = true

src/views/archivesConfig/dict/dictDetail.vue

@@ -68,6 +68,7 @@ export default {
           group: false
         },
         queryOnPresenterCreated: false,
+        confirmDeleteMsg: '确认删除当前字典内容么？',
         sort: ['dicSequence,asc']
       })
     ]

src/views/archivesConfig/dict/index.vue

@@ -29,7 +29,7 @@
         <span class="left-bottom-line" />
         <crudOperation :permission="permission" />
         <!--字典树状结构-->
-        <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :default-expand-all="true" highlight-current @node-click="handleNodeClick" />
+        <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
       </el-col>
       <!-- 字典详情列表 -->
       <el-col class="container-right" :xs="14" :sm="16" :md="19" :lg="18" :xl="20">
@@ -64,6 +64,7 @@ export default {
           download: false,
           group: false
         },
+        confirmDeleteMsg: '确定要删除当前字典吗',
         sort: ['dicSequence,asc']
       })
     ]
@@ -123,10 +124,14 @@ export default {
       form.dictDetails = null
     },
     updateKeyChildren(data) {
-      console.log(this.$refs.tree.getCurrentKey())
-      // this.$refs.dictDetail.crud.data
-      // this.crud.refresh()
-      // this.$refs.tree.updateKeyChildren(this.$refs.tree.getCurrentKey(), data)
+      const oldDatas = this.$refs.tree.getCurrentNode().childMenus
+      for (let i = 0; i < data.length; i++) {
+        const oldData = oldDatas.find((d) => { d.id === data[i].id })
+        if (oldData) {
+          data.childMenus = oldData.childMenus
+        }
+      }
+      this.$refs.tree.updateKeyChildren(this.$refs.tree.getCurrentKey(), data)
     }
   }
 }