Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh ...

liuwh

2024-09-17 5aa4a814ab8d4aa194a9683ebefaefdfc6d92c3a

 gz-customerSystem/src/components/personCard/DetailDialog.jsx

@@ -1,6 +1,8 @@
import React, { useEffect, useState } from 'react'
import KeyVisits from "./KeyVisits";
import { link } from '@/assets/images'
import { link } from '@/assets/images';
import { Scrollbars } from "react-custom-scrollbars";
import PreviewImage from '../PreviewImage';

export default function DetailDialog(props) {
  const nuturalList = [
@@ -69,10 +71,9 @@
    [
      {
        label: '身份证明材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf
        </a>,
        isFile: true
        value: '',
        isFile: true,
        field: 'file',
      },
    ],
  ]
@@ -125,17 +126,15 @@
    [
      {
        label: '登记企业材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf
        </a>,
        isFile: true
        value: '',
        isFile: true,
        field: 'file',
      },
      {
        label: '法定代表人身份证明材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />江照月个人身份.pdf
        </a>,
        isFile: true
        value: '',
        isFile: true,
        field: 'file1',
      },
    ],
  ]
@@ -188,17 +187,15 @@
    [
      {
        label: '机构登记材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf
        </a>,
        isFile: true
        value: '',
        isFile: true,
        field: 'file',
      },
      {
        label: '机构代表人身份证明材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />江照月个人身份.pdf
        </a>,
        isFile: true
        value: '',
        isFile: true,
        field: 'file1',
      },
    ],
  ]
@@ -281,23 +278,21 @@
      {
        label: '代理对象',
        value: '',
        field: 'personList',
        field: 'personId',
      },
    ],
    [
      {
        label: '身份证明材料',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf
        </a>,
        value: '',
        isFile: true,
        field: 'file',
      },
      {
        label: '代理人授权委托书',
        value: <a href="your-link-here.html" target="_blank">
          <img src={link} alt="" className="title-file" />江照月个人身份.pdf
        </a>,
        value: '',
        isFile: true,
        field: 'file1',
      },
    ],
  ]
@@ -328,7 +323,26 @@
    newList = mapList.map(item => {
      return item.map(res => {
        if (res.isFile) {
          return res
          return {
            ...res,
            value: <>
              {data[res.field]?.map((item, index) => {
                if (item.response) {
                  //新上传的，前端数据
                  const newData = item.response.data[0]
                  return <div style={{ display: 'inline-block' }}>
                    <PreviewImage name={newData.name} src={newData.showUrl} />
                    {index !== data[res.field].length - 1 && <>，</>}
                  </div>
                } else {
                  return <div style={{ display: 'inline-block' }}>
                    <PreviewImage name={item.name} src={item.showUrl} />
                    {index !== data[res.field].length - 1 && <>，</>}
                  </div>
                }
              })}
            </>
          }
        }
        if (res.isName) {
          return {
@@ -337,9 +351,22 @@
            perClass: data.perClassName || data.perTypeName
          }
        } else {
          return {
            ...res,
            value: res.field === 'personList' ? data[res.field].join('，') : data[res.field]
          if (res.field === 'personId') {
            const filterValue = props.personData.filter(result => data[res.field].indexOf(result.id) != -1).map(result => result.trueName).join(',')
            return {
              ...res,
              value: filterValue
            }
          } else if (res.field === 'extreme') {
            return {
              ...res,
              value: data[res.field] === 0 ? '否' : '是'
            }
          } else {
            return {
              ...res,
              value: data[res.field]
            }
          }
        }
      })
@@ -349,7 +376,12 @@
  }, [])

  return (
    <div style={{ maxHeight: '590px', overflowY: 'scroll' }}>
    <Scrollbars
      autoHide
      autoHeight
      autoHeightMin={200} // 最小高度为300px
      autoHeightMax={590}
    >
      <table border="1" align="center" cellpadding="8" className="table" style={{ marginBottom: '20px' }}>
        {
          tableList?.map((item, index) => {
@@ -372,9 +404,9 @@
        }
      </table>
      {/* 重复来访重点人员 */}
      <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}>
      {/* <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}>
        <KeyVisits />
      </div>
    </div>
      </div> */}
    </Scrollbars>
  )
}