From 0a4c701d01da57ff628fe4d7d608d67d0b0f2f9c Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Tue, 8 Dec 2020 10:47:59 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=BD=91=E6=A0=BC=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E5=8C=96=E8=BF=90=E4=BD=9C=E6=8F=90=E6=8A=A5=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E3=80=91=E8=80=83=E6=A0=B8=E9=A1=B9=E9=85=8D=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2-=E7=8E=8B=E5=85=AC=E5=B3=B0-2020-12-08?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kpi/subcheckdictionary-add-or-update.vue  | 221 ++++++++++++------
 src/views/modules/kpi/subcheckdictionary.vue  |  65 ++----
 .../modules/sys/resource-add-or-update.vue    |   1 +
 3 files changed, 171 insertions(+), 116 deletions(-)

diff --git a/src/views/modules/kpi/subcheckdictionary-add-or-update.vue b/src/views/modules/kpi/subcheckdictionary-add-or-update.vue
index dbfa6277..0e38ce86 100644
--- a/src/views/modules/kpi/subcheckdictionary-add-or-update.vue
+++ b/src/views/modules/kpi/subcheckdictionary-add-or-update.vue
@@ -1,49 +1,42 @@
 <template>
   <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
     <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-          <el-form-item label="父资源ID" prop="pid">
-          <el-input v-model="dataForm.pid" placeholder="父资源ID"></el-input>
-      </el-form-item>
-          <el-form-item label="考核类型" prop="checkType">
-          <el-input v-model="dataForm.checkType" placeholder="考核类型"></el-input>
-      </el-form-item>
-          <el-form-item label="考核编码" prop="checkCode">
-          <el-input v-model="dataForm.checkCode" placeholder="考核编码"></el-input>
-      </el-form-item>
-          <el-form-item label="考核标签" prop="checkLabel">
-          <el-input v-model="dataForm.checkLabel" placeholder="考核标签"></el-input>
-      </el-form-item>
-          <el-form-item label="显示标识：0否，1是" prop="showFlag">
-          <el-input v-model="dataForm.showFlag" placeholder="显示标识：0否，1是"></el-input>
-      </el-form-item>
-          <el-form-item label="描述" prop="checkDescribe">
-          <el-input v-model="dataForm.checkDescribe" placeholder="描述"></el-input>
-      </el-form-item>
-          <el-form-item label="排序" prop="sort">
-          <el-input v-model="dataForm.sort" placeholder="排序"></el-input>
-      </el-form-item>
-          <el-form-item label="逻辑删除标识" prop="delFlag">
-          <el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input>
-      </el-form-item>
-          <el-form-item label="乐观锁" prop="revision">
-          <el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
-      </el-form-item>
-          <el-form-item label="创建人" prop="createdBy">
-          <el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
-      </el-form-item>
-          <el-form-item label="创建时间" prop="createdTime">
-          <el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
-      </el-form-item>
-          <el-form-item label="更新人" prop="updatedBy">
-          <el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
-      </el-form-item>
-          <el-form-item label="更新时间" prop="updatedTime">
-          <el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
-      </el-form-item>
+        <el-form-item label="考核项名称" prop="checkLabel" label-width="100px">
+            <el-input v-model="dataForm.checkLabel" placeholder="考核项名称"  maxlength="128"></el-input>
+        </el-form-item>
+        <el-form-item label="考核类型" prop="checkType" label-width="100px">
+            <el-input v-model="dataForm.checkType" placeholder="考核类型" maxlength="32"></el-input>
+        </el-form-item>
+        <el-form-item label="考核编码" prop="checkCode" label-width="100px">
+            <el-input v-model="dataForm.checkCode" placeholder="考核编码" maxlength="32"></el-input>
+        </el-form-item>
+        <el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list" label-width="100px">
+            <el-popover v-model="resourceListVisible" ref="resourceListPopover" placement="bottom-start" trigger="click">
+                <el-tree :data="resourceList" :props="{ label: 'checkLabel', children: 'children' }" node-key="id"
+                        ref="resourceListTree" :highlight-current="true" :expand-on-click-node="false" accordion
+                        @current-change="resourceListTreeCurrentChangeHandle">
+                </el-tree>
+            </el-popover>
+            <el-input v-model="dataForm.parentName" v-popover:resourceListPopover :readonly="true" placeholder="上级资源">
+                <i v-if="dataForm.pid !== '0'" slot="suffix" @click.stop="deptListTreeSetDefaultHandle()" class="el-icon-circle-close el-input__icon"></i>
+            </el-input>
+        </el-form-item>
+        <el-form-item label="排序" prop="sort" label-width="100px">
+            <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" label="排序"></el-input-number>
+        </el-form-item>
+        <el-form-item label="描述" prop="checkDescribe" label-width="100px">
+            <el-input v-model="dataForm.checkDescribe" placeholder="描述" maxlength="1024"></el-input>
+        </el-form-item>
+        <el-form-item prop="showFlag" label="是否显示" size="mini" label-width="100px">
+            <el-radio-group v-model="dataForm.showFlag">
+                <el-radio label="0">否</el-radio>
+                <el-radio label="1">是</el-radio>
+            </el-radio-group>
+        </el-form-item>
       </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" @click="dataFormSubmitHandle()" :disabled="isAble">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -57,19 +50,17 @@ export default {
       dataForm: {
         id: '',
         pid: '',
+        parentName: '',
         checkType: '',
         checkCode: '',
         checkLabel: '',
-        showFlag: '',
+        showFlag: '1',
         checkDescribe: '',
-        sort: '',
-        delFlag: '',
-        revision: '',
-        createdBy: '',
-        createdTime: '',
-        updatedBy: '',
-        updatedTime: ''
-      }
+        sort: '0'
+      },
+      resourceListVisible: false,
+      resourceList: [],
+      isAble: false
     }
   },
   computed: {
@@ -90,29 +81,8 @@ export default {
         showFlag: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
-        checkDescribe: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
         sort: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        delFlag: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        revision: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        createdBy: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        createdTime: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        updatedBy: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ],
-        updatedTime: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ]
       }
     }
@@ -120,16 +90,33 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
-        if (this.dataForm.id) {
-          this.getInfo()
-        }
+        this.dataForm.parentName = '一级资源'
+        this.dataForm.pid = '0'
+        this.dataForm.resourceList = []
+        this.getResourceList().then(() => {
+          if (this.dataForm.id) {
+            this.getInfo()
+          }
+        })
       })
     },
+    // 获取菜单列表
+    getResourceList () {
+      return this.$http.get('/kpi/subcheckdictionary/list')
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.resourceList = res.data
+        })
+        .catch(() => {})
+    },
     // 获取信息
     getInfo () {
-      this.$http.get(`/news/subcheckdictionary/${this.dataForm.id}`).then(({ data: res }) => {
+      this.$http.get(`/kpi/subcheckdictionary/${this.dataForm.id}`).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }
@@ -137,16 +124,34 @@ export default {
           ...this.dataForm,
           ...res.data
         }
+        if (this.dataForm.pid === '0' || this.dataForm.pid === 0) {
+          return this.deptListTreeSetDefaultHandle()
+        }
+        this.$refs.resourceListTree.setCurrentKey(this.dataForm.pid)
+        this.dataForm.parentName = this.$refs.resourceListTree.getCurrentNode().checkLabel
       }).catch(() => {})
     },
+    // 上级菜单树, 设置默认值
+    deptListTreeSetDefaultHandle () {
+      this.dataForm.pid = '0'
+      this.dataForm.parentName = '一级资源'
+    },
+    // 上级菜单树, 选中
+    resourceListTreeCurrentChangeHandle (data) {
+      this.dataForm.pid = data.id
+      this.dataForm.parentName = data.checkLabel
+      this.resourceListVisible = false
+    },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
       this.$refs['dataForm'].validate((valid) => {
         if (!valid) {
           return false
         }
-        this.$http[!this.dataForm.id ? 'post' : 'put']('/news/subcheckdictionary/', this.dataForm).then(({ data: res }) => {
+        this.isAble = true
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/kpi/subcheckdictionary/', this.dataForm).then(({ data: res }) => {
           if (res.code !== 0) {
+            this.isAble = false
             return this.$message.error(res.msg)
           }
           this.$message({
@@ -164,3 +169,69 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+    .mod-sys__menu {
+        .resource-list {
+            .el-select .el-input__inner {
+                min-width: 110px;
+                text-align: center;
+            }
+        }
+        .menu-list,
+        .icon-list {
+            .el-input__inner,
+            .el-input__suffix {
+                cursor: pointer;
+            }
+        }
+        &-icon-popover {
+            width: 458px;
+            overflow: hidden;
+        }
+        &-icon-inner {
+            width: 478px;
+            max-height: 258px;
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+        &-icon-list {
+            width: 458px;
+            padding: 0;
+            margin: -8px 0 0 -8px;
+            > .el-button {
+                padding: 8px;
+                margin: 8px 0 0 8px;
+                > span {
+                    display: inline-block;
+                    vertical-align: middle;
+                    width: 18px;
+                    height: 18px;
+                    font-size: 18px;
+                }
+            }
+        }
+        .avatar-uploader .el-upload {
+            border: 1px dashed #d9d9d9;
+            border-radius: 6px;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+        }
+        .avatar-uploader .el-upload:hover {
+            border-color: #409eff;
+        }
+        .avatar-uploader-icon {
+            font-size: 28px;
+            color: #8c939d;
+            width: 378px;
+            height: 178px;
+            line-height: 178px;
+            text-align: center;
+        }
+        .avatar {
+            width: 300px;
+            height: 178px;
+            display: block;
+        }
+    }
+</style>
diff --git a/src/views/modules/kpi/subcheckdictionary.vue b/src/views/modules/kpi/subcheckdictionary.vue
index 6cc22fc1..8e21f235 100644
--- a/src/views/modules/kpi/subcheckdictionary.vue
+++ b/src/views/modules/kpi/subcheckdictionary.vue
@@ -1,52 +1,25 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
-    <div class="mod-news__subcheckdictionary}">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+    <div class="mod-sys__menu">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
         <el-form-item>
-          <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('news:subcheckdictionary:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('news:subcheckdictionary:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          <el-button type="primary" @click="addOrUpdateHandle()" >{{ $t('add') }}</el-button>
         </el-form-item>
       </el-form>
-      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="pid" label="父资源ID" header-align="center" align="center"></el-table-column>
+      <el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;">
+        <table-tree-column prop="checkLabel" label="考核项名称" header-align="center" width="400" show-overflow-tooltip></table-tree-column>
         <el-table-column prop="checkType" label="考核类型" header-align="center" align="center"></el-table-column>
         <el-table-column prop="checkCode" label="考核编码" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="checkLabel" label="考核标签" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="showFlag" label="显示标识：0否，1是" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="checkDescribe" label="描述" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="delFlag" label="逻辑删除标识" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="showFlag" label="是否显示" header-align="center" align="center" :formatter="showFlagFormatter" width="100"></el-table-column>
+        <el-table-column prop="checkDescribe" label="描述" header-align="center" width="300" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="sort" label="排序" header-align="center" align="center" width="100"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('news:subcheckdictionary:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('news:subcheckdictionary:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
-      </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
     </div>
@@ -55,15 +28,15 @@
 
 <script>
 import mixinViewModule from '@/mixins/view-module'
+import TableTreeColumn from '@/components/table-tree-column'
 import AddOrUpdate from './subcheckdictionary-add-or-update'
 export default {
   mixins: [mixinViewModule],
   data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/news/subcheckdictionary/page',
-        getDataListIsPage: true,
-        deleteURL: '/news/subcheckdictionary',
+        getDataListURL: '/kpi/subcheckdictionary/list',
+        deleteURL: '/kpi/subcheckdictionary',
         deleteIsBatch: true
       },
       dataForm: {
@@ -72,7 +45,17 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    TableTreeColumn
+  },
+  methods: {
+    showFlagFormatter: function (row, column) {
+      if (row.showFlag === '0') {
+        return '否'
+      } else if (row.showFlag === '1') {
+        return '是'
+      }
+    }
   }
 }
 </script>
diff --git a/src/views/modules/sys/resource-add-or-update.vue b/src/views/modules/sys/resource-add-or-update.vue
index 9e557820..6fc77ca9 100644
--- a/src/views/modules/sys/resource-add-or-update.vue
+++ b/src/views/modules/sys/resource-add-or-update.vue
@@ -182,6 +182,7 @@ export default {
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         this.dataForm.parentName = '一级资源'
+        this.dataForm.pid = '0'
         this.dataForm.resourceList = []
         this.buttonFlag = false
         this.getResourceList().then(() => {