From a81082079c8210b6f368bef52e4e1e0fcc1c5c53 Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Tue, 9 Nov 2021 17:41:26 +0800
Subject: [PATCH] feat: There is no way the,

---
 .../domesticStandardsAndRegulations/index.vue | 597 +++++++++---------
 1 file changed, 311 insertions(+), 286 deletions(-)

diff --git a/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue b/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
index f17e43c08..21e5fc1c7 100644
--- a/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+++ b/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
@@ -1405,271 +1405,309 @@
         :wrapperClosable="false"
         :visible.sync="isAdvancedSearch">
         <div class="demo-drawer-content">
-          <el-form :model="sarStandardsSearch" :inline="true" class="label-input-form table-lattice"
+          <el-form :model="sarStandardsSearch"
+                   :inline="true"
+                   class="label-input-form table-lattice"
+                   label-width="68px"
                    style="display: flex;flex-wrap: wrap">
-            <!--            标准号-->
-            <el-form-item :label="$t('m.standardNo')" class="serch-form-item">
-              <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable
-                        :maxlength="100"
-                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
-            </el-form-item>
-            <!--            标准名称-->
-            <el-form-item :label="$t('m.standName')" class="serch-form-item">
-              <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable
-                        :maxlength="500"
-                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
-            </el-form-item>
-            <!--            标准英文名称-->
-            <el-form-item :label="$t('m.standardEnglishName')" class="serch-form-item">
-              <el-input v-model="sarStandardsSearch.standEnName"
-                        :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"
-                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
-            </el-form-item>
-            <!--            标准类别-->
-            <el-form-item :label="$t('m.standardCategory')" class="serch-form-item">
-              <search-select
-                v-model="sarStandardsSearch.standSort"
-                :placeholder="$t('m.standardCategoryTips')"
-                @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"
-                :options="standSortOptions"
-                clearable/>
-            </el-form-item>
-            <!--            代替标准号-->
-            <el-form-item :label="$t('m.substituteStandardNumber')" class="serch-form-item">
-              <el-input v-model="sarStandardsSearch.replaceStandNum" :placeholder="$t('m.lookUpByAlternativeCriteria')"
-                        clearable :maxlength="100"
-                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
-            </el-form-item>
-            <!--            被代替标准号-->
-            <el-form-item label="被代替标准号">
-              <el-input v-model="sarStandardsSearch.replacedStandNum" clearable placeholder="根据被代替标准号查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--            标准年份-->
-            <el-form-item :label="$t('m.standardYear')" class="serch-form-item">
-              <el-input
-                v-model="sarStandardsSearch.standYear"
-                placeholder="根据标准年份查找">
-              </el-input>
-            </el-form-item>
-
-            <!--            标准发布日期-->
-            <el-form-item label="标准发布日期" class="serch-form-item">
-              <el-date-picker
-                v-model="sarStandardsSearch.issueTime"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="根据标准发布日期查找">
-              </el-date-picker>
-            </el-form-item>
-            <!--            适用车型-->
-            <el-form-item :label="$t('m.applicableModels')" class="serch-form-item">
-              <el-select v-model="sarStandardsSearch.applyArctic"
-                         :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
-                           :key="opt.value" :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-            <!--            是否纳入标准清单-->
-            <el-form-item label="是否纳入标准清单" class="serch-form-item">
-              <el-select v-model="sarStandardsSearch.isRelateAccess" placeholder="根据是否纳入标准清单查找">
-                <el-option value="1" label="是"></el-option>
-                <el-option value="0" label="否"></el-option>
-              </el-select>
-            </el-form-item>
-
-
-            <!--            文本状态-->
-            <el-form-item :label="$t('m.standStateShow')" class="serch-form-item">
-              <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value"
-                           :key="opt.value" :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            标准性质-->
-            <el-form-item :label="$t('m.standNatureShow')" class="serch-form-item">
-              <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value"
-                           :key="opt.value" :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-            <!--            自定义属性-->
-            <!--            实施日期-->
-            <el-form-item label="实施日期">
-              <el-date-picker
-                v-model="advanceSearchMapping.SSRQ"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="根据实施日期查找">
-              </el-date-picker>
-            </el-form-item>
-            <!--            新车型实施日期-->
-            <el-form-item title="新车型实施日期" label="新车型实施日期">
-              <el-date-picker
-                value-format="yyyy-MM-dd"
-                v-model="advanceSearchMapping.XCXSSRQ"
-                type="date"
-                placeholder="根据新车型实施日期查找">
-              </el-date-picker>
-            </el-form-item>
-            <!--            在产车实施日期-->
-            <el-form-item title="在产车实施日期" label="在产车实施日期">
-              <el-date-picker
-                v-model="advanceSearchMapping.ZCCSSRQ"
-                type="date"
-                value-format="yyyy-MM-dd"
-                placeholder="根据在产车实施日期查找">
-              </el-date-picker>
-            </el-form-item>
-            <!--            归口管理部门-->
-            <el-form-item label="归口管理部门">
-              <el-select v-model="advanceSearchMapping.GKDW" placeholder="归口管理部门" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in gkglbmOptions" :value="opt.value === undefined ? '' :opt.value"
-                           :key="opt.value" :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            起草单位-->
-            <el-form-item label="起草单位">
-              <el-select v-model="advanceSearchMapping.QCDW" placeholder="根据起草单位查找" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            我司参与深度-->
-            <el-form-item label="我司参与深度">
-              <el-select v-model="advanceSearchMapping.CYSD" placeholder="请选择我司参与深度" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-            <!--            能源类型-->
-            <el-form-item label="能源类型">
-              <el-select v-model="advanceSearchMapping.NYLX" placeholder="请选择能源类型" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            适用产品线（新增字段）-->
-            <el-form-item :label="$t('m.applicableProductLine')" class="serch-form-item">
-              <el-select v-model="advanceSearchMapping.SYCPX" :placeholder="$t('m.searchByApplicableProductLine')"
-                         clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            适用认证-->
-            <el-form-item label="适用认证">
-              <el-select v-model="advanceSearchMapping.SYRZ" placeholder="根据适用认证查找" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in syrzOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            责任部门-->
-            <el-form-item label="责任部门">
-              <el-select v-model="advanceSearchMapping.ZRBM" placeholder="根据责任部门查找" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            责任工程师-->
-            <el-form-item label="责任工程师">
-              <el-select v-model="advanceSearchMapping.ZRGCS" placeholder="根据责任工程师查找" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--            采标编号-->
-            <el-form-item label="采标编号" prop="nameShow">
-              <el-input v-model="advanceSearchMapping.CBBH" clearable placeholder="根据采标编号查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--            采标程度-->
-            <el-form-item label="采标程度" prop="standNumber">
-              <el-input v-model="advanceSearchMapping.CBCD" clearable
-                        placeholder="根据采标程度查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--            引用标准-->
-            <el-form-item label="引用标准">
-              <el-input v-model="advanceSearchMapping.YYBJ" clearable placeholder="根据引用标准查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--            被引用标准-->
-            <el-form-item label="被引用标准">
-              <el-input v-model="advanceSearchMapping.BYYBJ" clearable
-                        placeholder="根据被引用标准查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-
-
-            <!--            体系类别-->
-            <el-form-item label="体系类别">
-              <el-select v-model="advanceSearchMapping.TXLB" placeholder="根据体系类别查找" clearable
-                         @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
-                <el-option v-for="opt in txlbOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
-                           :label="opt.label">{{ opt.label }}
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-            <!--            关联模块--乘用车VPPS编码-->
-            <el-form-item title=" 关联模块--乘用车VPPS编码" label=" 关联模块--乘用车VPPS编码" prop="standNumber">
-              <el-input v-model="advanceSearchMapping.CYCVPPSBM" clearable
-                        placeholder=" 关联模块--乘用车VPPS编码"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--           关联模块--乘用车vpps中文名称-->
-            <el-form-item title="关联模块--乘用车vpps中文名称" label="关联模块--乘用车vpps中文名称" prop="standNumber">
-              <el-input v-model="advanceSearchMapping.CYCVPPSCN" clearable
-                        placeholder="关联模块--乘用车vpps中文名称"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--关联模块--卡车VPPS编码-->
-            <el-form-item title="关联模块--卡车VPPS编码" label="关联模块--卡车VPPS编码" prop="standNumber">
-              <el-input v-model="advanceSearchMapping.KCCVPPSBM" clearable
-                        placeholder="关联模块--卡车VPPS编码"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
-            <!--关联模块--卡车vpps中文名称-->
-            <el-form-item title="关联模块--卡车vpps中文名称" label="关联模块--卡车vpps中文名称" prop="standNumber">
-              <el-input v-model="advanceSearchMapping.KCCVPPSCN" clearable
-                        placeholder="关联模块--卡车vpps中文名称"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <!--            标准号-->
+                  <el-form-item :label="$t('m.standardNo')" class="add-form-item form-item-disabled">
+                    <el-input v-model="sarStandardsSearch.standNumber" :placeholder="$t('m.lookUpByStandardNumber')" clearable
+                              :maxlength="100"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            标准名称-->
+                  <el-form-item :label="$t('m.standName')" class="add-form-item form-item-disabled">
+                    <el-input v-model="sarStandardsSearch.standName" :placeholder="$t('m.searchByStandardName')" clearable
+                              :maxlength="500"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            标准年份-->
+                  <el-form-item :label="$t('m.standardYear')" class="add-form-item form-item-disabled">
+                    <el-input
+                            v-model="sarStandardsSearch.standYear"
+                            placeholder="根据标准年份查找">
+                    </el-input>
+                  </el-form-item>
+                  <!--            文本状态-->
+                  <el-form-item :label="$t('m.standStateShow')" class="add-form-item form-item-disabled">
+                    <el-select v-model="sarStandardsSearch.textStatus" :placeholder="$t('m.lookupByStandardStatus')" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in standStateOptions" :value="opt.value === undefined ? '' :opt.value"
+                                 :key="opt.value" :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            体系类别-->
+                  <el-form-item label="体系类别" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.TXLB" placeholder="根据体系类别查找" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in txlbOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <!--            标准类别-->
+                  <el-form-item :label="$t('m.standardCategory')" class="add-form-item form-item-disabled">
+                    <search-select
+                            v-model="sarStandardsSearch.standSort"
+                            :placeholder="$t('m.standardCategoryTips')"
+                            @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"
+                            :options="standSortOptions"
+                            clearable/>
+                  </el-form-item>
+                  <!--            标准英文名称-->
+                  <el-form-item :label="$t('m.standardEnglishName')" :title="$t('m.standardEnglishName')" class="add-form-item form-item-disabled">
+                    <el-input v-model="sarStandardsSearch.standEnName"
+                              :placeholder="$t('m.searchAccordingToStandardEnglishName')" clearable :maxlength="500"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            标准发布日期-->
+                  <el-form-item label="标准发布日期" title="标准发布日期" class="add-form-item form-item-disabled">
+                    <el-date-picker
+                            v-model="sarStandardsSearch.issueTime"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="根据标准发布日期查找">
+                    </el-date-picker>
+                  </el-form-item>
+                  <!--            标准性质-->
+                  <el-form-item :label="$t('m.standNatureShow')" class="add-form-item form-item-disabled">
+                    <el-select v-model="sarStandardsSearch.standNature" placeholder="请选择标准性质" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in standNatureOptions" :value="opt.value === undefined ? '' :opt.value"
+                                 :key="opt.value" :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            是否纳入标准清单-->
+                  <el-form-item label="是否纳入标准清单" class="add-form-item form-item-disabled">
+                    <el-select v-model="sarStandardsSearch.isRelateAccess" placeholder="根据是否纳入标准清单查找">
+                      <el-option value="1" label="是"></el-option>
+                      <el-option value="0" label="否"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+            <ProcessTitle>
+              <template slot="title">实施日期</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <!--            自定义属性-->
+                  <!--            实施日期-->
+                  <el-form-item label="实施日期" class="add-form-item form-item-disabled">
+                    <el-date-picker
+                            v-model="advanceSearchMapping.SSRQ"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="根据实施日期查找">
+                    </el-date-picker>
+                  </el-form-item>
+                  <!--            在产车实施日期-->
+                  <el-form-item title="在产车实施日期" label="在产车实施日期" class="add-form-item form-item-disabled">
+                    <el-date-picker
+                            v-model="advanceSearchMapping.ZCCSSRQ"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="根据在产车实施日期查找">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <!--            新车型实施日期-->
+                  <el-form-item title="新车型实施日期" label="新车型实施日期" class="add-form-item form-item-disabled">
+                    <el-date-picker
+                            value-format="yyyy-MM-dd"
+                            v-model="advanceSearchMapping.XCXSSRQ"
+                            type="date"
+                            placeholder="根据新车型实施日期查找">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <!--            归口管理部门-->
+                  <el-form-item label="归口管理部门" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.GKDW" placeholder="归口管理部门" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in gkglbmOptions" :value="opt.value === undefined ? '' :opt.value"
+                                 :key="opt.value" :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            我司参与深度-->
+                  <el-form-item label="我司参与深度" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.CYSD" placeholder="请选择我司参与深度" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in cysdOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            适用车型-->
+                  <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
+                    <el-select v-model="sarStandardsSearch.applyArctic"
+                               :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
+                                 :key="opt.value" :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            适用认证-->
+                  <el-form-item label="适用认证" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.SYRZ" placeholder="根据适用认证查找" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in syrzOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            责任工程师-->
+                  <el-form-item label="责任工程师" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.ZRGCS" placeholder="根据责任工程师查找" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            关联模块--乘用车VPPS编码-->
+                  <el-form-item title="关联模块--乘用车VPPS编码" label=" 关联模块--乘用车VPPS编码" prop="standNumber"  class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.CYCVPPSBM" clearable
+                              placeholder=" 关联模块--乘用车VPPS编码"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--           关联模块--乘用车vpps中文名称-->
+                  <el-form-item title="关联模块--乘用车vpps中文名称" label="关联模块--乘用车vpps中文名称" prop="standNumber"  class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.CYCVPPSCN" clearable
+                              placeholder="关联模块--乘用车vpps中文名称"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--关联模块--卡车VPPS编码-->
+                  <el-form-item title="关联模块--卡车VPPS编码" label="关联模块--卡车VPPS编码" prop="standNumber"  class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.KCCVPPSBM" clearable
+                              placeholder="关联模块--卡车VPPS编码"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
 
+                </el-col>
+                <el-col :span="12">
+                  <!--            起草单位-->
+                  <el-form-item label="起草单位"  class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.QCDW" placeholder="根据起草单位查找" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in qcdwOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            能源类型-->
+                  <el-form-item label="能源类型" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.NYLX" placeholder="请选择能源类型" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            适用产品线（新增字段）-->
+                  <el-form-item :label="$t('m.applicableProductLine')" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.SYCPX" :placeholder="$t('m.searchByApplicableProductLine')"
+                               clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            责任部门-->
+                  <el-form-item label="责任部门" class="add-form-item form-item-disabled">
+                    <el-select v-model="advanceSearchMapping.ZRBM" placeholder="根据责任部门查找" clearable
+                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                      <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                                 :label="opt.label">{{ opt.label }}
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <!--            关联模块--乘用车VPPS编码-->
+                  <el-form-item title="关联模块--乘用车VPPS编码" label=" 关联模块--乘用车VPPS编码" prop="standNumber" class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.CYCVPPSBM" clearable
+                              placeholder=" 关联模块--乘用车VPPS编码"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--关联模块--卡车vpps中文名称-->
+                  <el-form-item title="关联模块--卡车vpps中文名称" label="关联模块--卡车vpps中文名称" prop="standNumber" class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.KCCVPPSCN" clearable
+                              placeholder="关联模块--卡车vpps中文名称"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <!--            代替标准号-->
+                  <el-form-item :label="$t('m.substituteStandardNumber')" class="add-form-item form-item-disabled">
+                    <el-input v-model="sarStandardsSearch.replaceStandNum" :placeholder="$t('m.lookUpByAlternativeCriteria')"
+                              clearable :maxlength="100"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            采标编号-->
+                  <el-form-item label="采标编号" prop="nameShow" class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.CBBH" clearable placeholder="根据采标编号查找"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            引用标准-->
+                  <el-form-item label="引用标准" class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.YYBJ" clearable placeholder="根据引用标准查找"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
 
+                </el-col>
+                <el-col :span="12">
+                  <!--            被代替标准号-->
+                  <el-form-item label="被代替标准号" class="add-form-item form-item-disabled">
+                    <el-input v-model="sarStandardsSearch.replacedStandNum" clearable placeholder="根据被代替标准号查找"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                  <!--            被引用标准-->
+                  <el-form-item label="被引用标准" class="add-form-item form-item-disabled">
+                    <el-input v-model="advanceSearchMapping.BYYBJ" clearable
+                              placeholder="根据被引用标准查找"
+                              @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
             <!--            标记-->
             <!--            标签-->
-            <el-form-item label="标签">
-              <el-input v-model="advanceSearchMapping.GXHBQ" clearable
-                        placeholder="根据被标签查找"
-                        @keyup.enter.native="btnSearch"></el-input>
-            </el-form-item>
+<!--            <el-form-item label="标签">-->
+<!--              <el-input v-model="advanceSearchMapping.GXHBQ" clearable-->
+<!--                        placeholder="根据被标签查找"-->
+<!--                        @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)"></el-input>-->
+<!--            </el-form-item>-->
           </el-form>
         </div>
         <div class="demo-drawer-footer">
@@ -1736,7 +1774,7 @@ import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePicke
 import {interfaceUrl} from '@/sysConfig'
 import TreeSelect from '@/components/treeSelect/treeSelect.vue';
 import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
-
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
 
 
 export default {
@@ -1760,7 +1798,8 @@ export default {
     CustomDatePickWithText2,
     TreeSelect,
     MechanismTree,
-    TreeSelectNew
+    TreeSelectNew,
+    ProcessTitle
   },
   data() {
     return {
@@ -5134,6 +5173,16 @@ export default {
 }
 </script>
 <style lang="less" scoped>
+  /deep/.contentTitle{
+    width: 100%;
+  }
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      /*border: none;*/
+      width: 100%;
+      padding: 0 20px 0;
+    }
+  }
 /deep/ .icon-tree {
   margin: 0 5px 0 10px;
   position: relative;
@@ -5368,30 +5417,6 @@ export default {
   outline: none !important;
 }
 
-.label-input-form {
-  &.table-lattice {
-    /deep/ .el-form-item__label {
-      width: 100px;
-      height: 30px;
-      border: 1px solid #DCDFE6;
-      border-right: none;
-      line-height: 30px;
-      text-align: center;
-      margin-top: 6px;
-      background: #F9F9F9;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis
-    }
-
-    /deep/ .el-input__inner {
-      height: 30px;
-      line-height: 30px;
-      border-radius: 0 !important;
-    }
-  }
-}
-
 .el-date-editor.el-input, .el-date-editor.el-input__inner {
   width: 190px
 }