Vue项目中Table设置 render 函数

太过爱你忘了你带给我的痛 2022-12-30 07:45 191阅读 0赞

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];
            }
          }
        },