驾驶舱列表自适应

ygtx-ui/src/views/index4.vue

@@ -453,27 +453,27 @@
             </div>
           </template>
           <el-table :data="orderList" style="width: 100%">
-            <el-table-column v-if="hasOrderCode()" prop="orderCode" label="工单编号" :width="changeWidth()*2" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.code" prop="code" label="风机编号" :width="changeWidth()*1.5" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.brand" prop="brand" label="品牌" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.model" prop="model" label="机型" :width="changeWidth()*2" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.system" prop="system" label="风机系统" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.center && checkCenter()" prop="center" label="中心" :width="changeWidth()*2" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.pcs" prop="pcs" label="场站" :width="changeWidth()*1.5" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.workOrder || queryParams.repairOrder" prop="orderType" label="工单类型" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.repairPerson" prop="repairPerson" label="检修员" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.chargePerson" prop="chargePerson" label="工作负责人" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.workOrderNum==1" prop="workOrderNum" label="维保工单数" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.repairOrderNum==1" prop="repairOrderNum" label="维修工单数" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.restartNum==1" prop="restartNum" label="复位启机数量" :width="changeWidth()" header-align="center" align="center"></el-table-column>
-            <el-table-column v-if="queryParams.score==1" prop="score" label="工分" :width="changeWidth()" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.tjsc" prop="tjsc" label="停机时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.xfsc" prop="xfsc" label="下发时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.xysc" prop="xysc" label="响应时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.zbsc" prop="zbsc" label="准备时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.clsc" prop="clsc" label="处理时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.qjbwsc" prop="qjbwsc" label="启机并网时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
-            <el-table-column v-if="queryParams.gqsc" prop="gqsc" label="挂起时长(h)" :width="changeWidth()*1.5" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="hasOrderCode()" prop="orderCode" label="工单编号" :style="{ width: changeWidth() * 2 + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.code" prop="code" label="风机编号" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.brand" prop="brand" label="品牌" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.model" prop="model" label="机型" :style="{ width: changeWidth() * 2 + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.system" prop="system" label="风机系统" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.center && checkCenter()" prop="center" label="中心" :style="{ width: changeWidth() * 2 + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.pcs" prop="pcs" label="场站" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.workOrder || queryParams.repairOrder" prop="orderType" label="工单类型" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.repairPerson" prop="repairPerson" label="检修员" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.chargePerson" prop="chargePerson" label="工作负责人" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.workOrderNum==1" prop="workOrderNum" label="维保工单数" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.repairOrderNum==1" prop="repairOrderNum" label="维修工单数" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.restartNum==1" prop="restartNum" label="复位启机数量" :style="{ width: changeWidth() + '%' }" header-align="center" align="center"></el-table-column>
+            <el-table-column v-if="queryParams.score==1" prop="score" label="工分" :style="{ width: changeWidth() + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.tjsc" prop="tjsc" label="停机时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.xfsc" prop="xfsc" label="下发时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.xysc" prop="xysc" label="响应时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.zbsc" prop="zbsc" label="准备时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.clsc" prop="clsc" label="处理时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.qjbwsc" prop="qjbwsc" label="启机并网时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
+            <el-table-column v-if="queryParams.gqsc" prop="gqsc" label="挂起时长(h)" :style="{ width: changeWidth() * 1.5 + '%' }" header-align="center" align="center" :formatter="formatScore"></el-table-column>
           </el-table>
           <pagination
               v-show="total > 0"
@@ -1238,7 +1238,8 @@ export default {
       if(num==0) {
         return 0;
       }else{
-        return Math.round(1370/num);
+        console.log(Math.round(100/num));
+        return Math.round(100/num);
       }
     },
     applyFilter() {