标准清单数据列表按钮

src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue

@@ -119,13 +119,15 @@
         <el-form  :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
           <el-form-item label="标准号" class="labelBox">
             <el-input
+              style="width: 165px"
               v-model="sarAccessInfo.standNumber"
               placeholder="请输入"
               size="small"
               clearable/>
           </el-form-item>
-          <el-form-item label="标准名称" class="labelBox">
+          <el-form-item label="标准名称" class="labelBox1">
             <el-input
+              style="width: 165px"
               v-model="sarAccessInfo.standName"
               placeholder="请输入"
               size="small"
@@ -2175,7 +2177,12 @@ export default {
 .labelBox {
   /deep/ .el-form-item__label {
     padding-right: 5px;
-    padding-left: 10px;
+    padding-left: 15px;
+  }
+}
+.labelBox1 {
+  /deep/ .el-form-item__label {
+    padding-right: 5px;
   }
 }
 .un-select {

src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue

@@ -57,7 +57,6 @@
           </el-form-item>
           <el-form-item label="责任部门" class="search-item" prop="responseUnit">
             <el-select
-              class="showBox"
               v-model="standardForm.zrbm"
               placeholder="请选择"
               filterable
@@ -86,102 +85,11 @@
                      icon="export"
           >导出
           </el-button>
-          <el-button type="primary" v-if="showSelectBox" class="common-button-primary" size="mini" @click="selectMoreBtn">
+          <el-button type="primary" class="common-button-primary" size="mini" @click="selectMoreBtn">
-            <i class="iconfont">&#xe7a5;</i>
-            高级查询
-          </el-button>
-          <el-button type="primary" v-if="!showSelectBox" class="common-button-primary" size="mini" @click="selectMoreBtn">
             <i class="iconfont">&#xe7a5;</i>
             高级查询
           </el-button>
         </el-form>
-        <div v-if="!showSelectBox">
-          <el-form  :model="standardFormList" class="label-input-form" label-width="108px" inline>
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="中文名称"  class="search-item">
-                  <el-input
-                    v-model="standardFormList.standName"
-                    placeholder="请输入"
-                    :maxlength="100"
-                    size="small"
-                  />
-                </el-form-item>
-                <el-form-item label="适用车型" class="labelBox"  label-width="61px">
-                  <el-select
-                    class="showBox"
-                    v-model="standardFormList.typeApplicable"
-                    placeholder="请选择"
-                    filterable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in applyArcticOptions"
-                      :value="item.value"
-                      :key="item.value"
-                      :label="item.label"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="能源类型" label-width="68px" >
-                  <el-select
-                    class="showBox"
-                    v-model="standardFormList.nylx"
-                    placeholder="请选择"
-                    filterable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in categoryOptions"
-                      :value="item.value"
-                      :key="item.value"
-                      :label="item.label"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="责任部门"  class="labelBox" label-width="108px" >
-                  <el-select
-                    class="showBox"
-                    v-model="standardFormList.zrbm"
-                    placeholder="请选择"
-                    filterable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in zrbmOptions"
-                      :value="item.value"
-                      :key="item.value"
-                      :label="item.label"
-                    />
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="适用产品线"  label-width="86px" >
-                  <el-select
-                    class="showBox"
-                    v-model="standardFormList.sycpx"
-                    placeholder="请选择"
-                    filterable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in sycpxOptions"
-                      :value="item.value"
-                      :key="item.value"
-                      :label="item.label"
-                    />
-                  </el-select>
-                </el-form-item>
-                <div style="padding-left: 110px">
-                  <el-form-item>
-                    <el-button type="primary" size="small" style="width: 100px" @click="selectSuper">确认</el-button>
-                  </el-form-item>
-                </div>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
       </div>
     </div>
     <div class="container" style="position:relative;">
@@ -358,6 +266,101 @@
       </div>
     </el-dialog>
 
+    <el-drawer
+      title="高级搜索"
+      size="700px"
+      :wrapperClosable="false"
+      :visible.sync="isAdvancedSearch">
+      <div class="demo-drawer-content">
+        <el-form  :model="standardFormList" class="labelForm" label-position="right" label-width="100px">
+          <el-form-item label="中文名称" >
+                <el-input
+                  class="showBox"
+                  v-model="standardFormList.standName"
+                  placeholder="请输入"
+                  :maxlength="100"
+                  size="small"
+                />
+              </el-form-item>
+          <el-form-item label="适用车型" >
+                <el-select
+                  class="showBox"
+                  v-model="standardFormList.typeApplicable"
+                  placeholder="请选择"
+                  filterable
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in applyArcticOptions"
+                    :value="item.value"
+                    :key="item.value"
+                    :label="item.label"
+                  />
+                </el-select>
+              </el-form-item>
+          <el-form-item label="能源类型"  >
+                <el-select
+                  class="showBox"
+                  v-model="standardFormList.nylx"
+                  placeholder="请选择"
+                  filterable
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in categoryOptions"
+                    :value="item.value"
+                    :key="item.value"
+                    :label="item.label"
+                  />
+                </el-select>
+              </el-form-item>
+          <el-form-item label="责任部门"  >
+                <el-select
+                  class="showBox"
+                  v-model="standardFormList.zrbm"
+                  placeholder="请选择"
+                  filterable
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in zrbmOptions"
+                    :value="item.value"
+                    :key="item.value"
+                    :label="item.label"
+                  />
+                </el-select>
+              </el-form-item>
+          <el-form-item label="适用产品线"  >
+                <el-select
+                  class="showBox"
+                  v-model="standardFormList.sycpx"
+                  placeholder="请选择"
+                  filterable
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in sycpxOptions"
+                    :value="item.value"
+                    :key="item.value"
+                    :label="item.label"
+                  />
+                </el-select>
+              </el-form-item>
+        </el-form>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button
+          size="small"
+          icon="el-icon-check"
+          type="primary"
+          @click="queryInfo">搜索</el-button>
+        <el-button
+          size="small"
+          icon="el-icon-close"
+          @click="backInfo">取消</el-button>
+      </div>
+    </el-drawer>
+
     <loading :loading="dataLoading">{{ $t("m.dataAcquisition") }}</loading>
   </div>
 </template>
@@ -368,6 +371,7 @@ export default {
   name: "AccessStandardDetails",
   data() {
     return {
+      isAdvancedSearch: false,
       // 高级检索状态
       showSelectBox: true,
       textStatusMap: {},
@@ -519,11 +523,6 @@ export default {
       // this.$router.push(this.$store.state.detailMap)
       // this.$store.commit('setDetailMap', '')
     },
-    selectSuper() {
-      this.page = 1;
-      this.standardForm.page = 1;
-      this.selectInfoMore();
-    },
     // 搜索
     selectProductBtn() {
       this.page = 1;
@@ -535,11 +534,6 @@ export default {
       this.standardForm.zrbm = ''
       this.standardForm.standName = ''
       this.standardForm.responseUnit = ''
-      this.standardFormList.standName = ''
-      this.standardFormList.typeApplicable = ''
-      this.standardFormList.nylx = ''
-      this.standardFormList.zrbm = ''
-      this.standardFormList.sycpx = ''
       this.selectInfobyAccid()
       this.selectInfoMore()
     },
@@ -701,18 +695,31 @@ export default {
      * 高级检索
      */
     selectMoreBtn() {
-      this.showSelectBox = !this.showSelectBox
+      this.isAdvancedSearch = true
+      this.standardFormList.standName = ''
+      this.standardFormList.typeApplicable = ''
+      this.standardFormList.nylx = ''
+      this.standardFormList.zrbm = ''
+      this.standardFormList.sycpx = ''
       this.showTableFlag = false
-      if (!this.showSelectBox) {
-        // this.standardForm = {}
-        // this.standardForm.issueTime = ''
-        // this.standardForm.textStatus = ''
-        // this.standardForm.modifyTime = ''
-      }
       this.page = 1
       this.standardForm.page = 1
       this.selectInfoMore()
     },
+    queryInfo() {
+      this.page = 1;
+      this.standardForm.page = 1;
+      this.selectInfoMore();
+      this.isAdvancedSearch = false
+    },
+    backInfo() {
+      this.standardFormList.standName = ''
+      this.standardFormList.typeApplicable = ''
+      this.standardFormList.nylx = ''
+      this.standardFormList.zrbm = ''
+      this.standardFormList.sycpx = ''
+      this.isAdvancedSearch = false
+    },
     // 获取工作组信息下拉框信息
     getGzzOption() {
       this.$http.get("lawss/sarGroupMenu/queryGroup", "", {
@@ -927,10 +934,8 @@ export default {
       }
     }
   }
-  .labelBox {
+  .labelForm {
-    /deep/ .el-form-item__label {
+    margin-top: 20px;
-      padding-right: 5px;
-    }
   }
   /deep/ .relateClass {
     & > button {
@@ -964,7 +969,7 @@ export default {
   }
 
   /deep/.showBox{
-    width: 165px;
+    width: 300px;
   }
   .iconClass {
     width: 18px;
@@ -989,7 +994,6 @@ export default {
     cursor: pointer
   }
 }
-
 .relateClass {
   .el-dialog__body {
     max-height: 460px;

src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/otherAddEit.vue

@@ -104,13 +104,15 @@
         <el-form  :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
           <el-form-item label="标准号" class="labelBox">
             <el-input
+              style="width: 165px"
               v-model="sarAccessInfo.standNumber"
               placeholder="请输入"
               size="small"
               clearable/>
           </el-form-item>
-          <el-form-item label="标准名称" class="labelBox">
+          <el-form-item label="标准名称" class="labelBox1">
             <el-input
+              style="width: 165px"
               v-model="sarAccessInfo.standName"
               placeholder="请输入"
               size="small"
@@ -2155,7 +2157,12 @@ export default {
 .labelBox {
   /deep/ .el-form-item__label {
     padding-right: 5px;
-    padding-left: 10px;
+    padding-left: 23px;
+  }
+}
+.labelBox1 {
+  /deep/ .el-form-item__label {
+    padding-right: 5px;
   }
 }
 .un-select {

src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/projectAddEit.vue

@@ -104,13 +104,15 @@
         <el-form  :model="sarAccessInfo" class="label-input-form" v-if="!disabledFlag" inline>
           <el-form-item label="标准号" class="labelBox">
             <el-input
+              style="width: 165px;"
               v-model="sarAccessInfo.standNumber"
               placeholder="请输入"
               size="small"
               clearable/>
           </el-form-item>
-          <el-form-item label="标准名称" class="labelBox">
+          <el-form-item label="标准名称" class="labelBox1">
             <el-input
+              style="width: 165px"
               v-model="sarAccessInfo.standName"
               placeholder="请输入"
               size="small"
@@ -2158,7 +2160,12 @@ export default {
 .labelBox {
   /deep/ .el-form-item__label {
     padding-right: 5px;
-    padding-left: 10px;
+    padding-left: 23px;
+  }
+}
+.labelBox1 {
+  /deep/ .el-form-item__label {
+    padding-right: 5px;
   }
 }
 .un-select {