From 6e68b67ac4f8aa21b5e27f4bedf9c872e3f0a40f Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Mon, 18 Apr 2022 10:59:40 +0800
Subject: [PATCH] feat: There is no way the, bug #52525 #52527

---
 .../pages/phone/qbfs/common/formListStep5.vue | 219 ++++++++++--------
 .../processCenter/pages/phone/qbfs/step5.vue  |  10 +-
 .../phone/qbrk-product/common/formList.vue    |  38 +--
 3 files changed, 151 insertions(+), 116 deletions(-)

diff --git a/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue b/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
index dd6ce86be..77fa27e75 100644
--- a/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
+++ b/src/pages/processCenter/pages/phone/qbfs/common/formListStep5.vue
@@ -16,6 +16,18 @@
             ></el-option>
           </el-select>
         </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 label="中文名称" prop="standName" class="add-form-item form-item-disabled">
           <el-input
                   v-model="form.standName" :disabled="disabledState"
@@ -26,18 +38,6 @@
             <el-datePicker v-model="form.issueTime" :disabled="disabledState"
                            :editable="false"
             ></el-datePicker>
-        </el-form-item>
-          <el-form-item label="企业标准号" prop="standCode" class="add-form-item form-item-disabled">
-              <el-input
-                      v-model="form.standCode" :disabled="disabledState"
-                      clearable
-              ></el-input>
-          </el-form-item>
-        <el-form-item label="英文名称" prop="standEnName" class="add-form-item form-item-disabled">
-          <el-input
-                  v-model="form.standEnName" :disabled="disabledState"
-                  clearable
-          ></el-input>
         </el-form-item>
         <el-form-item v-show="verifySarStandard" label="企标实施日期" prop="putTime" class="add-form-item form-item-disabled">
               <el-datePicker v-model="form.putTime" :disabled="disabledState"
@@ -63,36 +63,36 @@
     <el-row :gutter="24">
       <el-col :span="24">
         <el-form-item label="发布稿" prop="FBGBUSSName" class="add-form-item form-item-disabled">
-          <div v-if="FBGBUSSFileList.length > 0" v-for="(item,index) in FBGBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+          <div v-if="FBGBUSSFileList.length > 0" v-for="(item,index) in FBGBUSSFileList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+            <span style="" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="margin-left: 7px;" v-if="item.id !== ''">
+<!--                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>-->
                   </span>
           </div>
         </el-form-item>
         <el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
-          <div v-if="LSBBBUSSFileList.length > 0" v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+          <div v-if="LSBBBUSSFileList.length > 0" v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+            <span style="" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="margin-left: 7px;" v-if="item.id !== ''">
+<!--                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>-->
                   </span>
           </div>
         </el-form-item>
       </el-col>
       <el-col :span="24">
         <el-form-item label="编制说明" prop="BZSMBUSSName" class="add-form-item form-item-disabled">
-          <div v-if="BZSMBUSSFileList.length > 0" v-for="(item,index) in BZSMBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+          <div v-if="BZSMBUSSFileList.length > 0" v-for="(item,index) in BZSMBUSSFileList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+            <span style="" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="margin-left: 7px;" v-if="item.id !== ''">
+<!--                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>-->
                   </span>
           </div>
         </el-form-item>
         <el-form-item label="其他文件" prop="QTWJBUSSName" class="add-form-item form-item-disabled">
-          <div v-if="QTWJBUSSFileList.length > 0" v-for="(item,index) in QTWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-            <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>
+          <div v-if="QTWJBUSSFileList.length > 0" v-for="(item,index) in QTWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+            <span style="" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+              <span style="margin-left: 7px;" 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)">-->
@@ -129,49 +129,47 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="关联模块--乘用车VPPS中文名称" title="关联模块--乘用车VPPS中文名称" class="add-form-item form-item-disabled">
+        <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中文名称" 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编码" 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="关联模块--卡车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="模块结构单元变型号" title="模块结构单元变型号" class="add-form-item form-item-disabled">
           <el-input v-model="form.DYBXHBUSS"  :disabled="disabledState"></el-input>
         </el-form-item>
-      </el-col>
-      <el-col :span="24">
-        <el-form-item label="适用车型" prop="SYCXCLASS" class="add-form-item form-item-disabled">
-          <el-select :popper-append-to-body="false" v-model="form.SYCXCLASS" placeholder="" :disabled="disabledState" multiple>
-            <el-option
-                    v-for="item in applyArcticOptions"
-                    :key="item.value"
-                    :value="item.value"
-                    :label="item.label"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="适用产品线" prop="SYCPXCLASS" class="add-form-item form-item-disabled">
-          <el-select :popper-append-to-body="false" v-model="form.SYCPXCLASS" placeholder="" :disabled="disabledState"  multiple>
-            <el-option
-                    v-for="item in sycpxOptions"
-                    :key="item.value"
-                    :value="item.value"
-                    :label="item.label"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="关联模块--乘用车vpps中文名称" prop="CYCVPPSCNBUSS" class="add-form-item form-item-disabled">
-          <el-input v-model="form.CYCVPPSCNBUSS" clearable :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="关联模块--卡车VPPS编码" prop="KCVPPSCNBUSS" class="add-form-item form-item-disabled">
-          <el-input v-model="form.KCVPPSCNBUSS" clearable :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="模块结构单元名称" prop="DYMCBUSS" class="add-form-item form-item-disabled">
-          <el-input v-model="form.DYMCBUSS" clearable :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="体系类别" prop="TXLBBUSS" class="add-form-item form-item-disabled">
-          <el-input v-model="form.TXLBBUSS"  :disabled="disabledState" clearable></el-input>
-        </el-form-item>
+          <el-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="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="体系类别" prop="TXLBBUSS" class="add-form-item form-item-disabled">
+              <el-input v-model="form.TXLBBUSS"  :disabled="disabledState" clearable></el-input>
+          </el-form-item>
       </el-col>
     </el-row>
   </div>
@@ -193,6 +191,17 @@
                   clearable
           ></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="YYBZ" class="add-form-item form-item-disabled">
           <el-input
                   v-model="form.YYBZ" :disabled="disabledState"
@@ -208,22 +217,11 @@
                   :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>
+          <div v-if="GLWJBUSSFileList.length > 0" v-for="(item,index) in GLWJBUSSFileList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+            <span style="" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+            <span style="margin-left: 7px;" 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)">-->
@@ -353,10 +351,10 @@
                     ></el-datePicker>
                 </el-form-item>
                 <el-form-item v-if="form.reviewResults === '1'" label="立项单" prop="LXDName" class="add-form-item form-item-disabled">
-                    <div v-if="LXDList.length > 0" v-for="(item,index) in LXDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','lx')" :title="item.name">{{ item.name | ellipsis2 }}</span>
-                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','lx')"></el-button>
+                    <div v-if="LXDList.length > 0" v-for="(item,index) in LXDList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+                        <span style="" @click="handleFilePreviewNew(item,'preview','lx')" :title="item.name">{{ item.name }}</span>
+                        <span style="margin-left: 7px;" v-if="item.id !== ''">
+<!--                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','lx')"></el-button>-->
                         </span>
                     </div>
                 </el-form-item>
@@ -380,9 +378,9 @@
                 </el-form-item>
                 <el-form-item v-if="form.reviewResults === '1'" label="复审单" prop="FSDName" class="add-form-item form-item-disabled">
                     <div v-if="FSDList.length > 0" v-for="(item,index) in FSDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
-                        <span style="width: 80%;" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name | ellipsis2 }}</span>
-                        <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
-                            <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreviewNew(item,'down','fs')"></el-button>
+                        <span style="" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name }}</span>
+                        <span style="margin-left: 7px;" 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>
@@ -406,12 +404,7 @@
             </el-input>
         </el-form-item>
     </div>
-    <el-drawer
-            ref="standard"
-            size="500px"
-            :title="showDrawerTitle"
-            :visible.sync="showDrawer"
-            :before-close="showDrawerClose">
+    <van-popup v-model:show="showDrawer" :closeable="true" position="right" :style="{ height: '100%' }">
         <div class="demo-drawer-content">
             <div class="content">
                 <div class="standard-table-search">
@@ -449,10 +442,10 @@
                                     ></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>
+                                    <div v-if="showForm.FSDList.length > 0" v-for="(item,index) in showForm.FSDList" :key="index" style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px" class="fileClass">
+                                        <span style="" @click="handleFilePreviewNew(item,'preview','fs')" :title="item.name">{{ item.name }}</span>
+                                        <span style="margin-left: 7px;" 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>
@@ -472,7 +465,7 @@
                 </div>
             </div>
         </div>
-    </el-drawer>
+    </van-popup>
 </form>
 </template>
 
@@ -639,7 +632,6 @@ export default {
           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
@@ -822,5 +814,38 @@ export default {
 </script>
 
 <style scoped>
+    /deep/ .el-select__tags-text{
+        color: #000000 !important;
+        cursor: not-allowed !important;
+        opacity: 1 !important;
+        -webkit-text-fill-color: #000000 !important;
+        background: transparent !important;
+        font-weight: 400 !important;
+        mso-ansi-font-weight: 400 !important;
+        mso-bidi-font-weight: 400 !important;
+    }
+    /deep/ .el-input__inner{
+        color: #000000 !important;
+        cursor: not-allowed !important;
+        opacity: 1 !important;
+        -webkit-text-fill-color: #000000 !important;
+        background: transparent !important;
+        font-weight: 400 !important;
+        mso-ansi-font-weight: 400 !important;
+        mso-bidi-font-weight: 400 !important;
+    }
 
+    /deep/ .el-textarea__inner{
+        color: #000000 !important;
+        cursor: not-allowed !important;
+        opacity: 1 !important;
+        -webkit-text-fill-color: #000000 !important;
+        background: transparent !important;
+        font-weight: 400 !important;
+        mso-ansi-font-weight: 400 !important;
+        mso-bidi-font-weight: 400 !important;
+    }
+    /deep/ .fileClass{
+        line-height: 22px !important;
+    }
 </style>
diff --git a/src/pages/processCenter/pages/phone/qbfs/step5.vue b/src/pages/processCenter/pages/phone/qbfs/step5.vue
index b6208581a..5773497bb 100644
--- a/src/pages/processCenter/pages/phone/qbfs/step5.vue
+++ b/src/pages/processCenter/pages/phone/qbfs/step5.vue
@@ -17,7 +17,7 @@
           :rules="formRules"
           style="border: none"
           class="label-input-form"
-          label-width="150px"
+          label-width="210px"
         >
           <div style="flex: auto; overflow: auto"  v-show="active === '1'">
             <formList
@@ -55,7 +55,7 @@
           <div style="padding-top: 20px;" v-show="active === '3'">
             <div class="flow-list">
               <el-table
-                height="100%"
+                :height="tablePHeight"
                 ref="selection"
                 :data="detailData"
                 tooltip-effect="dark"
@@ -149,6 +149,7 @@
       :is-show-phone.sync="drawerModal"
       @checkedRole="checkedRole"
     />
+    <loading :loading="dataLoading">正在加载数据</loading>
   </div>
 </template>
 
@@ -213,6 +214,7 @@ export default {
       }
     };
     return {
+      tablePHeight:'',
       dataLoading:true,
       bpnId: '',
       formKey:1,
@@ -367,6 +369,10 @@ export default {
     }
     this.processTable()
     this.getData()
+    this.tablePHeight = $('.content').height()
+    window.onresize = () => {
+      this.tablePHeight = $('.content').height()
+    }
   },
   watch:{
     'qbfsForm.reviewResults': {
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/common/formList.vue b/src/pages/processCenter/pages/phone/qbrk-product/common/formList.vue
index e65f9ce25..f32af4fdd 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/common/formList.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/common/formList.vue
@@ -512,23 +512,27 @@
 </script>
 
 <style scoped>
-  /deep/ .el-select__tags-text{
-    color: #000000 !important;
-    cursor: not-allowed !important;
-    opacity: 1 !important;
-    -webkit-text-fill-color: #000000 !important;
-    background: transparent !important;
-    font-weight: 400 !important;
-    mso-ansi-font-weight: 400 !important;
-    mso-bidi-font-weight: 400 !important;
-  }
-  /deep/ .el-input__inner{
-    color: #000000 !important;
-    cursor: not-allowed !important;
-    opacity: 1 !important;
-    -webkit-text-fill-color: #000000 !important;
-    background: transparent !important;
-  }
+    /deep/ .el-select__tags-text{
+        color: #000000 !important;
+        cursor: not-allowed !important;
+        opacity: 1 !important;
+        -webkit-text-fill-color: #000000 !important;
+        background: transparent !important;
+        font-weight: 400 !important;
+        mso-ansi-font-weight: 400 !important;
+        mso-bidi-font-weight: 400 !important;
+    }
+
+    /deep/ .el-input__inner{
+        color: #000000 !important;
+        cursor: not-allowed !important;
+        opacity: 1 !important;
+        -webkit-text-fill-color: #000000 !important;
+        background: transparent !important;
+        font-weight: 400 !important;
+        mso-ansi-font-weight: 400 !important;
+        mso-bidi-font-weight: 400 !important;
+    }
   /deep/ .fileClass{
     line-height: 22px !important;
   }