稽查管理页面样式调整

src/views/trials/trials-workbench/components/inspectionManagement/index.vue

@@ -1,5 +1,7 @@
 <template>
-    <div class="inspectionManagement">
+
+    <BaseContainer class="inspectionManagement">
+        <template slot="title-container">
             <el-row>
                 <el-col :span="12">
                     <h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
@@ -7,13 +9,15 @@
                 <el-col :span="12" style="text-align:right;">
                     <h3>
                         <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
-                        :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next" :background="false"
+                            :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
-                        style="display: inline-block;" @pagination="getList" />
+                            :background="false" style="display: inline-block;" @pagination="getList" />
                         <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
                             @click="handleReset" />
                     </h3>
                 </el-col>
             </el-row>
+        </template>
+        <template slot="search-container">
             <el-form :inline="true">
                 <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
                     <el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
@@ -40,8 +44,9 @@
                 <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
                     <el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
                         :start-placeholder="$t('curriculumVitae:daterange:startTime')"
-                    :default-time="['00:00:00', '23:59:59']" :end-placeholder="$t('curriculumVitae:daterange:endTime')"
+                        :default-time="['00:00:00', '23:59:59']"
-                    value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" clearable>
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss" clearable>
                     </el-date-picker>
                 </el-form-item>
                 <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
@@ -63,6 +68,8 @@
                     </el-button>
                 </el-form-item>
             </el-form>
+        </template>
+        <template slot="main-container">
             <el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
                 :loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
                 <el-table-column type="index" width="50" />
@@ -128,6 +135,7 @@
                     </template>
                 </el-table-column>
             </el-table>
+        </template>
         <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
         <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
         <base-model :config="config">
@@ -136,7 +144,7 @@
                     @getList="getList" />
             </template>
         </base-model>
-    </div>
+    </BaseContainer>
 </template>
 <script>
 import Pagination from '@/components/Pagination'
@@ -145,6 +153,7 @@ import dataForm from "./dataForm.vue"
 import document from "./document.vue"
 import userList from './userList'
 import baseModel from '@/components/BaseModel'
+import BaseContainer from '@/components/BaseContainer'
 const searchDataDefault = () => {
     return {
         CompanyName: '',
@@ -165,7 +174,7 @@ const searchDataDefault = () => {
 }
 export default {
     name: "inspectionManagement",
-    components: { Pagination, dataForm, document, userList, baseModel },
+    components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
     data() {
         return {
             searchData: searchDataDefault(),