From 8aa80d3999cbd8a49dffdb99216264126c7f06dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Fri, 18 Mar 2022 16:26:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E6=A0=87=E5=A4=8D=E5=AE=A1=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../qbfs/common/formListStep5.vue             |   4 +-
 .../pages/phone/qbfs/common/formList.vue      | 891 ++++++++++++++++++
 .../pages/phone/qbfs/common/formListStep5.vue | 826 ++++++++++++++++
 .../processCenter/pages/phone/qbfs/step2.vue  | 458 ---------
 .../processCenter/pages/phone/qbfs/step4.vue  | 482 ----------
 .../processCenter/pages/phone/qbfs/step5.vue  | 844 +++++++++++++++++
 src/router/index.js                           |  16 +-
 7 files changed, 2566 insertions(+), 955 deletions(-)
 create mode 100644 src/pages/processCenter/pages/phone/qbfs/common/formList.vue
 create mode 100644 src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
 delete mode 100644 src/pages/processCenter/pages/phone/qbfs/step2.vue
 delete mode 100644 src/pages/processCenter/pages/phone/qbfs/step4.vue
 create mode 100644 src/pages/processCenter/pages/phone/qbfs/step5.vue

diff --git a/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep5.vue b/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep5.vue
index b04525431..fe8b4420b 100644
--- a/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep5.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep5.vue
@@ -9,8 +9,8 @@
         <el-form-item label="企标类别" prop="standSort" class="add-form-item form-item-disabled">
           <el-select v-model="form.standSort" filterable clearable placeholder="" :disabled="disabledState" style="appearance: none">
             <el-option
-                    v-for="item in standSortOptions"
-                    :key="item.value"
+                    v-for="(item, index) in standSortOptions"
+                    :key="index"
                     :value="item.value"
                     :label="item.label"
             ></el-option>
diff --git a/src/pages/processCenter/pages/phone/qbfs/common/formList.vue b/src/pages/processCenter/pages/phone/qbfs/common/formList.vue
new file mode 100644
index 000000000..ab57da038
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfs/common/formList.vue
@@ -0,0 +1,891 @@
+<template>
+<form>
+  <ProcessTitle>
+    <template slot="title">基础信息</template>
+  </ProcessTitle>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <el-form-item label="企标类别" prop="standSort" class="add-form-item form-item-disabled">
+          <el-select v-model="form.standSort" filterable clearable placeholder="" :disabled="disabledState" style="appearance: none">
+            <el-option
+                    v-for="item in standSortOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="中文名称" prop="standName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.standName" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item v-show="verifySarStandard" label="发布日期" prop="issueTime" class="add-form-item form-item-disabled">
+            <el-datePicker v-model="form.issueTime" :disabled="disabledState"
+                           :editable="false"
+            ></el-datePicker>
+        </el-form-item>
+<!--          <el-form-item label="制修订类型" prop="reviseStatus" class="add-form-item form-item-disabled" >-->
+<!--              <template>-->
+<!--                  <div style="padding-left: 10px; color: #666666;">{{ form.reviseStatus === ''? '' : (form.reviseStatus === '1'? '制定' : '修订') }}</div>-->
+<!--              </template>-->
+<!--          </el-form-item>-->
+        <!--                            <el-form-item  label="文本状态" prop="textStatusBuss" class="add-form-item form-item-disabled">-->
+        <!--                                <el-select :popper-append-to-body="false" v-model="form.textStatusBuss" placeholder="" :disabled="disabledState">-->
+        <!--                                    <el-option-->
+        <!--                                            v-for="item in standStateOptions"-->
+        <!--                                            :key="item.value"-->
+        <!--                                            :value="item.value"-->
+        <!--                                            :label="item.label"-->
+        <!--                                    ></el-option>-->
+        <!--                                </el-select>-->
+        <!--                            </el-form-item>-->
+
+        <!--                            <el-form-item v-show="verifySarStandard" label="复审日期" prop="FSRQBUSS" class="add-form-item form-item-disabled">-->
+        <!--                                <el-datePicker v-model="form.FSRQBUSS"-->
+        <!--                                               :editable="false"-->
+        <!--                                               :disabled="true"-->
+        <!--                                               value-format="yyyy-MM-dd"-->
+        <!--                                               clearable></el-datePicker>-->
+        <!--                            </el-form-item>-->
+      </el-col>
+      <el-col :span="12">
+        <!--                              <el-form-item label="国家/地区" prop="country" class="add-form-item form-item-disabled">-->
+        <!--                                <el-select :popper-append-to-body="false" v-model="form.country" multiple  placeholder="国家/地区">-->
+        <!--                                  <el-option-->
+        <!--                                      v-for="item in countryOptions"-->
+        <!--                                      placeholder="请选择"-->
+        <!--                                      :key="item.value"-->
+        <!--                                      :value="item.value"-->
+        <!--                                      :label="item.label"-->
+        <!--                                  ></el-option>-->
+        <!--                                </el-select>-->
+        <!--                              </el-form-item>-->
+        <!--                            <el-form-item label="企标编号" prop="standNumber" class="add-form-item form-item-disabled">-->
+        <!--                                <el-input-->
+        <!--                                        v-model="form.standNumber" :disabled="disabledState"-->
+        <!--                                        clearable-->
+        <!--                                ></el-input>-->
+        <!--                            </el-form-item>-->
+          <el-form-item label="企业标准号" prop="standCode" class="add-form-item form-item-disabled">
+              <el-input
+                      v-model="form.standCode" :disabled="disabledState"
+                      clearable
+              ></el-input>
+          </el-form-item>
+        <el-form-item label="英文名称" prop="standEnName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.standEnName" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item v-show="verifySarStandard" label="企标实施日期" prop="putTime" class="add-form-item form-item-disabled">
+              <el-datePicker v-model="form.putTime" :disabled="disabledState"
+                             :editable="false"></el-datePicker>
+         </el-form-item>
+        <!--                            <el-form-item v-show="verifySarStandard" label="标准年份" prop="standYear" class="add-form-item form-item-disabled">-->
+        <!--                                <el-input v-model="form.standYear" :disabled="disabledState"-->
+        <!--                                          clearable></el-input>-->
+        <!--                            </el-form-item>-->
+        <!--                            <el-form-item v-show="verifySarStandard" label="废止日期" prop="FZRQBUSS" class="add-form-item form-item-disabled">-->
+        <!--                                <el-datePicker v-model="form.FZRQBUSS" :disabled="disabledState"-->
+        <!--                                               :editable="false"-->
+        <!--                                               value-format="yyyy-MM-dd"-->
+        <!--                                               clearable></el-datePicker>-->
+        <!--                            </el-form-item>-->
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">过程稿件</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <el-form-item label="发布稿" prop="FBGBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="FBGBUSSFileList.length > 0" v-for="(item,index) in FBGBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="FBGBUSSFileList.length>0" v-for="(value,index)  in this.FBGBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+        <el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="LSBBBUSSFileList.length > 0" v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="LSBBBUSSFileList.length>0" v-for="(value,index)  in this.LSBBBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="编制说明" prop="BZSMBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="BZSMBUSSFileList.length > 0" v-for="(item,index) in BZSMBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="BZSMBUSSFileList.length>0" v-for="(value,index)  in this.BZSMBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+        <el-form-item label="其他文件" prop="QTWJBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="QTWJBUSSFileList.length > 0" v-for="(item,index) in QTWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="QTWJBUSSFileList.length>0" v-for="(value,index)  in this.QTWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">适用范围</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <el-form-item label="起草部门" prop="QCDW" class="add-form-item form-item-disabled">
+          <el-input v-model="form.QCDW"  :disabled="disabledState" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="文件上传人员" prop="WJSCRYBUSSName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.WJSCRYBUSSName"
+                  :disabled="true"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="能源类型" prop="NYLXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.NYLXCLASS" placeholder="" :disabled="disabledState" multiple>
+            <el-option
+                    v-for="item in categoryOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联模块--乘用车VPPS中文名称" title="关联模块--乘用车VPPS中文名称" class="add-form-item form-item-disabled">
+          <el-input v-model="form.CYCVPPSBMBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+        <el-form-item label="关联模块--卡车VPPS编码" title="关联模块--卡车VPPS编码" class="add-form-item form-item-disabled">
+          <el-input v-model="form.KCVPPSBMBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+        <el-form-item label="模块结构单元变型号" title="模块结构单元变型号" class="add-form-item form-item-disabled">
+          <el-input v-model="form.DYBXHBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="适用车型" prop="SYCXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.SYCXCLASS" placeholder="" :disabled="disabledState" multiple>
+            <el-option
+                    v-for="item in applyArcticOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="适用产品线" prop="SYCPXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.SYCPXCLASS" placeholder="" :disabled="disabledState"  multiple>
+            <el-option
+                    v-for="item in sycpxOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联模块--乘用车vpps中文名称" prop="CYCVPPSCNBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.CYCVPPSCNBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="关联模块--卡车VPPS编码" prop="KCVPPSCNBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.KCVPPSCNBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="模块结构单元名称" prop="DYMCBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.DYMCBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="体系类别" prop="TXLBBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.TXLBBUSS"  :disabled="disabledState" clearable></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">关联信息</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="12">
+        <el-form-item label="代替企标编号" prop="DTQBBHBUSS" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.DTQBBHBUSS" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="采用标准" prop="CYBZ" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.CYBZ" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="引用标准" prop="YYBZ" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.YYBZ" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+<!--        <el-form-item label="被代替企标编号" prop="BDTWJHLAWS" class="add-form-item form-item-disabled">-->
+<!--          <el-input-->
+<!--                  v-model="form.BDTWJHLAWS" :disabled="disabledState"-->
+<!--                  clearable-->
+<!--          ></el-input>-->
+<!--        </el-form-item>-->
+        <el-form-item label="上传时间" prop="XCSJBUSS" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.XCSJBUSS"
+                  clearable
+                  :disabled="true"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="采标程度" prop="CBCD" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false"
+          v-model="form.CBCD" placeholder="" :disabled="disabledState">
+            <el-option
+                    v-for="item in cbcdOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联文件" prop="GLWJBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="GLWJBUSSFileList.length > 0" v-for="(item,index) in GLWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+            <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="GLWJBUSSFileList.length>0" v-for="(value,index)  in this.GLWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+    <ProcessTitle v-show="opinionsShow2">
+        <template slot="title">复审信息</template>
+    </ProcessTitle>
+    <div class="prc-content-border" v-show="opinionsShow2">
+        <el-table
+                ref="selection"
+                tooltip-effect="dark"
+                style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:auto;border-bottom: 1px solid #EBEEF5;"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+                                        fontWeight: 'bold', height: '48px'}"
+                row-key="id"
+                :data="form.fileModelList"
+                border
+                default-expand-all>
+            <el-table-column
+                    label="序号"
+                    min-width="5%"
+                    align="center">
+                <template slot-scope="scope">
+                    {{scope.$index + 1}}
+                </template>
+            </el-table-column>
+            <el-table-column
+                    prop="reviewResults"
+                    label="复审结果"
+                    min-width="8%"
+                    align="center"
+            >
+              <template slot-scope="scope">
+                  {{filterReviewResults(scope.row.reviewResults)}}
+              </template>
+            </el-table-column>
+            <el-table-column
+                    prop="reviewUserName"
+                    label="复审人"
+                    min-width="8%"
+                    align="center"
+            >
+            </el-table-column>
+            <el-table-column label="操作" align="center"  min-width="8%">
+                <template slot-scope="scope">
+                    <div  @click="detail(scope.row)" style="display: inline-block;cursor: pointer;color: #409EFF;">
+                        复审详情
+                    </div>
+                </template>
+            </el-table-column>
+<!--            <el-table-column-->
+<!--                    prop="releaseTime"-->
+<!--                    label="初稿完成日期"-->
+<!--                    align="center"-->
+<!--                    min-width="10%">-->
+<!--                &lt;!&ndash;              <template slot-scope="scope">&ndash;&gt;-->
+<!--                &lt;!&ndash;                  <el-form-item&ndash;&gt;-->
+<!--                &lt;!&ndash;                          style="margin-left: 0;margin-bottom:0;"&ndash;&gt;-->
+<!--                &lt;!&ndash;                  >&ndash;&gt;-->
+<!--                &lt;!&ndash;                      <el-input v-model="scope.row.modelUpdBefore" :title="scope.row.modelUpdBefore" :disabled="scope.row.disabled"  placeholder="请维护章节修改前内容" @blur="modelNameFunc1(scope.row)"/>&ndash;&gt;-->
+<!--                &lt;!&ndash;                  </el-form-item>&ndash;&gt;-->
+<!--                &lt;!&ndash;              </template>&ndash;&gt;-->
+<!--            </el-table-column>-->
+<!--            <el-table-column-->
+<!--                    prop="draftTime"-->
+<!--                    label="计划标准发布日期"-->
+<!--                    align="center"-->
+<!--                    min-width="10%">-->
+<!--                &lt;!&ndash;              <template slot-scope="scope">&ndash;&gt;-->
+<!--                &lt;!&ndash;                  <el-form-item&ndash;&gt;-->
+<!--                &lt;!&ndash;                          style="margin-left: 0;margin-bottom:0;"&ndash;&gt;-->
+<!--                &lt;!&ndash;                  >&ndash;&gt;-->
+<!--                &lt;!&ndash;                      <el-input v-model="scope.row.modelUpdAfter" :title="scope.row.modelUpdAfter" :disabled="scope.row.disabled"  placeholder="请维护章节修改后内容" @blur="modelNameFunc2(scope.row)"/>&ndash;&gt;-->
+<!--                &lt;!&ndash;                  </el-form-item>&ndash;&gt;-->
+<!--                &lt;!&ndash;              </template>&ndash;&gt;-->
+<!--            </el-table-column>-->
+<!--            <el-table-column-->
+<!--                    prop="reviewResultsContent"-->
+<!--                    label="复审理由"-->
+<!--                    align="center"-->
+<!--                    min-width="30%">-->
+<!--                <template slot-scope="scope">-->
+<!--                    <span :title="scope.row.reviewResultsContent">{{scope.row.reviewResultsContent | ellipsis35}}</span>-->
+<!--                </template>-->
+<!--            </el-table-column>-->
+<!--            <el-table-column label="复审文件" align="center"  min-width="8%">-->
+<!--                <template slot-scope="scope" >-->
+<!--                    <div v-show="scope.row.reviewResults === '1'" @click="handleFilePreviewNew(scope.row,'preview','fs')" style="display: inline-block;cursor: pointer;color: #409EFF;">-->
+<!--                        预览-->
+<!--                    </div>-->
+<!--                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
+<!--                    <div v-show="scope.row.reviewResults === '1'" @click="handleFilePreviewNew(scope.row,'down','fs')" style="display: inline-block;cursor: pointer;color: #409EFF;">-->
+<!--                        下载-->
+<!--                    </div>-->
+<!--                </template>-->
+<!--            </el-table-column>-->
+        </el-table>
+    </div>
+    <ProcessTitle v-show="verifySarStandard">
+        <template slot="title">复审结果</template>
+    </ProcessTitle>
+<!--  reviewResults  1 修订、2 废止、3 继续有效-->
+    <div class="prc-content-border"  v-show="verifySarStandard">
+        <el-row :gutter="24">
+            <el-col :span="12">
+                <el-form-item label="复审结果" prop="reviewResults" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                    <el-select v-model="form.reviewResults" filterable clearable>
+                        <el-option
+                            v-for="item in opinionsReviewResultsOptions"
+                            :key="item.value"
+                            :value="item.value"
+                            :label="item.label"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && !verifySort()" label="初稿完成日期" prop="draftTime" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.draftTime"
+                                   :editable="false"
+                                   placeholder="请选择初稿完成日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && verifySort() && opinionsShow2" label="截止日期" prop="expirationDate" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.expirationDate"
+                                   :editable="false"
+                                   placeholder="请选择截止日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="form.reviewResults === '1' && opinionsShow2" label="立项单" prop="LXDName" class="add-form-item form-item-disabled">
+                    <div v-if="LXDList.length > 0" v-for="(item,index) in LXDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','lx')" :title="item.name">{{ item.name | ellipsis2 }}</span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','lx')"></el-button>
+                  </span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-edit"  @click="handleFilePreviewNew(item,'onlineEdit','lx')"></el-button>
+                  </span>
+                    </div>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item v-if="form.reviewResults === '1' && opinionsShow2" label="主起草人" prop="QCRBUSS" class="add-form-item form-item-disabled">
+                    <el-input v-show="!opinionsShow2" v-model="form.QCRBUSS"  :title="form.QCRBUSS" :disabled="disabledState" clearable></el-input>
+                    <el-input v-show="opinionsShow2"
+                              v-model="form.QCRBUSS"
+                              placeholder="选择主起草人"
+                              readonly="readonly"
+                              @click.native="choiceZRRList('QCRBUSS', '选择主起草人', form.QCRBUSS)">
+                    </el-input>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && !verifySort()" label="计划标准发布日期" prop="releaseTime" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.releaseTime"
+                                   :editable="false"
+                                   placeholder="请选择计划标准发布日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="form.reviewResults === '1'" label="复审单" prop="FSDName" class="add-form-item form-item-disabled">
+                    <div v-if="FSDList.length > 0" v-for="(item,index) in FSDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name | ellipsis2 }}</span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','fs')"></el-button>
+                  </span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-edit"  @click="handleFilePreviewNew(item,'onlineEdit','fs')"></el-button>
+                  </span>
+                    </div>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-form-item v-show="form.reviewResults === '2' || form.reviewResults === '3'" label="复审理由" prop="reviewResultsContent" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+            <el-input
+                    type="textarea"
+                    :rows="3"
+                    resize="none"
+                    placeholder="请输入复审理由"
+                    v-model="form.reviewResultsContent">
+            </el-input>
+        </el-form-item>
+    </div>
+    <el-drawer
+            ref="standard"
+            size="500px"
+            :title="showDrawerTitle"
+            :visible.sync="showDrawer"
+            :before-close="showDrawerClose">
+        <div class="demo-drawer-content">
+            <div class="content">
+                <div class="standard-table-search">
+                    <el-row :gutter="24">
+                        <el-col :span="24">
+                            <el-form :model="showForm" inline class="label-input-form" label-width="220px" ref="showForm">
+                                <el-form-item label="复审结果" prop="reviewResults" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-select v-model="showForm.reviewResults" filterable clearable :disabled="disabledState">
+                                        <el-option
+                                                v-for="item in opinionsReviewResultsOptions"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="复审人" prop="reviewUserName" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="showForm.reviewUserName" :disabled="disabledState"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item v-if="verifySort2() !== '' && !verifySort2()" label="初稿完成日期" prop="draftTime" class="add-form-item form-item-disabled">
+                                    <el-datePicker v-model="showForm.draftTime" :disabled="disabledState"
+                                                   :editable="false"
+                                                   placeholder="请选择初稿完成日期"
+                                                   value-format="yyyy-MM-dd"
+                                    ></el-datePicker>
+                                </el-form-item>
+                                <el-form-item v-if="verifySort2() !== '' && !verifySort2()" label="计划标准发布日期" prop="releaseTime" class="add-form-item form-item-disabled">
+                                    <el-datePicker v-model="showForm.releaseTime" :disabled="disabledState"
+                                                   :editable="false"
+                                                   placeholder="请选择计划标准发布日期"
+                                                   value-format="yyyy-MM-dd"
+                                    ></el-datePicker>
+                                </el-form-item>
+                                <el-form-item v-if="showForm.reviewResults === '1'" :disabled="disabledState" label="复审单" prop="FSDName" class="add-form-item form-item-disabled">
+                                    <div v-if="showForm.FSDList.length > 0" v-for="(item,index) in showForm.FSDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name | ellipsis15 }}</span>
+                                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','fs')"></el-button>
+                                      </span>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item v-show="showForm.reviewResults === '2' || showForm.reviewResults === '3'" label="复审理由" prop="reviewResultsContent" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            :disabled="disabledState"
+                                            type="textarea"
+                                            :rows="3"
+                                            resize="none"
+                                            placeholder="请输入复审理由"
+                                            v-model="showForm.reviewResultsContent">
+                                    </el-input>
+                                </el-form-item>
+                            </el-form>
+                        </el-col>
+                    </el-row>
+                </div>
+            </div>
+        </div>
+    </el-drawer>
+</form>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import ProcessTitle from '../../../components/ProcessTitle'
+
+
+export default {
+  name: 'formList',
+  components: {
+    ProcessTitle,
+  },
+  props: {
+    formSub: {
+      type: Object,
+      required: true
+     },
+    FBGBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    LSBBBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    BZSMBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    QTWJBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    GLWJBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    LXDListSub: {
+      type: Array,
+      required: true
+    },
+    FSDListSub: {
+      type: Array,
+      required: true
+    },
+    summaryFileList: {
+      type: Array,
+      required: false
+    },
+    disabledState: {
+      type: Boolean,
+      default: false
+    },
+    verifySarStandard: {
+      type: Boolean,
+      default: false
+    },
+    opinionsShow2: {
+      type: Boolean,
+      default: false
+    },
+    opinionsShow: {
+      type: Boolean,
+      default: false
+    },
+    fileShow: {
+      type: Boolean,
+      default: false
+    },
+  },
+  filters: {
+    ellipsis35 (value) {
+      if (!value) return ''
+      if (value.length > 35) {
+        return value.slice(0,35) + '...'
+      }
+      return value
+    },
+    ellipsis15 (value) {
+      if (!value) return ''
+      if (value.length > 10) {
+          return value.slice(0,10) + '...'
+      }
+      return value
+    },
+    ellipsis2 (value) {
+      if (!value) return ''
+      if (value.length > 20) {
+          return value.slice(0,20) + '...'
+      }
+      return value
+    }
+  },
+  data () {
+    return {
+     opinionsAdoptedOptions:[
+        {value: '1',label: '采纳'},
+        {value: '2',label: '部分采纳'},
+        {value: '3',label: '不采纳'},
+      ],
+      opinionsReviewResultsOptions:[
+        {value: '1',label: '修订'},
+        {value: '2',label: '废止'},
+        {value: '3',label: '继续有效'},
+      ],
+      showForm:{},
+      showDrawerTitle:"",
+      showDrawer:false,
+      form:{},
+      LXDList:[],
+      FSDList:[],
+      countryOptions:[],//国家地区
+      standSortOptions: [], // 标准类别
+      standNatureOptions: [], // 标准性质
+      standStateOptions: [], // 文本状态
+      standSystemOptions: [], // 标准体系
+      busVppsOptions: [], // 车系体系架构
+      busVppsChildOptions: [], // 车系体系架构子集合
+      modelOptions: [], // 模块体系架构
+      modelChildOptions: [], // 模块体系架构子集合
+      applyArcticOptions: [], // 适用车型
+      gkglbmOptions: [], // 归口管理部门
+      categoryOptions: [], // 能源类型
+      applyAuthOptions: [], // 适用认证
+      cysdOptions: [], // 我司参与深度
+      cbcdOptions: [], // 采标程度
+      wssmrOptions: [], // 我司署名人
+      sycpxOptions: [], // 适用产品线
+      zrbmOptions: [], // 责任部门
+      zrgcsOptions: [], // 责任工程师
+      qcdwOption: [], // 起草单位
+      txlbOptions: [], // 体系类别
+      standSortConfigOptions: [], // 标准类别下拉框
+      adoptExtentOptions: [], // 采标程度下拉框
+      emergyKindOptions: [], // 能源种类下拉框
+      categoryConfigOptions: [], // 所属类别下拉框
+      assemClassOptions: [], // 总成分类下拉框
+      qcdwOptions:[],//起草单位下拉框
+      qcrOptions:[],//起草人下拉框
+      nylxOptions:[],//能源类型下拉框
+      syrzOptions:[],//适用认证下拉框
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+    }
+  },
+  computed: {
+    ...mapGetters(['userInfo'])
+  },
+  methods: {
+      assemble(ids,names){
+          let list= new Array();
+          if(ids && ids !== '' && names && names !== ''){
+              let idArray=ids.split(',');
+              let nameArray=names.split(',');
+              for(let i=0; i<idArray.length; i++){
+                  list.push({id:idArray[i],name:nameArray[i]});
+              }
+          }
+          return list;
+      },
+      detail(row){
+          this.showDrawerTitle = '查看'
+          this.showDrawer = true
+          this.showForm = row
+          this.showForm.FSDList=this.assemble(this.showForm.FSD,this.showForm.FSDName);
+          console.log(this.showForm)
+      },
+      showDrawerClose () {
+          this.showDrawer = false
+      },
+      verifySort2(){
+          if(this.showForm.reviewResults && this.showForm.reviewResults === '1'){
+              return !!(this.form.standSort && this.form.standSort.indexOf("Q/QCBFC") !== -1);
+          }else {
+              return ""
+          }
+      },
+      verifySort(){
+        if(this.form.reviewResults && this.form.reviewResults === '1'){
+            return !!(this.form.standSort && this.form.standSort.indexOf("Q/QCBFC") !== -1);
+        }else {
+            return ""
+        }
+      },
+      choiceZRRList (type, title, id) {
+          this.$emit('formChoiceZRRListCancel',type,title,id)
+      },
+    filterReviewResults(data){
+        if(!data){
+            return  ""
+        }
+        const map = new Map();
+        map.set("1","修订");
+        map.set("2","废止");
+        map.set("3","继续有效");
+        return map.get(data)
+    },
+    filterOp(data){
+        if(!data){
+            return  ""
+        }
+        const map = new Map();
+        map.set("1","采纳");
+        map.set("2","部分采纳");
+        map.set("3","不采纳");
+        return map.get(data)
+    },
+      // 文件预览及下载
+      handleFilePreviewNew(file,type,onlineType) {
+          let id = ""
+          let fileName = ""
+          let fileNam2 = ""
+          if(onlineType === 'lx'){
+              if(this.form.standName && this.form.standName !== ''){
+                  fileName = this.form.standName+'-立项单.docx'
+                  fileNam2 = this.form.standName+'-立项单'
+              }else {
+                  fileName = '立项单.docx'
+                  fileNam2 = '立项单'
+              }
+          }else if(onlineType === 'fs'){
+              if(this.form.standName && this.form.standName !== ''){
+                  fileName = this.form.standName+'-复审单.docx'
+                  fileNam2 = this.form.standName+'-复审单'
+              }else {
+                  fileName = '复审单.docx'
+                  fileNam2 = '复审单'
+              }
+          }
+
+          if(file && file.id){
+              id = file.id
+          }else {
+            if(onlineType === 'fs'){
+                id = file.FSD
+            }else if(onlineType === 'lx'){
+                id = file.LXD
+            }
+          }
+          if (type === 'down') {
+              if (id) {
+                  window.open('/api/lawss/activiti/downloadFileForSar?fileId=' + id +'&oldFileName='+fileName)
+              } else {
+                  this.$message.warning('文件不存在,下载失败')
+              }
+          } else if(type === 'preview'){
+              this.$onlineEditPreview(id,fileNam2,this.$store.getters.userInfo.userId,this.$store.getters.userInfo.userName)
+          }else {
+              this.$onlineEdit(id,fileNam2,this.$store.getters.userInfo.userId,this.$store.getters.userInfo.userName)
+          }
+      },
+    // 文件预览及下载
+    handleFilePreview(file,type) {
+      let attId = ""
+      if(file && file.id){
+        attId = file.id
+      }else {
+        attId = file.response.data.id
+      }
+      if (type === 'down') {
+        if (attId) {
+          window.open('/api/att/attFile/downloadFileForSar?fileId=' + attId)
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.$preview(attId)
+      }
+    },
+    downloadFile (data) {
+      //文件id中出现了','字符,去除掉
+      window.open('/api/att/attFile/downloadFileForSar?fileId=' + data.id)
+    },
+    setMap(data){
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+
+    },
+    busVsFunc(){
+      this.$http.get('sarVppsTree/list', '', {
+        _this: this
+      }, res => {
+        this.busVppsOptions = []
+        this.busVppsOptions = res.data
+      })
+    },
+    modelFunc(){
+      this.$http.get('sarModelTree/list', '', {
+        _this: this
+      }, res => {
+        this.modelOptions = []
+        this.modelOptions = res.data
+      })
+    },
+  },
+  mounted () {
+    this.form = this.formSub
+    this.LXDList = this.LXDListSub
+    this.FSDList = this.FSDListSub
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.countryOptions = res.data.COUNTRY
+      this.applyCountryOptions = res.data.COUNTRY
+      this.regionOptions = res.data.REGION // 区域
+      this.standStateOptions = res.data.BUSSSTATE
+      this.energyKindOptions = res.data.ENERGYTYPES
+      this.standGeneraOptions = res.data.BUSSBIGCLASS
+      this.standSubclassOptions = res.data.BUSSFINECLASS
+      this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
+      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+      this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
+      this.standSystemOptions = res.data.TXLBBUSS // 标准体系
+      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.cysdOptions = res.data.WSCYSD // 我司参与深度
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.txlbOptions = res.data.TXLBCLASS // 体系类别
+      this.qcdwOptions = res.data.QCDW // 起草单位
+      this.qcrOptions = res.data.QCRBUSS // 起草人
+      this.nylxOptions = res.data.NYLXCLASS // 能源类型
+      this.syrzOptions = res.data.SYRZCLASS // 适用认证
+      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+      this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
+      this.cbcdOptions=res.data.DEGREESTANDARD;//采标程度
+      this.setMap(this.standStateOptions)
+    })
+    this.busVsFunc()
+    this.modelFunc()
+  },
+  watch: {
+    form: {
+        handler: function (val) {
+            if(val){
+                this.$emit('formCancel', this.form, this.FBGBUSSFileList,this.LSBBBUSSFileList,this.BZSMBUSSFileList,this.QTWJBUSSFileList,this.GLWJBUSSFileList,this.FSDList,this.LXDList);
+            }
+        },
+        deep: true //对象的深度验证
+   },
+}
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue b/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
new file mode 100644
index 000000000..36fa47d76
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
@@ -0,0 +1,826 @@
+<template>
+<form>
+  <ProcessTitle>
+    <template slot="title">基础信息</template>
+  </ProcessTitle>
+  <div class="prc-content-border">
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="企标类别" prop="standSort" class="add-form-item form-item-disabled">
+          <el-select v-model="form.standSort" filterable clearable placeholder="" :disabled="disabledState" style="appearance: none">
+            <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 label="中文名称" prop="standName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.standName" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item v-show="verifySarStandard" label="发布日期" prop="issueTime" class="add-form-item form-item-disabled">
+            <el-datePicker v-model="form.issueTime" :disabled="disabledState"
+                           :editable="false"
+            ></el-datePicker>
+        </el-form-item>
+          <el-form-item label="企业标准号" prop="standCode" class="add-form-item form-item-disabled">
+              <el-input
+                      v-model="form.standCode" :disabled="disabledState"
+                      clearable
+              ></el-input>
+          </el-form-item>
+        <el-form-item label="英文名称" prop="standEnName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.standEnName" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item v-show="verifySarStandard" label="企标实施日期" prop="putTime" class="add-form-item form-item-disabled">
+              <el-datePicker v-model="form.putTime" :disabled="disabledState"
+                             :editable="false"></el-datePicker>
+         </el-form-item>
+        <!--                            <el-form-item v-show="verifySarStandard" label="标准年份" prop="standYear" class="add-form-item form-item-disabled">-->
+        <!--                                <el-input v-model="form.standYear" :disabled="disabledState"-->
+        <!--                                          clearable></el-input>-->
+        <!--                            </el-form-item>-->
+        <!--                            <el-form-item v-show="verifySarStandard" label="废止日期" prop="FZRQBUSS" class="add-form-item form-item-disabled">-->
+        <!--                                <el-datePicker v-model="form.FZRQBUSS" :disabled="disabledState"-->
+        <!--                                               :editable="false"-->
+        <!--                                               value-format="yyyy-MM-dd"-->
+        <!--                                               clearable></el-datePicker>-->
+        <!--                            </el-form-item>-->
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">过程稿件</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="发布稿" prop="FBGBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="FBGBUSSFileList.length > 0" v-for="(item,index) in FBGBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+        </el-form-item>
+        <el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="LSBBBUSSFileList.length > 0" v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="编制说明" prop="BZSMBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="BZSMBUSSFileList.length > 0" v-for="(item,index) in BZSMBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+        </el-form-item>
+        <el-form-item label="其他文件" prop="QTWJBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="QTWJBUSSFileList.length > 0" v-for="(item,index) in QTWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="QTWJBUSSFileList.length>0" v-for="(value,index)  in this.QTWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">适用范围</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="起草部门" prop="QCDW" class="add-form-item form-item-disabled">
+          <el-input v-model="form.QCDW"  :disabled="disabledState" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="文件上传人员" prop="WJSCRYBUSSName" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.WJSCRYBUSSName"
+                  :disabled="true"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="能源类型" prop="NYLXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.NYLXCLASS" placeholder="" :disabled="disabledState" multiple>
+            <el-option
+                    v-for="item in categoryOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联模块--乘用车VPPS中文名称" title="关联模块--乘用车VPPS中文名称" class="add-form-item form-item-disabled">
+          <el-input v-model="form.CYCVPPSBMBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+        <el-form-item label="关联模块--卡车VPPS编码" title="关联模块--卡车VPPS编码" class="add-form-item form-item-disabled">
+          <el-input v-model="form.KCVPPSBMBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+        <el-form-item label="模块结构单元变型号" title="模块结构单元变型号" class="add-form-item form-item-disabled">
+          <el-input v-model="form.DYBXHBUSS"  :disabled="disabledState"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="适用车型" prop="SYCXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.SYCXCLASS" placeholder="" :disabled="disabledState" multiple>
+            <el-option
+                    v-for="item in applyArcticOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="适用产品线" prop="SYCPXCLASS" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false" v-model="form.SYCPXCLASS" placeholder="" :disabled="disabledState"  multiple>
+            <el-option
+                    v-for="item in sycpxOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联模块--乘用车vpps中文名称" prop="CYCVPPSCNBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.CYCVPPSCNBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="关联模块--卡车VPPS编码" prop="KCVPPSCNBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.KCVPPSCNBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="模块结构单元名称" prop="DYMCBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.DYMCBUSS" clearable :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="体系类别" prop="TXLBBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.TXLBBUSS"  :disabled="disabledState" clearable></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+  <ProcessTitle v-show="verifySarStandard">
+    <template slot="title">关联信息</template>
+  </ProcessTitle>
+  <div class="prc-content-border"  v-show="verifySarStandard">
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="代替企标编号" prop="DTQBBHBUSS" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.DTQBBHBUSS" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="采用标准" prop="CYBZ" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.CYBZ" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="引用标准" prop="YYBZ" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.YYBZ" :disabled="disabledState"
+                  clearable
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="上传时间" prop="XCSJBUSS" class="add-form-item form-item-disabled">
+          <el-input
+                  v-model="form.XCSJBUSS"
+                  clearable
+                  :disabled="true"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="采标程度" prop="CBCD" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false"
+          v-model="form.CBCD" placeholder="" :disabled="disabledState">
+            <el-option
+                    v-for="item in cbcdOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联文件" prop="GLWJBUSSName" class="add-form-item form-item-disabled">
+          <div v-if="GLWJBUSSFileList.length > 0" v-for="(item,index) in GLWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+            <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+                  </span>
+          </div>
+<!--          <div  v-if="GLWJBUSSFileList.length>0" v-for="(value,index)  in this.GLWJBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
+<!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
+<!--            {{value.name}}-->
+<!--          </div>-->
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </div>
+    <ProcessTitle v-show="opinionsShow2">
+        <template slot="title">复审信息</template>
+    </ProcessTitle>
+    <div class="prc-content-border" v-show="opinionsShow2">
+        <el-table
+                ref="selection"
+                tooltip-effect="dark"
+                style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:auto;border-bottom: 1px solid #EBEEF5;"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+                                        fontWeight: 'bold', height: '48px'}"
+                row-key="id"
+                :data="form.fileModelList"
+                border
+                default-expand-all>
+            <el-table-column
+                    label="序号"
+                    min-width="5%"
+                    align="center">
+                <template slot-scope="scope">
+                    {{scope.$index + 1}}
+                </template>
+            </el-table-column>
+            <el-table-column
+                    prop="reviewResults"
+                    label="复审结果"
+                    min-width="8%"
+                    align="center"
+            >
+              <template slot-scope="scope">
+                  {{filterReviewResults(scope.row.reviewResults)}}
+              </template>
+            </el-table-column>
+            <el-table-column
+                    prop="reviewUserName"
+                    label="复审人"
+                    min-width="8%"
+                    align="center"
+            >
+            </el-table-column>
+            <el-table-column label="操作" align="center"  min-width="8%">
+                <template slot-scope="scope">
+                    <div  @click="detail(scope.row)" style="display: inline-block;cursor: pointer;color: #409EFF;">
+                        复审详情
+                    </div>
+                </template>
+            </el-table-column>
+<!--            <el-table-column-->
+<!--                    prop="releaseTime"-->
+<!--                    label="初稿完成日期"-->
+<!--                    align="center"-->
+<!--                    min-width="10%">-->
+<!--                &lt;!&ndash;              <template slot-scope="scope">&ndash;&gt;-->
+<!--                &lt;!&ndash;                  <el-form-item&ndash;&gt;-->
+<!--                &lt;!&ndash;                          style="margin-left: 0;margin-bottom:0;"&ndash;&gt;-->
+<!--                &lt;!&ndash;                  >&ndash;&gt;-->
+<!--                &lt;!&ndash;                      <el-input v-model="scope.row.modelUpdBefore" :title="scope.row.modelUpdBefore" :disabled="scope.row.disabled"  placeholder="请维护章节修改前内容" @blur="modelNameFunc1(scope.row)"/>&ndash;&gt;-->
+<!--                &lt;!&ndash;                  </el-form-item>&ndash;&gt;-->
+<!--                &lt;!&ndash;              </template>&ndash;&gt;-->
+<!--            </el-table-column>-->
+<!--            <el-table-column-->
+<!--                    prop="draftTime"-->
+<!--                    label="计划标准发布日期"-->
+<!--                    align="center"-->
+<!--                    min-width="10%">-->
+<!--                &lt;!&ndash;              <template slot-scope="scope">&ndash;&gt;-->
+<!--                &lt;!&ndash;                  <el-form-item&ndash;&gt;-->
+<!--                &lt;!&ndash;                          style="margin-left: 0;margin-bottom:0;"&ndash;&gt;-->
+<!--                &lt;!&ndash;                  >&ndash;&gt;-->
+<!--                &lt;!&ndash;                      <el-input v-model="scope.row.modelUpdAfter" :title="scope.row.modelUpdAfter" :disabled="scope.row.disabled"  placeholder="请维护章节修改后内容" @blur="modelNameFunc2(scope.row)"/>&ndash;&gt;-->
+<!--                &lt;!&ndash;                  </el-form-item>&ndash;&gt;-->
+<!--                &lt;!&ndash;              </template>&ndash;&gt;-->
+<!--            </el-table-column>-->
+<!--            <el-table-column-->
+<!--                    prop="reviewResultsContent"-->
+<!--                    label="复审理由"-->
+<!--                    align="center"-->
+<!--                    min-width="30%">-->
+<!--                <template slot-scope="scope">-->
+<!--                    <span :title="scope.row.reviewResultsContent">{{scope.row.reviewResultsContent | ellipsis35}}</span>-->
+<!--                </template>-->
+<!--            </el-table-column>-->
+<!--            <el-table-column label="复审文件" align="center"  min-width="8%">&ndash;&gt;-->
+<!--                <template slot-scope="scope" >-->
+<!--                    <div v-show="scope.row.reviewResults === '1'" @click="handleFilePreviewNew(scope.row,'preview','fs')" style="display: inline-block;cursor: pointer;color: #409EFF;">-->
+<!--                        预览-->
+<!--                    </div>-->
+<!--                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
+<!--                    <div v-show="scope.row.reviewResults === '1'" @click="handleFilePreviewNew(scope.row,'down','fs')" style="display: inline-block;cursor: pointer;color: #409EFF;">-->
+<!--                        下载-->
+<!--                    </div>-->
+<!--                </template>-->
+<!--            </el-table-column>-->
+        </el-table>
+    </div>
+    <ProcessTitle v-show="verifySarStandard">
+        <template slot="title">复审结果</template>
+    </ProcessTitle>
+<!--  reviewResults  1 修订、2 废止、3 继续有效-->
+    <div class="prc-content-border"  v-show="verifySarStandard">
+        <el-row :gutter="24">
+            <el-col :span="24">
+                <el-form-item label="复审结果" prop="reviewResults" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                    <el-select v-model="form.reviewResults" filterable clearable :disabled="disabledState">
+                        <el-option
+                            v-for="item in opinionsReviewResultsOptions"
+                            :key="item.value"
+                            :value="item.value"
+                            :label="item.label"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && !verifySort()" label="初稿完成日期" prop="draftTime" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.draftTime" :disabled="disabledState"
+                                   :editable="false"
+                                   placeholder="请选择初稿完成日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="form.reviewResults === '1'" label="立项单" prop="LXDName" class="add-form-item form-item-disabled">
+                    <div v-if="LXDList.length > 0" v-for="(item,index) in LXDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','lx')" :title="item.name">{{ item.name | ellipsis2 }}</span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','lx')"></el-button>
+                        </span>
+                    </div>
+                </el-form-item>
+                <el-form-item label="复审人" prop="reviewUserName" class="add-form-item form-item-disabled">
+                    <el-input
+                            v-model="form.reviewUserName" :disabled="disabledState"
+                            clearable
+                    ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item v-if="form.reviewResults === '1' && opinionsShow2" label="主起草人" prop="QCRBUSS" class="add-form-item form-item-disabled">
+                    <el-input v-model="form.QCRBUSS"  :title="form.QCRBUSS" :disabled="disabledState" clearable></el-input>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && !verifySort()" label="计划标准发布日期" prop="releaseTime" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.releaseTime" :disabled="disabledState"
+                                   :editable="false"
+                                   placeholder="请选择计划标准发布日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="form.reviewResults === '1'" label="复审单" prop="FSDName" class="add-form-item form-item-disabled">
+                    <div v-if="FSDList.length > 0" v-for="(item,index) in FSDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name | ellipsis2 }}</span>
+                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','fs')"></el-button>
+                        </span>
+                    </div>
+                </el-form-item>
+                <el-form-item v-if="verifySort() !== '' && verifySort()" label="截止日期" prop="expirationDate" class="add-form-item form-item-disabled">
+                    <el-datePicker v-model="form.expirationDate" :disabled="disabledState"
+                                   :editable="false"
+                                   placeholder="请选择截止日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <el-form-item v-show="form.reviewResults === '2' || form.reviewResults === '3'" label="复审理由" prop="reviewResultsContent" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+            <el-input
+                    :disabled="disabledState"
+                    type="textarea"
+                    :rows="3"
+                    resize="none"
+                    placeholder="请输入复审理由"
+                    v-model="form.reviewResultsContent">
+            </el-input>
+        </el-form-item>
+    </div>
+    <el-drawer
+            ref="standard"
+            size="500px"
+            :title="showDrawerTitle"
+            :visible.sync="showDrawer"
+            :before-close="showDrawerClose">
+        <div class="demo-drawer-content">
+            <div class="content">
+                <div class="standard-table-search">
+                    <el-row :gutter="24">
+                        <el-col :span="24">
+                            <el-form :model="showForm" inline class="label-input-form" label-width="220px" ref="showForm">
+                                <el-form-item label="复审结果" prop="reviewResults" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-select v-model="showForm.reviewResults" filterable clearable :disabled="disabledState">
+                                        <el-option
+                                                v-for="item in opinionsReviewResultsOptions"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="复审人" prop="reviewUserName" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="showForm.reviewUserName" :disabled="disabledState"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item v-if="verifySort2() !== '' && !verifySort2()" label="初稿完成日期" prop="draftTime" class="add-form-item form-item-disabled">
+                                    <el-datePicker v-model="showForm.draftTime" :disabled="disabledState"
+                                                   :editable="false"
+                                                   placeholder="请选择初稿完成日期"
+                                                   value-format="yyyy-MM-dd"
+                                    ></el-datePicker>
+                                </el-form-item>
+                                <el-form-item v-if="verifySort2() !== '' && !verifySort2()" label="计划标准发布日期" prop="releaseTime" class="add-form-item form-item-disabled">
+                                    <el-datePicker v-model="showForm.releaseTime" :disabled="disabledState"
+                                                   :editable="false"
+                                                   placeholder="请选择计划标准发布日期"
+                                                   value-format="yyyy-MM-dd"
+                                    ></el-datePicker>
+                                </el-form-item>
+                                <el-form-item v-if="showForm.reviewResults === '1'" :disabled="disabledState" label="复审单" prop="FSDName" class="add-form-item form-item-disabled">
+                                    <div v-if="showForm.FSDList.length > 0" v-for="(item,index) in showForm.FSDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name | ellipsis15 }}</span>
+                                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','fs')"></el-button>
+                                      </span>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item v-show="showForm.reviewResults === '2' || showForm.reviewResults === '3'" label="复审理由" prop="reviewResultsContent" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            :disabled="disabledState"
+                                            type="textarea"
+                                            :rows="3"
+                                            resize="none"
+                                            placeholder="请输入复审理由"
+                                            v-model="showForm.reviewResultsContent">
+                                    </el-input>
+                                </el-form-item>
+                            </el-form>
+                        </el-col>
+                    </el-row>
+                </div>
+            </div>
+        </div>
+    </el-drawer>
+</form>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import ProcessTitle from '../../../components/ProcessTitle'
+
+
+export default {
+  name: 'formList',
+  components: {
+    ProcessTitle,
+  },
+  props: {
+    formSub: {
+      type: Object,
+      required: true
+     },
+    FBGBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    LSBBBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    BZSMBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    QTWJBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    GLWJBUSSFileList: {
+      type: Array,
+      required: true
+    },
+    LXDListSub: {
+      type: Array,
+      required: true
+    },
+    FSDListSub: {
+      type: Array,
+      required: true
+    },
+    summaryFileList: {
+      type: Array,
+      required: false
+    },
+    disabledState: {
+      type: Boolean,
+      default: false
+    },
+    verifySarStandard: {
+      type: Boolean,
+      default: false
+    },
+    opinionsShow2: {
+      type: Boolean,
+      default: false
+    },
+    opinionsShow: {
+      type: Boolean,
+      default: false
+    },
+    fileShow: {
+      type: Boolean,
+      default: false
+    },
+  },
+  filters: {
+    ellipsis35 (value) {
+      if (!value) return ''
+      if (value.length > 35) {
+        return value.slice(0,35) + '...'
+      }
+      return value
+    },
+      ellipsis15 (value) {
+          if (!value) return ''
+          if (value.length > 10) {
+              return value.slice(0,10) + '...'
+          }
+          return value
+      },
+    ellipsis2 (value) {
+      if (!value) return ''
+      if (value.length > 20) {
+          return value.slice(0,20) + '...'
+      }
+      return value
+    }
+  },
+  data () {
+    return {
+     opinionsAdoptedOptions:[
+        {value: '1',label: '采纳'},
+        {value: '2',label: '部分采纳'},
+        {value: '3',label: '不采纳'},
+      ],
+      opinionsReviewResultsOptions:[
+        {value: '1',label: '修订'},
+        {value: '2',label: '废止'},
+        {value: '3',label: '继续有效'},
+      ],
+      showForm:{},
+      showDrawerTitle:"",
+      showDrawer:false,
+      form:{},
+      LXDList:[],
+      FSDList:[],
+      countryOptions:[],//国家地区
+      standSortOptions: [], // 标准类别
+      standNatureOptions: [], // 标准性质
+      standStateOptions: [], // 文本状态
+      standSystemOptions: [], // 标准体系
+      busVppsOptions: [], // 车系体系架构
+      busVppsChildOptions: [], // 车系体系架构子集合
+      modelOptions: [], // 模块体系架构
+      modelChildOptions: [], // 模块体系架构子集合
+      applyArcticOptions: [], // 适用车型
+      gkglbmOptions: [], // 归口管理部门
+      categoryOptions: [], // 能源类型
+      applyAuthOptions: [], // 适用认证
+      cysdOptions: [], // 我司参与深度
+      cbcdOptions: [], // 采标程度
+      wssmrOptions: [], // 我司署名人
+      sycpxOptions: [], // 适用产品线
+      zrbmOptions: [], // 责任部门
+      zrgcsOptions: [], // 责任工程师
+      qcdwOption: [], // 起草单位
+      txlbOptions: [], // 体系类别
+      standSortConfigOptions: [], // 标准类别下拉框
+      adoptExtentOptions: [], // 采标程度下拉框
+      emergyKindOptions: [], // 能源种类下拉框
+      categoryConfigOptions: [], // 所属类别下拉框
+      assemClassOptions: [], // 总成分类下拉框
+      qcdwOptions:[],//起草单位下拉框
+      qcrOptions:[],//起草人下拉框
+      nylxOptions:[],//能源类型下拉框
+      syrzOptions:[],//适用认证下拉框
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+    }
+  },
+  computed: {
+    ...mapGetters(['userInfo'])
+  },
+  methods: {
+      assemble(ids,names){
+          let list= new Array();
+          if(ids && ids !== '' && names && names !== ''){
+              let idArray=ids.split(',');
+              let nameArray=names.split(',');
+              for(let i=0; i<idArray.length; i++){
+                  list.push({id:idArray[i],name:nameArray[i]});
+              }
+          }
+          return list;
+      },
+      detail(row){
+          this.showDrawerTitle = '查看'
+          this.showDrawer = true
+          this.showForm = row
+          this.showForm.FSDList=this.assemble(this.showForm.FSD,this.showForm.FSDName);
+          console.log(this.showForm)
+      },
+      showDrawerClose () {
+          this.showDrawer = false
+      },
+      verifySort2(){
+          if(this.showForm.reviewResults && this.showForm.reviewResults === '1'){
+              return !!(this.form.standSort && this.form.standSort.indexOf("Q/QCBFC") !== -1);
+          }else {
+              return ""
+          }
+      },
+      verifySort(){
+        if(this.form.reviewResults && this.form.reviewResults === '1'){
+            return !!(this.form.standSort && this.form.standSort.indexOf("Q/QCBFC") !== -1);
+        }else {
+            return ""
+        }
+      },
+      choiceZRRList (type, title, id) {
+          this.$emit('formChoiceZRRListCancel',type,title,id)
+      },
+    filterReviewResults(data){
+        if(!data){
+            return  ""
+        }
+        const map = new Map();
+        map.set("1","修订");
+        map.set("2","废止");
+        map.set("3","继续有效");
+        return map.get(data)
+    },
+    filterOp(data){
+        if(!data){
+            return  ""
+        }
+        const map = new Map();
+        map.set("1","采纳");
+        map.set("2","部分采纳");
+        map.set("3","不采纳");
+        return map.get(data)
+    },
+      // 文件预览及下载
+      handleFilePreviewNew(file,type,onlineType) {
+          let id = ""
+          let fileName = ""
+          let fileNam2 = ""
+          if(onlineType === 'lx'){
+              if(this.form.standName && this.form.standName !== ''){
+                  fileName = this.form.standName+'-立项单.docx'
+                  fileNam2 = this.form.standName+'-立项单'
+              }else {
+                  fileName = '立项单.docx'
+                  fileNam2 = '立项单'
+              }
+          }else if(onlineType === 'fs'){
+              if(this.form.standName && this.form.standName !== ''){
+                  fileName = this.form.standName+'-复审单.docx'
+                  fileNam2 = this.form.standName+'-复审单'
+              }else {
+                  fileName = '复审单.docx'
+                  fileNam2 = '复审单'
+              }
+          }
+
+          if(file && file.id){
+              id = file.id
+          }else {
+            if(onlineType === 'fs'){
+                id = file.FSD
+            }else if(onlineType === 'lx'){
+                id = file.LXD
+            }
+          }
+          if (type === 'down') {
+              if (id) {
+                  window.open('/api/lawss/activiti/downloadFileForSar?fileId=' + id +'&oldFileName='+fileName)
+              } else {
+                  this.$message.warning('文件不存在,下载失败')
+              }
+          } else if(type === 'preview'){
+              this.$onlineEditPreview(id,fileNam2,this.$store.getters.userInfo.userId,this.$store.getters.userInfo.userName)
+          }else {
+              this.$onlineEdit(id,fileNam2,this.$store.getters.userInfo.userId,this.$store.getters.userInfo.userName)
+          }
+      },
+    // 文件预览及下载
+    handleFilePreview(file,type) {
+      let attId = ""
+      if(file && file.id){
+        attId = file.id
+      }else {
+        attId = file.response.data.id
+      }
+      if (type === 'down') {
+        if (attId) {
+          window.open('/api/att/attFile/downloadFileForSar?fileId=' + attId)
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.$preview(attId)
+      }
+    },
+    downloadFile (data) {
+      //文件id中出现了','字符,去除掉
+      window.open('/api/att/attFile/downloadFileForSar?fileId=' + data.id)
+    },
+    setMap(data){
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+
+    },
+    busVsFunc(){
+      this.$http.get('sarVppsTree/list', '', {
+        _this: this
+      }, res => {
+        this.busVppsOptions = []
+        this.busVppsOptions = res.data
+      })
+    },
+    modelFunc(){
+      this.$http.get('sarModelTree/list', '', {
+        _this: this
+      }, res => {
+        this.modelOptions = []
+        this.modelOptions = res.data
+      })
+    },
+  },
+  mounted () {
+    this.form = this.formSub
+    this.LXDList = this.LXDListSub
+    this.FSDList = this.FSDListSub
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.countryOptions = res.data.COUNTRY
+      this.applyCountryOptions = res.data.COUNTRY
+      this.regionOptions = res.data.REGION // 区域
+      this.standStateOptions = res.data.BUSSSTATE
+      this.energyKindOptions = res.data.ENERGYTYPES
+      this.standGeneraOptions = res.data.BUSSBIGCLASS
+      this.standSubclassOptions = res.data.BUSSFINECLASS
+      this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
+      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+      this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
+      this.standSystemOptions = res.data.TXLBBUSS // 标准体系
+      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.cysdOptions = res.data.WSCYSD // 我司参与深度
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.txlbOptions = res.data.TXLBCLASS // 体系类别
+      this.qcdwOptions = res.data.QCDW // 起草单位
+      this.qcrOptions = res.data.QCRBUSS // 起草人
+      this.nylxOptions = res.data.NYLXCLASS // 能源类型
+      this.syrzOptions = res.data.SYRZCLASS // 适用认证
+      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+      this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
+      this.cbcdOptions=res.data.DEGREESTANDARD;//采标程度
+      this.setMap(this.standStateOptions)
+    })
+    this.busVsFunc()
+    this.modelFunc()
+  },
+  watch: {
+    form: {
+        handler: function (val) {
+            if(val){
+                this.$emit('formCancel', this.form, this.FBGBUSSFileList,this.LSBBBUSSFileList,this.BZSMBUSSFileList,this.QTWJBUSSFileList,this.GLWJBUSSFileList,this.FSDList,this.LXDList);
+            }
+        },
+        deep: true //对象的深度验证
+   },
+}
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbfs/step2.vue b/src/pages/processCenter/pages/phone/qbfs/step2.vue
deleted file mode 100644
index 681239939..000000000
--- a/src/pages/processCenter/pages/phone/qbfs/step2.vue
+++ /dev/null
@@ -1,458 +0,0 @@
-<!--企标复审-->
-<template>
-  <div class="phoneQbfsStep2 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">企标复审流程</template>
-      <template slot="proNode">工作组组长指派责任人</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="flex: auto; overflow: auto">
-        <process-title>
-          <template slot="title">基础信息</template>
-        </process-title>
-        <el-form
-          ref="qbfsForm"
-          :model="qbfsForm"
-          :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="entNumber" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.entNumber"
-                  placeholder="请输入企标编号"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.cnName"
-                  placeholder="请输入中文名称"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.enName"
-                  placeholder="请输入英文名称"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.entCategory"
-                  placeholder="请输入企标类别"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.replaceNumber"
-                  placeholder="请输入代替企标编号"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.replacedNumber"
-                  placeholder="请输入被代替企标编号"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.releaseDate"
-                  placeholder="请输入发布日期"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.implementDate"
-                  placeholder="请输入实施日期"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
-                <el-input
-                  readonly
-                  v-model="qbfsForm.reviewDate"
-                  placeholder="请输入复审日期"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
-                <div class="file-box" v-if="fileList.length > 0">
-                  <p v-for="item in fileList"
-                     :key="item.id"> {{ item.oldFileName }}
-                    <i
-                      title="下载"
-                      @click="downloadFile(item.id)"
-                      class="icon-download"
-                      v-btn-permission="''"
-                    />
-                    <i
-                      title="下载带水印"
-                      @click="downloadFileByWater(item.id, item.name)"
-                      class="icon-download2"
-                      v-btn-permission="''"
-                    />
-                  </p>
-                </div>
-                <div v-else>
-                  暂无数据
-                </div>
-              </el-form-item>
-              <el-form-item label="工作组成员" prop="jgUser" class="add-form-item form-item-disabled">
-                <el-input
-                  v-model="qbfsForm.jgUser"
-                  placeholder="请选择工作组成员"
-                  clearable
-                  @click.native="choiceZRRS"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-      <div>
-        <el-collapse accordion>
-          <el-collapse-item title="回执说明">
-            <div style="margin: 10px 0;">
-              <el-input
-                type="textarea"
-                :rows="3"
-                resize="none"
-                placeholder="请输入意见"
-                v-model="commentText">
-              </el-input>
-            </div>
-          </el-collapse-item>
-        </el-collapse>
-      </div>
-    </div>
-    <div class="content" v-show="active === '3'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-transfer
-      show-submit
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-<!--    &lt;!&ndash;    选择责任人&ndash;&gt;-->
-<!--    <Role-tree-->
-<!--      :is-title="drawerTitle"-->
-<!--      :is-visible.sync="modalshowflag"-->
-<!--      @checkedRole="checkedRole"-->
-<!--      :nodeList="nodeList2"-->
-<!--    ></Role-tree>-->
-    <phone-role
-      check-more
-      role-title="选择工作组成员"
-      :result-list="nodeList"
-      :is-show-phone.sync="drawerModal"
-      @checkedRole="checkedRole"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
-
-export default {
-  name: "phoneQbfsStep2",
-  components:{
-    ProcessFooter,
-    ProcessTitle,
-    ProcessHeaderPhone
-
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      active: '1',
-      fileList: [],
-      commentText: '',
-      detailData: [],
-      nodeList: [],
-      nodeList2: [],
-      isSubmit: false,
-      saveLoading: false,
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      drawerTitle: "", //drawer标题
-      modalshowflag: false, // drawer开关
-      loading: false,
-      qbfsForm:{
-        entNumber: '',
-        cnName: '',
-        enName: '',
-        entCategory: '',
-        replaceNumber: '',
-        replacedNumber: '',
-        releaseDate: '',
-        implementDate: '',
-        reviewDate: '',
-        jgUser: '',
-        jgUserId: '',
-      },
-      roleForm: {
-        jgUser: ""
-      },
-      formRules: {
-        jgUser: [
-          {required: true, message: "请选择工作组成员", trigger: "change"}
-        ],
-      },
-    }
-  },
-  mounted() {
-    this.processTable()
-    this.getData()
-  },
-  methods:{
-    processTable() {
-      this.$http.get("lawss/activiti/get_list_by_instance", {
-        prcNum: this.$route.query.prcNum,
-        sortWord: this.shunxu ? this.paixu : "",
-        shunxu: this.shunxu
-      }, {
-        loading: "loading",
-        _this: this
-      }, res => {
-        this.detailData = res
-      }, e => {
-      })
-    },
-    getData() {
-      return new Promise((resolve, reject) => {
-        inboundLiaisonDetail({
-          taskIds: this.$route.query.taskIds,
-          pId: this.$route.query.prcId,
-        }).then(res => {
-          if (res) {
-            const processForm = JSON.parse(res.mesg)
-            this.getFormFieldList(processForm)
-          }
-        }).catch(e => {
-        })
-      })
-    },
-    /**
-     * @description: 动态表单读取
-     */
-    getFormFieldList (item) {
-      this.$nextTick(() => {
-        this.qbfsForm = JSON.parse(JSON.stringify(item))
-        this.fileList = item.fileList
-      })
-    },
-    handleTabs(name) {
-      this.active = name;
-    },
-    //流程提交
-    handleSubmit(){
-      this.isSubmit = true
-      this.qbfsForm.commentText = this.commentText
-      let json = JSON.stringify(this.qbfsForm);
-      this.$http.post('lawss/activiti/completeTask', {
-        taskIds: this.$route.query.taskIds,
-        userId: this.$store.getters.userInfo.userId,
-        json: json,
-      }, {
-        _this: this
-      }, res => {
-        if (res.success) {
-          this.$message.success(res.message)
-          this.$router.push('/processCenter')
-        }
-        this.isSubmit = false
-      }, e => {
-      });
-    },
-//转办按钮
-    handleTransfer(){
-      this.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = true
-      changeAssigneeNew({
-        taskId: this.$route.query.taskIds, // 任务id
-        assignee: data[0].id, // 被委托人
-        userId: this.$store.getters.userInfo.userId, // 委托人
-        pId: this.$route.query.prcId // 流程实例
-      }).then(res =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 请求转换流程图
-    processNum (row) {
-      axios.request({
-        url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
-        responseType: 'blob',
-        method: 'get',
-        params: {
-          prcNum: this.$route.query.prcNum
-        }
-      }).then(res => {
-        // let blob = new Blob([res.data], {type: 'image/jpg'})
-        // let url = window.URL.createObjectURL(res.data)
-        this.processStep = window.URL.createObjectURL(res.data)
-      })
-    },
-    choiceZRRS() {
-      if (this.qbfsForm.jgUserId) {
-        this.phoneRoleList = this.listForm.jgUserId.split(',')
-      }
-      this.drawerModal = true;
-    },
-    checkedRole(data) {
-      let idList = "";
-      let nameList = "";
-      data.forEach(item => {
-        if (nameList.length) {
-          nameList += ",";
-          idList += ",";
-        }
-        idList += item.id;
-        nameList += item.name;
-      });
-      this.$set(this.qbfsForm, 'jgUser', nameList)
-      this.$set(this.qbfsForm, 'jgUserId', idList)
-      if(this.qbfsForm.jgUser){
-        this.$refs.qbfsForm.validateField('jgUser')
-      }
-    },
-    /**
-     * @Description: 点击下载
-     */
-    downloadFile(attId) {
-      if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
-      } else {
-        this.$message.error("请选择要下载的文件");
-      }
-    },
-    downloadFileByWater(attId, fileSuffix) {
-      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
-      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
-        this.$message.error("水印下载仅支持PDF,pdf格式文件");
-      } else {
-        if (attId != null && attId !== "") {
-          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
-        } else {
-          this.$message.error("请选择要下载的文件");
-        }
-      }
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneQbfsStep2 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  //.headerTabs {
-  //  height: 52px;
-  //  display: flex;
-  //  align-items: center;
-  //  position: absolute;
-  //  top: 52px;
-  //  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 {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 180px');
-    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;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/processCenter/pages/phone/qbfs/step4.vue b/src/pages/processCenter/pages/phone/qbfs/step4.vue
deleted file mode 100644
index bdf95231d..000000000
--- a/src/pages/processCenter/pages/phone/qbfs/step4.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<!--  企标复审-->
-<template>
-  <div class="phoneQbfsStep4 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">企标复审流程</template>
-      <template slot="proNode">工作组组长审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto">
-        <ProcessTitle>
-          <template slot="title">基础信息</template>
-        </ProcessTitle>
-        <el-collapse-transition>
-          <div class="prc-content-border" v-if="foldFormFlag">
-          <el-form
-            ref="qbfsForm"
-            :model="qbfsForm"
-            :rules="formRules"
-            class="label-input-form"
-            label-width="150px"
-          >
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="企标编号" prop="entNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.entNumber"
-                      placeholder="请输入企标编号"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="中文名称" prop="cnName" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.cnName"
-                      placeholder="请输入中文名称"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="英文名称" prop="enName" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.enName"
-                      placeholder="请输入英文名称"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="企标类别" prop="entCategory" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.entCategory"
-                      placeholder="请输入企标类别"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="代替企标编号" prop="replaceNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.replaceNumber"
-                      placeholder="请输入代替企标编号"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item  label="下一步状态" prop="nextStatus" class="add-form-item ">
-                    <el-select v-model="qbfsForm.nextStatus" placeholder="请选择下一步状态">
-                      <el-option
-                        v-for="item in associationOptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="被代替企标编号" prop="replacedNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.replacedNumber"
-                      placeholder="请输入被代替企标编号"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="发布日期" prop="releaseDate" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.releaseDate"
-                      placeholder="请输入发布日期"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="实施日期" prop="implementDate" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.implementDate"
-                      placeholder="请输入实施日期"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="复审日期" prop="reviewDate" class="add-form-item form-item-disabled">
-                    <el-input
-                      readonly
-                      v-model="qbfsForm.reviewDate"
-                      placeholder="请输入复审日期"
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="附件" prop="fileName"  class="add-form-item form-item-disabled">
-                    <div class="file-box" v-if="fileList.length > 0">
-                      <p v-for="item in fileList"
-                         :key="item.id"> {{ item.oldFileName }}
-                        <i
-                          title="下载"
-                          @click="downloadFile(item.id)"
-                          class="icon-download"
-                          v-btn-permission="''"
-                        />
-                        <i
-                          title="下载带水印"
-                          @click="downloadFileByWater(item.id, item.name)"
-                          class="icon-download2"
-                          v-btn-permission="''"
-                        />
-                      </p>
-                    </div>
-                    <div v-else>
-                      暂无数据
-                    </div>
-                  </el-form-item>
-                  <el-form-item   class="add-form-item ">
-                  </el-form-item>
-                </el-col>
-              </el-row>
-          </el-form>
-          </div>
-        </el-collapse-transition>
-        <el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
-        <ProcessTitle>
-          <template slot="title">审核信息</template>
-        </ProcessTitle>
-        <el-table
-          :data="dataList"
-          border
-          height="100%"
-          style="width: 100%;"
-          :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="opinion"
-            align="center"
-            label="审核意见">
-          </el-table-column>
-          <el-table-column
-            prop="people"
-            align="center"
-            label="审核人">
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-collapse accordion>
-        <el-collapse-item title="审批意见">
-          <div style="margin: 10px 0;">
-            <el-input
-              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 === '3'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-transfer
-      show-submit
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessTitle from "process/components/ProcessTitle";
-import ProcessFooter from "process/components/ProcessFooter";
-import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
-
-export default {
-  name: "phoneQbfsStep4",
-  components: {
-    ProcessHeader,
-    ProcessTitle,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      active: "1",
-      isTransfer: false,
-      isSubmit: false,
-      saveLoading: false,
-      drawerModal: false,
-      drawerTitle: "",
-      nodeList: [],
-      fileList: [],
-      commentText: "",
-      dataList: [],
-      detailData: [],
-      loading: false,
-      foldFormFlag: true,
-      qbfsForm: {
-        entNumber: "",
-        cnName: "",
-        enName: "",
-        entCategory: "",
-        replaceNumber: "",
-        replacedNumber: "",
-        releaseDate: "",
-        implementDate: "",
-        reviewDate: "",
-        nextStatus: ""
-      },
-      formRules: {
-        nextStatus: [
-          { required: true, message: "请选择下一步状态", trigger: "change" }
-        ]
-      },
-      associationOptions: [{
-        value: "修订",
-        label: "修订"
-      }, {
-        value: "废止",
-        label: "废止"
-      }, {
-        value: "有效",
-        label: "有效"
-      }]
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      return new Promise((resolve, reject) => {
-        inboundLiaisonDetail({
-          taskIds: this.$route.query.taskIds,
-          pId: this.$route.query.prcId
-        }).then(res => {
-          if (res) {
-            const processForm = JSON.parse(res.mesg);
-            this.getFormFieldList(processForm);
-          }
-        }).catch(e => {
-        });
-      });
-    },
-    /**
-     * @description: 动态表单读取
-     */
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.qbfsForm = JSON.parse(JSON.stringify(item));
-        this.fileList = item.fileList
-        let res = item.res ? item.res.substring(1, item.res.lastIndexOf("]")) : "";
-        res = res.split(",");
-        this.dataList = [];
-        res.forEach(item => {
-          this.dataList.push({
-            opinion: item.split("-")[1],
-            people: item.split("-")[0]
-          });
-        });
-        let list = [];
-        this.dataList.forEach(item => {
-          list.push(item.opinion);
-          this.findMost(list);
-        });
-
-      });
-    },
-    findMost(arr) {
-      if (!arr.length) return;
-      if (arr.length === 1) return 1;
-      let res = {};
-      let maxName, maxNum = 0;
-      // 遍历数组
-      arr.forEach((item) => {
-        res[item] ? res[item] += 1 : res[item] = 1;
-        if (res[item] > maxNum) {
-          maxName = item;
-          maxNum = res[item];
-        }
-      });
-      this.qbfsForm.nextStatus = maxName
-      // return "出现次数最多的元素为:" + maxName + ", 出现次数为:" + maxNum;
-    },
-    //流程提交
-    handleSubmit() {
-      this.isSubmit = true;
-      this.qbfsForm.commentText = this.commentText;
-      this.qbfsForm.dataList = this.dataList;
-      let json = JSON.stringify(this.qbfsForm);
-      this.$http.post("lawss/activiti/completeTask", {
-        taskIds: this.$route.query.taskIds,
-        userId: this.$store.getters.userInfo.userId,
-        json: json
-      }, {
-        _this: this
-      }, res => {
-        if (res.success) {
-          this.$message.success(res.message);
-          this.$router.push("/processCenter");
-        }
-        this.isSubmit = false;
-      }, e => {
-      });
-    },
-
-    handleTabs(name) {
-      this.active = name;
-    },
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag;
-    },
-    //转办按钮
-    handleTransfer(){
-      this.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = true
-      changeAssigneeNew({
-        taskId: this.$route.query.taskIds, // 任务id
-        assignee: data[0].id, // 被委托人
-        userId: this.$store.getters.userInfo.userId, // 委托人
-        pId: this.$route.query.prcId // 流程实例
-      }).then(res =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 请求转换流程图
-    processNum(row) {
-      axios.request({
-        url: "/api/lawss/activiti/getImg?_t=" + new Date().getTime(),
-        responseType: "blob",
-        method: "get",
-        params: {
-          prcNum: this.$route.query.prcNum
-        }
-      }).then(res => {
-        // let blob = new Blob([res.data], {type: 'image/jpg'})
-        // let url = window.URL.createObjectURL(res.data)
-        this.processStep = window.URL.createObjectURL(res.data);
-      });
-    },
-    /**
-     * @Description: 点击下载
-     */
-    downloadFile(attId) {
-      if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
-      } else {
-        this.$message.error("请选择要下载的文件");
-      }
-    },
-    downloadFileByWater(attId, fileSuffix) {
-      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
-      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
-        this.$message.error("水印下载仅支持PDF,pdf格式文件");
-      } else {
-        if (attId != null && attId !== "") {
-          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
-        } else {
-          this.$message.error("请选择要下载的文件");
-        }
-      }
-    }
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneQbfsStep4 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  //.headerTabs {
-  //  height: 52px;
-  //  display: flex;
-  //  align-items: center;
-  //  position: absolute;
-  //  top: 52px;
-  //  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 {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 180px');
-    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;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/pages/processCenter/pages/phone/qbfs/step5.vue b/src/pages/processCenter/pages/phone/qbfs/step5.vue
new file mode 100644
index 000000000..9b663b732
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfs/step5.vue
@@ -0,0 +1,844 @@
+<template>
+  <div class="bzrkStep2 phoneBox">
+    <!--        企标制修订-技术标准流程-->
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标复审流程</template>
+      <template slot="proNode">批准</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-if="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="qbfsForm"
+          :model="qbfsForm"
+          :rules="formRules"
+          style="border: none"
+          class="label-input-form"
+          label-width="150px"
+        >
+          <div style="flex: auto; overflow: auto"  v-show="active === '1'">
+            <formList
+              :key = "formKey"
+              :formSub = "qbfsForm"
+              :FBGBUSSFileList = "FBGBUSSFileList"
+              :LSBBBUSSFileList = "LSBBBUSSFileList"
+              :BZSMBUSSFileList = "BZSMBUSSFileList"
+              :QTWJBUSSFileList = "QTWJBUSSFileList"
+              :GLWJBUSSFileList = "GLWJBUSSFileList"
+              :LXDListSub = "LXDList === undefined ? [] : LXDList"
+              :FSDListSub = "FSDList === undefined ? [] : FSDList"
+              :disabledState = "disabledState"
+              :opinionsShow2 = "true"
+              :verifySarStandard = "verifySarStandard"
+              @formCancel="formCancel"
+              @formChoiceZRRListCancel = "formChoiceZRRListCancel"
+            ></formList>
+            <div>
+              <el-collapse accordion>
+                <el-collapse-item title="审批意见">
+                  <div style="margin: 10px 0;">
+                    <el-input
+                      type="textarea"
+                      :rows="3"
+                      resize="none"
+                      placeholder="请输入意见"
+                      v-model="commentText">
+                    </el-input>
+                  </div>
+                </el-collapse-item>
+              </el-collapse>
+            </div>
+          </div>
+          <div style="padding-top: 20px;" v-show="active === '3'">
+            <div class="flow-list">
+              <el-table
+                height="100%"
+                ref="selection"
+                :data="detailData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                row-key="id"
+                :no-data-text="listNoDataText"
+                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+              >
+                <el-table-column
+                  type="selection"
+                  width="55"
+                  align="center">
+                </el-table-column>
+                <el-table-column
+                  prop="name"
+                  label="任务步骤"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="assignee"
+                  label="任务受理人"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="createTime"
+                  label="创建时间"
+                  sortable="custom"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="endTime"
+                  label="完成时间"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="comment"
+                  label="流程信息"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.commentText }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="completeFlag"
+                  label="状态"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <loading :loading="loading">流程列表加载中</loading>
+            </div>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <div class="content" v-if="active === '3'" >
+      <div class="flow-list" style="height: 100%">
+        <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
+      </div>
+    </div>
+    <!--      提交-->
+    <ProcessFooter
+      :show-save="false"
+      show-over2
+      show-submit2
+      show-transfer
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @transfer="handleTransfer"
+      @submit2="handle2"
+      @over2="handle1"
+    >
+    </ProcessFooter>
+
+    <!-- 福田全公司选人解决方案 -->
+    <phone-role
+      check-more
+      role-title="请选择转办成员"
+      :result-list="nodeList"
+      :is-show-phone.sync="drawerModal"
+      @checkedRole="checkedRole"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import formList from "process/phone/qbfs/common/formListStep5";
+import {
+  inboundLiaisonDetail,
+  processCreateStand,
+  changeAssigneeNew,
+  queryTaskFirst,
+  getBusStandFileByAttId, saveTaskFirst, processEditFile, processCreateFsBuss, taskDel
+} from "api/process";
+import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+import CusTomDataPickerGroup
+  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
+import Vue from 'vue';
+import { Form } from 'vant';
+import { Field } from 'vant';
+import { getEvaluationIndex } from "api/businessApi";
+
+Vue.use(Form);
+Vue.use(Field);
+export default {
+  name: "phoneBussFs3",
+  components: {
+    CusTomDataPickerGroup,
+    ProcessHeaderPhone,
+    formList,
+    ProcessFooter,
+    ProcessTitle,
+    TreeSelect
+  },
+  data() {
+    const validateLxOnlineFile = async (rule, value, callback) => {
+      if(this.qbfsForm.LXD){
+        let fileObj = await this.processEditFile(this.qbfsForm.LXD)
+        if (fileObj) {
+          const editFileInfo = fileObj
+          if (editFileInfo && editFileInfo.editStatus === '1') {
+            callback()
+          } else {
+            callback(new Error('请先在线编辑,再提交流程！'))
+          }
+        }
+      }
+    };
+    const validateFsOnlineFile = async (rule, value, callback) => {
+      if(this.qbfsForm.FSD){
+        let fileObj = await this.processEditFile(this.qbfsForm.FSD)
+        if (fileObj) {
+          const editFileInfo = fileObj
+          console.log(editFileInfo)
+          if (editFileInfo && editFileInfo.editStatus === '1') {
+            callback()
+          } else {
+            callback(new Error('请先在线编辑,再提交流程！'))
+          }
+        }
+      }
+    };
+    return {
+      dataLoading:true,
+      bpnId: '',
+      formKey:1,
+      active: '1',
+      modalShowRoleFlag:false,
+      disabledState:true,
+      verifySarStandard:true,
+      FBGBUSSFileList: [],
+      BZSMBUSSFileList: [],
+      LSBBBUSSFileList: [],
+      QTWJBUSSFileList: [],
+      GLWJBUSSFileList: [],
+      LXDList: [],
+      FSDList: [],
+      fileList: [],
+      commentText: '',
+      approvalOpinion: '',
+      detailData: [],
+      nodeList: [],
+      nodeList2: [],
+      isSubmit: false,
+      saveLoading: false,
+      isTransfer: false,
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      drawerTitle: "", //drawer标题
+      modalshowflag: false, // drawer开关
+      loading: false,
+      qbfsForm:{
+        entNumber: '',
+        cnName: '',
+        enName: '',
+        entCategory: '',
+        replaceNumber: '',
+        replacedNumber: '',
+        releaseDate: '',
+        implementDate: '',
+        reviewDate: '',
+        jgUser: '',
+        jgUserId: '',
+        bussFsSubUser2:'',
+        bussFsSubUser2Name:'',
+      },
+      formBuss: {
+        selListRep2:[],
+        id:'',
+        standNum:'',
+        standStatus:'', // 标准状态
+        planId:'',
+        planStatus:'',
+        reviseStatus:'',
+        standSn:'',
+        modelData:[],
+        modelDataNameVerify:[],
+        modelDataZrUserVerify:[],
+        BARQ: '',
+        XGD: '',
+        XGDName: '',
+        // 基础信息
+        country:[],
+        // 基础信息
+        standSort: '',
+        standCode: '',
+        standYear: '',
+        standName: '',
+        standEnName: '',
+        textStatusBuss: '',
+        issueTime: '',
+        expirationDate: '',
+        putTime: '',
+        FZRQBUSS: '',
+        FSRQBUSS: '',
+        // 过程稿件
+        FBGBUSS: '',
+        FBGBUSSName: '',
+        BZSMBUSS: '',
+        BZSMBUSSName: '',
+        LSBBBUSS: '',
+        LSBBBUSSName: '',
+        QTWJBUSS: '',
+        QTWJBUSSName: '',
+        // 适用范围
+        QCDW: '',
+        QCDWID: '',
+        QCRBUSS: '',
+        QCRBUSSID: '',
+        WJSCRYBUSS: this.$store.getters.userInfo.userId,
+        WJSCRYBUSSName: this.$store.getters.userInfo.userName,
+        SYCXCLASS: '',
+        NYLXCLASS: '',
+        SYCPXCLASS: '',
+        TXLBBUSS: '',
+        VPPSBMBUSS: '',
+        VPPSCNBUSS: '',
+        KCVPPSBMBUSS: '',
+        KCVPPSCNBUSS: '',
+        CYCVPPSBMBUSS: '',
+        CYCVPPSCNBUSS: '',
+        DYBXHBUSS: '',
+        DYMCBUSS: '',
+        // 关联信息
+        DTQBBHBUSS: '',
+        BDTQBBHBUSS: '',
+        XGJLBUSS: '',
+        XGLC: '',
+        GLWJBUSS: '',
+        GLWJBUSSName: '',
+        XCSJBUSS: '',
+      }, // 标准信息
+      roleForm:{
+        bussUser3: '',
+        bussUser3Name: '',
+        bussUser6: '',
+        bussUser6Name: '',
+        bussUser2: '', // 多实例
+        bussUser2Name:'', // 多实例
+        bussUser5:'', // 多实例
+        bussUser5Name:'', // 多实例
+        bussUser4:'',
+        bussUser4Name:'',
+        bussUser7:'',
+        bussUser7Name:'',
+        bussUser8:'',
+        bussUser8Name:'',
+        bussUser9:'',
+        bussUser9Name:'',
+        bussUser10:'',
+        bussUser10Name:'',
+        bussUser11:'',
+        bussUser11Name:'',
+        bussUser12:'',
+        bussUser12Name:'',
+        bussUser13:'',
+        bussUser13Name:'',
+        bussUser14:'',
+        bussUser14Name:'',
+        applyUpdUserId: '',
+        applyUpdUserName: '',
+        prcCreateUser: '',
+        prcCreateUserName: '',
+      },
+      formRules: {
+        commentText: [{ required: true, message: '请输入意见', trigger: 'blur' }],
+        approvalOpinion: [{ required: true, message: '请选择审批意见', trigger: 'change' }],
+      },
+    }
+  },
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getDataS()
+    }
+    this.processTable()
+    this.getData()
+  },
+  watch:{
+    'qbfsForm.reviewResults': {
+      handler (val) {
+        if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+          if(val === '1'){
+            if (this.bpnId === undefined) {
+            }
+          }
+        }
+      }
+    },
+  },
+  methods:{
+    async getFile(){
+
+    },
+    getSaveFile(model) {
+      return new Promise((resolve, reject) => {
+        this.$http.get('/lawss/activiti/saveEditFile', {
+          model: model
+        }, {
+          _this: this
+        }, res => {
+          const history = res;
+          resolve(history)
+        })
+      })
+    },
+    checkedRole2 (data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach( item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      if(this.userType === 'QCRBUSS'){
+        this.qbfsForm.QCRBUSSID=idList;
+        this.qbfsForm.QCRBUSS=nameList;
+        this.formKey++
+      }
+      if(data !== undefined && data && data.length > 0){
+        const institutionIdList = this.unique(data.map(item => item.institutionId)).join(",")
+        const institutionNameList = this.unique(data.map(item => item.institutionName)).join(",")
+        this.qbfsForm.QCDWID = institutionIdList
+        this.qbfsForm.QCDW = institutionNameList
+      }
+
+      this.modalShowRoleFlag = false
+    },
+    unique(newArr) {
+      const res = new Map();
+      return newArr.filter((newArr) => !res.has(newArr) && res.set(newArr, 1));
+    },
+    choiceZRRList (type, title, id) {
+      this.nodeList2 = []
+      if(type === 'QCRBUSS'){
+        if ( this.qbfsForm.QCRBUSSID != undefined && this.qbfsForm.QCRBUSSID.length > 0) {
+          this.nodeList2 = this.qbfsForm.QCRBUSSID.split(',')
+        }
+      }
+      this.userType = type
+      this.drawerTitle = title
+      this.modalShowRoleFlag = true
+    },
+    formChoiceZRRListCancel(type, title, id){
+      this.choiceZRRList(type, title, id)
+    },
+    formCancel (form, list1,list2,list3,list4,list5,list6,list7) {
+      this.qbfsForm = form
+      this.FBGBUSSFileList = list1
+      this.LSBBBUSSFileList = list2
+      this.BZSMBUSSFileList = list3
+      this.QTWJBUSSFileList = list4
+      this.GLWJBUSSFileList = list5
+      this.LXDList = list6
+      this.FSDList = list7
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    assemble(ids,names){
+      let list= new Array();
+      if(ids && ids !== '' && names && names !== ''){
+        let idArray=ids.split(',');
+        let nameArray=names.split(',');
+        for(let i=0; i<idArray.length; i++){
+          list.push({id:idArray[i],name:nameArray[i]});
+        }
+      }
+      return list;
+    },
+    getStandInfoUpdateById(standId) {
+      return new Promise((resolve, reject) => {
+        this.$http.get('lawss/sarBussionessStand/getStandInfoUpdateById', {id: standId}, {
+          _this: this
+        }, res => {
+          if(res && res.data){
+            const history = res;
+            resolve(history)
+          }
+        })
+      })
+    },
+    getDataS(){
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.qbfsForm = mes.qbfsForm
+        this.qbfsForm.WJSCRYBUSS= this.$store.getters.userInfo.userId
+        this.qbfsForm.WJSCRYBUSSName= this.$store.getters.userInfo.userName
+        this.qbfsForm['id'] = bringData.id
+        this.FBGBUSSFileList=this.assemble(this.qbfsForm.FBGBUSS,this.qbfsForm.FBGBUSSName);
+        this.BZSMBUSSFileList=this.assemble(this.qbfsForm.BZSMBUSS,this.qbfsForm.BZSMBUSSName);
+        this.LSBBBUSSFileList=this.assemble(this.qbfsForm.LSBBBUSS,this.qbfsForm.LSBBBUSSName);
+        this.QTWJBUSSFileList=this.assemble(this.qbfsForm.QTWJBUSS,this.qbfsForm.QTWJBUSSName);
+        this.GLWJBUSSFileList=this.assemble(this.qbfsForm.GLWJBUSS,this.qbfsForm.GLWJBUSSName);
+        this.LXDList=this.assemble(this.qbfsForm.LXD,this.qbfsForm.LXDName);
+        this.FSDList=this.assemble(this.qbfsForm.FSD,this.qbfsForm.FSDName);
+        this.standardDrawer = false
+        this.verifySarStandard = true
+        this.commentText = mes.commentText
+        this.formKey++
+        this.$forceUpdate()
+      });
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    async getFormFieldList (item) {
+
+      let standObj = await this.getStandInfoUpdateById(item.standId)
+      this.$nextTick(() => {
+        const bringData = standObj.data
+        const json = Object.assign(bringData, bringData.attrInfoMap,item);
+        this.qbfsForm = JSON.parse(JSON.stringify(json))
+        this.qbfsForm.WJSCRYBUSS= this.$store.getters.userInfo.userId
+        this.qbfsForm.WJSCRYBUSSName= this.$store.getters.userInfo.userName
+        this.qbfsForm['id'] = bringData.id
+        this.FBGBUSSFileList=this.assemble(this.qbfsForm.FBGBUSS,this.qbfsForm.FBGBUSSName);
+        this.BZSMBUSSFileList=this.assemble(this.qbfsForm.BZSMBUSS,this.qbfsForm.BZSMBUSSName);
+        this.LSBBBUSSFileList=this.assemble(this.qbfsForm.LSBBBUSS,this.qbfsForm.LSBBBUSSName);
+        this.QTWJBUSSFileList=this.assemble(this.qbfsForm.QTWJBUSS,this.qbfsForm.QTWJBUSSName);
+        this.GLWJBUSSFileList=this.assemble(this.qbfsForm.GLWJBUSS,this.qbfsForm.GLWJBUSSName);
+        this.FSDList=this.assemble(this.qbfsForm.FSD,this.qbfsForm.FSDName);
+        this.LXDList=this.assemble(this.qbfsForm.LXD,this.qbfsForm.LXDName);
+        this.standardDrawer = false
+        this.verifySarStandard = true
+        this.formKey++
+        this.$forceUpdate()
+        this.dataLoading = false
+      })
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    //流程保存
+    handleSave(){
+      this.saveLoading = true
+      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', 'buss3')
+      _formData.append('json', JSON.stringify({
+        qbfsForm: this.qbfsForm,
+        commentText: this.commentText
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    processEditFile(id) {
+      return new Promise((resolve, reject) => {
+        processEditFile({
+          id
+        }).then(res => {
+          if (res) {
+            const history = res;
+            resolve(history)
+          } else {
+            reject()
+          }
+        }).catch(e => {
+          reject(e)
+        })
+      })
+    },
+    /**
+     * @description: 流程入库
+     * @date
+     */
+    processCreateFsBuss(json) {
+      const _formData = new FormData()
+      _formData.append('infoJson', json)
+      processCreateFsBuss(_formData).then(res => {
+        if (res.result === '操作成功' || res.data === '入库成功') {
+          if(this.qbfsForm.standSort && this.qbfsForm.standSort.indexOf("Q/QCBFC") !== -1){
+            this.routerBussProStand()
+          }
+          if (this.$route.query.bpnId && this.$route.query.bpnId !== '') {
+            let taskId = {
+              id: this.$route.query.bpnId
+            }
+            taskDel(taskId).then(res=>{
+              return res
+            })
+          }
+          this.submitLoading = false
+          this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+        } else {
+          this.isSubmit = false
+        }
+      })
+    },
+    async routerBussProStand(){
+      this.roleForm.bussUser3 = this.qbfsForm.QCRBUSSID
+      this.roleForm.bussUser3Name = this.qbfsForm.QCRBUSS
+      this.roleForm.bussUser6 = this.qbfsForm.QCRBUSSID
+      this.roleForm.bussUser6Name = this.qbfsForm.QCRBUSS
+      this.roleForm.applyUpdUserId = this.qbfsForm.QCRBUSSID
+      this.roleForm.applyUpdUserName = this.qbfsForm.QCRBUSS
+      this.roleForm.prcCreateUser = this.qbfsForm.QCRBUSSID
+      this.roleForm.prcCreateUserName = this.qbfsForm.QCRBUSS
+      this.formBuss.expirationDate = this.qbfsForm.expirationDate
+      this.formBuss.QCRBUSS = this.qbfsForm.QCRBUSS
+      this.formBuss.QCRBUSSID = this.qbfsForm.QCRBUSSID
+      this.formBuss.QCDW = this.qbfsForm.QCDW
+      this.formBuss.QCDWID = this.qbfsForm.QCDWID
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.qbfsForm.QCRBUSSID)
+      _formData.append('createUserName', this.qbfsForm.QCRBUSS)
+      _formData.append('prcType', 'buss2')
+      _formData.append('prcName', '企标制修订-产品标准')
+      _formData.append('json', JSON.stringify({
+        taskInfo: '发起企标制修订流程',
+        form: this.formBuss,
+        roleForm: this.roleForm,
+        commentText: this.commentText
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('自动创建企标制修订-产品标准流程，跳转至主起草人流程中心草稿')
+        this.bpnId = res.result
+      }).catch(e => {
+      })
+    },
+    //流程提交
+    handleSubmit(){
+      this.getRule()
+      this.$refs['qbfsForm'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          this.saveLoading = true
+          this.qbfsForm.commentText = this.commentText
+          let json = JSON.stringify(this.qbfsForm);
+          this.$http.post('lawss/activiti/completeTask', {
+            taskIds: this.$route.query.taskIds,
+            userId: this.$store.getters.userInfo.userId,
+            json: json,
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+              this.isSubmit = false
+              this.processCreateFsBuss(json)
+            }
+          }, e => {
+          });
+        }else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+    handleTransfer() {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    handle1(){
+      this.qbfsForm.approvalOpinion = 1
+      this.handleSubmit()
+    },
+    handle2(){
+      this.qbfsForm.approvalOpinion = 0
+      this.handleSubmit()
+    },
+    getRule(){
+      if (this.qbfsForm.approvalOpinion === 0) {
+        this.formRules.commentText[0].required = false;
+        this.$refs.qbfsForm.clearValidate('commentText')
+      }else {
+        this.formRules.commentText[0].required = true;
+      }
+    },
+    //确认转办
+    checkedRoles (data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        this.isTransfer = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter");
+          this.processNum()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    // 请求转换流程图
+    processNum (row) {
+      axios.request({
+        url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+        responseType: 'blob',
+        method: 'get',
+        params: {
+          prcNum: this.$route.query.prcNum
+        }
+      }).then(res => {
+        // let blob = new Blob([res.data], {type: 'image/jpg'})
+        // let url = window.URL.createObjectURL(res.data)
+        this.processStep = window.URL.createObjectURL(res.data)
+      })
+    },
+    choiceZRRS() {
+      this.drawerTitle = '请选择企标复审人'
+      this.nodeList2 = [];
+      if (this.qbfsForm.bussFsSubUser2) {
+        this.nodeList2 = this.qbfsForm.bussFsSubUser2.split(",");
+      }
+      this.modalshowflag = true;
+    },
+    checkedRole(data) {
+      let idList = "";
+      let nameList = "";
+      data.forEach(item => {
+        if (nameList.length) {
+          nameList += ",";
+          idList += ",";
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      this.$set(this.qbfsForm, 'jgUser', nameList)
+      this.$set(this.qbfsForm, 'jgUserId', idList)
+      if(this.qbfsForm.jgUser){
+        this.$refs.qbfsForm.validateField('jgUser')
+      }
+
+      this.$set(this.qbfsForm, 'bussFsSubUser2Name', nameList)
+      this.$set(this.qbfsForm, 'bussFsSubUser2', idList)
+      if(this.qbfsForm.bussFsSubUser2Name){
+        this.$refs.qbfsForm.validateField('bussFsSubUser2Name')
+      }
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    downloadFileByWater(attId, fileSuffix) {
+      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
+      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
+        this.$message.error("水印下载仅支持PDF,pdf格式文件");
+      } else {
+        if (attId != null && attId !== "") {
+          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
+        } else {
+          this.$message.error("请选择要下载的文件");
+        }
+      }
+    },
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/phone';
+
+.bzrkStep2 {
+  /deep/.el-select .el-input .el-select__caret {
+    font-size: 0;
+  }
+  /deep/.prc-content-border {
+    width: 600px;
+  }
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  /deep/ .van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+
+
+
+  position: relative;
+  height: 100%;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    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;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 14ed05908..d12c0f404 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2636,19 +2636,9 @@ const routes = [
         }
       },
       {
-        path: '/phoneQbfsStep2',
-        name: 'phoneQbfsStep2',
-        component: () => import('@/pages/processCenter/pages/phone/qbfs/step2.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '企标复审流程'
-        }
-      },
-      {
-        path: '/phoneQbfsStep4',
-        name: 'phoneQbfsStep4',
-        component: () => import('@/pages/processCenter/pages/phone/qbfs/step4.vue'),
+        path: '/phoneBussFs3',
+        name: 'phoneBussFs3',
+        component: () => import('@/pages/processCenter/pages/phone/qbfs/step5.vue'),
         meta: {
           isBoolean: true,
           requireAuth: true,