手机端-标准入库流程-修订

src/pages/processCenter/pages/phone/bzrk/step4.vue

@@ -0,0 +1,182 @@
+<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"
+          label-width="112px"
+          style="height: 100%;"
+      >
+        <div v-if="active === '1'">
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+          <ProcessTitle>
+            <template slot="title">实施日期</template>
+          </ProcessTitle>
+          <ImplementationDate :form="form" :dict="dict" :disabled="disabled"></ImplementationDate>
+          <ProcessTitle>
+            <template slot="title">文本信息</template>
+          </ProcessTitle>
+          <TextInfo :form="form" :dict="dict" :disabled="disabled"></TextInfo>
+          <ProcessTitle>
+            <template slot="title">适用范围</template>
+          </ProcessTitle>
+          <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+          <ProcessTitle>
+            <template slot="title">关联信息</template>
+          </ProcessTitle>
+          <RelatesInformation :form="form" :dict="dict" :disabled="disabled"></RelatesInformation>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </div>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </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 Basic from "./components/Basic";
+import ImplementationDate from "./components/ImplementationDate";
+import TextInfo from "./components/TextInfo";
+import Range from "./components/Range";
+import RelatesInformation from "./components/RelatesInformation";
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    Basic,
+    ImplementationDate,
+    TextInfo,
+    Range,
+    RelatesInformation,
+    ReceiptDescription
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      dict: {},
+      footerLoading: false
+    }
+  },
+  created() {
+    this.getData()
+    this.getDicTypeListCode()
+  },
+  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))
+          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.footerLoading = true;
+      // this.form.commentText = this.commentText;
+      //
+      // this.form.menuIds = this.form.treeListId;
+      // this.form.BBFDTBZ = this.form.bfbdtbzh
+      // 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)
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</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;
+}
+.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>

src/router/index.js

@@ -3216,6 +3216,17 @@ const routes = [
           title: '标准入库流程'
         }
       },
+      // 修订
+      {
+        path: '/phoneBzrkStep4',
+        name: 'phoneBzrkStep4',
+        component: () => import('@/pages/processCenter/pages/phone/bzrk/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准入库流程'
+        }
+      },
       //  批准
       {
         path: '/phoneBzrkStep2',