From 9acd7dee72cc3cc107991b210765beb6590460de Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Wed, 14 Dec 2022 09:29:11 +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(=E6=A0=87=E5=87=86=E6=B8=85=E5=8D=95=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83/=E6=9B=B4=E6=96=B0=E6=B5=81=E7=A8=8B)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzqdfb/step1_1.vue     | 1676 +++++++++++++++++
 .../pages/processDetail/index.vue             |    2 +-
 src/router/index.js                           |    9 +
 3 files changed, 1686 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/bzqdfb/step1_1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/bzqdfb/step1_1.vue b/src/pages/processCenter/pages/creatProcess/bzqdfb/step1_1.vue
new file mode 100644
index 000000000..d36095150
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/bzqdfb/step1_1.vue
@@ -0,0 +1,1676 @@
+<!--标准清单发布/更新流程-->
+<template>
+  <div class="bzqdfb-step1">
+    <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 === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <el-form
+          ref="qdfbForm"
+          :model="listForm"
+          :rules="formRules"
+          class="label-input-form prc-content-border"
+          label-width="150px"
+        >
+          <el-row :gutter="24">
+            <el-col :span="24">
+              <el-form-item label="选择清单" prop="orgName" class="add-form-item form-item-disabled">
+                <el-radio-group v-model="listType" @change="selectionList">
+                  <el-radio :disabled="disabledXX" label="country">国家/地区清单</el-radio>
+                  <el-radio :disabled="disabledXX" label="project">车型类别清单</el-radio>
+                  <el-radio :disabled="disabledXX" label="other">其他清单</el-radio>
+                </el-radio-group>
+                <el-button :disabled="disabledXX"  size="mini" type="primary" style="margin-left: 40px;" @click="choiceShow">
+                  选择清单
+                </el-button>
+              </el-form-item>
+              <el-form-item label="清单名称" prop="listName" class="add-form-item form-item-disabled">
+                <el-input :disabled="disabledXX"
+                  disabled
+                  v-model="listForm.listName"
+                  placeholder="请输入清单名称"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="清单说明" prop="descriptionList" class="add-form-item form-item-disabled">
+                <el-input :disabled="disabledXX"
+                  v-model="listForm.descriptionList"
+                  placeholder="请输入清单说明"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
+                <el-input :disabled="disabledXX"
+                  disabled
+                  style="display: none;"
+                  v-model="fileInfo"
+                  clearable
+                ></el-input>
+                <div v-if="fileInfoList.length > 0">
+                  <div v-for="(item, index) in fileInfoList" :key="index" style="margin-right: 5px; padding-left: 10px">
+                    <div class="fileClass" >
+                      <span @click="clickButtonToUpload2(item)">{{ item.name }}</span>
+                      <el-button :disabled="disabledXX"
+                        size="small"
+                        @click="clickButtonToUpload(item)"
+                        icon="el-icon-download"
+                        style="height: 32px; margin-left: 5px;"
+                      ></el-button>
+                    </div>
+                  </div>
+                </div>
+                <el-button :disabled="disabledXX"
+                  type="primary"
+                  class="common-button-primary"
+                  @click="fileUpload"
+                  size="mini">
+                  点击上传
+                </el-button>
+              </el-form-item>
+              <el-form-item label="会签" prop="sign" class="add-form-item form-item-disabled">
+                <el-radio-group v-model="signFlag" @change="selectSign">
+                  <el-radio :disabled="disabledXX" label="1">是</el-radio>
+                  <el-radio :disabled="disabledXX" label="2">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <process-title>
+          <template slot="title">填写信息</template>
+        </process-title>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <el-button :disabled="disabledXX"  plain class="common-button-primary" size="mini" @click="addList">添加</el-button>
+            <el-button :disabled="disabledXX"  plain class="common-button-primary" size="mini" @click="deleteList">批量删除</el-button>
+          </div>
+        </div>
+        <el-table
+          :data="dataList"
+          border
+          ref="selection"
+          height="49%"
+          style="width: 100%;"
+          @selection-change="selectStandChange"
+          :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="code"
+            width="180px"
+            align="center"
+            label="标准号">
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="标准名称"
+            align="center"
+            width="260px"
+          >
+            <template slot-scope="scope">
+              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName || scope.row.standEnName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="issueTime"
+            align="center"
+            label="发布日期">
+            <template slot-scope="scope">
+              <span>{{ scope.row.issueTime ? $moment(scope.row.issueTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="XCXSSRQ"
+            align="center"
+            label="新车型实施日期">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="ZCCSSRQ"
+            align="center"
+            label="在产车实施日期">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="textStatus"
+            align="center"
+            width="120px"
+            label="文本状态">
+            <template slot-scope="scope">
+              <span>{{ textStatusMap[scope.row.textStatus] }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <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>
+    <div class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="Form"
+            :model="roleForm"
+            :rules="roleFormRules"
+            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" style="display: none;"></el-input>
+
+                    <el-input :disabled="disabledXX"  v-model="roleForm.startUserName" placeholder="startUserName"
+                              disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="会签" placement="top"
+                              :color="roleForm.dockUser ? '#66b1ff' : ''" v-if="signFlag === '1'">
+              <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="choiceZRRS">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="修订" placement="top"
+                              :color="roleForm.ministerUser ? '#66b1ff' : ''" v-if="signFlag === '1'">
+              <el-card>
+                <el-form-item prop="ministerUserName" style="margin-bottom: 0">
+                  <h4>发起人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input :disabled="disabledXX"  v-model="roleForm.ministerUser" style="display: none;"></el-input>
+                    <el-input :disabled="disabledXX"  v-model="roleForm.ministerUserName" type="text" readonly
+                              disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="批准" placement="top"
+                              :color="roleForm.directorUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="directorUserName" style="margin-bottom: 0">
+                  <h4>责任部门高级经理</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input :disabled="disabledXX"  v-model="roleForm.directorUser" style="display: none;"></el-input>
+                    <el-input :disabled="disabledXX"  v-model="roleForm.directorUserName" readonly placeholder="选择责任部门高级经理"
+                              @click.native="choiceZRR('directorUser', '选择责任部门高级经理', roleForm.directorUser)"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <!-- 选择清单抽屉-->
+    <el-drawer v-if="!disabledXX"
+      class="drawer-table"
+      title="选择清单"
+      :visible.sync="ListModel"
+      size="900px"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 120px;top:60px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <div class="left">
+              <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form"
+                       style="margin-left:10px">
+                <el-form-item label="清单名称" class="search-item search-item-last">
+                  <el-input :disabled="disabledXX"
+                    v-model="sarSarAccessEOSearch.detailedListName"
+                    placeholder="请输入清单名称"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    :loading="searching"
+                    type="primary"
+                    class="common-button-primary"
+                    size="small"
+                    v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
+                    @click="queryDetailsData">
+                    查询
+                  </el-button>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    class="common-button-default"
+                    size="small"
+                    v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
+                    @click="clearSearch">清空
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+            <el-table
+              v-if="listType === 'country'"
+              :data="sarAccessListDatas"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              height="calc(100% - 64px)"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @row-click="rowClick"
+              @select="select"
+              @selection-change="selectListChange"
+              ref="detailedSelection"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="countryAreaShow"
+                label="国家/地区"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="detailedListName"
+                label="清单名称"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  <a class="table-jump" @click.stop="showTable(scope.row)">{{
+                      scope.row.detailedListName
+                    }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListState"
+                label="清单状态"
+                align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.detailedListState === '0'">未发布</span>
+                  <span v-if="scope.row.detailedListState === '1'">已发布</span>
+                  <span v-if="scope.row.detailedListState === '3'">审核中</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListVision"
+                label="清单版本"
+                align="center">
+                <template slot-scope="scope">
+            <span
+              v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
+                scope.row.detailedListVision
+              }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updateTime"
+                label="更新时间"
+                sortable
+                align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : "" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updatePeople"
+                label="更新人"
+                align="center">
+              </el-table-column>
+            </el-table>
+            <el-table
+              v-if="listType === 'project'"
+              :data="sarAccessListDatas"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              height="100%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @row-click="rowClick"
+              @select="select"
+              @selection-change="selectListChange"
+              ref="detailedSelection"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="carType"
+                label="车型类别"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="detailedListName"
+                label="清单名称"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  <a class="table-jump" @click.stop="showTable(scope.row)">{{
+                      scope.row.detailedListName
+                    }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListState"
+                label="清单状态"
+                align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.detailedListState === '0'">未发布</span>
+                  <span v-if="scope.row.detailedListState === '1'">已发布</span>
+                  <span v-if="scope.row.detailedListState === '3'">审核中</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListVision"
+                label="清单版本"
+                align="center">
+                <template slot-scope="scope">
+            <span
+              v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
+                scope.row.detailedListVision
+              }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updateTime"
+                label="更新时间"
+                sortable
+                align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : "" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updatePeople"
+                label="更新人"
+                align="center">
+              </el-table-column>
+            </el-table>
+            <el-table
+              v-if="listType === 'other'"
+              :data="sarAccessListDatas"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              height="100%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @row-click="rowClick"
+              @select="select"
+              @selection-change="selectListChange"
+              ref="detailedSelection"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="detailedList"
+                label="清单类别"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="detailedListName"
+                label="清单名称"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  <a class="table-jump" @click.stop="showTable(scope.row)">{{
+                      scope.row.detailedListName
+                    }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListState"
+                label="清单状态"
+                align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.detailedListState === '0'">未发布</span>
+                  <span v-if="scope.row.detailedListState === '1'">已发布</span>
+                  <span v-if="scope.row.detailedListState === '3'">审核中</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="detailedListVision"
+                label="清单版本"
+                align="center">
+                <template slot-scope="scope">
+            <span
+              v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
+                scope.row.detailedListVision
+              }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updateTime"
+                label="更新时间"
+                sortable
+                align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : "" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updatePeople"
+                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="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="standModel"
+      size="900px"
+      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="standardSearch" :inline="true" class="label-input-form"
+                       style="margin-left:10px">
+                <el-form-item label="类型" class="search-item search-item-last">
+                  <el-select :disabled="disabledXX"
+                    @change="typeChange"
+                    v-model="standardSearch.standType"
+                    placeholder="请选择"
+                    filterable
+                  >
+                    <el-option
+                      v-for="item in standardTypeOptions"
+                      :value="item.value"
+                      :key="item.value"
+                      :label="item.label"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="标准号/标准名称" class="search-item search-item-last">
+                  <el-input :disabled="disabledXX"
+                    v-model="standardSearch.standNumber"
+                    placeholder="请输入标准号或标准名称"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    :loading="searching"
+                    type="primary"
+                    class="common-button-primary"
+                    size="small"
+                    v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
+                    @click="getStandDataBtn">
+                    查询
+                  </el-button>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button :disabled="disabledXX"
+                    class="common-button-default"
+                    size="small"
+                    v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
+                    @click="clearStandSearch">清空
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+            <div class="table-height">
+              <el-table
+                :data="standardData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                ref="table"
+                height="100%"
+                :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                @selection-change="selectThree"
+              >
+                <el-table-column
+                  type="selection"
+                  width="55"
+                  align="center">
+                </el-table-column>
+                <el-table-column
+                  prop="code"
+                  align="center"
+                  label="标准号">
+                  <template slot-scope="scope">
+                    <a v-if="scope.row.standYear" class="table-jump"
+                       @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                        scope.row.standNumber
+                      }}-{{ scope.row.standYear }}</a>
+                    <a v-else @click="handlePreview(scope.row)" class="table-jump">{{
+                        scope.row.standSortShow
+                      }}
+                      {{ scope.row.standNumber }}</a>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="standName"
+                  align="center"
+                  label="标准名称"
+                >
+                  <template slot-scope="scope">
+                    <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName || scope.row.standEnName}}</a>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="issueTime"
+                  align="center"
+                  label="发布日期">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.issueTime ? $moment(scope.row.issueTime).format("YYYY-MM-DD") : "" }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="XCXSSRQ"
+                  align="center"
+                  label="新车型实施日期">
+                </el-table-column>
+                <el-table-column
+                  show-overflow-tooltip
+                  prop="ZCCSSRQ"
+                  align="center"
+                  label="在产车实施日期">
+                </el-table-column>
+                <el-table-column
+                  show-overflow-tooltip
+                  prop="textStatus"
+                  align="center"
+                  label="文本状态">
+                  <template slot-scope="scope">
+                    <span>{{ textStatusMap[scope.row.textStatus] }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <pagination
+            :page="pageNo"
+            :pageSize="pageSizeNo"
+            :total="totalNo"
+            @pageChange="pageChangeNo"
+            @pageSizeChange="pageSizeChangeNo"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button :disabled="disabledXX"  size="mini" @click="cancelStand">取消</el-button>
+        <el-button :disabled="disabledXX"  type="primary" size="mini" @click="okStand">添加</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"
+      is-title="选择责任部门对接人"
+      :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>
+    <el-dialog width="400px" :visible.sync="fileMadel" title="上传附件">
+      <el-upload
+        v-if="fileMadel"
+        multiple
+        class="upload-demo"
+        drag
+        :action="uploadFileListPath"
+        ref="importfile"
+        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"
+        :file-list="fileInfoList"
+      >
+        <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 { saveTaskFirst, taskDel,queryTaskFirst } from "api/process";
+import seeDatalis from "@/pages/localTool/standContrast/pages/seeDatalis";
+
+export default {
+  name: "bzqdfbStep1",
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data() {
+    return {
+      activeNames:'1',
+      disabledXX:!!this.$route.query.disabledXX,
+      fileUrl: "api/att/attFile/uploadNew",
+      fileMadel: false,
+      searching: false,
+      // 查询选择清单相关参数
+      sarSarAccessEOSearch: {
+        countryArea: "",
+        detailedListName: ""
+      },
+      //查询添加标准相关数据
+      standardSearch: {
+        standType: "",
+        standNumber: "",
+        pageNo: 1,
+        pageSizeNo: this.$store.getters.userInfo.configContent
+      },
+      username: this.$store.state.laws_urm || '', // 用户名
+      standList: [], //新添加的标准
+      commentText: '',
+      modalshowflag: false, // drawer开关
+      modalshowflag2: false,
+      nodeList2: [],
+      drawerTitle: "", //drawer标题
+      nodeList: [],
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      roleForm: {
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        dockUser: "",
+        ministerUser: this.$store.getters.userInfo.userId,
+        directorUser: "",
+        dockUserName: "",
+        ministerUserName: this.$store.getters.userInfo.userName,
+        directorUserName: "",
+        startUserName: this.$store.getters.userInfo.userName
+      },
+      formRules: {
+        listType: [
+          {required: true, message: "请选择清单类型", trigger: "change"}
+        ],
+        listName: [
+          {required: true, message: "请填写清单名称", trigger: "change"}
+        ]
+      },
+      roleFormRules: {
+        dockUserName: [
+          {required: true, message: "请选择相关业务单位", trigger: "change"}
+        ],
+        directorUserName: [
+          {required: true, message: "请选择标准法规部法规分析业务经理", trigger: "change"}
+        ]
+      },
+      dataList: [],//清单里的标准数据
+      sarAccessListDatas: [], //国家地区清单表格
+      uploadFileListPath: "api/att/attFile/uploadNew", // 上传的地址
+      fileInfoList: [], // 上传的附件
+      fileInfo: '', // 展示的附件
+      fileIds: [], // 上传的附件
+      fileListName: [], //上传的附件名称
+      standardData: [], //添加标准数据
+      standardData1: [], //添加标准数据
+      ListModel: false, //选择清单抽屉状态
+      standModel: false, // 选择标准抽屉状态
+      active: "1",
+      signFlag: "1",   //是否会签 1为会签 2为不会签
+      listType: "country",  //选择的清单类型
+      isSubmit: false,
+      saveLoading: false,
+      tabValue: "listOfCountries",
+      selectedList: [],  //选择清单的选择框
+      selectList: [], //选择标准的选择框
+      bringData: [],
+      page: 1,
+      total: 0,
+      pageSize: this.$store.getters.userInfo.configContent,
+      pageNo: 1,
+      totalNo: 0,
+      pageSizeNo: this.$store.getters.userInfo.configContent,
+      listForm: {
+        listType: "", //区分是哪个清单
+        listName: "", //清单名称
+        descriptionList: "", //清单说明
+        fileId: "",
+        model: "", // 上传模板
+        modelName: "",
+        standId: "", //选择的清单的id
+        signFlag: "1",  //是否会签  1为会签 2为不会签
+        inforlist: " ", //用来存放标准列表的标准id
+        dataList: [{
+          code: "", //标准号
+          standName: "", //标准名称
+          issueTime: "", //发布日期
+          xcxssrqgj: "", //新车型实施日期
+          zccssrqgj: "", //在产车实施日期
+          textStatus: "", //文本状态
+          id: ""
+        }]
+      },
+      choiceForm: {}, //选择标准清单列表
+      countryOptions: [], //国家地区
+      standStateOptions: [],
+      standardTypeOptions: [
+        {
+          value: "INLAND",
+          label: "国内标准法规",
+          item: "INLAND"
+        },
+        {
+          value: "FOREIGN",
+          label: "海外标准法规",
+          item: "FOREIGN"
+        }
+      ],
+      user1: "",
+      user2: "",
+      user3: "",
+      user4: "",
+      user5: "",
+      standMap: new Map(),
+      textStatusMap: {}// 文本状态id与name对应
+    };
+  },
+  methods: {
+    checkedRole(data) {
+      if (this.type === "dockUser") {
+        this.roleForm.dockUser = this.roleRow.id;
+        this.roleForm.dockUserName = this.roleRow.name;
+      } else if (this.type === "directorUser") {
+        this.roleForm.directorUser = data[0].id;
+        this.roleForm.directorUserName = data[0].name;
+      }
+      this.modalshowflag = false;
+    },
+    checkedRole2(data) {
+      var idList = "";
+      var nameList = "";
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ",";
+          idList += ",";
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      this.roleForm.dockUser = idList;
+      this.roleForm.dockUserName = nameList;
+    },
+    cancleUserInfo() {
+      this.modalshowflag = false;
+    },
+    //tab发生变化
+    handleTabs(name) {
+      this.active = name;
+    },
+    choiceShow() {
+      this.ListModel = true;
+    },
+    drawerCheck(data) {
+      var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
+      if (getlist.length == 1) {
+        this.roleRow = getlist[0];
+      } else {
+        this.$refs.tree.setCheckedKeys([data.id]);
+        this.roleRow = this.$refs.tree.getCheckedNodes()[0];
+      }
+    },
+    //判断当前是否会签
+    selectSign(type) {
+      if (type === "1") {
+        this.listForm.signFlag = '1';
+      } else if (type == "2") {
+        this.listForm.signFlag = '2';
+      }
+    },
+    queryDetailsData() {
+      this.page = 1;
+      this.selectionList();
+    },
+    // //判断当前选中的是哪个清单
+    selectionList(type) {
+      type = this.listType;
+      if (type === "project") {
+        this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+          page: this.page,
+          pageSize: this.pageSize,
+          ...this.sarSarAccessEOSearch,
+          sortKey: 2
+        }, {
+          _this: this
+        }, res => {
+          this.sarAccessListDatas = res.data.records;
+          this.sarAccessListDatas.forEach(item => {
+            // 适用车型转换
+            if (item.carType !== null) {
+              let k = (item.carType || "").split(',')
+              for (let i in this.energyKindOptions) {
+                for (let m = 0; m < k.length; m++) {
+                  if (this.energyKindOptions[i].value === k[m]) {
+                    k[m] = this.energyKindOptions[i].label
+                  }
+                  item.carType = k.join(',')
+                }
+              }
+            }
+          })
+          this.total = res.data.total;
+        }, e => {
+        });
+      } else if (type === "other") {
+        this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+          page: this.page,
+          pageSize: this.pageSize,
+          ...this.sarSarAccessEOSearch,
+          sortKey: 3
+        }, {
+          _this: this
+        }, res => {
+          this.sarAccessListDatas = res.data.records;
+          this.total = res.data.total;
+        }, e => {
+        });
+      } else if (type === "country") {
+        this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+          page: this.page,
+          pageSize: this.pageSize,
+          ...this.sarSarAccessEOSearch,
+          sortKey: 1
+        }, {
+          _this: this
+        }, res => {
+        let arr = res.data.records;
+        //国家地区字段转换
+        arr.map(item => {
+          if (item.countryArea !== null || item.countryArea !== "") {
+            let k = (item.countryArea || "").split(',')
+            for (let i in this.countryOptions) {
+              for (let m = 0; m < k.length; m++) {
+                if (this.countryOptions[i].value === k[m]) {
+                  k[m] = this.countryOptions[i].label
+                }
+                item.countryAreaShow = k.join(',')
+              }
+            }
+          }
+        })
+          this.sarAccessListDatas = arr;
+          this.total = res.data.total;
+        }, e => {
+        });
+      }
+    },
+    clearSearch() {
+      this.sarSarAccessEOSearch = {
+        countryArea: "",
+        detailedListName: ""
+      };
+      this.selectionList();
+    },
+    clearStandSearch() {
+      this.standardSearch = {
+        standType: "",
+        standNumber: ""
+      };
+      this.getStandData();
+    },
+    getStandDataBtn(){
+      this.pageNo =1;
+      this.getStandData();
+    },
+    //查询项目下的标准
+    getStandData() {
+      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPageByWk1", {
+        standType: this.standardSearch.standType,
+        standNumber: this.standardSearch.standNumber,
+        page: this.pageNo,
+        pageSize: this.pageSizeNo
+      }, {
+        _this: this
+      }, res => {
+        this.standardData = res.data.list;
+        this.standardData.forEach(item => {
+            this.$set(item, "ZCCSSRQ", item.zccssrq);
+            this.$set(item, "XCXSSRQ", item.xcxssrq);
+        })
+        this.totalNo = res.data.count;
+      }, e => {
+      });
+    },
+    // 将文本状态的id与name对应
+    setMap(data) {
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label);
+      });
+    },
+    //点击添加事件
+    addList() {
+      this.standModel = true;
+    },
+    // 点击批量删除事件
+    deleteList() {
+      if (this.selectList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.selectList.map(item => {
+            let index;
+            index = this.dataList.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.dataList.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.selectList = [];
+        }).catch(() => {
+        });
+      }
+    },
+    //保存事件
+    handleSave() {
+      this.saveLoading = true;
+      this.listForm.dataList = this.dataList
+      this.listForm.fileName = this.fileInfoList
+      let _formData = new FormData();
+      _formData.append("id", this.bpnId || "");
+      _formData.append("createUser", this.$store.getters.userInfo.userId);
+      _formData.append("createUserName", this.$store.getters.userInfo.userName);
+      _formData.append("prcType", "4");
+      _formData.append("json", JSON.stringify({
+        taskInfo: '引入法规标准清单',
+        form: this.listForm,
+        roleForm: this.roleForm,
+        commentText: this.commentText
+      }));
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false;
+        this.$message.success("保存成功");
+        this.bpnId = res.result;
+      }).catch(e => {
+        this.saveLoading = false;
+      });
+    },
+    //提交事件
+    handleSubmit() {
+      if (this.dataList.length < 1) {
+        this.$message.warning("标准不能为空");
+      } else {
+        this.listForm.commentText = this.commentText
+        this.listForm.fileName = this.fileInfoList
+        this.listForm.dataList = this.dataList
+        this.listForm.listType = this.listType
+        let json = Object.assign(this.listForm, this.roleForm);
+        this.$refs["qdfbForm"].validate((valid) => {
+          if (valid) {
+            this.$refs["Form"].validate((valid) => {
+              if (valid) {
+                this.isSubmit = true
+                this.$http.post("lawss/activiti/startProcessRollBack", {
+                  createUser: this.$store.getters.userInfo.userId,
+                  createUserName: this.$store.getters.userInfo.userName,
+                  type: '4',
+                  json: JSON.stringify({
+                    taskInfo: '引入法规标准清单',
+                    form: this.listForm,
+                    roleForm: this.roleForm,
+                    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(json)
+                    }, {
+                      _this: this
+                    }, res => {
+                      if (res.success) {
+                        this.$message.success(res.message);
+                        if (this.bpnId !== '') {
+                          let taskId = {
+                            id: this.bpnId
+                          }
+                          taskDel(taskId).then(res=>{
+                            return res
+                          })
+                        }
+                        this.$router.push("/processCenter");
+                      }
+                      this.isSubmit = false
+                    });
+                  }
+                });
+              } else {
+                return this.$message.warning("请完善人员信息");
+              }
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    // 删除上传的文件
+    delFileInfo(file, fileList) {
+      this.fileInfoList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.fileInfoList.splice(index,1)
+        }
+      })
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
+    },
+    fileUpload() {
+      this.fileMadel = true;
+    },
+    // 上传文件成功回调
+    uploadBackSuccess(res, file, fileList) {
+      if (res.ok) {
+        this.fileInfoList.push(res.data)
+        this.$message.success("上传成功");
+      } else {
+        this.$message.error(res.message);
+        fileList.pop();
+      }
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
+    },
+    // 相关附件 上传之前钩子
+    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;
+    },
+    // 点击查看
+    handlePreview(item) {
+      let routeUrl = this.$router.resolve({
+        name: "OtherStandardDetails",
+        params: {
+          id: item.id,
+          pageType: "INLAND_STAND"
+        }
+      });
+      window.open(routeUrl.href, "_blank");
+    },
+    clickButtonToUpload2(file) {
+      const attId = file.attId
+      this.$preview(attId)
+    },
+    clickButtonToUpload (file) {
+      const attId = file.attId
+      if (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+      } else {
+        this.$message.warning('文件不存在,下载失败')
+      }
+    },
+    // 导入标准数据成功后执行
+    importFileSuccess(response, file) {
+      if (response.ok) {
+        this.fileMadel = false;
+        this.listForm.model = response.data.id;
+        this.listForm.modelName = response.data.name;
+        this.$message({
+          showClose: true,
+          message: response.message,
+          type: "success"
+        });
+      }
+    },
+    // 导入按钮 上传之前的钩子
+    beginImportFile(file) {
+      var filename = file.name;
+      var index1 = filename.lastIndexOf(".");
+      var index2 = filename.length;
+      var fileSuffix = filename.substring(index1, index2);
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
+        || fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
+        || fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG" ||
+        fileSuffix === ".pdf" || fileSuffix === ".doc" || fileSuffix === ".docx" || fileSuffix === ".ppt"
+        || fileSuffix === ".pptx" || fileSuffix === ".xls" || fileSuffix === ".xlsx"
+        || fileSuffix === ".png" || fileSuffix === ".jpg" || fileSuffix === ".jpeg") {
+        return true;
+      } else {
+        this.spinShow = false;
+        this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
+        return false;
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true;
+      } else {
+        this.$message.error("文件" + file.name + "大小不超过200M");
+        return false;
+      }
+      return true;
+    },
+    //选择清单取消事件
+    closeDrawer() {
+      this.ListModel = false;
+    },
+    typeChange(type) {
+      this.standardSearch.standType = type;
+    },
+    //添加标准取消事件
+    cancelStand() {
+      this.standModel = false;
+    },
+    // 点击清单名称跳转事件
+    showTable(item) {
+      sessionStorage.setItem("accessRow", JSON.stringify(item));
+      this.$store.commit("setDetailMap", this.$route.path);
+      this.$router.push({
+        name: "AccessStandardDetails",
+        params: {
+          id: item.id
+        }
+      });
+    },
+    //添加标准确定事件
+    okStand() {
+      this.getStandData();
+      if (this.standList.length < 1) {
+        this.$message.warning("请选择需要添加进清单的数据");
+      } else {
+        let exits = [];
+        this.standList.map(item => {
+          let newStand = false;
+          for (let itemKey of this.dataList) {
+            if (item.id === itemKey.id) {
+              newStand = true;
+              break;
+            }
+          }
+          if (newStand) {
+            this.$message.warning("请勿重复添加数据");
+          } else {
+            this.dataList.push(item);
+            this.dataList.forEach(item => {
+              if(item.XCXSSRQ === null){
+                item.XCXSSRQ = ''
+              }
+              if(item.ZCCSSRQ === null){
+                item.ZCCSSRQ = ''
+              }
+            })
+            exits.push(item.id);
+          }
+        });
+        if (this.listForm.inforlist === null || this.listForm.inforlist === undefined || this.listForm.inforlist === "") {
+          this.listForm.inforlist = exits.join(",");
+        } else {
+          this.listForm.inforlist = this.listForm.inforlist + "," + exits.join(",");
+        }
+        this.standardData = [];
+        this.standModel = false;
+      }
+    },
+    //选择清单确定事件
+    OkDrawer() {
+      if (this.selectedList.length === 1) {
+        this.listForm.standId = this.selectedList[0].id;
+        this.listForm.listName = this.selectedList[0].detailedListName;
+        this.listForm.descriptionList = this.selectedList[0].remark;
+        // 将查询出的文件名字和id组合成数组
+        if(this.selectedList[0].fileName !== null) {
+          let textName = this.selectedList[0].fileName.split(',').map(item => {
+            return {
+              name: item
+            }
+          })
+          let textId = this.selectedList[0].fileIds.split(',').map(item => {
+            return {
+              id: item
+            }
+          })
+          textName.forEach(item => {
+            this.$set(item, 'id', '')
+          })
+          for (let i = 0; i< textName.length; i++) {
+            textName[i].id = textId[i].id
+          }
+          this.fileInfoList = textName
+        } else {
+          this.fileInfoList = []
+        }
+        this.ListModel = false;
+        //如果是国家地区清单传入types字段对日期进行区分
+        if(this.listType === 'country'){
+          this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById",
+            { id: this.selectedList[0].id, types: '1', page: this.page, Size: this.pageSize }, {
+              _this: this
+            }, res => {
+              if (res.data === null) {
+                this.dataList = [];
+              }
+              this.dataList = res.data.records;
+              this.dataList.forEach(item => {
+                if(item.xcxssrqgj === 'undefined' ||item.xcxssrqgj === '-' ||  item.xcxssrqgj === 'null'){
+                  item.xcxssrqgj = ''
+                  this.$set(item, "XCXSSRQ", item.xcxssrqgj)
+                }else{
+                  this.$set(item, "XCXSSRQ", item.xcxssrqgj)
+                }
+                if(item.zccssrqgj === 'undefined' || item.zccssrqgj === '-'|| item.zccssrqgj === 'null'){
+                  item.zccssrqgj = ''
+                  this.$set(item, "ZCCSSRQ", item.zccssrqgj)
+                }else{
+                  this.$set(item, "ZCCSSRQ", item.zccssrqgj)
+                }
+              })
+              this.listForm.dataList = this.dataList;
+              let formId = [];
+              this.dataList.map(item => {
+                formId.push(item.id);
+              });
+              this.listForm.inforlist = formId.join(",");
+            }, e => {
+            });
+        }else{
+          this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById",
+            { id: this.selectedList[0].id, page: this.page, Size: this.pageSize }, {
+              _this: this
+            }, res => {
+              if (res.data === null) {
+                this.dataList = [];
+              }
+              this.dataList = res.data.records;
+              this.dataList.forEach(item => {
+                if(item.xcxssrqgj === 'undefined' ||item.xcxssrqgj === '-' ||  item.xcxssrqgj === 'null'){
+                  item.xcxssrqgj = ''
+                }else{
+                  this.$set(item, "XCXSSRQ", item.xcxssrqgj)
+                }
+                if(item.zccssrqgj === 'undefined' || item.zccssrqgj === '-'|| item.zccssrqgj === 'null'){
+                  item.zccssrqgj = ''
+                }else{
+                  this.$set(item, "ZCCSSRQ", item.zccssrqgj)
+                }
+              })
+              this.listForm.dataList = this.dataList;
+              let formId = [];
+              this.dataList.map(item => {
+                formId.push(item.id);
+              });
+              this.listForm.inforlist = formId.join(",");
+            }, e => {
+            });
+        }
+        this.$refs.detailedSelection.clearSelection()
+      } else {
+        this.$message.warning("请选择一条数据进行带入");
+      }
+    },
+    //选择清单选择框改变
+    selectListChange(data) {
+      this.selectedList = [];
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[0]);
+      }
+    },
+    //标准表格选择框改变
+    selectStandChange(data) {
+      this.selectList = [];
+      for (let i = 0; i < data.length; i++) {
+        this.selectList.push(data[i].id);
+      }
+    },
+    select(selection, row) {
+      console.log(selection);
+      // 清除 所有勾选项
+      this.$refs.detailedSelection.clearSelection()
+      // 当表格数据都没有被勾选的时候 就返回
+      // 主要用于将当前勾选的表格状态清除
+      if(selection.length === 0) return
+      this.$refs.detailedSelection.toggleRowSelection(row, true)
+    },
+    //添加标准select的改变
+    selectThree(data) {
+      this.standList = data;
+    },
+    // 表格某一行的单击事件
+    rowClick(row, column) {
+      const selectData = this.selectList
+      this.$refs.detailedSelection.clearSelection()
+      if( selectData.length === 1 ) {
+        selectData.forEach(item => {
+          // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
+          if (item === row) {
+            this.$refs.detailedSelection.toggleRowSelection(row, false);
+          }
+          // 不然就让当前的一行勾选
+          else {
+            this.$refs.detailedSelection.toggleRowSelection(row, true);
+          }
+        })
+      }
+      else {
+        this.$refs.detailedSelection.toggleRowSelection(row, true);
+      }
+    },
+    choiceZRR(type, title, id) {
+      this.nodeList = [];
+      this.nodeList.push(id);
+      this.type = type;
+      this.drawerTitle = title;
+      this.modalshowflag = true;
+    },
+    choiceZRRS() {
+      this.nodeList2 = [];
+      if (this.roleForm.dockUser.length > 0) {
+        this.nodeList2 = this.roleForm.dockUser.split(",");
+      }
+      this.modalshowflag2 = true;
+    },
+    getTree() {
+      this.$http.get("SarInstitution/institution/institutionAndUser", {}, {}, res => {
+        this.treeData = res.data;
+      });
+    },
+    pageChange(page) {
+      this.page = page;
+      this.selectionList();
+    },
+    pageSizeChange(pageSize) {
+      this.pageSize = this.$store.getters.userInfo.configContent;
+      this.selectionList();
+    },
+    pageChangeNo(page) {
+      this.pageNo = page;
+      this.getStandData();
+    },
+    pageSizeChangeNo(pageSize) {
+      this.pageSizeNo = this.$store.getters.userInfo.configContent;
+      this.getStandData();
+
+    },
+    getTaskId() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.listForm = JSON.parse(JSON.stringify(mes.form))
+        this.fileInfoList = this.listForm.fileName
+        this.dataList = this.listForm.dataList
+        this.roleForm = mes.roleForm
+        this.commentText = mes.commentText
+        this.listType = mes.form.listType
+        console.log(this.listForm)
+      })
+    },
+  },
+  computed: {},
+  mounted() {
+    if(this.$route.query.bpnId){
+      this.getTaskId()
+    }
+    //从数据库中查询下拉框数据
+    this.$http.get("sys/dictype/getDicTypeListCode", {}, {
+      _this: this
+    }, res => {
+      this.energyKindOptions = res.data.ENERGYTYPES //适用车型
+      this.countryOptions = res.data.COUNTRY;  //国家/地区
+      this.standStateOptions = res.data.WBZTCLASS; // 文本状态
+      this.setMap(this.standStateOptions);
+    });
+    this.selectionList();
+    this.selectSign();
+    this.getTree();
+    this.getStandData();
+    for (let i = 0; i < this.dataList.length; i++) {
+      this.standMap.set(this.dataList[i].id, this.dataList[i]);
+    }
+  }
+
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzqdfb-step1 {
+  /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% - 103px');
+    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;
+  }
+  .table-height{
+    height: calc(~'100% - 65px');
+    overflow: auto;
+  }
+  .drawer-table{
+    /deep/.el-drawer__body{
+      overflow-y: hidden;
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 9e0891558..f17809f7b 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -232,7 +232,7 @@ export default {
           this.toProcessDetail('bzzqyjStep5-1',row)
         }else if(prcType === '4'){
           //标准清单发布流程数据 第一步
-          this.toProcessDetail('bzqdfbStep1',row)
+          this.toProcessDetail('bzqdfbStep1_1',row)
         } else if(prcType === '9') {
           //标准解读流程 数据汇总页面 最后一步 暂时没有
           // this.toProcessDetail('bzjdStep1', row)
diff --git a/src/router/index.js b/src/router/index.js
index cb93873e1..fe3570e43 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -432,6 +432,15 @@ const routes = [
           title: '标准清单发布/更新流程'
         }
       },
+      {
+        path: '/bzqdfbStep1_1',
+        name: 'bzqdfbStep1_1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzqdfb/step1_1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准清单发布/更新流程'
+        }
+      },
       {
         path: '/bzqdfbStep1-1',
         name: 'bzqdfbStep1-1',