From 4b9dea934de1d86ef22e3c2535630f3bcaf04375 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Wed, 14 Dec 2022 10:26:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B1=87=E6=80=BB=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2(=E4=BC=81=E6=A0=87=E5=BA=9F=E6=AD=A2=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/qbfz/step4-1.vue       | 588 ++++++++++++++++++
 .../pages/processDetail/index.vue             |   2 +-
 src/router/index.js                           |   9 +
 3 files changed, 598 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbfz/step4-1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/qbfz/step4-1.vue b/src/pages/processCenter/pages/creatProcess/qbfz/step4-1.vue
new file mode 100644
index 000000000..7777ffc6a
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbfz/step4-1.vue
@@ -0,0 +1,588 @@
+<template>
+  <div class="qbfz-step4-1">
+    <ProcessHeader toggle>
+      <template slot="proName">企标废止流程</template>
+      <template slot="proNode">起草人修改标准状态</template>
+    </ProcessHeader>
+    <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>
+    <process-title>
+      <template slot="title">基础信息</template>
+    </process-title>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto">
+        <el-form
+          ref="qbfsForm"
+          :model="qbfsForm"
+          :rules="formRules"
+          class="label-input-form prc-content-border"
+          label-width="150px"
+        >
+          <div v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="企标编号" prop="standCode" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.standCode"
+                    placeholder="请输入企标编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="中文名称" prop="standName" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.standName"
+                    placeholder="请输入中文名称"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.entCategory"
+                    placeholder="请输入企标类别"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.replaceNumber"
+                    placeholder="请输入代替企标编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item  label="废止理由" prop="abolishCause" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    type="textarea"
+                    v-model="qbfsForm.abolishCause"
+                    placeholder="请输入废止理由"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item  label="选择下一步状态理由" prop="nextStatusDetils" class="add-form-item">
+                  <el-input
+                      :disabled="disabledXX"
+                          type="textarea"
+                          v-model="qbfsForm.nextStatusDetils"
+                          placeholder="请输入下一步状态理由"
+                          clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.enName"
+                    placeholder="请输入英文名称"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.replacedNumber"
+                    placeholder="请输入被代替企标编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
+                  <el-input
+                      :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.releaseDate"
+                    placeholder="请输入发布日期"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
+                  <el-input
+                    :disabled="disabledXX"
+                    readonly
+                    v-model="qbfsForm.implementDate"
+                    placeholder="请输入实施日期"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item  label="下一步状态" prop="nextStatus" class="add-form-item ">
+                  <el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态"  :disabled="disabledXX">
+                    <el-option
+                      v-for="item in associationOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <el-button  :disabled="disabledXX" style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
+                   @click="foldForm">{{ foldFormFlag ? "隐藏基础信息" : "展开基础信息" }}
+        </el-button>
+        <process-title>
+          <template slot="title">会签信息</template>
+        </process-title>
+        <el-table
+          :data="dataList"
+          border
+          height="52%"
+          style="width: 100%;"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            prop="opinion"
+            align="center"
+            min-width="80%"
+            label="会签意见">
+          </el-table-column>
+          <el-table-column
+            prop="people"
+            align="center"
+            min-width="20%"
+            label="会签人">
+          </el-table-column>
+        </el-table>
+      </div>
+      <div>
+        <el-collapse accordion v-model="activesNames">
+          <el-collapse-item title="回执说明" name="1">
+            <div style="margin: 10px 0;">
+              <el-input
+                  :disabled="disabledXX"
+                type="textarea"
+                :rows="3"
+                resize="none"
+                placeholder="请输入意见"
+                v-model="commentText">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list" style="height: 100%">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter v-show="!disabledXX"
+      show-transfer
+      show-submit
+      :transfer-loading="isTransfer"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree v-if="!disabledXX"
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
+
+export default {
+  name: "qbfzStep4-1",
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data() {
+    return {
+      activesNames:'1',
+      disabledXX:this.$route.query.disabledXX,
+      active: "1",
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      drawerModal: false,
+      drawerTitle: "",
+      nodeList: [],
+      fileList: [],
+      commentText: "",
+      dataList: [],
+      detailData: [],
+      loading: false,
+      foldFormFlag: true,
+      qbfsForm: {
+        entNumber: "",
+        cnName: "",
+        enName: "",
+        entCategory: "",
+        replaceNumber: "",
+        replacedNumber: "",
+        releaseDate: "",
+        implementDate: "",
+        reviewDate: "",
+        nextStatus: "",
+        nextStatusDetils: ""
+      },
+      formRules: {
+        nextStatus: [
+          { required: true, message: "请选择下一步状态", trigger: "change" }
+        ]
+      },
+      associationOptions: [
+      // {
+      //   value: "修订",
+      //   label: "修订"
+      // },
+      {
+        value: "废止",
+        label: "废止"
+      }, {
+        value: "现行有效",
+        label: "现行有效"
+      }]
+    };
+  },
+  mounted() {
+    this.processTable();
+    this.getData();
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res;
+      }, e => {
+      });
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item));
+        let res = item.res ? item.res.substring(1, item.res.lastIndexOf("]")) : "";
+        res = res.split(",");
+        this.dataList = [];
+        res.forEach(item => {
+          this.dataList.push({
+            opinion: item.split("-")[1],
+            people: item.split("-")[0]
+          });
+        });
+      });
+    },
+    //流程提交
+    handleSubmit() {
+      this.$refs['qbfsForm'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true;
+          this.qbfsForm.commentText = this.commentText;
+          this.qbfsForm.dataList = this.dataList;
+          let json = JSON.stringify(this.qbfsForm);
+          this.$http.post("lawss/activiti/completeTask", {
+            taskIds: this.$route.query.taskIds,
+            userId: this.$store.getters.userInfo.userId,
+            json: json
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+              this.$message.success(res.message);
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false;
+          }, e => {
+          });
+        }else{
+          this.$message.warning('请完善基础信息')
+        }
+      })
+    },
+
+    handleTabs(name) {
+      this.active = name;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    //转办事件
+    handleTransfer() {
+      this.drawerModal = true;
+      this.drawerTitle = "转办处理人";
+      this.selectPeople = row;
+    },
+    //确认转办
+    checkedRole(data) {
+      this.isTransfer = true;
+      this.isSubmit = true;
+      this.assigneeNewLoading = true;
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        this.isTransfer = false;
+        this.isSubmit = false;
+        if (res.success) {
+          this.drawerModal = false;
+          this.$message.success("调整成功");
+          this.$router.push("/processCenter");
+          this.processNum();
+        } else {
+          this.$message.warning(res.message);
+        }
+      });
+    },
+    // 请求转换流程图
+    processNum(row) {
+      axios.request({
+        url: "/api/lawss/activiti/getImg?_t=" + new Date().getTime(),
+        responseType: "blob",
+        method: "get",
+        params: {
+          prcNum: this.$route.query.prcNum
+        }
+      }).then(res => {
+        // let blob = new Blob([res.data], {type: 'image/jpg'})
+        // let url = window.URL.createObjectURL(res.data)
+        this.processStep = window.URL.createObjectURL(res.data);
+      });
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSarNew?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbfz-step4-1 {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .fileClass {
+    cursor: pointer;
+  }
+
+  .fileClass:hover {
+    color: #0c91e5;
+  }
+
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+
+  .choiceBtn {
+    .el-button--primary {
+      width: 150px;
+    }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 133px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+
+      .accessStandardsAndRegulations {
+        height: 100%;
+      }
+    }
+  }
+
+  .add-form-el-select {
+    /deep/ .el-select {
+      width: 210px;
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 0ea29f01a..53ffe7d73 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -260,7 +260,7 @@ export default {
         this.toProcessDetail('qbfsStep4',row)
       }else if(prcType === '24'){
           //企标废止 3
-          this.toProcessDetail('qbfzStep1',row)
+          this.toProcessDetail('qbfzStep4-1',row)
         }else if(prcType === '25'){
           //企标制修订计划管控 1
           this.toProcessDetail('qbzxdjhgkStep1-1',row)
diff --git a/src/router/index.js b/src/router/index.js
index 36a9997b7..ba83afe9b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2263,6 +2263,15 @@ const routes = [
           title: '企标废止流程'
         }
       },
+      {
+        path: '/qbfzStep4-1',
+        name: 'qbfzStep4-1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbfz/step4-1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标废止流程'
+        }
+      },
       {
         path: '/qbfzStep5',
         name: 'qbfzStep5',