From f322e884824b0bda2c8c13081585bd357fe89cbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Wed, 13 Apr 2022 16:30:24 +0800
Subject: [PATCH] =?UTF-8?q?52455=20=E3=80=90=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E3=80=91=E6=A0=87=E5=87=86=E5=85=A5=E5=BA=93=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=20=E6=89=B9=E5=87=86=E8=8A=82=E7=82=B9=20=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E6=98=BE=E7=A4=BA=E4=B8=8D=E6=B8=85=20?=
 =?UTF-8?q?=E5=B9=B6=E4=BF=AE=E6=94=B9=E8=8A=82=E7=82=B9=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E6=8A=8A=E7=BB=8F=E7=90=86=E4=BA=BA=E5=AE=A1=E6=89=B9=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=E6=89=B9=E5=87=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processCenter/pages/phone/bzrk/step2.vue  | 163 ++++--------------
 1 file changed, 30 insertions(+), 133 deletions(-)

diff --git a/src/pages/processCenter/pages/phone/bzrk/step2.vue b/src/pages/processCenter/pages/phone/bzrk/step2.vue
index c6c3e831e..29d878e6f 100644
--- a/src/pages/processCenter/pages/phone/bzrk/step2.vue
+++ b/src/pages/processCenter/pages/phone/bzrk/step2.vue
@@ -10,12 +10,12 @@
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
     <div class="content" v-if="active === '1'">
-      <div style="flex: auto; overflow: auto;">
+      <div style="flex: auto; ">
         <el-form
           ref="qbkwForm"
           :model="form"
           class="label-input-form"
-          label-width="180px"
+          label-width="100px"
         >
           <ProcessTitle>
             <template slot="title">基础信息</template>
@@ -27,14 +27,7 @@
                 <el-radio label="1">海外标准入库</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.standNumber"
-                placeholder="请输入标准编号"
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="标准编号" v-model="form.standNumber" readonly />
             <el-form-item v-if="form.standInData=='1'" label="国家/地区" prop="country" class="add-form-item form-item-disabled">
               <el-select :popper-append-to-body="false" v-model="form.country" placeholder="国家/地区" multiple disabled>
                 <el-option
@@ -46,7 +39,6 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-
             <el-form-item label="标准类别" v-show="form.standInData === '0'" prop="standSort" class="add-form-item form-item-disabled">
               <el-select v-model="form.standSort" placeholder="请选择标准类别" disabled>
                 <el-option
@@ -58,37 +50,15 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model.number="form.standYear"
-                placeholder="请输入标准标准年份"
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="标准中文名称" prop="standName" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.standName"
-                placeholder="请输入标准中文名称"
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="标准英文名称" prop="standEnName" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.standEnName"
-                placeholder="请输入标准英文名称"
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="标准年份" v-model="form.standYear" readonly />
+            <van-field label="标准中文名称" v-model="form.standName" readonly />
+            <van-field label="标准英文名称" v-model="form.standEnName" readonly placeholder="请输入标准英文名称" />
             <el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
               <el-radio-group v-model="form.signFlag" disabled>
                 <el-radio label="1">是</el-radio>
                 <el-radio label="2">否</el-radio>
               </el-radio-group>
             </el-form-item>
-
             <el-form-item v-show="form.standInData === '0'" label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
               <el-select v-model="form.standNature" placeholder="请选择标准性质" disabled>
                 <el-option
@@ -100,17 +70,7 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
-              <el-select v-model="form.textStatus" placeholder="请选择文本状态" disabled>
-                <el-option
-                  v-for="item in standStateOptions"
-                  placeholder="请选择"
-                  :key="item.value"
-                  :value="item.value"
-                  :label="item.label"
-                ></el-option>
-              </el-select>
-            </el-form-item>
+            <van-field label="文本状态" v-model="textStatusMap[form.textStatus]" readonly />
             <el-form-item label="标准发布日期" prop="issueTime" class="add-form-item form-item-disabled">
               <el-date-picker
                 disabled
@@ -129,14 +89,7 @@
             <el-form-item v-if="form.standInData === '0'" label="标准体系" prop="standSystem" class="add-form-item form-item-disabled">
               <el-input v-model="form.standSystem" disabled></el-input>
             </el-form-item>
-            <el-form-item v-if="form.standInData === '1'" label="标签" prop="gxhbq" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.gxhbq"
-                placeholder="请输入标签"
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="标签" v-model="form.gxhbq" readonly placeholder="请输入标签" />
           </div>
           <ProcessTitle>
             <template slot="title">实施日期</template>
@@ -277,36 +230,12 @@
                 ></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" label-width="190px" class="add-form-item form-item-disabled">
-              <el-input v-model="form.cycvppsbm" disabled></el-input>
-            </el-form-item>
-            <el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
-              <el-input v-model="form.kccvppsbm" disabled></el-input>
-            </el-form-item>
-            <el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" label-width="210px" class="add-form-item form-item-disabled">
-              <el-input
-                v-model="form.cycvppscn"
-                disabled
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="关联模块--卡车vpps中文名称" prop="kccvppscn" label-width="210px" class="add-form-item form-item-disabled">
-              <el-input
-                v-model="form.kccvppscn"
-                disabled
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
-              <el-input v-model="form.dybxh" disabled></el-input>
-            </el-form-item>
-            <el-form-item label="模块结构单元名称" prop="dymc" class="add-form-item form-item-disabled">
-              <el-input
-                v-model="form.dymc"
-                disabled
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="关联模块--乘用车VPPS编码" v-model="form.cycvppsbm" readonly   placeholder="请输入乘用车VPPS编码"/>
+            <van-field label="关联模块--卡车VPPS编码" v-model="form.kccvppsbm" readonly placeholder="请输入卡车VPPS编码"/>
+            <van-field label="关联模块--乘用车vpps中文名称" v-model="form.cycvppscn" readonly placeholder="请输入乘用车vpps中文名称" />
+            <van-field label="关联模块--卡车vpps中文名称" v-model="form.kccvppscn" placeholder="请输入卡车vpps中文名称" readonly />
+            <van-field label="模块结构单元变型号" v-model="form.dybxh" readonly  placeholder="请输入模块结构单元变型号"/>
+            <van-field label="模块结构单元名称" v-model="form.dymc" readonly placeholder="请输入模块结构单元名称" />
             <el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
               <el-select :popper-append-to-body="false" v-model="form.gkdw" placeholder="请选择归口管理部门" disabled>
                 <el-option v-for="item in gkglbmOptions" :value="item.value" :key="item.value" :label="item.label"></el-option>
@@ -367,18 +296,7 @@
                  ></el-option>
                </el-select>
              </el-form-item>-->
-            <el-form-item v-if="form.standInData === '0'" label="我司署名人" prop="wssmr" class="add-form-item form-item-disabled">
-              <span>{{ form.wssmr }}</span>
-              <!--<el-select v-model="form.wssmr" placeholder="请选择我司署名人" multiple disabled>
-                <el-option
-                  v-for="item in wssmrOptions"
-                  placeholder="请选择"
-                  :key="item.value"
-                  :value="item.value"
-                  :label="item.label"
-                ></el-option>
-              </el-select>-->
-            </el-form-item>
+            <van-field v-if="form.standInData === '0'" label="我司署名人" v-model="form.wssmr" readonly  placeholder="请选择我司署名人"/>
             <el-form-item v-if="form.standInData === '0'" label="我司参与深度" prop="cysd" class="add-form-item form-item-disabled">
               <el-select v-model="form.cysd" placeholder="请选择我司参与深度" disabled>
                 <el-option
@@ -395,14 +313,7 @@
             <template slot="title">关联信息</template>
           </ProcessTitle>
           <div class="prc-content-border">
-            <el-form-item label="代替标准号" prop="dtbjh" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.dtbjh"
-                placeholder="请输入代替标准号"
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="代替标准号" v-model="form.dtbjh" readonly placeholder="请输入代替标准号"/>
             <el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
               <el-select v-model="form.cbcd" placeholder="请选择采标程度" disabled>
                 <el-option v-for="item in cbcdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
@@ -412,34 +323,13 @@
               <div v-if="glwjFileMap.length>0" v-for="(value,index)  in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
                 {{ value.name }}
               </div>
-              <div v-else>
+              <div v-else style="color: #323233">
                 - -
               </div>
             </el-form-item>
-            <el-form-item label="部分代替标准号" prop="bfbdtbzh" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.bfbdtbzh"
-                placeholder="请输入部分代替标准号"
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item v-if="form.standInData === '0'" label="采标编号" prop="cbbh" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.cbbh"
-                placeholder="请输入采标编号"
-                clearable
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="引用标准" prop="yybj" class="add-form-item form-item-disabled">
-              <el-input
-                disabled
-                v-model="form.yybj"
-                placeholder="请输入引用标准"
-                clearable
-              ></el-input>
-            </el-form-item>
+            <van-field label="部分代替标准号" v-model="form.bfbdtbzh" readonly placeholder="请输入部分代替标准号"/>
+            <van-field v-if="form.standInData === '0'" label="采标编号" v-model="form.cbbh" readonly placeholder="请输入采标编号"/>
+            <van-field label="引用标准" v-model="form.yybj" readonly placeholder="请输入引用标准"/>
           </div>
         </el-form>
       </div>
@@ -516,6 +406,7 @@ export default {
   name: "phoneBzrkStep2",
   data() {
     return {
+      textStatusMap: {}, // 文本状态id与name对应
       xgdFileMap: [],
       fbgbjbdFileMap: [],
       bpgFileMap: [],
@@ -701,6 +592,13 @@ export default {
     TreeSelect
   },
   methods: {
+    // 将文本状态的id与name对应
+    setMap(data){
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+
+    },
     checkedRole(data) {
       this.assigneeNewLoading = true
       changeAssigneeNew({
@@ -1013,6 +911,7 @@ export default {
       this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
       this.standNatureOptions = res.data.SARPROPERTY // 标准性质
       this.standStateOptions = res.data.WBZTCLASS // 文本状态
+      this.setMap(this.standStateOptions)
       this.standSystemOptions = res.data.BZTXCLASS // 标准体系
       this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
       this.categoryOptions = res.data.NYLXCLASS // 能源类型
@@ -1041,11 +940,9 @@ export default {
   /deep/.el-select .el-input .el-select__caret {
     font-size: 0;
   }
-  /deep/.prc-content-border {
-    width: 600px;
-  }
   /deep/ .el-drawer__container {
     .prc-content-border {
+      overflow: auto;
       border: none;
       padding: 0 20px 0;
     }