图片渲染(宜搭)

最新推荐文章于 2024-10-07 08:02:42 发布

∂∂∂∂

最新推荐文章于 2024-10-07 08:02:42 发布

阅读量164

点赞数 2

文章标签：低代码

本文链接：https://blog.csdn.net/2301_80286061/article/details/136001279

版权

取子表单里所有数值中最小的数值对应的图片进行渲染

//图片渲染2
export function renderImageCell2(value, index, rowData) {
  //console.log("rowData", rowData)
//   let arr =[];
//   let brr = [];
//   rowData.tableField_lrsia4hd.map((res)=>{
//     brr = JSON.parse(res.imageField_ls2rf2uu);
//     console.log("brr", brr)
//   arr.push(brr[0]);
//  })
//   value = JSON.stringify(arr);
//   console.log("res", arr)

  let arr =[];
  let brr = [];
  rowData.tableField_lrsia4hd.map((res)=>{
    brr = res.numberField_ls2rf2us;
    //console.log("brr", brr)
  arr.push(brr);
 })
  rowData.tableField_lrsia4hf.map((res) => {
    brr = res.numberField_ls2rf2ux;
    //console.log("brr", brr)
    arr.push(brr);
  })
  console.log("arr", arr)
  let filteredArr = arr.filter(item => item !== undefined); // 过滤掉undefined
  let num1 = Math.min(...filteredArr);
  //value = Math.min(...filteredArr);
  //value = num1;
  //return value;
  console.log("numb",num1)



  let minData = rowData.tableField_lrsia4hd.concat(rowData.tableField_lrsia4hf) // 合并两个数组
    .map(item => item.numberField_ls2rf2us || item.numberField_ls2rf2ux) // 获取所有数值
    .filter(item => item !== undefined) // 过滤掉undefined
    .reduce((acc, cur) => (acc < cur ? acc : cur)); // 获取最小值

   value = rowData.tableField_lrsia4hd.concat(rowData.tableField_lrsia4hf) // 合并两个数组
    .find(item => item.numberField_ls2rf2us === minData || item.numberField_ls2rf2ux === minData); // 找到最小值对应的具体原数据

  console.log("最小值:", minData);
  console.log("最小值对应的具体原数据:", value);

  //let value;
  if (value.numberField_ls2rf2us === minData) {
    value = value.imageField_ls2rf2uu;
  } else {
    value = value.imageField_ls2rf2uy;
  }



   //value = value.imageField_ls2rf2uu;
   //value = value.imageField_ls2rf2uy;



  //console.log('index--------', index,value,rowData)
  //value = rowData.tableField_lrsia4hd[1].numberField_ls2rf2us;
  //index = rowData.tableField_lrsia4hf[0].numberField_ls2rf2ux;
  
  //value = rowData.num1;
  //value =rowData.tableField_lrsia4hd[0].imageField_ls2rf2uu;
  const imgList = value ? JSON.parse(value) : [];
  

  console.log('渲染', value)
  const imgUrls = imgList.map((item) => { return item.url; });
  return <div class='imgContainer' style={{
    display: 'flex',
    width: '170px',
    paddingBottom: '12px',
    overflowX: 'auto',
    userSelect: 'none'
  }}>{imgList.map((item, index) => {
    return (
      <img
        src={item.previewUrl}
        onClick={() => {
          this.utils.previewImage({
            urls: imgUrls,
            current: item.url,
          });
        }}
        style={{
          display: 'block',
          width: '48px',
          height: '48px',
          borderRadius: '6px',
          cursor: 'pointer',
          marginRight: (index + 1) !== imgList.length ? '12px' : '0px'
        }}
      />
    )
  })}</div>;
}