From 7ef5f06a8a3b7b287696f34a0802588f4ccfbf1d Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Tue, 14 Nov 2023 14:40:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF-=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E8=B0=83=E7=A0=94=E6=B5=81=E7=A8=8B-=E8=B0=83=E7=A0=94?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E5=8F=8D=E9=A6=88=E3=80=81=E8=B0=83=E7=A0=94?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processCenter/pages/phone/bzdy/step3.vue  | 238 +++++++++++++++
 .../processCenter/pages/phone/bzdy/step5.vue  | 276 ++++++++++++++++++
 src/router/index.js                           |  22 ++
 3 files changed, 536 insertions(+)
 create mode 100644 src/pages/processCenter/pages/phone/bzdy/step3.vue
 create mode 100644 src/pages/processCenter/pages/phone/bzdy/step5.vue

diff --git a/src/pages/processCenter/pages/phone/bzdy/step3.vue b/src/pages/processCenter/pages/phone/bzdy/step3.vue
new file mode 100644
index 000000000..07f48d22e
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzdy/step3.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准调研流程</template>
+      <template slot="proNode">调研结果反馈</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <InputFormItem
+                  label="调研标题"
+                  prop="title"
+                  v-model="form.title"
+                  :disabled="disabled"
+              ></InputFormItem>
+              <DatePickerFormItem
+                  label="完成时间"
+                  prop="date"
+                  v-model="form.date"
+                  :disabled="disabled"
+              ></DatePickerFormItem>
+              <UploadFormItem
+                  label="调研模板"
+                  prop="modelName"
+                  :ids.sync="form.modelId"
+                  :names.sync="form.modelName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+              <UploadFormItem
+                  label="相关附件"
+                  prop="fjName"
+                  :ids.sync="form.fjId"
+                  :names.sync="form.fjName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">调研回执</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="调研结果"
+                  prop="fileName"
+                  :ids.sync="form.fileId"
+                  :names.sync="form.fileName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+              <TextareaFormItem
+                  label="调研回执"
+                  prop="dyhz"
+                  v-model="form.dyhz"
+                  :disabled="disabled"
+              ></TextareaFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    InputFormItem,
+    DatePickerFormItem,
+    UploadFormItem,
+    TextareaFormItem,
+    phoneRoleTree
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          this.form.fjId = this.form.fjList.map(item => item.id).join(',')
+          this.form.fjName = this.form.fjList.map(item => item.name).join(',')
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        assignee: data[0].id, // 被委托人
+        pId: this.$route.query.prcId, // 流程实例
+      }).then(res => {
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzdy/step5.vue b/src/pages/processCenter/pages/phone/bzdy/step5.vue
new file mode 100644
index 000000000..8e347d336
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzdy/step5.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准调研流程</template>
+      <template slot="proNode">调研结果处理</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <InputFormItem
+                  label="调研标题"
+                  prop="title"
+                  v-model="form.title"
+                  :disabled="disabled"
+              ></InputFormItem>
+              <DatePickerFormItem
+                  label="完成时间"
+                  prop="date"
+                  v-model="form.date"
+                  :disabled="disabled"
+              ></DatePickerFormItem>
+
+              <UploadFormItem
+                  label="汇总调研结果"
+                  prop="hzfileName"
+                  :ids.sync="form.hzfileId"
+                  :names.sync="form.hzfileName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">调研信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border" style="padding: 0">
+              <el-table
+                  ref="selection"
+                  :data="form.responUserList"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  border
+                  row-key="id"
+                  :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+              >
+                <el-table-column
+                    prop="name"
+                    min-width="120"
+                    label="责任人"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    prop="institutionName"
+                    label="责任部门"
+                    min-width="150"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    label="回执文件"
+                    min-width="120"
+                    align="center">
+                  <template slot-scope="scope">
+                    <span style="color: #409eff" @click="preview(scope.row.fileId)">{{scope.row.fileName}}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="dyhz"
+                    label="回执说明"
+                    align="center">
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    InputFormItem,
+    DatePickerFormItem,
+    UploadFormItem,
+    TextareaFormItem,
+    phoneRoleTree
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    preview(fileId) {
+      this.$preview(fileId)
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          // this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          // this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          // this.form.fjId = this.form.fjList.map(item => item.id).join(',')
+          // this.form.fjName = this.form.fjList.map(item => item.name).join(',')
+
+          this.form.responUserList = processForm.responUserList || processForm.form.responUserList
+          this.form.responUserList.forEach(item => {
+            item.institutionName = ''
+            this.$http.get('sarUser/user/selectDeptByDY', {
+              ids: item.dockUser
+            }, {
+              _this: this
+            }, res => {
+              if (res.ok) {
+                this.reloadForm = false
+                item.institutionName = res.data[0].institutionName
+                this.$nextTick(() => {
+                  this.reloadForm = true
+                })
+              } else {
+                item.institutionName = ''
+              }
+            })
+          })
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        assignee: data[0].id, // 被委托人
+        pId: this.$route.query.prcId, // 流程实例
+      }).then(res => {
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 5c04e6dd2..c83976825 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1869,6 +1869,17 @@ const routes = [
           title: '标准调研流程'
         }
       },
+      //  调研结果反馈
+      {
+        path: '/phoneBzdyStep3',
+        name: 'phoneBzdyStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzdy/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
       {
         path: '/phoneBzdyStep4',
         name: 'phoneBzdyStep4',
@@ -1879,6 +1890,17 @@ const routes = [
           title: '标准调研流程'
         }
       },
+      // 调研结果处理
+      {
+        path: '/phoneBzdyStep5',
+        name: 'phoneBzdyStep5',
+        component: () => import('@/pages/processCenter/pages/phone/bzdy/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
       {
         path: '/phoneBzdyStep6',
         name: 'phoneBzdyStep6',