太长显示全部

src/views/equipment/boundManagement.vue

@@ -44,27 +44,27 @@
       <div class="mb12 font-small-bold">库存管理列表</div>
       <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
         <el-table-column type="index" label="序号" width="80" />
-        <el-table-column label="pn" prop="businessId">
+        <el-table-column label="pn" prop="businessId" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.pn || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="lot" prop="lot">
+        <el-table-column label="lot" prop="lot" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.lot || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="plocation" prop="plocation">
+        <el-table-column label="plocation" prop="plocation" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.plocation || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="厚度" prop="厚度">
+        <el-table-column label="厚度" prop="厚度" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.phd || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作员" prop="createName">
+        <el-table-column label="操作员" prop="createName" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.createName || '-' }}
           </template>

src/views/equipment/income.vue

@@ -27,40 +27,43 @@
         </el-col>
       </el-row>
     </el-form>
-    <el-table border :data="tableData" :gutter="40" style="width: 85%; margin-left: 80px; padding-left: 8.6%;">
-      <el-table-column type="index" label="序号" width="50px"/>
-      <el-table-column label="pn" prop="businessId">
-        <template slot-scope="scope">
-          {{ scope.row.pn || '-' }}
-        </template>
-      </el-table-column>
-      <el-table-column label="lot" prop="lot">
-        <template slot-scope="scope">
-          {{ scope.row.lot || '-' }}
-        </template>
-      </el-table-column>
-      <el-table-column label="厚度" prop="phd">
-        <template slot-scope="scope">
-          {{ scope.row.phd || '-' }}
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            style="color: #49cec9"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+    <div style="width: 82%; margin-left: 80px; padding-left: 8.6%;">
+      <el-table border :data="tableData" :gutter="40" >
+        <el-table-column type="index" label="序号" width="50px"/>
+        <el-table-column label="pn" prop="businessId">
+          <template slot-scope="scope">
+            {{ scope.row.pn || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="lot" prop="lot">
+          <template slot-scope="scope">
+            {{ scope.row.lot || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="厚度" prop="phd">
+          <template slot-scope="scope">
+            {{ scope.row.phd || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              style="color: #49cec9"
+              @click="handleUpdate(scope.row)"
+            >修改</el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+            >删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
     <el-form ref="form" :model="form" :rules="rule" label-width="80px">
       <el-row style="padding-left: 8.6%; padding-top: 1.5%">
         <el-col :span="12">
@@ -257,9 +260,6 @@ export default {
     },
     // 提交时要调的接口
     submitForm() {
-      const {
-        plocation
-      } = this.form
       if (this.tableData.length === 0) {
         this.$message.warning('请先确定表格数据')
         return

src/views/equipment/management.vue

@@ -53,34 +53,34 @@
     <div class="placeholder" />
     <div style="padding:5px 10px">
       <div class="mb12 font-small-bold">设备管理列表</div>
-      <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange" >
         <el-table-column type="index" label="序号" width="80" />
-        <el-table-column label="pn" prop="businessId">
+        <el-table-column label="pn" prop="businessId" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.pn || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="lot" prop="lot">
+        <el-table-column label="lot" prop="lot" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.lot || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="plocation" prop="plocation">
+        <el-table-column label="plocation" prop="plocation" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.plocation || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="厚度" prop="厚度">
+        <el-table-column label="厚度" prop="厚度" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.phd || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作员" prop="createName">
+        <el-table-column label="操作员" prop="createName" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.createName || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作时间" :show-overflow-tooltip="true" align="center" prop="updateDate">
+        <el-table-column label="操作时间" :show-overflow-tooltip="true" align="center" prop="updateDate" >
           <template slot-scope="scope">
             <span>{{ scope.row.updateDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
           </template>
@@ -370,6 +370,10 @@ export default {
     // });
   },
   methods: {
+    getTooltipContent(row) {
+      // 根据行数据动态生成tooltip的内容
+      return `pn: ${row.pn}\nlot: ${row.lot}\n厚度: ${row.phd}`
+    },
     // TODO: 获取所选行详情信息操作
     handleDetail(row) {
       this.singleDetails = this.formReset

src/views/processManagement/basicProcessManagement/index.vue

@@ -53,27 +53,27 @@
       <div class="mb12 font-small-bold">设备管理列表</div>
       <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
         <el-table-column type="index" label="序号" width="80" />
-        <el-table-column label="pn" prop="businessId">
+        <el-table-column label="pn" prop="pn" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.pn || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="lot" prop="lot">
+        <el-table-column label="lot" prop="lot" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.lot || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="plocation" prop="plocation">
+        <el-table-column label="plocation" prop="plocation" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.plocation || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="厚度" prop="厚度">
+        <el-table-column label="厚度" prop="厚度" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.phd || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作员" prop="createName">
+        <el-table-column label="操作员" prop="createName" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.createName || '-' }}
           </template>