Vue项目中Table设置 render 函数-蒲公英云

Vue项目中Table设置 render 函数

statusList1: { 
        0: "",
        1: "",
        2: "药品服务费收入",
        3: "特药服务费收入",
        4: "直保经纪费",
        5: "再保经纪费",
        6: "广告费",
      },
 render: (h, params) => { 
            return this.colorCommon(h, params.row, "1");
          },
 render: (h, params) => { 
            return this.colorCommon1(h, params.row);
          },
 render: (h, params) => { 
            //状态翻译
            let premiumStatus = this.colorCommon2(
              params.row.revenueType,
              this.statusList1
            );
            if (premiumStatus === "药品服务费收入") { 
              return h("span", { }, premiumStatus);
            }
            if (premiumStatus === "特药服务费收入") { 
              return h("span", { }, premiumStatus);
            }
            if (premiumStatus === "直保经纪费") { 
              return h("span", { }, premiumStatus);
            }
            if (premiumStatus === "再保经纪费") { 
              return h("span", { }, premiumStatus);
            }
            if (premiumStatus === "广告费") { 
              return h("span", { }, premiumStatus);
            }
          },
  //月份数据渲染
    colorCommon(h, params, key) { 
      let data = params.monthAmount[key];
      if (data == undefined) { 
        return h("span", { }, `0`);
        return;
      }
      return h("span", { }, `${ data}`);
    },
    // 总收入渲染
    colorCommon1(h, params) { 
      let data = params.monthAmount;
      let center = 0;
      $.each(data, function (key, value) { 
        center += data[key];
      });
      return h("span", { }, `${ center.toFixed(2)}`);
    },
    //收入类型渲染
    colorCommon2(value, typeList) { 
      for (var key in typeList) { 
        if (value == key) { 
          return typeList[value];
        }
      }
    },