feat: There is no way the, 新需求 #52721

src/pages/processCenter/pages/creatProcess/qbfs/common/formListStep2.vue

@@ -0,0 +1,735 @@
+<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" :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="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="CYCDYMCBUSS" class="add-form-item form-item-disabled">
+              <el-input v-model="form.CYCDYMCBUSS" clearable :disabled="true"></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="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 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>
+    <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/downloadFileForSarNew?fileId=' + attId)
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.$preview(attId)
+      }
+    },
+    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 //对象的深度验证
+   },
+}
+}
+</script>
+
+<style scoped>
+
+</style>

src/pages/processCenter/pages/creatProcess/qbfs/step1.vue

@@ -86,20 +86,18 @@
                         min-width="120">
                   <template slot-scope="scope">{{ formatIssueDate(scope.row.issueTime)}}</template>
                 </el-table-column>
+                <el-table-column
+                        prop="putTime"
+                        label="实施日期"
+                        width="130">
+                  <template slot-scope="scope">{{ formatIssueDate(scope.row.putTime)}}</template>
+                </el-table-column>
                 <el-table-column
                         prop="reviewTime"
                         label="复审日期"
                         min-width="120">
                   <template slot-scope="scope">{{ formatIssueDate(scope.row.reviewTime) }}</template>
                 </el-table-column>
-                <el-table-column
-                        prop="reviewResults"
-                        label="复审结果"
-                        min-width="100">
-                  <template slot-scope="scope">
-                    <span>{{ filterOp(scope.row.reviewResults) }}</span>
-                  </template>
-                </el-table-column>
                 <el-table-column
                         prop="bussFsSubUser1Name"
                         label="对接人"
@@ -489,9 +487,9 @@
     </div>
   </el-drawer>
   <el-dialog
-          title="企标复审计划 - (未来一个月内需要复审的企标信息列表)"
+          title="企业标准"
           :visible.sync="replaceLawsNumModel"
-          width="875px"
+          width="1200px"
           :close-on-click-modal="false"
           @close="replaceLawsNumModelCancel"
   >
@@ -561,17 +559,31 @@
               align="center">
       </el-table-column>
       <el-table-column
-              label="企标编号">
+              label="企标编号"
+              min-width="150">
         <template slot-scope="scope">
           <a v-if="scope.row.standCode" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
         </template>
       </el-table-column>
+      <el-table-column
+              label="企标名称"
+              min-width="300">
+        <template slot-scope="scope">
+          <a v-if="scope.row.standCode" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
+        </template>
+      </el-table-column>
       <el-table-column
               prop="issueTime"
               label="发布日期"
               width="130">
         <template slot-scope="scope">{{ formatIssueDate(scope.row.issueTime)}}</template>
       </el-table-column>
+      <el-table-column
+              prop="putTime"
+              label="实施日期"
+              width="130">
+        <template slot-scope="scope">{{ formatIssueDate(scope.row.putTime)}}</template>
+      </el-table-column>
       <el-table-column
               prop="reviewTime"
               label="复审日期"
@@ -579,11 +591,19 @@
         <template slot-scope="scope">{{ formatIssueDate(scope.row.reviewTime) }}</template>
       </el-table-column>
       <el-table-column
-              prop="reviewResults"
+              prop="qcrbuss"
-              label="复审结果"
+              label="起草人"
-              width="130">
+              min-width="120">
         <template slot-scope="scope">
-          <span>{{ filterOp(scope.row.reviewResults) }}</span>
+          <span v-if="scope.row.qcrbuss" :title="scope.row.qcrbuss">{{ scope.row.qcrbuss | ellipsis2 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+              prop="qcdw"
+              label="起草单位"
+              min-width="120">
+        <template slot-scope="scope">
+          <span v-if="scope.row.qcdw" :title="scope.row.qcdw">{{ scope.row.qcdw | ellipsis2 }}</span>
         </template>
       </el-table-column>
     </el-table>

src/pages/processCenter/pages/creatProcess/qbfs/step2.vue

@@ -10,9 +10,6 @@
   </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"
@@ -20,18 +17,38 @@
         class="label-input-form prc-content-border"
         label-width="150px"
       >
-        <el-row :gutter="24">
+        <process-title>
-          <el-col :span="24">
+          <template slot="title">复审信息</template>
-            <el-form-item label="企标复审人" prop="bussFsSubUser2Name" class="add-form-item form-item-disabled">
+        </process-title>
-              <el-input
+        <div class="prc-content-border">
-                v-model="qbfsForm.bussFsSubUser2Name"
+          <el-row :gutter="24">
-                placeholder="请选择企标复审人"
+            <el-col :span="24">
-                clearable
+              <el-form-item label="企标复审人" prop="bussFsSubUser2Name" class="add-form-item form-item-disabled">
-                @click.native="choiceZRRS"
+                <el-input
-              ></el-input>
+                        v-model="qbfsForm.bussFsSubUser2Name"
-            </el-form-item>
+                        placeholder="请选择企标复审人"
-          </el-col>
+                        clearable
-        </el-row>
+                        @click.native="choiceZRRS"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <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 = "false"
+                :verifySarStandard = "verifySarStandard"
+                @emitDataLoading="emitDataLoading"
+        ></formList>
       </el-form>
     </div>
     <div>
@@ -135,6 +152,7 @@
     @checkedRole="checkedRole"
     :nodeList="nodeList2"
   ></Role-tree>
+  <loading :loading="dataLoading">正在加载数据</loading>
 </div>
 </template>
 
@@ -143,18 +161,32 @@ import ProcessHeader from "../../components/ProcessHeader";
 import ProcessFooter from "../../components/ProcessFooter";
 import ProcessTitle from "../../components/ProcessTitle";
 import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
+import formList from './common/formListStep2.vue'
 
 export default {
   name: "qbfsStepSub1",
   components:{
     ProcessHeader,
     ProcessFooter,
-    ProcessTitle
+    ProcessTitle,
+    formList
   },
   data() {
     return {
       active: '1',
       fileList: [],
+      formKey:1,
+      dataLoading:true,
+      modalShowRoleFlag:false,
+      disabledState:true,
+      verifySarStandard:true,
+      FBGBUSSFileList: [],
+      BZSMBUSSFileList: [],
+      LSBBBUSSFileList: [],
+      QTWJBUSSFileList: [],
+      GLWJBUSSFileList: [],
+      LXDList: [],
+      FSDList: [],
       commentText: '',
       detailData: [],
       nodeList: [],
@@ -200,6 +232,9 @@ export default {
     this.getData()
   },
   methods:{
+    emitDataLoading(boo){
+      this.dataLoading = boo
+    },
     processTable() {
       this.$http.get("lawss/activiti/get_list_by_instance", {
         prcNum: this.$route.query.prcNum,
@@ -227,13 +262,75 @@ export default {
         })
       })
     },
+    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)
+          }
+        })
+      })
+    },
+    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;
+    },
+    filterObj(obj){
+      if(obj && obj !== ''){
+        if(obj instanceof Array){
+          return obj;
+        }else {
+          return obj.split(",")
+        }
+      }
+      return "";
+    },
     /**
      * @description: 动态表单读取
      */
-    getFormFieldList (item) {
+    async getFormFieldList (item) {
+      let standObj = await this.getStandInfoUpdateById(item.standId)
       this.$nextTick(() => {
-        this.qbfsForm = JSON.parse(JSON.stringify(item))
+        const bringData = standObj.data
-        this.fileList = item.fileList
+        const obj = {
+          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);
+        this.standardDrawer = false
+        this.verifySarStandard = true
+        this.formKey++
+        this.$forceUpdate()
       })
     },
     handleTabs(name) {