#

luxiaotao1123

2023-07-31 d768390ffd9bd4d88733333bcaf52fba4ce3ba2b

#

 src/components/datav/scrollBoard.vue

@@ -12,27 +12,27 @@
  data() {
    return {
      config: {
        header: ['项目号', '品名', '生产数量', '完工数量', '计划完工日'],
        data: [
          ['2019-07-01 19:25:00', '路面危害-松散', '5', 'xxxxxxx'],
          ['2019-07-02 17:25:00', '路面危害-路面油污清理', '13', 'xxxxxxx'],
          ['2019-07-03 16:25:00', '交安设施-交通标志牌结构', '6', 'xxxxxxx'],
          ['2019-07-04 15:25:00', '路基危害-防尘网', '2', 'xxxxxxx'],
          ['2019-07-05 14:25:00', '交安设施-交通标志牌结构', '1', 'xxxxxxx'],
          ['2019-07-06 13:25:00', '路面危害-松散', '3', 'xxxxxxx'],
          ['2019-07-07 12:25:00', '路基危害-防尘网', '4', 'xxxxxxx'],
          ['2019-07-08 11:25:00', '路面危害-路面油污清理', '2', 'xxxxxxx'],
          ['2019-07-09 10:25:00', '交安设施-交通标志牌结构', '5', 'xxxxxxx'],
          ['2019-07-10 09:25:00', '路基危害-防尘网', '3', 'xxxxxxx']
        ],
        index: true,
        columnWidth: [50, 170, 300],
        align: ['center'],
        rowNum: 7,
        headerBGC: '#1981f6',
        headerHeight: 45,
        oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        evenRowBGC: 'rgba(10, 29, 50, 0.8)'
        // header: ['项目号', '品名', '生产数量', '完工数量', '计划完工日'],
        // data: [
        //   ['2019-07-01 19:25:00', '路面危害-松散', '5', 'xxxxxxx'],
        //   ['2019-07-02 17:25:00', '路面危害-路面油污清理', '13', 'xxxxxxx'],
        //   ['2019-07-03 16:25:00', '交安设施-交通标志牌结构', '6', 'xxxxxxx'],
        //   ['2019-07-04 15:25:00', '路基危害-防尘网', '2', 'xxxxxxx'],
        //   ['2019-07-05 14:25:00', '交安设施-交通标志牌结构', '1', 'xxxxxxx'],
        //   ['2019-07-06 13:25:00', '路面危害-松散', '3', 'xxxxxxx'],
        //   ['2019-07-07 12:25:00', '路基危害-防尘网', '4', 'xxxxxxx'],
        //   ['2019-07-08 11:25:00', '路面危害-路面油污清理', '2', 'xxxxxxx'],
        //   ['2019-07-09 10:25:00', '交安设施-交通标志牌结构', '5', 'xxxxxxx'],
        //   ['2019-07-10 09:25:00', '路基危害-防尘网', '3', 'xxxxxxx']
        // ],
        // index: true,
        // columnWidth: [50, 170, 300],
        // align: ['center'],
        // rowNum: 7,
        // headerBGC: '#1981f6',
        // headerHeight: 45,
        // oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        // evenRowBGC: 'rgba(10, 29, 50, 0.8)'
      }
    }
  },
@@ -43,19 +43,31 @@
      }
      getApiData().then(result => {
        let list = result.data.data;
        this.config.data = [];
        let configData = [];
        if (list) {
          for (let i = 0; i<list.length; i++) {
            let item = [];
            item.push(list[i].项目号);
            item.push(list[i].品名);
            item.push(list[i].生产数量);
            item.push(list[i].完工数量);
            item.push(this.coverData(list[i].计划完工日));
            this.config.data.push(item);
            item.push(list[i].项目号===null?"":list[i].项目号);
            item.push(list[i].品名===null?"":list[i].品名);
            item.push(list[i].生产数量 + "");
            item.push(list[i].完工数量 + "");
            item.push(list[i].计划完工日===null?"":this.coverData(list[i].计划完工日));
            configData.push(item);
          }
        }
        console.log(JSON.stringify(this.config.data));

        this.config = {
          header: ['项目号', '品名', '生产数量', '完工数量', '计划完工日'],
          data: configData,
          index: true,
          columnWidth: [40, 90, 220, 95, 95, 170],
          align: ['center'],
          rowNum: 7,
          headerBGC: '#1981f6',
          headerHeight: 45,
          oddRowBGC: 'rgba(0, 44, 81, 0.8)',
          evenRowBGC: 'rgba(10, 29, 50, 0.8)'
        }
      })
    },
    coverData(date) {
@@ -77,7 +89,7 @@
  mounted() {
    const { httpData } = this
    httpData()
    setInterval(this.httpData, 3000)
    setInterval(this.httpData, 30000)
  }
}
</script>