From 9424197fc48f07af1ecb9a6edd4b559348535850 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Thu, 25 Jan 2024 11:41:05 +0800
Subject: [PATCH] =?UTF-8?q?feature(=E6=94=BF=E7=AD=96=E5=85=A5=E5=BA=93?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B):=20=E6=B7=BB=E5=8A=A0=E6=94=BF=E7=AD=96?=
 =?UTF-8?q?=E4=BD=93=E7=B3=BB=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hzwlComponents/policy/PolicyTree.vue      | 80 +++++++++++++++++++
 .../policyWarehousing/components/Basic.vue    | 29 +++++++
 .../creatProcess/policyWarehousing/step1.vue  |  8 ++
 .../creatProcess/policyWarehousing/step2.vue  |  8 ++
 4 files changed, 125 insertions(+)
 create mode 100644 src/components/hzwlComponents/policy/PolicyTree.vue

diff --git a/src/components/hzwlComponents/policy/PolicyTree.vue b/src/components/hzwlComponents/policy/PolicyTree.vue
new file mode 100644
index 000000000..95121b67f
--- /dev/null
+++ b/src/components/hzwlComponents/policy/PolicyTree.vue
@@ -0,0 +1,80 @@
+<template>
+  <el-drawer
+    title="政策体系"
+    :visible.sync="visible"
+  >
+    <div style="flex: 1">
+      <el-tree
+        ref="tree"
+        :data="treeList"
+        :props="defaultProps"
+        node-key="id"
+        highlight-current
+        :expand-on-click-node="false"
+      />
+    </div>
+    <div class="demo-drawer-footer" style="height: 51px">
+      <el-button size="mini" @click="cancel">取消</el-button>
+      <el-button size="mini" type="primary" @click="submit">确定</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'PolicyTree',
+  data () {
+    return {
+      visible: false,
+      getListStand: 'sarResource/ts-resource/getListStand',
+      treeList: [],
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+    }
+  },
+  mounted () {
+    this.getList()
+  },
+  methods: {
+    getList () {
+      this.$http._getData(this.getListStand, {
+        sorDivide: 'FOREIGN_LAWS',
+        userId: this.$store.getters.userInfo.userId
+      }).then(res => {
+        if (res.ok) {
+          this.treeList = res.data
+        }
+      })
+    },
+    open (key) {
+      this.visible = true
+      this.$nextTick(() => {
+        key === '' ?
+          this.$refs.tree.setCurrentKey() :
+          this.$refs.tree.setCurrentKey(key)
+      })
+    },
+    cancel () {
+      this.visible = false
+    },
+    submit () {
+      const currentNode = this.$refs.tree.getCurrentNode()
+      if (!currentNode) {
+        this.$message({
+          message: '请选择政策体系',
+          type: 'warning'
+        })
+        return
+      }
+      this.$emit('choose', currentNode)
+      this.cancel()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/policyWarehousing/components/Basic.vue b/src/pages/processCenter/pages/creatProcess/policyWarehousing/components/Basic.vue
index 0da5dce5f..1eee06729 100644
--- a/src/pages/processCenter/pages/creatProcess/policyWarehousing/components/Basic.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyWarehousing/components/Basic.vue
@@ -201,9 +201,22 @@
             :disabled="disabled"
           />
         </el-col>
+        <el-col :span="12">
+          <el-form-item label="政策体系" prop="menuName" class="add-form-item form-item-disabled">
+            <el-input
+              :value="form.menuName"
+              placeholder="请选择政策体系"
+              clearable
+              :disabled="disabled"
+              @click.native="openChoose"
+              @clear="handleClear"
+            />
+          </el-form-item>
+        </el-col>
       </el-row>
     </div>
     <SearchResult ref="SearchResultRef" :dict="dict" @dragIn="dragIn" />
+    <PolicyTree ref="PolicyTree" @choose="handleChoose" />
   </div>
 </template>
 
@@ -217,6 +230,7 @@ import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
 import DataRangePickerFormItem from '@/components/hzwlComponents/DataRangePickerFormItem'
 import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
 import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem';
+import PolicyTree from '@/components/hzwlComponents/policy/PolicyTree'
 import SearchResult from './SearchResult'
 export default {
   name: 'Basic',
@@ -228,6 +242,7 @@ export default {
     DataRangePickerFormItem,
     SelectMultipleFormItem,
     TextareaFormItem,
+    PolicyTree,
     SearchResult
   },
   props: {
@@ -268,6 +283,20 @@ export default {
     },
     dragIn (form) {
       this.$emit('dragIn', form)
+    },
+    openChoose (e) {
+      if (e.target.className === 'el-input__icon el-icon-circle-close el-input__clear') {
+        return;
+      }
+      this.$refs.PolicyTree.open(this.form.menuId)
+    },
+    handleChoose (data) {
+      this.$set(this.form, 'menuName', data.menuName)
+      this.$set(this.form, 'menuId', data.id)
+    },
+    handleClear () {
+      this.$set(this.form, 'menuName', '')
+      this.$set(this.form, 'menuId', '')
     }
   }
 }
diff --git a/src/pages/processCenter/pages/creatProcess/policyWarehousing/step1.vue b/src/pages/processCenter/pages/creatProcess/policyWarehousing/step1.vue
index 1859e0937..e71ee17a9 100644
--- a/src/pages/processCenter/pages/creatProcess/policyWarehousing/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyWarehousing/step1.vue
@@ -100,6 +100,8 @@ export default {
       lawsRemark: '',
       lawsKeyPoint: '',
       lawsOriginalLink: '',
+      menuId: '',
+      menuName: '',
       // 实施日期
       SSRQLAWS: '',
       XRZSSRQLAWS: '',
@@ -199,6 +201,9 @@ export default {
       lawsOriginalLink: [
         { type: 'string', max: 500, message: '政策原文链接不能超过500个字符', trigger: 'change' }
       ],
+      menuName: [
+        { required: true, message: '政策体系不能为空', trigger: 'change' }
+      ],
     }
     // 认证清单为否 的校验
     const littleSarLawsStandRules = {
@@ -247,6 +252,9 @@ export default {
       lawsOriginalLink: [
         { type: 'string', max: 500, message: '政策原文链接不能超过500个字符', trigger: 'change' }
       ],
+      menuName: [
+        { required: true, message: '政策体系不能为空', trigger: 'change' }
+      ],
     }
     const roleRules = {
       prcCreateUserName: [
diff --git a/src/pages/processCenter/pages/creatProcess/policyWarehousing/step2.vue b/src/pages/processCenter/pages/creatProcess/policyWarehousing/step2.vue
index cd58697f3..fdd4b669b 100644
--- a/src/pages/processCenter/pages/creatProcess/policyWarehousing/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/policyWarehousing/step2.vue
@@ -105,6 +105,8 @@ export default {
       lawsRemark: '',
       lawsKeyPoint: '',
       lawsOriginalLink: '',
+      menuId: '',
+      menuName: '',
       // 实施日期
       SSRQLAWS: '',
       XRZSSRQLAWS: '',
@@ -196,6 +198,9 @@ export default {
       CYSDLAWS: [
         { required: true, message: '我司参与深度不能为空', trigger: 'change' }
       ],
+      menuName: [
+        { required: true, message: '政策体系不能为空', trigger: 'change' }
+      ],
     }
     // 认证清单为否 的校验
     const littleSarLawsStandRules = {
@@ -236,6 +241,9 @@ export default {
       isRelateAccess: [
         { required: true, message: '是否纳入认证清单不能为空', trigger: 'change' }
       ],
+      menuName: [
+        { required: true, message: '政策体系不能为空', trigger: 'change' }
+      ],
     }
     const roleRules = {
       prcCreateUserName: [