linwenxin 7 месяцев назад
Родитель
Сommit
ebf6187dc4

+ 22 - 15
src/views/auxiliaryFittings/auxiliaryDataManagement/auxiliaryPriceManagement/index.vue

@@ -1,21 +1,28 @@
 <template>
   <zj-tab-page ref="tabPage" :defaultActives="[{ key: 'list', label: $route.meta.title + '-列表', essential: true }]">
     <template slot-scope="{ activeKey, data }">
-      <template-page
-        v-if="activeKey == 'list'"
-        ref="pageRef"
-        :get-list="getList"
-        :table-attributes="tableAttributes"
-        :table-events="tableEvents"
-        :options-evens-group="optionsEvensGroup"
-        :moreParameters="moreParameters"
-        :column-parsing="columnParsing"
-        :operation="operation()"
-        :exportList="exportList"
-        :operationColumnWidth="80"
+      <div
+        :style="{
+          width: '100%',
+          height: activeKey == 'list' ? '100%' : '0px',
+          overflow: 'hidden'
+        }"
       >
-      </template-page>
-      <div v-if="~['add', 'edit'].indexOf(activeKey)">
+        <template-page
+          ref="pageRef"
+          :get-list="getList"
+          :table-attributes="tableAttributes"
+          :table-events="tableEvents"
+          :options-evens-group="optionsEvensGroup"
+          :moreParameters="moreParameters"
+          :column-parsing="columnParsing"
+          :operation="operation()"
+          :exportList="exportList"
+          :operationColumnWidth="80"
+        >
+        </template-page>
+      </div>
+      <div v-if="~['add', 'edit'].indexOf(activeKey)" style="box-sizing: border-box; padding: 16px">
         <zj-form-container ref="formRef" :form-data="formData" :styleSwitch="false">
           <zj-form-module
             title=""
@@ -26,7 +33,7 @@
           >
           </zj-form-module>
         </zj-form-container>
-        <div slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer" style="text-align: right">
           <el-button size="mini" @click="data.removeTab()">取 消</el-button>
           <el-button size="mini" @click="formConfirm(data.removeTab)" type="primary">确 定</el-button>
         </div>