项目中遇到的问题

Posted 2020-10-20 欢如平生

1.在项目中遇到这样的显示效果

<el-tab-pane :label="`全部患者(${totalPage1})`" name="first">
</el-tab-pane>

 2.使用echarts的时候，ajax请求到的data未必就是你需要的data样式，可以使用es6的class方式，合并成我们需要的样式

下图是ui设计的图，饼图有不同的颜色

 let qq = [
            {
            "color": \'#fc8c70\',
            },{
            "color": \'#f9bd48\',
            },{
            "color": \'#fd6388\',
            },{
            "color": \'#69acff\',
            },{
            "color": \'#e9e9e9\',
            },
          ]
          let bb = [
            {
            "isTrue": true,
            },{
            "isTrue": false,
            },{
            "isTrue": false,
            },{
            "isTrue": false,
            },{
            "isTrue": false,
            }
          ]
let dd = []
          for(let i =0;i<qq.length;i++){
            dd.push(Object.assign(qq[i],bb[i]))
          }
         
          let tt= []
          for(let i =0;i<qq.length;i++){
            tt.push(Object.assign(dd[i],res.data[i]))
          }

          class Point {
            constructor(item) {
              this.value = item.value;
              this.name = item.name;
              this.icon = \'circle\';
              this.percent = item.percent;
              this.itemStyle = {
                normal: {
                  color: item.itemStyle.normal.color
                }
              };
              this.selected = item.selected
            }
          }
            let mm = []
          tt.forEach((item) => {
            mm.push(new Point({
              value: item.itemCount,
              name: item.diagnoseName,
              percent: item.percent,
              selected: item.isTrue,
              icon : \'circle\',
              itemStyle: {
                normal: {
                  color: item.color
                }
              },
              
            }))
          })