forked from gzzfw/frontEnd/gzDyh

xusd
2024-09-08 5424fb6cc7c907ec12025e96bb41146b28e5582c
gz-customerSystem/src/views/filesCheck/newFileCheck.jsx
@@ -2,7 +2,7 @@
 * @Company: hugeInfo
 * @Author: ldh
 * @Date: 2022-03-11 11:03:44
 * @LastEditTime: 2024-09-05 20:46:47
 * @LastEditTime: 2024-09-07 16:11:58
 * @LastEditors: dminyi 1301963064@qq.com
 * @Version: 1.0.0
 * @Description: 大厅来访材料附件查看
@@ -44,10 +44,9 @@
const FormItem = Form.Item;
const Option = Select.Option;
// http://localhost:9002/dyh-sys/api/web/fileInfo/listFileByCat?mainId=10001&ownerCat=&createStart=&createEnd=&uploaderType=
// 获取附件
function getFileListDataApi(submitData) {
   return $$.ax.request({ url: `fileInfo/listFileByCat?mainId=${submitData}`, type: 'get', service: 'mediate' });
function getFileListDataApi(data) {
   return $$.ax.request({ url: `fileInfo/listFileByCat`, type: 'get', service: 'sys', data });
}
const NewFileCheck = ({ caseId }) => {
@@ -72,6 +71,9 @@
   const imgRef = useRef();
   const formRef = useRef();
   useEffect(() => {
      getFileListData();
   }, []);
   // 图片旋转
   function handleRotateImg(type) {
@@ -166,12 +168,12 @@
      const res = await getFileListDataApi(caseId || searchParams.get('caseId'));
      global.setSpinning(false);
      if (res.type) {
         let resData = res.data?.dataList || [];
         let resData = res.data || [];
         let arr = [];
         let filesArr = [];
         let index = 0;
         resData.forEach((x, t) => {
            arr.push(x.ownerTypeName);
            arr.push(x.ownerCatName);
            filesArr = filesArr.concat(x.fileList || []);
         });
         forEach: for (let i = 0; i < filesArr.length - 1; i++) {
@@ -186,10 +188,9 @@
         setOpenKeys(arr);
      }
   }
   console.log(files,'filesfiles')
   useEffect(() => {
      getFileListData();
   }, []);
   // 监听鼠标滚动事件
   useEffect(() => {
@@ -277,9 +278,10 @@
               </Row>
            </Form>
            <div style={{ display: 'flex' }}>
               <div style={{ width: '200px' }}>
            <Menu
               className="filesCheck-nav-menu"
                     // className="filesCheck-nav-menu"
               style={{ width: '200px' }}
               onOpenChange={(openKeys) => setOpenKeys(openKeys)}
               mode="inline"
@@ -289,9 +291,9 @@
               {data.data?.map((x, t) => {
                  return (
                     <SubMenu
                        key={x.ownerTypeName}
                        expandIcon={openKeys.includes(x.ownerTypeName) ? <CaretRightOutlined /> : <CaretDownOutlined />}
                        title={x.ownerTypeName}
                              key={x.ownerCatName}
                              expandIcon={openKeys.includes(x.ownerCatName) ? <CaretRightOutlined /> : <CaretDownOutlined />}
                              title={x.ownerCatName}
                     >
                        {x.fileList?.map((y, z) => {
                           return (
@@ -316,7 +318,9 @@
                  );
               })}
            </Menu>
         </nav>
               </div>
               <div style={{ flex: 1 }}>
         {files[fileIndex] ? (
            <main className="filesCheck-main">
               {/* 头部操作区 */}
@@ -346,7 +350,7 @@
                     </Tooltip>
                  </div>
               </div>
               {files[fileIndex]?.cat === '22_00017-3' ? (
                        {files[fileIndex]?.ownerCat === '22_00014_1' ? (
                  <div className="filesCheck-main-imgBg" ref={imgBgRef}>
                     <img
                        ref={imgRef}
@@ -387,6 +391,10 @@
         ) : (
            <div style={{ width: '100%', paddingTop: '20%' }}>{$$.MyEmpty()}</div>
         )}
               </div>
            </div>
         </nav>
         {/*图片查看*/}
      </>
   );
};