条文管理/台账上传页面打开默认选中

src/pages/DataManagement/publicData/index.tsx

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-09-23 08:49:14
- * @LastEditTime: 2021-10-28 15:03:32
+ * @LastEditTime: 2021-10-28 16:32:04
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /MedicalWisdomCheckSys/src/pages/DataManagement/publicData/index.tsx
@@ -20,7 +20,9 @@ import { useModel } from 'umi';
 
 import './index.less'
 
-import { Form, Table, Space, Button, Popconfirm,Card,Descriptions} from 'antd'
+import { Form, Table, Space, Button, Popconfirm} from 'antd'
+import 'moment/locale/zh-cn';
+import locale from 'antd/es/date-picker/locale/zh_CN';
 
 
 import {
@@ -28,9 +30,6 @@ import {
     ProFormSelect,
     ProFormDateRangePicker,
 } from '@ant-design/pro-form';
-import { values } from '@umijs/deps/compiled/lodash';
-
-
 
 type PublicDataType = {
 
@@ -68,7 +67,7 @@ const PublicData: React.FC<PublicDataType> = (props) => {
                     return null;
                 }
                 return (
-                    <ProFormDateRangePicker fieldProps={{ format: 'yyyy-MM-DD' }} placeholder={['开始时间', '结束时间']} />
+                    <ProFormDateRangePicker fieldProps={{ format: 'yyyy-MM-DD',locale:locale }} placeholder={['开始时间', '结束时间']} />
                 )
             },
         },
@@ -193,6 +192,8 @@ const PublicData: React.FC<PublicDataType> = (props) => {
 
     const [uploadModalVisible, setUploadModalVisible] = useState(false);
 
+    const [defaultOpened, setDefaultOpened] = useState<string>();
+
 
     const { publicData } = useModel('allModels', model => {
         return { publicData: model.publicData };
@@ -330,6 +331,7 @@ const PublicData: React.FC<PublicDataType> = (props) => {
         tableRef?.current?.getTableRef().current?.reload();
     }, [publicData.reloadTable])
 
+
     useEffect(() => {
         //默认获取数据
         publicData.getTreeData();
@@ -421,7 +423,7 @@ const PublicData: React.FC<PublicDataType> = (props) => {
                 <MccsProCard colSpan={6} style={{ height: '78vh' }} bodyStyle={{ padding: '16px' }}>
                     <MccsFileTree
                         treeData={publicData.treeData}
-                        //    defaultSelected={'0-0'}
+                        // defaultSelected={defaultOpened}
                         onSelectHandle={onSelectHandle}
                         actionHandle={actionHandle}
                         searchHandle={searchHandle}

src/pages/GradeHospitalAccreditation/articleManagement/index.tsx

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-09-14 10:22:09
- * @LastEditTime: 2021-10-28 09:34:57
+ * @LastEditTime: 2021-10-28 16:05:37
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /MedicalWisdomCheckSys/src/pages/GradeHospitalAccreditation/articleManagement/index.tsx
@@ -133,6 +133,7 @@ const ArticleManagement: React.FC<ArticleManagementProps> = (props) => {
     const tableRef = useRef<MccsTable.MccsTableRef>();
 
     const [articleSettingFormInit, setArticleSettingFormInit] = useState<{}>({});  //条文设置表单回显默认值
+    const [defaultOpened, setDefaultOpened] = useState<string>();
 
     const onSelectHandle = (data: MccsFileTree.childTree) => {
         //左侧树节点点击回调
@@ -259,6 +260,14 @@ const ArticleManagement: React.FC<ArticleManagementProps> = (props) => {
         }
     }, [props]);
 
+    useEffect(() => {
+        if (treeData.length > 0) {
+          //默认展开书结构第一个结点
+          const { id } = treeData[0];
+          setDefaultOpened(`${id}`);
+        }
+      }, [treeData]);
+
     useEffect(() => {
         restModelData.getArticleTreeData();
         restModelData.getCurrentHospScore();
@@ -421,14 +430,18 @@ const ArticleManagement: React.FC<ArticleManagementProps> = (props) => {
 
             <MccsProCard gutter={16} ghost direction='row'>
                 <MccsProCard colSpan={6} style={{ height: '78vh' }} bodyStyle={{ padding: '16px' }}>
-                    <MccsFileTree
-                        treeData={treeData}
-                        defaultSelected={'9'}
-                        onSelectHandle={onSelectHandle}
-                        // actionHandle={actionHandle}
-                        // searchHandle={searchHandle}
-                        editable={false}
-                    />
+                    {
+                        defaultOpened&&(
+                            <MccsFileTree
+                            treeData={treeData}
+                            defaultSelected={defaultOpened}
+                            onSelectHandle={onSelectHandle}
+                            // actionHandle={actionHandle}
+                            // searchHandle={searchHandle}
+                            editable={false}
+                            />
+                        )
+                    }
                 </MccsProCard>
                 <MccsProCard colSpan={18} style={{ minHeight: '78vh' }} bodyStyle={{ padding: '16px' }}>
                     {

src/pages/GradeHospitalAccreditation/articleManagement/model.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-09-14 10:46:45
- * @LastEditTime: 2021-10-27 15:02:45
+ * @LastEditTime: 2021-10-28 16:26:19
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /MedicalWisdomCheckSys/src/pages/GradeHospitalAccreditation/articleManagement/model.ts
@@ -17,7 +17,7 @@ import { notification } from 'antd';
 
 //articleManagement
 const articleManagement = () => {
-  const [treeData, setTreeData] = useState([]);
+  const [treeData, setTreeData] = useState<any[]>([]);
   // const [tableData, setTableData] = useState([]);
   const [currentActivedTree, setCurrentActivedTree] = useState<MccsFileTree.childTree>();
   const [isLeaf, setIsLeaf] = useState(false);
@@ -74,10 +74,12 @@ const articleManagement = () => {
       const resp = await getTreeFileTableData(specifyId?{
         //传入树结构id指定获取某一节点对应数据
         ...params,
+        pageSize:10,
         id:specifyId
       }:{
         //直接拿树结构id
         ...params,
+        pageSize:10,
         id: currentActivedTree ? currentActivedTree.id : 0,
       },moduleMode);
   

src/pages/GradeHospitalAccreditation/ledgerUpload/index.tsx

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-09-14 10:22:09
- * @LastEditTime: 2021-10-28 15:18:44
+ * @LastEditTime: 2021-10-28 15:41:40
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /MedicalWisdomCheckSys/src/pages/GradeHospitalAccreditation/articleManagement/index.tsx
@@ -13,8 +13,6 @@ import {useModel} from 'umi';
 import { Form,Tabs,Button } from 'antd'
 import {
     ProFormText,
-    ProFormSelect,
-    ProFormDependency,
     ProFormDateRangePicker,
 } from '@ant-design/pro-form';
 
@@ -25,6 +23,9 @@ import MccsScoreBanner from '@/components/MccsScoreBanner';
 import MccsRecordList from '@/components/MccsRecordList/index';
 import MccsClickableTabs from '@/components/MccsClickableTabs/index';
 
+import 'moment/locale/zh-cn';
+import locale from 'antd/es/date-picker/locale/zh_CN';
+
 
 type LedgerUploadPropsType = {
 
@@ -69,7 +70,7 @@ const LedgerUpload: React.FC<LedgerUploadPropsType> = (props) => {
                 }
                 return (
                    
-                        <ProFormDateRangePicker name='date'  placeholder={['开始时间','结束时间']} />
+                        <ProFormDateRangePicker name='date'  placeholder={['开始时间','结束时间']} fieldProps={{locale:locale}} />
                   
                 )
             },