2023-07-31 2

src/views/modules/knifemold/tool-info.vue

@@ -72,7 +72,7 @@
     <el-tabs @tab-click="selectTabs" style="font-size: 12px" class="customer-tab" v-model="activeName" type="border-card">
       <el-tab-pane :label="'工具实例'" name="toolInfo">
         <el-row>
-          <el-col :span="7" style="width: 23%">
+          <el-col :span="7" :style="{width: toolInstanceIdWidth + 'px'}">
             <fieldset class="customer-field" style="width: 98%;">
               <legend>数据明细/编辑</legend>
               <el-form :inline="true" label-position="top" label-width="95px" style="padding: 5px;">
@@ -192,7 +192,7 @@
             </fieldset>
           </el-col>
           <!-- 工具使用记录 -->
-          <el-col :span="17" style="width: 77%">
+          <el-col :span="17" :style="{width: recordWidth + 'px'}">
             <fieldset class="customer-field" style="width: 100%;">
               <legend>工具使用记录</legend>
               <el-form :inline="true" label-position="top" style="margin-top: 5px">
@@ -1981,6 +1981,8 @@ export default {
         textValue:'',
         numValue:'',
       },
+      toolInstanceIdWidth: 350,
+      recordWidth: 600,
     }
   },
   watch: {
@@ -2005,6 +2007,9 @@ export default {
     this.$nextTick(() => {
       this.height = window.innerHeight - 310
     })
+    this.$nextTick(() => {
+      this.recordWidth = window.innerWidth - this.toolInstanceIdWidth - 270
+    })
   },
   activated() {
     this.getHeaderData()