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

---
 .../qbfs/common/formListStep4-1.vue           | 932 ++++++++++++++++++
 .../pages/creatProcess/qbfs/step4-1.vue       | 795 +++++++++++++++
 2 files changed, 1727 insertions(+)
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep4-1.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbfs/step4-1.vue

diff --git a/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep4-1.vue b/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep4-1.vue
new file mode 100644
index 000000000..bd352bf5a
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep4-1.vue
@@ -0,0 +1,932 @@
+<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, 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="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-->
+        <!--                                               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 :disabled="disabledXX" 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 :disabled="disabledXX" 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 :disabled="disabledXX" 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 :disabled="disabledXX" 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
+                  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" :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-form-item label="模块结构单元变型号(乘用车)" title="模块结构单元变型号(乘用车)" class="add-form-item form-item-disabled">-->
+<!--              <el-input v-model="form.CYCDYBXHBUSS"  :disabled="disabledState"></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-col :span="12">
+       <el-form-item label="起草人" prop="QCRBUSS" class="add-form-item form-item-disabled">
+          <el-input v-model="form.qcrbuss"  :disabled="disabledState" clearable></el-input>
+       </el-form-item>
+        <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></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></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></el-input>-->
+<!--        </el-form-item>-->
+<!--          <el-form-item label="模块结构单元名称(乘用车)" prop="CYCDYMCBUSS" class="add-form-item form-item-disabled">-->
+<!--              <el-input v-model="form.CYCDYMCBUSS" clearable disabled></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 :disabled="disabledXX"
+                  v-model="form.XCSJBUSS"
+                  clearable
+                  disabled
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="采标程度" prop="CYCD" class="add-form-item form-item-disabled">
+          <el-select :popper-append-to-body="false"  v-model="form.CYCD" 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 :disabled="disabledXX" 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" @change="reviewChange" filterable clearable :disabled="disabledXX">
+                        <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="disabledXX"
+                                   :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"
+                                   :disabled="disabledXX"
+                                   :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"
+                              :disabled="disabledXX"
+                              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"
+                                   :disabled="disabledXX"
+                                   :editable="false"
+                                   placeholder="请选择计划标准发布日期"
+                                   value-format="yyyy-MM-dd"
+                    ></el-datePicker>
+                </el-form-item>
+                <el-form-item v-if="(form.reviewResults === '1' || form.reviewResults === '2' || form.reviewResults === '3') && !opinionsShow2" 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 :disabled="disabledXX" 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') && opinionsShow2" label="复审理由" prop="reviewResultsContent" style="margin-left: 0;margin-bottom:0;" class="add-form-item form-item-disabled">
+            <el-input
+                :disabled="disabledXX"
+                    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="disabledXX || 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' || showForm.reviewResults === '2' || showForm.reviewResults === '3'" :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: 'formListStep4-1',
+  components: {
+    ProcessTitle,
+  },
+  props: {
+    disabledXX:{
+      type:Boolean
+    },
+    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/downloadFileForSarNew?fileId=' + attId)
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.$preview(attId)
+      }
+    },
+    reviewChange(val){
+          if(val == '1'){
+            this.form.QCRBUSS = ''
+          }
+    },
+    downloadFile (data) {
+      //文件id中出现了','字符,去除掉
+      window.open('/api/att/attFile/downloadFileForSarNew?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
+      })
+    },
+      async getDataAsync(){
+          let res = await this.getDicTypeListCode()
+          if(res && res.data){
+              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.$emit('emitDataLoading',false)
+          }
+      },
+      getDicTypeListCode(res,json) {
+          return new Promise((resolve, reject) => {
+              this.$http.get('sys/dictype/getDicTypeListCode', '', {
+                  _this: this
+              }, res => {
+                  const history = res;
+                  resolve(history)
+              })
+          })
+      },
+  },
+  mounted () {
+      if(this.formSub && this.formSub.standSort && this.formSub.standSort !== ''){
+          this.getDataAsync()
+          this.form = this.formSub
+          this.LXDList = this.LXDListSub
+          this.FSDList = this.FSDListSub
+      }
+  },
+  watch: {
+    form: {
+        handler: function (val) {
+            if(val){
+                this.$emit('formCancel', this.form, this.FBGBUSSFileList,this.LSBBBUSSFileList,this.BZSMBUSSFileList,this.QTWJBUSSFileList,this.GLWJBUSSFileList,this.LXDList,this.FSDList);
+            }
+        },
+        deep: true //对象的深度验证
+   },
+    // 'form.reviewResults': {
+    //   handler (val) {
+    //     if(val == '1'){
+    //       this.form.QCRBUSS = ''
+    //     }
+    //   }
+    // },
+}
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/qbfs/step4-1.vue b/src/pages/processCenter/pages/creatProcess/qbfs/step4-1.vue
new file mode 100644
index 000000000..4ec79b493
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbfs/step4-1.vue
@@ -0,0 +1,795 @@
+<template>
+<div class="qbfs-step4-1">
+  <ProcessHeader toggle>
+    <template slot="proName">企标复审流程</template>
+    <template slot="proNode">汇总</template>
+  </ProcessHeader>
+  <div class="headerTabs">
+    <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+    <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+  </div>
+  <div class="content">
+    <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
+              :disabledXX="disabledXX"
+              :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"
+              @emitDataLoading="emitDataLoading"
+              @formCancel="formCancel"
+              @formChoiceZRRListCancel = "formChoiceZRRListCancel"
+      ></formList>
+      <div>
+        <el-collapse accordion v-model="activeNames">
+          <el-collapse-item title="回执说明" name="1">
+            <div style="margin: 10px 0;">
+              <el-input
+                  :disabled="disabledXX"
+                      type="textarea"
+                      :rows="3"
+                      resize="none"
+                      placeholder="请输入意见"
+                      v-model="commentText">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div 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
+                    prop="name"
+                    label="任务步骤"
+                    align="center"
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="assignee"
+                    label="任务受理人"
+                    align="center"
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="createTime"
+                    label="创建时间"
+                    align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                    prop="endTime"
+                    label="完成时间"
+                    align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                    prop="comment"
+                    label="流程信息"
+                    align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.commentText }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+                    prop="completeFlag"
+                    label="状态"
+                    align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <loading :loading="loading">流程列表加载中</loading>
+        </div>
+      </div>
+    </el-form>
+  </div>
+  <ProcessFooter v-show="!disabledXX"
+          show-save
+          show-submit
+          show-transfer
+          :submitLoading="isSubmit"
+          :saveLoading="saveLoading"
+          @transfer="handleTransfer"
+          @save="handleSave"
+          @submit="handleSubmit"
+  >
+  </ProcessFooter>
+  <!-- 福田全公司选人解决方案 -->
+  <Role-tree v-if="disabledXX"
+    check-box
+    :is-title="drawerTitle"
+    :is-visible.sync="drawerModal"
+    @checkedRole="checkedRoles"
+    :nodeList="nodeList"
+  ></Role-tree>
+  <!--    选择责任人-->
+  <Role-tree v-if=""
+    :is-title="drawerTitle"
+    :is-visible.sync="modalshowflag"
+    @checkedRole="checkedRole"
+    :nodeList="nodeList2"
+  ></Role-tree>
+    <Role-tree v-if="!disabledXX"
+        is-title="选择责任部门对接人"
+        :is-visible.sync="modalShowRoleFlag"
+        @checkedRole="checkedRole2"
+        :nodeList="nodeList2"
+    ></Role-tree>
+  <loading :loading="dataLoading">正在加载数据</loading>
+</div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail,saveTaskForPub, saveTaskFirst,taskDel,queryTaskFirst,processEditFile } from "api/process";
+import formList from './common/formListStep4-1'
+
+export default {
+  name: "bussFs2-1",
+  components:{
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle,
+    formList
+  },
+  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('请先在线编辑,再提交流程！'))
+                  }
+              }
+          }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('请先在线编辑,再提交流程！'))
+          }
+        }
+      }else {
+        callback(new Error('请先在线编辑,再提交流程！'))
+      }
+    };
+    return {
+      disabledXX:!!this.$route.query.disabledXX,
+      activeNames:'1',
+      dataLoading:true,
+      bpnId: '',
+      formKey:1,
+      active: '1',
+      modalShowRoleFlag:false,
+      disabledState:true,
+      verifySarStandard:true,
+      FBGBUSSFileList: [],
+      BZSMBUSSFileList: [],
+      LSBBBUSSFileList: [],
+      QTWJBUSSFileList: [],
+      GLWJBUSSFileList: [],
+      LXDList: [],
+      FSDList: [],
+      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: '',
+        bussFsSubUser2:'',
+        bussFsSubUser2Name:'',
+      },
+      roleForm: {
+        jgUser: ""
+      },
+      formRules: {
+        jgUser: [
+          {required: true, message: "请选择工作组成员", trigger: "change"}
+        ],
+        bussFsSubUser2Name: [
+          {required: true, message: "请选择企标复审人", trigger: "change"}
+        ],
+        reviewResults: [
+          {required: true, message: "请选择复审结果", trigger: "change"}
+        ],
+        draftTime: [
+          {required: true, message: "请选择初稿完成日期", trigger: "change"}
+        ],
+        releaseTime: [
+          {required: true, message: "请选择计划标准发布日期", trigger: "change"}
+        ],
+        expirationDate: [
+          {required: true, message: "请选择截止日期", trigger: "change"}
+        ],
+        FSDName: [
+          { required: true, validator: validateFsOnlineFile, trigger: 'blur' }
+        ],
+        LXDName: [
+          { required: true, validator: validateLxOnlineFile, trigger: 'blur' }
+        ],
+      },
+    }
+  },
+  mounted() {
+    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;
+              if(data && data.length > 0){
+                const institutionIdList = this.unique(data.map(item => item.topUnitId)).join(",")
+                const institutionNameList = this.unique(data.map(item => item.topUnit)).join(",")
+                this.qbfsForm.QCDWID = institutionIdList
+                this.qbfsForm.QCDW = institutionNameList
+              }
+              this.formKey++
+          }
+
+          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
+    },
+    emitDataLoading(boo){
+      this.dataLoading = boo
+    },
+    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(mesg){
+        this.qbfsForm = mesg.qbfsForm
+        this.qbfsForm.WJSCRYBUSS= this.$store.getters.userInfo.userId
+        this.qbfsForm.WJSCRYBUSSName= this.$store.getters.userInfo.userName
+        this.qbfsForm['id'] = mesg.qbfsForm.id
+        this.qbfsForm['NYLXCLASS'] = this.filterObj(this.qbfsForm['NYLXCLASS'])
+        this.qbfsForm['SYCXCLASS'] = this.filterObj(this.qbfsForm['SYCXCLASS'])
+        this.qbfsForm['SYCPXCLASS'] = this.filterObj(this.qbfsForm['SYCPXCLASS'])
+        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 = mesg.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)
+            if (processForm.qbfsForm === undefined) {
+              this.getFormFieldList(processForm)
+            } else {
+              //表单文件处理
+              this.getDataS(processForm)
+            }
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    async getFormFieldList (item) {
+
+      let standObj = await this.getStandInfoUpdateById(item.standId)
+      let fileObjFx = await this.getSaveFile("model_fs")
+      let fileObjLx = await this.getSaveFile("model_lx")
+
+      this.$nextTick(() => {
+        const bringData = standObj.data
+        const obj = {
+            reviewResults: "",
+            reviewResultsContent:"",
+            reviewUserId:this.$store.getters.userInfo.userId,
+            reviewUserName:this.$store.getters.userInfo.userName,
+            draftTime:"",
+            releaseTime:"",
+            expirationDate:"",
+            LXDName:"",
+            LXD:"",
+            FSDName:"",
+            FSD:"",
+        }
+        const json = Object.assign(bringData, bringData.attrInfoMap,item,obj);
+        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.qbfsForm['NYLXCLASS'] = this.filterObj(this.qbfsForm['NYLXCLASS'])
+        this.qbfsForm['SYCXCLASS'] = this.filterObj(this.qbfsForm['SYCXCLASS'])
+        this.qbfsForm['SYCPXCLASS'] = this.filterObj(this.qbfsForm['SYCPXCLASS'])
+        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);
+        if(fileObjFx){
+          this.qbfsForm.FSD = fileObjFx.id
+          if(this.qbfsForm.standName){
+              this.qbfsForm.FSDName = this.qbfsForm.standName + '-复审单'
+          }else {
+              this.qbfsForm.FSDName = '复审单'
+          }
+          this.FSDList=this.assemble(fileObjFx.id,this.qbfsForm.FSDName);
+        }
+        if(fileObjLx){
+          this.qbfsForm.LXD = fileObjLx.id
+          if(this.qbfsForm.standName){
+              this.qbfsForm.LXDName = this.qbfsForm.standName + '-立项单'
+          }else {
+              this.qbfsForm.LXDName = '立项单'
+          }
+          this.LXDList=this.assemble(fileObjLx.id,this.qbfsForm.LXDName);
+        }
+        this.standardDrawer = false
+        this.verifySarStandard = true
+        this.formKey++
+        this.$forceUpdate()
+      })
+    },
+    filterObj(obj){
+      if(obj && obj !== ''){
+        if(obj instanceof Array){
+          return obj;
+        }else {
+          return obj.split(",")
+        }
+      }
+      return "";
+    },
+    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('taskIds', this.$route.query.taskIds)
+      _formData.append('prcType', 'buss3')
+      _formData.append('json', JSON.stringify({
+        taskInfo: '汇总',
+        qbfsForm: this.qbfsForm,
+        commentText: this.commentText
+      }))
+      saveTaskForPub(_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)
+        })
+      })
+    },
+    //流程提交
+    handleSubmit(){
+      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.$message.success(res.message)
+                this.$router.push('/processCenter')
+                if (this.bpnId !== undefined && this.bpnId !== '') {
+                  let taskId = {
+                    id: this.bpnId
+                  }
+                  taskDel(taskId).then(res=>{
+                  })
+                }
+              }
+              this.isSubmit = false
+              this.saveLoading = false
+            }, e => {
+            });
+          }else {
+            this.$message.warning('请检查基础信息表单是否填写完整')
+          }
+      })
+    },
+    //转办事件
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    //确认转办
+    checkedRoles (data) {
+      this.isSubmit = true
+      this.saveLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        userId:this.$store.getters.userInfo.userId, // 委托人
+        assignee: data[0].id, // 被委托人
+        pId: this.$route.query.prcId, // 流程实例
+      }).then(res => {
+        this.isSubmit = false
+        this.saveLoading = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.$router.push({path:'/processCenter?tabsName=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/downloadFileForSarNew?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbfs-step4-1 {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .fileClass {
+    cursor: pointer;
+  }
+
+  .fileClass:hover {
+    color: #0c91e5;
+  }
+
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+
+  .choiceBtn {
+    .el-button--primary {
+      width: 150px;
+    }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+
+      .accessStandardsAndRegulations {
+        height: 100%;
+      }
+    }
+  }
+
+  .add-form-el-select {
+    /deep/ .el-select {
+      width: 210px;
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>