From 28dad68b265e4925cd7dfe3da7cd69d80d5d42e8 Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Tue, 26 Dec 2023 16:31:48 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E4=BF=AE=E6=94=B9=E4=BC=81=E6=A0=87?=
 =?UTF-8?q?=E5=88=B6=E4=BF=AE=E8=AE=A2=EF=BC=8C=E5=A2=9E=E5=8A=A0=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E8=BD=AC=E4=BA=A4=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/personCenter.js                       |   9 +-
 src/common/lang/personalCenter/zh.js          |  13 +
 src/components/selection/UserSelection.vue    |   2 +-
 .../personalCenter/taskCareOf/TaskCareOf.vue  |  70 +++++
 .../taskCareOf/table/BasicLibraryInfo.vue     | 296 ++++++++++++++++++
 .../taskCareOf/table/ProcessInfo.vue          | 181 +++++++++++
 .../modules/DepartLiaisonCollectBaseInfo.vue  |   4 +-
 7 files changed, 571 insertions(+), 4 deletions(-)
 create mode 100644 src/views/personalCenter/taskCareOf/TaskCareOf.vue
 create mode 100644 src/views/personalCenter/taskCareOf/table/BasicLibraryInfo.vue
 create mode 100644 src/views/personalCenter/taskCareOf/table/ProcessInfo.vue

diff --git a/src/api/personCenter.js b/src/api/personCenter.js
index 03bfd997..7f30ddf7 100644
--- a/src/api/personCenter.js
+++ b/src/api/personCenter.js
@@ -9,8 +9,15 @@ const clearBrowsingHistory = (params) => postAction('/personal/lawsBrowsingHisto
 // 我的消息-详情
 const getMsgDetail = (params) => getAction('/sys/sysAnnouncementSend/getDetailsById', params)
 
+// 任务转交-基础库信息-转交
+const basicInfoTransfer = (params) => postAction('/laws/taskTransfer/baseDBTransfer', params)
+// 任务转交-流程信息-转交
+const processInfoTransfer = (params) => postAction('/laws/taskTransfer/processDBTransfer', params)
+
 export {
   cancelCollect,
   clearBrowsingHistory,
-  getMsgDetail
+  getMsgDetail,
+  basicInfoTransfer,
+  processInfoTransfer
 }
diff --git a/src/common/lang/personalCenter/zh.js b/src/common/lang/personalCenter/zh.js
index ff31c848..69d66c5d 100644
--- a/src/common/lang/personalCenter/zh.js
+++ b/src/common/lang/personalCenter/zh.js
@@ -40,5 +40,18 @@ module.exports = {
   // 我的消息
   myMessage: {
     noCanRemarkData: '当前没有可标注的数据'
+  },
+  // 任务转交
+  taskCareOf: {
+    basicLibraryInfo: '基础库信息',
+    processInfo: '流程信息',
+    user: '用户',
+    type: '类型',
+    standardNum: '标准号',
+    standardName: '标准名称',
+    role: '角色',
+    transferUser: '转交人',
+    transfer: '转交',
+    nodeName: '节点名称'
   }
 }
diff --git a/src/components/selection/UserSelection.vue b/src/components/selection/UserSelection.vue
index 97e6b480..5ac3509d 100644
--- a/src/components/selection/UserSelection.vue
+++ b/src/components/selection/UserSelection.vue
@@ -96,7 +96,7 @@ export default {
       this.$refs.selectModal.open(this.value)
     },
     selectChange (ids) {
-      this.$emit('change', ids)
+      this.$emit('change', ids, this.filedName)
     },
     nameChange (value) {
       this.checkedValue = value
diff --git a/src/views/personalCenter/taskCareOf/TaskCareOf.vue b/src/views/personalCenter/taskCareOf/TaskCareOf.vue
new file mode 100644
index 00000000..f51558b8
--- /dev/null
+++ b/src/views/personalCenter/taskCareOf/TaskCareOf.vue
@@ -0,0 +1,70 @@
+<template>
+  <a-card :bordered="false">
+    <a-tabs default-active-key="1" v-model="activeTab">
+      <template v-for="tab in tabList">
+        <a-tab-pane :key="tab.component">
+          <template v-slot:tab>
+            <div>
+              {{ tab.label }}
+            </div>
+          </template>
+        </a-tab-pane>
+      </template>
+    </a-tabs>
+    <div class="tabs-table-box">
+      <keep-alive>
+        <component
+          :is="comp"
+          ref="compModel"
+          v-if="comp">
+        </component>
+      </keep-alive>
+    </div>
+  </a-card>
+</template>
+
+<script>
+export default {
+  name: 'TaskCareOf',
+  data () {
+    return {
+      comp: null,
+      activeTab: '',
+      tabList: [
+        { // 基础库信息
+          component: 'BasicLibraryInfo',
+          label: this.$t('personalCenter.taskCareOf.basicLibraryInfo')
+        },
+        { // 流程信息
+          component: 'ProcessInfo',
+          label: this.$t('personalCenter.taskCareOf.processInfo')
+        }
+      ]
+    }
+  },
+  watch: {
+    activeTab () {
+      this.comp = resolve => require([`@views/personalCenter/taskCareOf/table/${this.activeTab}.vue`], resolve)
+      setTimeout(() => {
+        this.$refs.compModel.loadData()
+      }, 100)
+    }
+  },
+  created () {
+    // 获取第一个tab
+    this.activeTab = 'BasicLibraryInfo'
+    this.comp = resolve => require([`@views/personalCenter/taskCareOf/table/${this.activeTab}.vue`], resolve)
+  },
+  mounted () {
+    window.reloadData = () => {
+      if (this.$refs.compModel && this.$refs.compModel.loadData) {
+        this.$refs.compModel.loadData()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
diff --git a/src/views/personalCenter/taskCareOf/table/BasicLibraryInfo.vue b/src/views/personalCenter/taskCareOf/table/BasicLibraryInfo.vue
new file mode 100644
index 00000000..0ac9d455
--- /dev/null
+++ b/src/views/personalCenter/taskCareOf/table/BasicLibraryInfo.vue
@@ -0,0 +1,296 @@
+<template>
+  <div>
+    <!--  搜索区域  -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <!--  用户  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('personalCenter.taskCareOf.user')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('personalCenter.taskCareOf.user')" v-model="queryParam.user"></a-input>
+            </a-form-item>
+          </a-col>
+          <!--  类型  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('personalCenter.taskCareOf.type')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag
+                :placeholder="$t('pleaseSelect')+$t('personalCenter.taskCareOf.type')"
+                dict-code="task_transfer_type"
+                v-model="queryParam.type">
+              </j-dict-select-tag>
+            </a-form-item>
+          </a-col>
+          <!--  标准号  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('personalCenter.taskCareOf.standardNum')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('personalCenter.taskCareOf.standardNum')" v-model="queryParam.standardNo"></a-input>
+            </a-form-item>
+          </a-col>
+
+          <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+            <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">{{ $t('query') }}</a-button>
+            <a-button type="primary" ghost @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
+          </div>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <!--  操作区域  -->
+    <div class="table-operator">
+      <!-- 转交 -->
+      <a-button icon="arrow-up" type="primary" ghost @click="handleTransfer">
+        {{ $t('personalCenter.taskCareOf.transfer') }}
+      </a-button>
+    </div>
+
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%', y: yScrollHeight}"
+        ref="table"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange">
+        <!--标准号、标准名称-->
+        <template v-slot:toDetail="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a v-if="text" class="link-a" @click="handleGoDetail(record)">{{ text }}</a>
+            <div v-else class="table-text">{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+      </j-table>
+    </div>
+
+    <!--  转办需要选人  -->
+    <user-select-modal ref="userSelectModal" type="radio" @change="userSelectChange"></user-select-modal>
+  </div>
+</template>
+
+<script>
+import JTable from '@/components/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import UserSelectModal from '@/components/selection/UserSelectModal'
+import UserSelection from '@/components/selection/UserSelection'
+import {
+  basicInfoTransfer
+} from '../../../../api/personCenter'
+
+export default {
+  name: 'BasicLibraryInfo',
+  components: { JTable, UserSelectModal, UserSelection },
+  mixins: [JeroListMixin],
+  computed: {
+    yScrollHeight () {
+      /**
+       * 前几个使用变量是为了配合iframe嵌套，算出页面显示范围的高度
+       * 48px：分页器的高度
+       * 48px：a-card的padding（上24+下24）
+       * 54px：表头行的高度
+       * 64px: tab高度
+       */
+      return `calc(100vh - ${this.defaultHeight['user-info-height']} - ${this.defaultHeight['breadcrumb-height']} - ${this.defaultHeight.oneLineSearchHeight} - ${this.defaultHeight.oneLineOperationHeight} - 48px - 48px - 54px - ${this.isBackTitle ? '56px' : '0px'} - 64px)`
+    }
+  },
+  data () {
+    return {
+      labelCol: {
+        span: 4
+      },
+      wrapperCol: {
+        span: 14
+      },
+      columns: [
+        { // 类型
+          title: this.$t('personalCenter.taskCareOf.type'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'type_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 标准号
+          title: this.$t('personalCenter.taskCareOf.standardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardNo',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 标准名称
+          title: this.$t('personalCenter.taskCareOf.standardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardName',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 角色
+          title: this.$t('personalCenter.taskCareOf.role'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'role_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 用户
+          title: this.$t('personalCenter.taskCareOf.user'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'user_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 转交人
+          title: this.$t('personalCenter.taskCareOf.transferUser'),
+          align: 'center',
+          width: 300,
+          dataIndex: 'transferUser',
+          customRender: (value, row, index) => {
+            return <user-selection v-model={this.dataSource[index].transferUser}
+              nameStr={this.dataSource[index].transferUser_dictText}
+              disabled={this.disabled} type={'radio'}
+              filedName={this.dataSource[index].id + '-' + this.dataSource[index].type}
+              placeholder={this.$t('pleaseSelect')} onChange={this.transferUserChange} />
+          }
+        }
+      ],
+      url: {
+        list: '/laws/taskTransfer/queryBaseDB'
+      }
+    }
+  },
+  methods: {
+    // 点击跳转标准详情
+    handleGoDetail (record) {
+      let path = ''
+      // 需要先判断是哪种标准
+      if (record.source === '1') {
+        path = '/standardRegulationLibrary/DomesticStandardDetail'
+      } else if (record.source === '2') {
+        path = '/standardRegulationLibrary/OverseasStandardDetail'
+      } else if (record.source === '3') {
+        path = '/enterpriseStandardLibrary/enterpriseStandardDetail'
+      }
+      this.$openPageNewSheet({
+        path: path,
+        query: {
+          id: record.standardId
+        }
+      })
+    },
+    transferUserChange (value, fieldName) {
+      if (this.loading) {
+        return
+      }
+      this.loading = true
+      const params = {}
+      params.id = fieldName.split('-')[0]
+      params.type = fieldName.split('-')[1]
+      params.transferUser = value
+      basicInfoTransfer(params).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.loadData()
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 批量转交
+    handleTransfer () {
+      if (this.selectedRowKeys.length <= 0) {
+        this.$message.warning(this.$t('selectARecord'))
+      } else {
+        this.$refs.userSelectModal.open()
+      }
+    },
+    // 批量转交选完人的回调
+    userSelectChange (value) {
+      if (value) {
+        let func
+        switch (this.currentTurnTo.prcType + '') {
+          // 标准法规入库/变更流程
+          case '1':
+            func = turnToStandardECProcess
+            break
+          // 标准征求意见流程
+          case '2':
+            func = transferConsultationProcess
+            break
+          // 项目合规评估流程
+          case '3':
+          // 未符合项跟踪流程
+          case '4':
+          // 法规合规评估
+          case '5':
+            func = processTransfer
+            break
+          // 法规采购流程
+          case '6':
+            func = transferProcurementProcess
+            break
+          // 企标立项、变更计划
+          case '7':
+            func = enterprisePlanApprovalTurnTo
+            break
+          // 年度制修订计划（各部门主动上报）
+          case '8':
+            func = activelyReportTurnTo
+            break
+          // 年度制修订计划（标准化发起）
+          case '9':
+            func = standardizationInitTurnTo
+            break
+          // 企标制修订流程
+          case '10':
+            func = enStandardEditTurnTo
+            break
+          // 企标更改流程
+          case '11':
+            func = enStandardChangeTurnTo
+            break
+          // 企标复审流程
+          case '12':
+            func = enStandardRecheckTurnTo
+            break
+          // 企标废止流程
+          case '13':
+            func = enStandardAnnulTurnTo
+            break
+          // 企标封存流程
+          case '14':
+            func = enStandardSealSaveTurnTo
+            break
+          // 已封存企标启用流程
+          case '15':
+            func = enStandardStartUseTurnTo
+            break
+          // 企标稽查计划
+          case '16':
+            func = transferInspectPlan
+            break
+        }
+        const param = {}
+        param.userId = value
+        param.ids = this.selectedRowKeys.join(',')
+        func(param).then(res => {
+          if (res.success) {
+            this.$message.success(res.message)
+            this.loadData()
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/personalCenter/taskCareOf/table/ProcessInfo.vue b/src/views/personalCenter/taskCareOf/table/ProcessInfo.vue
new file mode 100644
index 00000000..25b2adaa
--- /dev/null
+++ b/src/views/personalCenter/taskCareOf/table/ProcessInfo.vue
@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <!--  搜索区域  -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <!--  用户  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('personalCenter.taskCareOf.user')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('personalCenter.taskCareOf.user')" v-model="queryParam.user"></a-input>
+            </a-form-item>
+          </a-col>
+          <!--  流程编号  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('workCenter.processCenter.processNumber')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('workCenter.processCenter.processNumber')" v-model="queryParam.prcNum"></a-input>
+            </a-form-item>
+          </a-col>
+          <!--  流程类型  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('workCenter.processCenter.processType')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag
+                :placeholder="$t('pleaseSelect')+$t('workCenter.processCenter.processType')"
+                dict-code="prc_type"
+                v-model="queryParam.prcType">
+              </j-dict-select-tag>
+            </a-form-item>
+          </a-col>
+          <!--  流程名称  -->
+          <a-col :span="6">
+            <a-form-item :label="$t('processName')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('processName')" v-model="queryParam.prcName"></a-input>
+            </a-form-item>
+          </a-col>
+
+          <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+            <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">{{ $t('query') }}</a-button>
+            <a-button type="primary" ghost @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
+          </div>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <!--  操作区域  -->
+    <div class="table-operator">
+      <!-- 转交 -->
+      <a-button icon="arrow-up" type="primary" ghost @click="handleTransfer">
+        {{ $t('personalCenter.taskCareOf.transfer') }}
+      </a-button>
+    </div>
+
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%'}"
+        ref="table"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange">
+
+      </j-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import JTable from '@/components/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import { basicInfoTransfer } from '../../../../api/personCenter'
+
+export default {
+  name: 'ProcessInfo',
+  components: { JTable },
+  mixins: [JeroListMixin],
+  computed: {
+    yScrollHeight () {
+      /**
+       * 前几个使用变量是为了配合iframe嵌套，算出页面显示范围的高度
+       * 48px：分页器的高度
+       * 48px：a-card的padding（上24+下24）
+       * 54px：表头行的高度
+       * 64px: tab高度
+       */
+      return `calc(100vh - ${this.defaultHeight['user-info-height']} - ${this.defaultHeight['breadcrumb-height']} - ${this.defaultHeight.oneLineSearchHeight} - ${this.defaultHeight.oneLineOperationHeight} - 48px - 48px - 54px - ${this.isBackTitle ? '56px' : '0px'} - 64px - 56px)`
+    }
+  },
+  data () {
+    return {
+      labelCol: {
+        span: 4
+      },
+      wrapperCol: {
+        span: 14
+      },
+      columns: [
+        { // 流程编号
+          title: this.$t('workCenter.processCenter.processNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'prcNum',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 流程类型
+          title: this.$t('workCenter.processCenter.processType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'prcType_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 流程名称
+          title: this.$t('processName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'prcName',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 节点名称
+          title: this.$t('personalCenter.taskCareOf.nodeName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'nodeName',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 用户
+          title: this.$t('personalCenter.taskCareOf.user'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'user_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 转交人
+          title: this.$t('personalCenter.taskCareOf.transferUser'),
+          align: 'center',
+          width: 300,
+          dataIndex: 'transferUser',
+          customRender: (value, row, index) => {
+            return <user-selection v-model={this.dataSource[index].transferUser}
+              nameStr={this.dataSource[index].transferUser_dictText}
+              filedName={this.dataSource[index].taskId}
+              onChange={this.transferUserChange}
+              disabled={this.disabled} type={'radio'} placeholder={this.$t('pleaseSelect')} />
+          }
+        }
+      ],
+      url: {
+        list: '/laws/taskTransfer/queryProcessDB'
+      }
+    }
+  },
+  methods: {
+    transferUserChange (value, fieldName) {
+      if (this.loading) {
+        return
+      }
+      this.loading = true
+      const params = {}
+      params.taskId = fieldName
+      params.transferUser = value
+      basicInfoTransfer(params).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.loadData()
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue b/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
index 66353fbe..391cae2b 100644
--- a/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
+++ b/src/views/workCenter/enterpriseStandardRevision/modules/DepartLiaisonCollectBaseInfo.vue
@@ -32,7 +32,7 @@
         <div slot="action" slot-scope="{record, index}" class="action-span-cell">
           <a @click="handleEdit(record, index)" class="table-ope-btn" :disabled="disabled">{{ $t('edit') }}</a>
           <a-divider type="vertical" />
-          <a @click="handleDelete(record.id, index)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
+          <a @click="handleDelete(index)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
         </div>
 
       </j-table>
@@ -138,7 +138,7 @@ export default {
           {
             required: true,
             message: this.$t('workCenter.enStandardRevision.departLiaisonLeader') + this.$t('cannotEmpty'),
-            trigger: 'blur'
+            trigger: 'change'
           }
         ]
       }