From 3c737dda0ec4c0937af5eb37fb6366f37e922896 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Fri, 17 Nov 2023 15:17:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF-=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95=E7=A1=AE=E8=AE=A4=E6=B5=81=E7=A8=8B-?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95=E5=AE=8C=E5=96=84(1=E3=80=812)=E3=80=81?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95=E5=8F=91=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/phone/xmqdqr/components/Basic.vue   |  53 +++++
 .../pages/phone/xmqdqr/components/Info.vue    | 122 ++++++++++
 .../pages/phone/xmqdqr/step2.vue              | 196 ++++++++++++++++
 .../pages/phone/xmqdqr/step3.vue              | 196 ++++++++++++++++
 .../pages/phone/xmqdqr/step4.vue              | 222 ++++++++++++++++++
 src/router/index.js                           |  33 +++
 6 files changed, 822 insertions(+)
 create mode 100644 src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue
 create mode 100644 src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue
 create mode 100644 src/pages/processCenter/pages/phone/xmqdqr/step2.vue
 create mode 100644 src/pages/processCenter/pages/phone/xmqdqr/step3.vue
 create mode 100644 src/pages/processCenter/pages/phone/xmqdqr/step4.vue

diff --git a/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue b/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue
new file mode 100644
index 000000000..3640c9159
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="项目编号"
+        prop="projectNumber"
+        v-model="form.projectNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="项目名称"
+        prop="projectName"
+        v-model="form.projectName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="截止日期"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue b/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue
new file mode 100644
index 000000000..1c40fac0f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue
@@ -0,0 +1,122 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        align="center"
+        width="200px"
+        label="标准号"
+    >
+      <template slot-scope="scope">
+        <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort
+          }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+        <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
+          {{ scope.row.standNumber }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="standName"
+        align="center"
+        min-width="300"
+        label="中文名称"
+    >
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="standEnName"
+        label="英文名称"
+        min-width="300"
+        align="center"
+    >
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="textStatus"
+        label="标准状态"
+        align="center"
+        width="100px"
+    >
+      <template slot-scope="scope">
+        <span v-if="scope.row.textStatus && textStatusMap.length > 0 ">{{ textStatusMap.find(item => item.value === scope.row.textStatus).label }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="ssrq"
+        width="190px"
+        align="center"
+        label="标准实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="xcxssrq"
+        width="190px"
+        align="center"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="zccssrq"
+        align="center"
+        width="190px"
+        label="在产车实施日期">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "Info",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    textStatusMap: {
+      type: Array,
+      default: () => {}
+    }
+  },
+  methods: {
+    // 点击查看
+    handlePreview(item) {
+      if(item.standType ==='BUSINESS_STAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'BUSS'
+          }
+        })
+      }else if (item.standType === 'INLAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'INLAND_STAND'
+          }
+        })
+      } else if (item.standType === 'FOREIGN') {
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'FOREIGN_STAND'
+          }
+        })
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step2.vue b/src/pages/processCenter/pages/phone/xmqdqr/step2.vue
new file mode 100644
index 000000000..599a61b2d
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step2.vue
@@ -0,0 +1,196 @@
+<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>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </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 {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+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 phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    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.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async 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
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+
+        this.textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+      })
+    }
+  }
+}
+</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/xmqdqr/step3.vue b/src/pages/processCenter/pages/phone/xmqdqr/step3.vue
new file mode 100644
index 000000000..3781bc156
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step3.vue
@@ -0,0 +1,196 @@
+<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>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </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 {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+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 phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    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.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async 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
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+        const textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+        this.textStatusMap = [...textStatusMap]
+      })
+    }
+  }
+}
+</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/xmqdqr/step4.vue b/src/pages/processCenter/pages/phone/xmqdqr/step4.vue
new file mode 100644
index 000000000..2ff1fed5c
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step4.vue
@@ -0,0 +1,222 @@
+<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>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </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-transfer
+        show-affirm
+        :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 {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+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 phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    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.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      // this.$message({
+      //   dangerouslyUseHTMLString: true,
+      //   message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+      //   type: 'error'
+      // })
+
+      this.form.dataList.forEach(item => {
+        if(!item.standId){
+          this.$set(item, 'standId', item.id)
+        }
+      })
+
+      this.footerLoading = true;
+      const json = JSON.stringify(this.form);
+
+      const query = {
+        taskIds: this.$route.query.taskIds,
+        userId : this.$store.getters.userInfo.userId,
+        json
+      }
+      const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', query)
+      if (!completeTaskRef.success) {
+        this.footerLoading = false
+        return this.$message.error(completeTaskRef.message)
+      }
+
+      this.$message.success(completeTaskRef.message)
+      this.footerLoading = false
+      setTimeout(() => {
+        this.$router.go(-2)
+      }, 100)
+    },
+    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
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+        const textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+        this.textStatusMap = [...textStatusMap]
+      })
+    }
+  }
+}
+</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 18327fb16..c3053cf63 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3079,6 +3079,39 @@ const routes = [
           title: '项目合规评估流程'
         }
       },
+      // 清单完善1
+      {
+        path: '/phoneXmqdqrStep2',
+        name: 'phoneXmqdqrStep2',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
+      // 清单完善2
+      {
+        path: '/phoneXmqdqrStep3',
+        name: 'phoneXmqdqrStep3',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
+      // 清单发布
+      {
+        path: '/phoneXmqdqrStep4',
+        name: 'phoneXmqdqrStep4',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
       {
         path: '/phoneXmqdqrStep5',
         name: 'phoneXmqdqrStep5',