标准/译文获取申请管理 样式调整

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <!--标准/译文获取申请管理-->
   <div class="standardTranslationAcquisitionRequest">
     <div class="search-area">
       <el-form :inline="true" :model="searchForm">
@@ -11,26 +12,14 @@
         <el-form-item class="el-form-item search-item" label="申请人">
           <el-input v-model="searchForm.SQR" placeholder="请选择申请人" />
         </el-form-item>
-        <el-form-item class="el-form-item search-item" style="margin-right: 0" label="需求时间">
+        <el-form-item class="el-form-item search-item stand-date-range-picker"  label="需求时间">
           <el-date-picker
-            v-model="searchForm.startTimeBegin"
+            v-model="searchForm.XQSJ"
-            value-format="yyyy-MM-dd"
+            type="daterange"
-            format="yyyy-MM-dd"
+            range-separator="至"
-            type="date"
+            start-placeholder="开始日期"
-            clearable
+            end-placeholder="结束日期"
-            :editable="true"
+            style="width: 285px"
-            placeholder="请选择开始时间"
-          />
-        </el-form-item>
-        <el-form-item label="至" label-width="25px" class="search-item">
-          <el-date-picker
-            v-model="searchForm.startTimeEnd"
-            value-format="yyyy-MM-dd"
-            format="yyyy-MM-dd"
-            type="date"
-            clearable
-            :editable="true"
-            placeholder="选择结束时间"
           />
         </el-form-item>
         <el-form-item class="el-form-item search-item" label="申请状态">
@@ -58,7 +47,6 @@
         tooltip-effect="dark"
         style="width: 100%; flex: auto;"
         class="drag-table"
-        height="86%"
         row-key="id"
         border
         :loading="tableLoading"
@@ -142,15 +130,15 @@
       />
     </div>
     <standardsAndTranslationModal ref="standardsAndTranslationModalRef" />
-    <addModal ref="addModalRef"></addModal>
+    <addModal ref="addModalRef" />
-    <detailModal ref="detailModalRef"></detailModal>
+    <detailModal ref="detailModalRef" />
   </div>
 </template>
 
 <script>
 import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
 import addModal from './components/addModal';
-import detailModal from "./components/detailModal";
+import detailModal from './components/detailModal';
 export default {
   name: 'StandardTranslationAcquisitionRequest',
   components: {
@@ -158,12 +146,6 @@ export default {
     addModal,
     detailModal
   },
-  mounted () {
-    if (this.$route.query && this.$route.query.tag === 'fromSearchCenter'){
-      this.standardsAndTranslationRequest()
-      this.$router.replace({ query: { ...this.$route.query, tag: undefined } })
-    }
-  },
   data () {
     return {
       tableLoading: false,
@@ -172,10 +154,16 @@ export default {
         page: 1,
         pageSize: this.$store.getters.userInfo.configContent,
       },
-      tableData: [{aa: '123'}],
+      tableData: [ { aa: '123' } ],
       selectedList: []
     }
   },
+  mounted () {
+    if (this.$route.query && this.$route.query.tag === 'fromSearchCenter') {
+      this.standardsAndTranslationRequest()
+      this.$router.replace({ query: { ...this.$route.query, tag: undefined } })
+    }
+  },
   methods: {
     searchData () {
       this.getList()
@@ -234,12 +222,20 @@ export default {
 
 <style scoped lang="less">
 .standardTranslationAcquisitionRequest {
-  height: 94%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 
   .table-container {
     background-color: white;
     padding: 0 10px;
-    height: 100%;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+
+    .drag-table{
+      flex-grow: 1;
+    }
 
     .operate-options {
       display: flex;
@@ -255,5 +251,11 @@ export default {
     color: #409EFF;
     margin: 0 5px;
   }
+
+  .stand-date-range-picker{
+    /deep/ .el-range-separator{
+      width: auto;
+    }
+  }
 }
 </style>