From 3e00eec59a5b6283f8ac738471928ada9f62ef9a Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Wed, 14 Dec 2022 09:52:13 +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=88=B6=E4=BF=AE=E8=AE=A2?=
 =?UTF-8?q?=E7=AB=8B=E9=A1=B9=E8=AE=A1=E5=88=92=E6=B5=81=E7=A8=8B)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/qbzxdlx/step1-1.vue    | 1199 +++++++++++++++++
 .../pages/processDetail/index.vue             |    2 +-
 src/router/index.js                           |    9 +
 3 files changed, 1209 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbzxdlx/step1-1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1-1.vue b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1-1.vue
new file mode 100644
index 000000000..f379f15f6
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1-1.vue
@@ -0,0 +1,1199 @@
+<template>
+  <div class="qbzxdlxStep1">
+    <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>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+          <el-form class="label-input-form prc-content-border" label-width="150px" ref="qblx_pageData" :model="qblx_pageData" :rules="qblxRule">
+            <el-form-item label="流程名称" prop="processName" class="add-form-item form-item-disabled">
+              <el-input :disabled="disabledXX"
+                style="width: 90%"
+                clearable
+                v-model="qblx_pageData.processName"
+                placeholder="请输入流程名称"/>
+            </el-form-item>
+            <el-form-item label="项目目标" class="add-form-item form-item-disabled">
+              <el-input :disabled="disabledXX"
+                style="width: 90%"
+                clearable
+                v-model="qblx_pageData.projectTarget"
+                placeholder="请输入项目目标"/>
+            </el-form-item>
+            <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
+              <div>
+                <el-upload
+                  :action="uploadFileListPath"
+                  show-file-list
+                  :file-list="fileInfoList"
+                  name="file"
+                  accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
+                  :on-remove="delFileInfo"
+                  :on-success="uploadBackSuccess"
+                  :before-upload="beforeUpload"
+                >
+                  <el-button :disabled="disabledXX"  class="common-button-default" size="mini">
+                    点击上传
+                  </el-button>
+                </el-upload>
+              </div>
+            </el-form-item>
+          </el-form>
+        <process-title style="margin-top:5px; margin-bottom: 5px">
+          <template slot="title">填写信息</template>
+        </process-title>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <el-button :disabled="disabledXX"  type="primary" size="small" @click="addQblx('add','企标制修订立项计划')">新增</el-button>
+            <el-button :disabled="disabledXX"  type="plain" size="small" @click="uploadQblx">导入</el-button>
+            <el-button :disabled="disabledXX"  type="success" size="small" @click="downloadStatus">模板下载</el-button>
+            <el-button :disabled="disabledXX"  type="danger" size="small" @click="delQblx">批量删除</el-button>
+          </div>
+        </div>
+        <el-table
+          :data="qblx_pageData.qblxData"
+          border
+          ref="entryTable"
+          height="68%"
+          style="width: 100%"
+          @selection-change="selectedDelete"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+          <el-table-column type="selection" fixed="left" align="center" width="55"/>
+          <el-table-column prop="bussSort" label="企标类别" fixed="left" align="center" width="100"/>
+          <el-table-column prop="esName" label="企标名称" fixed="left" align="center" width="300" show-overflow-tooltip/>
+          <el-table-column prop="reviseStatus" label="制修订类型" width="200" align="center"></el-table-column>
+          <el-table-column prop="unitName" label="起草责任单位" width="200" align="center"></el-table-column>
+          <el-table-column prop="drafterName" label="起草人" width="150" align="center"></el-table-column>
+          <el-table-column prop="resPersonName" label="评审责任人" width="150" align="center"></el-table-column>
+          <el-table-column prop="wgLeaderName" label="工作组组长" width="150" align="center"></el-table-column>
+          <el-table-column prop="draftTime" label="计划标准初稿完成时间" min-width="180" align="center"></el-table-column>
+          <el-table-column prop="releaseTime" label="计划标准发布时间"  width="150" align="center"></el-table-column>
+          <el-table-column prop="endTime" label="立项完成时间" min-width="150"  align="center"></el-table-column>
+          <el-table-column label="操作" align="center" width="80" fixed="right">
+            <template slot-scope="scope">
+              <el-button :disabled="disabledXX"  size="mini" type="primary" @click="editRow('edit','编辑信息',scope.row)">编辑</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-collapse accordion v-model="activeNames">
+        <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 class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="roleForm"
+            :model="roleForm"
+            class="label-input-form">
+            <el-timeline-item timestamp="起草" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>标准法规工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input :disabled="disabledXX"  v-model="roleForm.startUser" disabled style="display: none;"></el-input>
+                    <el-input :disabled="disabledXX"  v-model="roleForm.startUserName" disabled placeholder="标准法规工程师"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="立项确认" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>责任工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input :disabled="disabledXX"  v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input :disabled="disabledXX"  v-model="roleForm.dockUserName" readonly placeholder="责任工程师"
+                              @click.native="choiceZRR('2', '选择标准立项单位整车/系统总工', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+
+    <!-- 新增/编辑弹框 -->
+    <el-drawer v-if="!disabledXX"
+      :title="qblxTitle"
+      :visible.sync="qblxModel"
+      size="600px"
+      :wrapper-closable="false"
+      custom-class="demo-drawer"
+    >
+      <el-form :model="addQblxData" class="label-input-form prc-content-border"
+               label-width="150px" :rules="addRule" ref="addQblxData">
+        <el-form-item prop="bussSort" label="企标类别" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+          <el-select :disabled="disabledXX"  v-model="addQblxData.bussSort"  filterable placeholder="请选择企标类别" style="width: 100%;">
+            <el-option
+              v-for="(item, index) in standSortOptions"
+              :key="index"
+              :value="item.value"
+              :label="item.label">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="esName" label="企标名称" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+          <el-input :disabled="disabledXX"
+            v-model.trim="addQblxData.esName"
+            placeholder="请输入企标名称"
+            :maxlength="500"/>
+        </el-form-item>
+        <el-form-item prop="reviseStatus" label="制修订类型" style="width: 100%; margin-right:10px"
+                      class="add-form-item form-item-disabled">
+          <el-select :disabled="disabledXX"  v-model="addQblxData.reviseStatus" placeholder="请选择制修订类型">
+            <el-option label="制定" value="制定"></el-option>
+            <el-option label="修订" value="修订"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="起草责任单位" style="width: 100%; margin-right:10px"  prop="unitName" class="add-form-item form-item-disabled">
+          <el-input :disabled="disabledXX"  v-model="addQblxData.unit" style="display: none;"></el-input>
+          <el-input :disabled="disabledXX"  v-model="addQblxData.unitName" placeholder="请选择起草责任单位"
+                    @click.native="choiceZRBM('unit', '选择起草责任单位', addQblxData.unit)">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="drafterName" label="起草人" style="width: 100%; margin-right:10px"
+                      class="add-form-item form-item-disabled">
+          <el-input :disabled="disabledXX"  v-model="addQblxData.drafter" style="display: none;"></el-input>
+          <el-input :disabled="disabledXX"  v-model="addQblxData.drafterName" placeholder="请选择起草人" readonly
+                    @click.native="choiceZRRS('1')">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="resPersonName" label="评审责任人" style="width: 100%; margin-right:10px"
+                      class="add-form-item form-item-disabled">
+          <el-input :disabled="disabledXX"  v-model="addQblxData.resPerson" style="display: none;"></el-input>
+          <el-input :disabled="disabledXX"  v-model="addQblxData.resPersonName" placeholder="请选择评审责任人"
+                    @click.native="choiceZRRS('2')">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="wgLeaderName" label="工作组组长" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+          <el-input :disabled="disabledXX"  v-model="addQblxData.wgLeader" style="display: none;"></el-input>
+          <el-input :disabled="disabledXX"  v-model="addQblxData.wgLeaderName" placeholder="请选择工作组组长"
+                    @click.native="choiceLeader"></el-input>
+        </el-form-item>
+        <el-form-item label="计划标准初稿完成时间" style="width: 100%; margin-right:10px" prop="draftTime" class="add-form-item form-item-disabled">
+          <el-date-picker :disabled="disabledXX"
+            v-model="addQblxData.draftTime"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="请选择计划标准初稿完成时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="计划标准发布时间" style="width: 100%; margin-right:10px" prop="releaseTime" class="add-form-item form-item-disabled">
+          <el-date-picker :disabled="disabledXX"
+            v-model="addQblxData.releaseTime"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="请选择计划标准发布时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="立项完成时间" style="width: 100%; margin-right:10px" prop="endTime" class="add-form-item form-item-disabled">
+          <el-date-picker :disabled="disabledXX"
+            v-model="addQblxData.endTime"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="请选择立项完成时间">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <div class="demo-drawer-footer">
+        <el-button :disabled="disabledXX"  size="mini" @click="closeDrawer">取消</el-button>
+        <el-button :disabled="disabledXX"  type="primary" size="mini" @click="OkDrawer">确认</el-button>
+      </div>
+    </el-drawer>
+    <!-- 选择工作组抽屉-->
+    <el-drawer v-if="!disabledXX"
+      class="drawer-table"
+      title="选择工作组组长"
+      :visible.sync="workModel"
+      size="600px"
+      @close="closeWorkDrawer"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <div class="left">
+              <el-form :modal="workSearch" :inline="true" class="label-input-form" style="margin-left:10px">
+                <el-form-item label="工作组" class="search-item">
+                  <el-input :disabled="disabledXX"
+                    v-model="workSearch.workGroupName"
+                    clearable
+                    placeholder="根据工作组进行查找"
+                  />
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    type="primary"
+                    class="common-button-primary"
+                    size="small"
+                    @click="getWorkBtn">
+                    查询
+                  </el-button>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    class="common-button-default"
+                    size="small"
+                    @click="clearSearch">清空
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+            <loading :loading="tableLoading">数据加载中...</loading>
+            <el-table
+              ref="workGroup"
+              :data="workData"
+              tooltip-effect="dark"
+              border
+              style="width: 100%; flex: auto;"
+              class="table-height"
+              @selection-change="workChange"
+              :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+              >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="workGroup"
+                label="工作组"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="workLeader"
+                label="工作组组长"
+                align="center">
+              </el-table-column>
+            </el-table>
+          </div>
+          <pagination
+            :page="page"
+            :pageSize="pageSize"
+            :total="total"
+            @pageChange="pageChange"
+            @pageSizeChange="pageSizeChange"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button :disabled="disabledXX"  size="mini" @click="closeWorkDrawer">取消</el-button>
+        <el-button :disabled="disabledXX"  type="primary" size="mini" @click="OkWork">带入</el-button>
+      </div>
+    </el-drawer>
+    <ProcessFooter v-show="!disabledXX"
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree v-if="!disabledXX"
+      check-box
+      is-title="选择责任人"
+      :is-visible.sync="modalshowflag3"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <!--    多选择责任人-->
+    <Role-tree v-if="!disabledXX"
+      :is-title="drawerTitle2"
+      :is-visible.sync="modalshowflag2"
+      @checkedRole="checkedRole2"
+      :nodeList="nodeList2"
+    ></Role-tree>
+    <Role-tree v-if="!disabledXX"
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+<!--    选择起草责任单位-->
+    <Mechanism-tree v-if="!disabledXX"
+      is-title="选择起草责任单位"
+      :is-visible.sync="modalshowflagZRBM"
+      :nodeList="nodeListZRBM"
+      @checkedRole="drawerCheckZRBM"
+    />
+    <!--导入模态窗-->
+    <el-dialog width="400px" :visible.sync="importModalshowflag" title="导入文件" :footer-hide="true">
+      <el-upload
+        drag
+        :show-file-list="showUploadlist"
+        :on-success="importFileSuccess"
+        :on-remove="removeOneFile"
+        :before-upload="beforeUpload"
+        :action="importExcelUrl"
+        :file-list="defaultFileList"
+        accept=".xls"
+        name="file"
+        ref="importFileAboutStand">
+        <div style="padding: 20px 0">
+          <i class="el-icon-upload" style="color: #3399ff"></i>
+          <p>点击或拖拽上传文件</p>
+        </div>
+      </el-upload>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import MechanismTree from "@/components/mechanismTree";
+import { queryTaskFirst, saveTaskFirst, taskDel, downloadStatus,processCreatePlan} from "@/api/process.js";
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    MechanismTree,
+    ProcessTitle
+  },
+  name: "qbzxdlxStep1",
+  data() {
+      const standNameVerify = (rule, value, callback) => {
+          if(value === '' || value === null){
+              return callback(new Error('请输入企标名称'))
+          }else {
+              this.$http.get('esRevisePlan/es-revise-plan/getDataByNameAndSort', {
+                  bussSort: this.addQblxData.bussSort,
+                  esName: this.addQblxData.esName,
+              }, {
+                  _this: this,
+              }, res => {
+                  if (res.data && res.data > 0) {
+                      return callback(new Error('企标名称重复'))
+                  }else {
+                      callback()
+                  }
+              }, e => {
+              })
+          }
+      };
+    return {
+      activeNames:'1',
+      disabledXX:!!this.$route.query.disabledXX,
+      tableLoading: false,
+      importModalshowflag: false,  //导入弹窗
+      showUploadlist: true, // 导入过程中新增数据时，如果数据错误，不出现导入列表
+      importExcelUrl: 'api/att/attFile/uploadNew', // 导入EXCEL文档
+      defaultFileList: [], // 默认显示
+      uploadFileListPath: "api/att/attFile/uploadNew", // 上传的地址
+      fileInfoList: [], // 上传的附件
+      fileIds: [], // 上传的附件
+      fileListName: [], //上传的附件名称
+      standSortOptions: [], //企标类别下拉框
+      nodeListZRBM: [],
+      workData: [], //工作组数据
+      workChangeList: [],
+      modalshowflagZRBM: false,
+      modalshowflag2: false,
+      modalshowflag3: false,
+      workModel: false,
+      workSearch: {
+        workGroupName: "",
+      },
+      total: 0,
+      page: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      roleType: '',
+      drawerTitle: '',
+      drawerTitle2: '',
+      listIndex: 0,
+      active: '1',
+      qblx_pageData: {
+        projectTarget: '',
+        processName: '',
+        qblxData: [],
+      },
+      commentText: '',
+      qblxRule: {
+        processName: [
+          {required: true, message:'请输入流程名称', trigger: 'blur'}
+        ]
+      },
+      roleForm: {
+        startUserName: this.$store.getters.userInfo.userName,
+        startUser: this.$store.getters.userInfo.userId,
+      },
+      // 上传路径
+      uploadPath: 'api/att/attFile/uploadNew',
+      acceptShow: false,
+      // 上传所储存文件数组
+      fillFileList: [],
+      // 新增弹框
+      qblxTitle: '',
+      btnType: '',
+      qblxModel: false,
+      addQblxData: {
+        esName: '',
+        dutyUnit: '',
+        dutyPeopleId: '',
+        dutyPeople: '',
+        firstDraftTime: '',
+        draftTime: '',
+        releaseTime: '',
+        bussSort: '',
+        drafter: '',
+        drafterName: '',
+        resPerson: '',
+        resPersonName: '',
+        wgLeader: '',
+        wgLeaderName: '',
+        reviseStatus: '',
+        planTime: '',
+        endTime: '',
+      },
+      addRule: {
+        // unit: [
+        //   { required: true, message: "请选择起草单位", trigger: "change" }
+        // ],
+        bussSort: [
+          { required: true, message: "请选择企标类别", trigger: "blur" }
+        ],
+        esName: [
+          { required: true,  validator: standNameVerify, trigger: "blur" }
+        ],
+        reviseStatus: [
+          { required: true, message: "请选择制修订类型", trigger: "blur" }
+        ],
+        // resPersonName: [
+        //   { required: true, message: "请输入评审责任人", trigger: "blur" }
+        // ],
+        // wgLeaderName: [
+        //   { required: true, message: "请输入工作组组长", trigger: "blur" }
+        // ],
+        // unitName: [
+        //   { required: true, message: "请选择起草责任单位", trigger: "blur" }
+        // ],
+        // draftTime: [
+        //   { required: true, message: "请输入计划标准初稿完成时间", trigger: "blur" }
+        // ],
+        // releaseTime: [
+        //   {required: true, message: '请输入计划标准发布时间', trigger: 'blur'},
+        // ],
+        drafterName: [
+          {required: true, message: '请选择起草人', trigger: 'change'},
+        ],
+      },
+      isSubmit: false,
+      saveLoading: false,
+      // 选人组件
+      modalshowflag: false,
+      nodeList: [],
+      nodeList2: [],
+      taskID: '',
+      bpnId: '',
+
+      // 表格勾选数据储存
+      deleteDataList: [],
+      // 设置当前日期之前不可选择
+      datePicker: {
+        disabledDate(date) {
+          return date.getTime() < Date.now() - 24 * 60 * 60 * 1000
+        }
+      }
+    }
+  },
+
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getData()
+    }
+    this.getWorkData()
+    //查询下拉框数据
+    this.$http.get('sys/dictype/getDicTypeListCode', '',{
+      _this: this
+    }, res => {
+      res.data.BUSSSTANDCLASS.forEach(item => {
+        if(!item.label.indexOf('Q/FT')){
+          this.standSortOptions.push(item)   //企标类别
+        }
+      })
+    })
+  },
+  methods: {
+    onFileExceed() {
+      this.$message.error('最多上传一个文件')
+    },
+    // 导入标准数据成功后执行
+    importFileSuccess (res, file, fileList) {
+     let files = {}
+      if (res.ok) {
+        files.attId = res.data.attId
+        files.fileName = res.data.name
+        if (res.data.standNum != null && res.data.standNum !== '') {
+          files.standNumSplit = res.data.standNum
+        }
+        if (res.data.standName != null && res.data.standName !== '') {
+          files.standNameSplit = res.data.standName
+        }
+        this.defaultFileList.push(file)
+        const _formData = new FormData()
+        _formData.append('standNumSplit', files.standNumSplit)
+        _formData.append('standNameSplit', files.standNameSplit)
+        _formData.append('fileType', files.fileType)
+        _formData.append('importFileId', files.attId)
+        this.$http.postData('importWkExcel/importData', _formData,{
+          _this: this
+        }, res => {
+          console.log(res);
+          if(res.ok){
+            if(res.data.length){
+              this.qblx_pageData.qblxData = res.data
+              this.$message.success('文件上传成功')
+            }else{
+              this.$message.warning('请勿上传为空的文件')
+            }
+          }else{
+            const arr = res.data.split('；')
+            let newDatas = [],h = this.$createElement;
+            for (const i in arr) {
+              newDatas.push(h('p', null, arr[i]))
+            }
+            this.$confirm(h('div', null, newDatas), "提示", {
+              confirmButtonText: "确认",
+              confirmButtonClass: "common-button-primary",
+              dangerouslyUseHTMLString: true,
+              cancelButtonText: "取消",
+              type: "warning"
+            }).then(() => {
+            }).catch(() => {
+            });
+          }
+        })
+        this.importModalshowflag = false
+        this.$nextTick(() => {
+          this.$refs.importFileAboutStand.clearFiles()
+        })
+      } else {
+        this.defaultFileList = []
+        this.uploadFilesplitEo.attId = ''
+        this.$message.error(res.message)
+      }
+    },
+    //删除文件时执行
+    removeOneFile(){
+
+    },
+    getWorkBtn(){
+      this.page = 1
+      this.getWorkData()
+    },
+    clearSearch(){
+      this.workSearch.workGroupName = ''
+      this.getWorkData()
+    },
+    pageChange(page){
+      this.page = page
+      this.getWorkData()
+    },
+    pageSizeChange(pageSize){
+      this.pageSize = pageSize
+      this.getWorkData()
+    },
+    workChange(data) {
+      this.workChangeList = data
+    },
+    //工作组取消按钮
+    closeWorkDrawer(){
+      this.workModel = false
+      this.workSearch.workGroupName = ''
+      this.getWorkData()
+      this.$refs.workGroup.clearSelection()
+    },
+    OkWork(){
+      if(this.workChangeList.length > 1 ){
+        this.$message.warning('您只能选择一条数据进行带入')
+      }else if(this.workChangeList.length < 1 ){
+        this.$message.warning('请至少选择一条数据')
+      }else{
+        this.$set(this.addQblxData, 'wgLeader', this.workChangeList[0].workLeaderId)
+        this.$set(this.addQblxData, 'wgLeaderName',  this.workChangeList[0].workLeader)
+        if(this.addQblxData.wgLeaderName){
+          this.$refs.qblx_pageData.validateField('wgLeaderName')
+        }
+        this.workModel = false
+        this.workSearch.workGroupName = ''
+        this.$refs.workGroup.clearSelection()
+      }
+    },
+    getWorkData() {
+      this.$http.get("workGroup/work-group", {
+        pageSize: this.pageSize,
+        page: this.page,
+        workGroupName: this.workSearch.workGroupName
+      }, {
+        _this: this
+      }, res => {
+        this.workData = res.data.records;
+        this.total = res.data.total;
+        this.tableLoading = false
+      }, e => {
+      });
+    },
+    choiceLeader(){
+      this.getWorkData()
+      this.workModel = true
+    },
+    choiceZRBM(type, title, id) {
+      this.nodeListZRBM = []
+      this.nodeListZRBM.push(id)
+      this.drawerTitle = title
+      this.modalshowflagZRBM = true
+    },
+    drawerCheckZRBM(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.$set(this.addQblxData, 'unit', idList)
+      this.$set(this.addQblxData, 'unitName', nameList)
+      if(this.addQblxData.unit){
+        this.$refs.qblx_pageData.validateField('unit')
+      }
+      if(this.addQblxData.unitName){
+        this.$refs.qblx_pageData.validateField('unitName')
+      }
+    },
+    choiceZRRS(type) {
+      this.roleType = type
+      if(type === '1' ){
+        this.drawerTitle = '请选择起草人'
+        this.nodeList2 = [];
+        if (this.addQblxData.drafter !== undefined) {
+          this.nodeList2 = this.addQblxData.drafter.split(",");
+        }
+        this.modalshowflag = true;
+      }else if(type === '2'){
+        this.drawerTitle2 = '请选择评审责任人'
+        this.nodeList2 = [];
+        if (this.addQblxData.resPerson !== undefined) {
+          this.nodeList2 = this.addQblxData.resPerson.split(",");
+        }
+        this.modalshowflag2 = true;
+      }
+    },
+    checkedRole(data) {
+      if(this.roleType === '1'){
+        this.$set(this.addQblxData, 'drafter', data[0].id)
+        this.$set(this.addQblxData, 'drafterName', data[0].name)
+      }else {
+        this.$set(this.addQblxData, 'wgLeader', data[0].id)
+        this.$set(this.addQblxData, 'wgLeaderName', data[0].name)
+      }
+
+      if(this.addQblxData.wgLeaderName){
+        this.$refs.qblx_pageData.validateField('wgLeaderName')
+      }
+      if(this.addQblxData.drafterName){
+        this.$refs.qblx_pageData.validateField('drafterName');
+      }
+      this.modalshowflag = false;
+    },
+    checkedRole2(data) {
+      console.log(data);
+      let idList = "", nameList = ""
+      let unitList = "", unitNameList = ""
+      data.forEach(item => {
+        if (nameList.length) {
+          nameList += ",";
+          idList += ",";
+          unitList += ",";
+          unitNameList += ",";
+        }
+        idList += item.id;
+        nameList += item.name;
+        unitList += item.topUnitId
+        unitNameList += item.topUnit
+      });
+      if(this.roleType === '1'){
+        this.$set(this.addQblxData, 'drafter', idList)
+        this.$set(this.addQblxData, 'drafterName', nameList)
+        this.$set(this.addQblxData, 'unit', unitList)
+        this.$set(this.addQblxData, 'unitName', unitNameList)
+      }else if(this.roleType === '2'){
+        this.$set(this.addQblxData, 'resPerson', idList)
+        this.$set(this.addQblxData, 'resPersonName', nameList)
+      }
+      // === '0' false null undefined都属于false类变量 如果里面有值可以直接判断
+      if(this.addQblxData.drafterName){
+        this.$refs.qblx_pageData.validateField('drafterName');
+      }
+      if(this.addQblxData.unitName){
+        this.$refs.qblx_pageData.validateField('unitName');
+      }
+      if(this.addQblxData.resPersonName){
+        this.$refs.qblx_pageData.validateField('resPersonName');
+      }
+    },
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    // 保存后获取的数据
+    getData() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.qblx_pageData = mes.form ? mes.form : mes.qblx_pageData
+        this.fileInfoList = mes.form ? mes.form.qblxFile :  mes.qblx_pageData.qblxFile
+        this.commentText = mes.commentText
+      });
+    },
+
+    // 删除上传的文件
+    delFileInfo(file, fileList) {
+      this.fileInfoList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.fileInfoList.splice(index,1)
+        }
+      })
+    },
+    // 上传文件成功回调
+    uploadBackSuccess(res, file, fileList) {
+      if (res.ok) {
+        this.fileInfoList.push(res.data)
+        this.$message.success("上传成功");
+      } else {
+        this.$message.error(res.message);
+        fileList.pop();
+      }
+    },
+    // 相关附件 上传之前钩子
+    beforeUpload(file) {
+      var filename = file.name;
+      // this.listForm.fileName = this.listForm.fileName + ',' + file.name
+      var index1 = filename.lastIndexOf(".");
+      var index2 = filename.length;
+      var fileSuffix = filename.substring(index1, index2);
+      //把后缀转大写
+      if (fileSuffix !== undefined && fileSuffix !== null) {
+        fileSuffix = fileSuffix.toUpperCase();
+      }
+      // 判断上传文件格式
+      if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
+        || fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
+        || fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG") {
+        return true;
+      } else {
+        this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
+        return false;
+      }
+      // 判断文件上传大小
+      if (file.size / 1024 / 1024 > 300) {
+        this.$message.warning("文件" + file.name + "大小不能超过300M");
+        return false;
+      }
+      return true;
+    },
+
+    // 表格勾选事件
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+
+    // 流程阶段负责人选择
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.modalshowflag3 = true
+    },
+    // 选人组件确认
+    drawerCheck(data) {
+     this.addQblxData.dutyPeopleId = data[0].id
+     this.addQblxData.dutyPeople = data[0].name
+     this.modalshowflag = false
+    },
+
+    /** 新增按钮 */
+    addQblx(type,title) {
+      this.addQblxData = {}
+      this.btnType = type
+      this.qblxTitle = title
+      this.qblxModel = true
+    },
+    // 抽屉确认按钮
+    OkDrawer() {
+      this.$refs['addQblxData'].validate((valid) => {
+        if (valid) {
+          if (this.btnType === 'add') {
+            this.qblx_pageData.qblxData.push(this.addQblxData)
+          }
+          this.addQblxData = {}
+          this.qblxModel  = false
+          this.addQblxData =  {
+              esName: '',
+              dutyUnit: '',
+              dutyPeopleId: '',
+              dutyPeople: '',
+              firstDraftTime: '',
+              planTime: '',
+              endTime : '',
+              draftTime: '',
+              releaseTime: '',
+              bussSort: '',
+            drafter: '',
+            drafterName: '',
+            resPerson: '',
+            resPersonName: '',
+            wgLeader: '',
+            wgLeaderName: '',
+            reviseStatus: '',
+          }
+        }
+      })
+    },
+    // 抽屉取消按钮
+    closeDrawer() {
+      if (this.btnType === 'edit') {
+        let Items = JSON.parse(localStorage.getItem('obj'))
+        console.log(Items)
+        this.addQblxData.esName = Items.esName
+        this.addQblxData.unit = Items.unit
+        this.addQblxData.unitName = Items.unitName
+        this.addQblxData.dutyUnit = Items.dutyUnit
+        this.addQblxData.dutyPeopleId = Items.dutyPeopleId
+        this.addQblxData.dutyPeople = Items.dutyPeople
+        this.addQblxData.firstDraftTime = Items.firstDraftTime
+        this.addQblxData.planTime = Items.planTime
+        this.addQblxData.draftTime = Items.draftTime
+        this.addQblxData.releaseTime = Items.releaseTime
+        this.addQblxData.bussSort = Items.bussSort
+        this.addQblxData.drafter = Items.drafter
+        this.addQblxData.resPerson = Items.resPerson
+        this.addQblxData.resPersonName = Items.resPersonName
+        this.addQblxData.endTime = Items.endTime
+        this.addQblxData.drafterName = Items.drafterName
+        this.addQblxData.wgLeader = Items.wgLeader
+        this.addQblxData.wgLeaderName = Items.wgLeaderName
+        this.addQblxData.reviseStatus = Items.reviseStatus
+        console.log(this.qblx_pageData.qblxData,'表格数据')
+      } else {
+        this.addQblxData = {}
+      }
+      this.qblxModel = false
+    },
+
+    editRow(type,title,val) {
+      this.btnType = type
+      this.qblxTitle = title
+      localStorage.setItem('obj', JSON.stringify(val))
+      this.addQblxData = val
+      this.qblxModel = true
+    },
+    /** 删除按钮*/
+    delQblx() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.qblx_pageData.qblxData.findIndex(items => {
+              return items === item;
+            });
+            if (index > -1) {
+              this.qblx_pageData.qblxData.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    /** 数据导入到列表 */
+    uploadQblx() {
+     this.importModalshowflag = true
+    },
+
+
+    /** 模板下载 */
+    downloadStatus() {
+      downloadStatus().then(res => {
+        let blob = new Blob([res], { type: 'application/vnd.ms-excel' }); //以xls文件为例
+        //浏览器兼容，Google和火狐支持a标签的download，IE不支持
+        if (window.navigator && window.navigator.msSaveBlob) {
+          //IE浏览器、微软浏览器
+          /* 经过测试，微软浏览器Microsoft Edge下载文件时必须要重命名文件才可以打开，
+            IE可不重命名，以防万一，所以都写上比较好 */
+          window.navigator.msSaveBlob(blob, '企标制修订立项计划模板.xls');
+        } else {
+          //其他浏览器
+          let link = document.createElement('a'); // 创建a标签
+          link.style.display = 'none';
+          let objectUrl = URL.createObjectURL(blob);
+          link.href = objectUrl;
+          link.download = '企标制修订立项计划模板.xls';
+          link.click();
+          URL.revokeObjectURL(objectUrl);
+        }
+      })
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true;
+      let _formData = new FormData();
+      this.qblx_pageData.qblxFile = this.fileInfoList
+      _formData.append("createUser", this.$store.getters.userInfo.userId);
+      _formData.append("createUserName", this.$store.getters.userInfo.userName);
+      _formData.append("prcType", "26");
+      _formData.append("json", JSON.stringify({
+        qblx_pageData: this.qblx_pageData,
+        commentText: this.commentText
+      }));
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false;
+        this.$message.success("保存成功");
+        this.bpnId = res.result;
+      }).catch(e => {
+        this.saveLoading = false;
+      })
+    },
+    listSubmit (item) {
+      return new Promise((resolve, reject) => {
+        let newForm = Object.assign(this.roleForm, item,this.qblx_pageData);
+        newForm.startUserName = this.$store.getters.userInfo.userName
+        newForm.startUser  = this.$store.getters.userInfo.userId
+        newForm.dockUser = item.drafter
+        newForm.dockUserName = item.drafterName
+        this.$http.post('lawss/activiti/startProcessRollBack',{
+          createUser: this.$store.getters.userInfo.userId,
+          createUserName: this.$store.getters.userInfo.userName,
+          type: '26',
+          json: JSON.stringify({
+            form: newForm,
+            commentText: this.commentText
+          })
+        },{
+          _this: this
+        },res => {
+          if(res.ok){
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: res.data,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(newForm)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                resolve()
+                // this.$message.success(res.message);
+                if (this.bpnId !== undefined && this.bpnId !== '') {
+                  let taskId = {
+                    id: this.bpnId
+                  }
+                  taskDel(taskId).then(res=>{
+                    // return res
+                  })
+                }
+                // this.$router.push("/processCenter");
+              }
+            });
+          }
+        })
+      })
+    },
+    //流程提交事件
+    handleSubmit() {
+      if(this.qblx_pageData.qblxData.length){
+        let jsonData = this.qblx_pageData.qblxData
+        this.qblx_pageData.qblxFile = this.fileInfoList
+        this.qblx_pageData.commentText = this.commentText;
+        this.$refs["qblx_pageData"].validate((valid) => {
+          if (valid) {
+            this.$refs["roleForm"].validate(async (valid) => {
+              if (valid) {
+                this.isSubmit = true
+                let finishCount = 0;
+                while (finishCount < jsonData.length) {
+                  await this.listSubmit(jsonData[finishCount])
+                    .then(() => {
+                      finishCount++
+                    }).catch(e => {
+                    })
+                }
+                if (finishCount === jsonData.length) {
+                  this.$message.success("提交成功");
+                  this.isSubmit = false
+                  this.$router.push('/processCenter')
+                }
+                this.isSubmit = false
+              } else {
+                return this.$message.warning("请完善人员信息");
+              }
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }else{
+        this.$message.warning('立项列表不能为空')
+      }
+
+    },
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbzxdlxStep1 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-upload-list__item-name {
+    //margin-left: 48px;
+  }
+
+  /deep/ .el-upload-list {
+    width: 50%;
+    margin-bottom: 10px;
+  }
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      height: 100%;
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .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% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        left: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding-top: 15px;
+
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    /deep/ .el-textarea__inner {
+      font-family: inherit;
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+
+  .picker_style {
+    margin-left: 10px;
+    margin-bottom: 0;
+    min-height: 50px;
+    line-height: 50px;
+    border-bottom: 1px dashed #e5e5e5;
+    /deep/.el-input__inner{
+      border: 0;
+    }
+  }
+  .table-height{
+    height: calc(~'100% - 65px');
+    overflow: auto;
+  }
+  .drawer-table{
+    /deep/.el-drawer__body{
+      overflow-y: hidden;
+    }
+    /deep/.demo-drawer-content{
+      overflow-y: hidden;
+    }
+  }
+}
+
+</style>
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 5a52a028b..0ea29f01a 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -266,7 +266,7 @@ export default {
           this.toProcessDetail('qbzxdjhgkStep1-1',row)
         }else if(prcType === '26'){
           //企标制修订计划立项 1
-          this.toProcessDetail('qbzxdlxStep1',row)
+          this.toProcessDetail('qbzxdlxStep1-1',row)
         }
       }
     },
diff --git a/src/router/index.js b/src/router/index.js
index 29e52ef2a..36a9997b7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2382,6 +2382,15 @@ const routes = [
           title: '企标制修订立项计划流程（流程发起）'
         }
       },
+      {
+        path: '/qbzxdlxStep1-1',
+        name: 'qbzxdlxStep1-1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbzxdlx/step1-1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标制修订立项计划流程（流程发起）'
+        }
+      },
       {
         path: '/qbzxdlxStep2',
         name: 'qbzxdlxStep2',