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

zhaowei

9 天以前 86f0166e2a759e6ec2c34b0dd0b388bafa80cedd

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

@@ -82,7 +82,7 @@
              <a-col :md="24" :sm="24" :xs="24"
                     style="display: flex;justify-content: space-between;align-items: flex-start">
                <div>
                  <a-space style="margin-right: 20px">
                  <a-space style="margin-right: 20px;margin-bottom: 20px">
                    <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
                    <a-button type="primary" @click="searchReset" icon="reload">重置</a-button>
                    <a-button type="primary" @click="exportExcel" icon="download">导出</a-button>
@@ -137,12 +137,14 @@
                <template v-for="(tableHead, index) in tableHeads">
                  <th v-if="checkedList.indexOf('lyl') > -1">利用率(%)</th>
                  <th v-if="checkedList.indexOf('kjl') > -1">开机率(%)</th>
                  <th v-if="checkedList.indexOf('gzl') > -1">故障率(%)</th>
                  <th v-if="checkedList.indexOf('kjsj') > -1">开机时间(小时)</th>
                  <th v-if="checkedList.indexOf('jgsj') > -1">加工时间(小时)</th>
                  <th v-if="checkedList.indexOf('qcgz') > -1">加工时间(小时)（去除故障时间）</th>
                  <th v-if="checkedList.indexOf('djsj') > -1">待机时间(小时)</th>
                  <th v-if="checkedList.indexOf('gjsj') > -1">关机时间(小时)</th>
                  <th v-if="checkedList.indexOf('gzsj') > -1">故障时间(小时)</th>
                </template>

              </tr>
              </thead>
              <tbody>
@@ -180,23 +182,41 @@
                </template>

                <template v-for="(tableHead, index) in item.dataList">
                  <td :style="{background:tableHead.color }" 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 }" 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 }" v-if="checkedList.indexOf('kjsj') > -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',width:'110px' }"
                      v-if="checkedList.indexOf('kjsj') > -1">
                    {{tableHead.openLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color }" 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 }" v-if="checkedList.indexOf('djsj') > -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',width:'110px' }"
                      v-if="checkedList.indexOf('djsj') > -1">
                    {{tableHead.waitLong | getFormattedTime}}
                  </td>
                  <td :style="{background:tableHead.color }" 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' ,width:'110px'}"
                      v-if="checkedList.indexOf('gzsj') > -1">
                    {{tableHead.faultLong | getFormattedTime}}
                  </td>
                </template>

@@ -204,7 +224,6 @@

              </tbody>
            </table>

          </div>
        </div>
      </a-spin>
@@ -228,8 +247,6 @@
        typeTree: '',
        typeParent: 1,
        typeEquipment: 1,
        TreeIDOne: 1,
        TreeIDTwo: 2,
        deviceTypeDict: '',
        dates: [],
        equipmentTypeList: [],
@@ -249,10 +266,13 @@
        efficiencyOptions: [
          { label: '利用率', value: 'lyl' },
          { label: '开机率', value: 'kjl' },
          { label: '故障率', value: 'gzl' },
          { label: '开机时间', value: 'kjsj' },
          { label: '加工时间', value: 'jgsj' },
          { label: '加工时间（去除故障时间）', value: 'qcgz' },
          { label: '待机时间', value: 'djsj' },
          { label: '关机时间', value: 'gjsj' }
          { label: '关机时间', value: 'gjsj' },
          { label: '故障时间', value: 'gzsj' }
        ],
        checkedList: ['lyl'],
        dataList: [],
@@ -263,12 +283,6 @@
        },
        tableHeads: [],
        distinguishColorList: [],
        utilizationRateRowAverage: '',
        openRateRowAverage: '',
        openLongRowAverage: '',
        processLongRowAverage: '',
        waitLongRowAverage: '',
        closeLongRowAverage: '',
        spinning: false
      }
    },
@@ -728,17 +742,10 @@

  .dataContent {
    white-space: nowrap;
    /*margin: 0;*/
    /*border: none;*/
    border-collapse: separate;
    border-spacing: 0;
    /*table-layout: fixed;*/
    border: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
    width: 100%;
    /*height: 100%;*/
    /*overflow: hidden;*/
    /*overflow-y: auto;*/
    text-align: center;
  }