数据报表页面数据列设置固定宽度

zhaowei

8 天以前 907d0ba6b7442ef9f4fb976633d0b51d36ea6570

数据报表页面数据列设置固定宽度

 src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue

@@ -171,22 +171,28 @@
                  <td colspan="6" class="tdgu kaitou">{{item.level1}}</td>
                </template>
                <template v-for="(tableHead, index) in item.dataList">
                  <td :style="{background:tableHead.color,minWidth:'100px' }" v-if="checkedList.indexOf('lyl') > -1">
                  <td :style="{background:tableHead.color,minWidth:'100px',width:'100px' }"
                      v-if="checkedList.indexOf('lyl') > -1">
                    {{tableHead.startRate | numFilter}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'100px' }" v-if="checkedList.indexOf('kjl') > -1">
                  <td :style="{background:tableHead.color,minWidth:'100px',width:'100px' }"
                      v-if="checkedList.indexOf('kjl') > -1">
                    {{tableHead.openRate | numFilter}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('kjsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('kjsj') > -1">
                    {{tableHead.openLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color ,minWidth:'110px'}" v-if="checkedList.indexOf('jgsj') > -1">
                  <td :style="{background:tableHead.color ,minWidth:'110px',width:'110px'}"
                      v-if="checkedList.indexOf('jgsj') > -1">
                    {{tableHead.processLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('djsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px' ,width:'110px'}"
                      v-if="checkedList.indexOf('djsj') > -1">
                    {{tableHead.waitLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('gjsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('gjsj') > -1">
                    {{tableHead.closeLong | getFormattedTime}}
                  </td>
                </template>

 src/views/mdc/base/modules/efficiencyReport/EfficiencyList.vue

@@ -182,31 +182,40 @@
                </template>

                <template v-for="(tableHead, index) in item.dataList">
                  <td :style="{background:tableHead.color,minWidth:'100px' }" v-if="checkedList.indexOf('lyl') > -1">
                  <td :style="{background:tableHead.color,minWidth:'100px',width:'100px'}"
                      v-if="checkedList.indexOf('lyl') > -1">
                    {{tableHead.utilizationRate | numFilter}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'100px' }" v-if="checkedList.indexOf('kjl') > -1">
                  <td :style="{background:tableHead.color,minWidth:'100px',width:'100px' }"
                      v-if="checkedList.indexOf('kjl') > -1">
                    {{tableHead.openRate | numFilter}}
                  </td>
                  <td :style="{background:tableHead.color ,minWidth:'100px'}" v-if="checkedList.indexOf('gzl') > -1">
                  <td :style="{background:tableHead.color ,minWidth:'100px',width:'100px'}"
                      v-if="checkedList.indexOf('gzl') > -1">
                    {{tableHead.faultRate }}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('kjsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('kjsj') > -1">
                    {{tableHead.openLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('jgsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('jgsj') > -1">
                    {{tableHead.processLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'220px' }" v-if="checkedList.indexOf('qcgz') > -1">
                  <td :style="{background:tableHead.color,minWidth:'220px',width:'220px' }"
                      v-if="checkedList.indexOf('qcgz') > -1">
                    {{tableHead.removeFaultRunLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('djsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('djsj') > -1">
                    {{tableHead.waitLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('gjsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('gjsj') > -1">
                    {{tableHead.closeLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('gzsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px' ,width:'110px'}"
                      v-if="checkedList.indexOf('gzsj') > -1">
                    {{tableHead.faultLong | getFormattedTime}}
                  </td>
                </template>

 src/views/mdc/base/modules/efficiencyShiftReport/EfficiencyShiftList.vue

@@ -209,19 +209,24 @@
                </template>
                <!--<td>{{item.tierType}}</td>-->
                <template v-for="(tableHead, index) in item.dataList">
                  <td :style="{background:tableHead.color ,minWidth:'110px'}" v-if="checkedList.indexOf('lyl') > -1">
                  <td :style="{background:tableHead.color ,minWidth:'110px',width:'110px'}"
                      v-if="checkedList.indexOf('lyl') > -1">
                    {{tableHead.utilizationRate | numFilter}}
                  </td>
                  <td :style="{background:tableHead.color ,minWidth:'110px'}" v-if="checkedList.indexOf('kjsj') > -1">
                  <td :style="{background:tableHead.color ,minWidth:'110px',width:'110px'}"
                      v-if="checkedList.indexOf('kjsj') > -1">
                    {{tableHead.openLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('jgsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px',width:'110px' }"
                      v-if="checkedList.indexOf('jgsj') > -1">
                    {{tableHead.processLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color ,minWidth:'110px'}" v-if="checkedList.indexOf('djsj') > -1">
                  <td :style="{background:tableHead.color ,minWidth:'110px',width:'110px'}"
                      v-if="checkedList.indexOf('djsj') > -1">
                    {{tableHead.waitLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color,minWidth:'110px' }" v-if="checkedList.indexOf('gjsj') > -1">
                  <td :style="{background:tableHead.color,minWidth:'110px' ,width:'110px'}"
                      v-if="checkedList.indexOf('gjsj') > -1">
                    {{tableHead.closeLong | getFormattedTime}}
                  </td>
                </template>