page

UI/src/pages/.umi/router.js

@@ -17,482 +17,482 @@ let routes = [
         "component": require('../404.js').default
       },
       {
-        "path": "/feature/feature",
+        "path": "/",
         "exact": true,
-        "component": require('../feature/feature.js').default
+        "component": require('../index.js').default
       },
       {
-        "path": "/externalWechat/externalUserList",
+        "path": "/member/ES_Memberbase",
         "exact": true,
-        "component": require('../externalWechat/externalUserList.js').default
+        "component": require('../member/ES_Memberbase.js').default
       },
       {
-        "path": "/externalWechat/externalCleanMobile",
+        "path": "/member/ES_MemberDrug",
         "exact": true,
-        "component": require('../externalWechat/externalCleanMobile.js').default
+        "component": require('../member/ES_MemberDrug.js').default
       },
       {
-        "path": "/demo/tabs",
+        "path": "/member/memberExts",
         "exact": true,
-        "component": require('../demo/tabs.js').default
+        "component": require('../member/memberExts.js').default
       },
       {
-        "path": "/demo/DTable",
+        "path": "/memberGrowthSetting/memberGrowthSetting",
         "exact": true,
-        "component": require('../demo/DTable.js').default
+        "component": require('../memberGrowthSetting/memberGrowthSetting.js').default
       },
       {
-        "path": "/demo/dragtable",
+        "path": "/kcontact/list",
         "exact": true,
-        "component": require('../demo/dragtable.js').default
+        "component": require('../kcontact/list.js').default
       },
       {
-        "path": "/demo/demoTable",
+        "path": "/memberPoints/memberPoints",
         "exact": true,
-        "component": require('../demo/demoTable.js').default
+        "component": require('../memberPoints/memberPoints.js').default
       },
       {
-        "path": "/demo/bird-treegrid",
+        "path": "/memdoc/mem_prescription",
         "exact": true,
-        "component": require('../demo/bird-treegrid.js').default
+        "component": require('../memdoc/mem_prescription.js').default
       },
       {
-        "path": "/demo/bird-tree",
+        "path": "/metacore/metacore",
         "exact": true,
-        "component": require('../demo/bird-tree.js').default
+        "component": require('../metacore/metacore.js').default
       },
       {
-        "path": "/demo/bird-selector",
+        "path": "/organization/Organization",
         "exact": true,
-        "component": require('../demo/bird-selector.js').default
+        "component": require('../organization/Organization.js').default
       },
       {
-        "path": "/demo/bird-multi",
+        "path": "/pointsRule/pointsRule",
         "exact": true,
-        "component": require('../demo/bird-multi.js').default
+        "component": require('../pointsRule/pointsRule.js').default
       },
       {
-        "path": "/demo/bird-gridmulti",
+        "path": "/ingproduct/add_product",
         "exact": true,
-        "component": require('../demo/bird-gridmulti.js').default
+        "component": require('../ingproduct/add_product.js').default
       },
       {
-        "path": "/demo/bird-grid",
+        "path": "/ingproduct/DashBoardExcel",
         "exact": true,
-        "component": require('../demo/bird-grid.js').default
+        "component": require('../ingproduct/DashBoardExcel.js').default
       },
       {
-        "path": "/demo/bird-form",
+        "path": "/ingproduct/mem_order",
         "exact": true,
-        "component": require('../demo/bird-form.js').default
+        "component": require('../ingproduct/mem_order.js').default
       },
       {
-        "path": "/demo/bird-cascader",
+        "path": "/ingproduct/mem_ordersinfo",
         "exact": true,
-        "component": require('../demo/bird-cascader.js').default
+        "component": require('../ingproduct/mem_ordersinfo.js').default
       },
       {
-        "path": "/demo/bird-button",
+        "path": "/ingproduct/mem_product",
         "exact": true,
-        "component": require('../demo/bird-button.js').default
+        "component": require('../ingproduct/mem_product.js').default
       },
       {
-        "path": "/datastatis/order_statis",
+        "path": "/ingproduct/mem_productLevel",
         "exact": true,
-        "component": require('../datastatis/order_statis.js').default
+        "component": require('../ingproduct/mem_productLevel.js').default
       },
       {
-        "path": "/datastatis/member_statis",
+        "path": "/ingproduct/mem_producttype",
         "exact": true,
-        "component": require('../datastatis/member_statis.js').default
+        "component": require('../ingproduct/mem_producttype.js').default
       },
       {
-        "path": "/datastatis/buy_statis",
+        "path": "/ingproduct/mem_producttypelist",
         "exact": true,
-        "component": require('../datastatis/buy_statis.js').default
+        "component": require('../ingproduct/mem_producttypelist.js').default
       },
       {
-        "path": "/dashboard",
+        "path": "/productData/ProductData",
         "exact": true,
-        "component": require('../dashboard/index.js').default
+        "component": require('../productData/ProductData.js').default
       },
       {
-        "path": "/auth/role",
+        "path": "/productData/ProductTags",
         "exact": true,
-        "component": require('../auth/role.js').default
+        "component": require('../productData/ProductTags.js').default
       },
       {
-        "path": "/auth/permission",
+        "path": "/indexManager/indexManager",
         "exact": true,
-        "component": require('../auth/permission.js').default
+        "component": require('../indexManager/indexManager.js').default
       },
       {
-        "path": "/auth/permission-sort",
+        "path": "/indexManager/indexPage",
         "exact": true,
-        "component": require('../auth/permission-sort.js').default
+        "component": require('../indexManager/indexPage.js').default
       },
       {
-        "path": "/auth/OrgRole",
+        "path": "/pushshow/pushshowui",
         "exact": true,
-        "component": require('../auth/OrgRole.js').default
+        "component": require('../pushshow/pushshowui.js').default
       },
       {
-        "path": "/auth/org",
+        "path": "/memberLevelSetting/memberLevelSetting",
         "exact": true,
-        "component": require('../auth/org.js').default
+        "component": require('../memberLevelSetting/memberLevelSetting.js').default
       },
       {
-        "path": "/auth/Mem_Terminaldoc",
+        "path": "/resources/Resources",
         "exact": true,
-        "component": require('../auth/Mem_Terminaldoc.js').default
+        "component": require('../resources/Resources.js').default
       },
       {
-        "path": "/auth/Mem_ProductCategory",
+        "path": "/feature/feature",
         "exact": true,
-        "component": require('../auth/Mem_ProductCategory.js').default
+        "component": require('../feature/feature.js').default
       },
       {
-        "path": "/auth/Mem_Payplatform",
+        "path": "/sellmanage/adminiFans",
         "exact": true,
-        "component": require('../auth/Mem_Payplatform.js').default
+        "component": require('../sellmanage/adminiFans.js').default
       },
       {
-        "path": "/auth/Mem_Logisticsent",
+        "path": "/sellmanage/appManagement",
         "exact": true,
-        "component": require('../auth/Mem_Logisticsent.js').default
+        "component": require('../sellmanage/appManagement.js').default
       },
       {
-        "path": "/auth/Mem_DataDictory",
+        "path": "/sellmanage/aterialManagement",
         "exact": true,
-        "component": require('../auth/Mem_DataDictory.js').default
+        "component": require('../sellmanage/aterialManagement.js').default
       },
       {
-        "path": "/auth/Mem_AreaRegion",
+        "path": "/sellmanage/channelCode",
         "exact": true,
-        "component": require('../auth/Mem_AreaRegion.js').default
+        "component": require('../sellmanage/channelCode.js').default
       },
       {
-        "path": "/auth/ES_Memproduct",
+        "path": "/sellmanage/portManagement",
         "exact": true,
-        "component": require('../auth/ES_Memproduct.js').default
+        "component": require('../sellmanage/portManagement.js').default
       },
       {
-        "path": "/auth/ES_MemFriends",
+        "path": "/externalWechat/externalCleanMobile",
         "exact": true,
-        "component": require('../auth/ES_MemFriends.js').default
+        "component": require('../externalWechat/externalCleanMobile.js').default
       },
       {
-        "path": "/auth/EchartTest",
+        "path": "/externalWechat/externalUserList",
         "exact": true,
-        "component": require('../auth/EchartTest.js').default
+        "component": require('../externalWechat/externalUserList.js').default
       },
       {
-        "path": "/auth/dragtable",
+        "path": "/sqlManage/sqlManage",
         "exact": true,
-        "component": require('../auth/dragtable.js').default
+        "component": require('../sqlManage/sqlManage.js').default
       },
       {
-        "path": "/auth/CM_User",
+        "path": "/stock/bird-stock",
         "exact": true,
-        "component": require('../auth/CM_User.js').default
+        "component": require('../stock/bird-stock.js').default
       },
       {
-        "path": "/auth/CM_RoleRelatePermission",
+        "path": "/demo/bird-treegrid",
         "exact": true,
-        "component": require('../auth/CM_RoleRelatePermission.js').default
+        "component": require('../demo/bird-treegrid.js').default
       },
       {
-        "path": "/auth/CM_role",
+        "path": "/demo/bird-button",
         "exact": true,
-        "component": require('../auth/CM_role.js').default
+        "component": require('../demo/bird-button.js').default
       },
       {
-        "path": "/auth/CM_Permission",
+        "path": "/demo/bird-gridmulti",
         "exact": true,
-        "component": require('../auth/CM_Permission.js').default
+        "component": require('../demo/bird-gridmulti.js').default
       },
       {
-        "path": "/auth/bird-permissionform",
+        "path": "/demo/bird-multi",
         "exact": true,
-        "component": require('../auth/bird-permissionform.js').default
+        "component": require('../demo/bird-multi.js').default
       },
       {
-        "path": "/auth/bird-permission",
+        "path": "/demo/bird-form",
         "exact": true,
-        "component": require('../auth/bird-permission.js').default
+        "component": require('../demo/bird-form.js').default
       },
       {
-        "path": "/areaData/AreaTags",
+        "path": "/demo/bird-tree",
         "exact": true,
-        "component": require('../areaData/AreaTags.js').default
+        "component": require('../demo/bird-tree.js').default
       },
       {
-        "path": "/areaData/AreaData",
+        "path": "/demo/bird-grid",
         "exact": true,
-        "component": require('../areaData/AreaData.js').default
+        "component": require('../demo/bird-grid.js').default
       },
       {
-        "path": "/",
+        "path": "/demo/demoTable",
         "exact": true,
-        "component": require('../index.js').default
+        "component": require('../demo/demoTable.js').default
       },
       {
-        "path": "/user/bird-userform",
+        "path": "/demo/dragtable",
         "exact": true,
-        "component": require('../user/bird-userform.js').default
+        "component": require('../demo/dragtable.js').default
       },
       {
-        "path": "/user/bird-useradmin",
+        "path": "/demo/DTable",
         "exact": true,
-        "component": require('../user/bird-useradmin.js').default
+        "component": require('../demo/DTable.js').default
       },
       {
-        "path": "/user/bird-user",
+        "path": "/login",
         "exact": true,
-        "component": require('../user/bird-user.js').default
+        "component": require('../login/index.js').default
       },
       {
-        "path": "/user/bird-supplier",
+        "path": "/demo/tabs",
         "exact": true,
-        "component": require('../user/bird-supplier.js').default
+        "component": require('../demo/tabs.js').default
       },
       {
-        "path": "/user/bird-pushcontacts",
+        "path": "/demo/bird-selector",
         "exact": true,
-        "component": require('../user/bird-pushcontacts.js').default
+        "component": require('../demo/bird-selector.js').default
       },
       {
-        "path": "/user/wechatUsers",
+        "path": "/sys/authorize/user",
         "exact": true,
-        "component": require('../user/wechatUsers.js').default
+        "component": require('../sys/authorize/user.js').default
       },
       {
-        "path": "/user/bird-supplierform",
+        "path": "/datastatis/buy_statis",
         "exact": true,
-        "component": require('../user/bird-supplierform.js').default
+        "component": require('../datastatis/buy_statis.js').default
       },
       {
-        "path": "/user/bird-pushstaffs",
+        "path": "/datastatis/member_statis",
         "exact": true,
-        "component": require('../user/bird-pushstaffs.js').default
+        "component": require('../datastatis/member_statis.js').default
       },
       {
-        "path": "/user/bird-pendingcontacts",
+        "path": "/datastatis/order_statis",
         "exact": true,
-        "component": require('../user/bird-pendingcontacts.js').default
+        "component": require('../datastatis/order_statis.js').default
       },
       {
-        "path": "/uploadprofile/uploadprofile",
+        "path": "/table",
         "exact": true,
-        "component": require('../uploadprofile/uploadprofile.js').default
+        "component": require('../table/index.js').default
       },
       {
-        "path": "/uploadprofile/download",
+        "path": "/dashboard",
         "exact": true,
-        "component": require('../uploadprofile/download.js').default
+        "component": require('../dashboard/index.js').default
       },
       {
-        "path": "/tag/tag_setting",
+        "path": "/tag/addTag_setting copy",
         "exact": true,
-        "component": require('../tag/tag_setting.js').default
+        "component": require('../tag/addTag_setting copy.js').default
       },
       {
-        "path": "/tag/tag",
+        "path": "/tag/addTag_setting",
         "exact": true,
-        "component": require('../tag/tag.js').default
+        "component": require('../tag/addTag_setting.js').default
       },
       {
-        "path": "/tag/addTag_setting",
+        "path": "/tag/tag",
         "exact": true,
-        "component": require('../tag/addTag_setting.js').default
+        "component": require('../tag/tag.js').default
       },
       {
-        "path": "/tag/addTag_setting copy",
+        "path": "/tag/tag_setting",
         "exact": true,
-        "component": require('../tag/addTag_setting copy.js').default
+        "component": require('../tag/tag_setting.js').default
       },
       {
-        "path": "/table",
+        "path": "/auth/CM_User",
         "exact": true,
-        "component": require('../table/index.js').default
+        "component": require('../auth/CM_User.js').default
       },
       {
-        "path": "/sys/authorize/user",
+        "path": "/auth/ES_MemFriends",
         "exact": true,
-        "component": require('../sys/authorize/user.js').default
+        "component": require('../auth/ES_MemFriends.js').default
       },
       {
-        "path": "/stock/bird-stock",
+        "path": "/auth/ES_Memproduct",
         "exact": true,
-        "component": require('../stock/bird-stock.js').default
+        "component": require('../auth/ES_Memproduct.js').default
       },
       {
-        "path": "/sqlManage/sqlManage",
+        "path": "/auth/Mem_AreaRegion",
         "exact": true,
-        "component": require('../sqlManage/sqlManage.js').default
+        "component": require('../auth/Mem_AreaRegion.js').default
       },
       {
-        "path": "/sellmanage/portManagement",
+        "path": "/auth/dragtable",
         "exact": true,
-        "component": require('../sellmanage/portManagement.js').default
+        "component": require('../auth/dragtable.js').default
       },
       {
-        "path": "/sellmanage/channelCode",
+        "path": "/auth/Mem_Logisticsent",
         "exact": true,
-        "component": require('../sellmanage/channelCode.js').default
+        "component": require('../auth/Mem_Logisticsent.js').default
       },
       {
-        "path": "/sellmanage/aterialManagement",
+        "path": "/auth/Mem_Payplatform",
         "exact": true,
-        "component": require('../sellmanage/aterialManagement.js').default
+        "component": require('../auth/Mem_Payplatform.js').default
       },
       {
-        "path": "/sellmanage/appManagement",
+        "path": "/auth/Mem_ProductCategory",
         "exact": true,
-        "component": require('../sellmanage/appManagement.js').default
+        "component": require('../auth/Mem_ProductCategory.js').default
       },
       {
-        "path": "/sellmanage/adminiFans",
+        "path": "/auth/Mem_Terminaldoc",
         "exact": true,
-        "component": require('../sellmanage/adminiFans.js').default
+        "component": require('../auth/Mem_Terminaldoc.js').default
       },
       {
-        "path": "/resources/Resources",
+        "path": "/auth/bird-permission",
         "exact": true,
-        "component": require('../resources/Resources.js').default
+        "component": require('../auth/bird-permission.js').default
       },
       {
-        "path": "/pushshow/pushshowui",
+        "path": "/auth/EchartTest",
         "exact": true,
-        "component": require('../pushshow/pushshowui.js').default
+        "component": require('../auth/EchartTest.js').default
       },
       {
-        "path": "/productData/ProductTags",
+        "path": "/auth/org",
         "exact": true,
-        "component": require('../productData/ProductTags.js').default
+        "component": require('../auth/org.js').default
       },
       {
-        "path": "/productData/ProductData",
+        "path": "/auth/CM_RoleRelatePermission",
         "exact": true,
-        "component": require('../productData/ProductData.js').default
+        "component": require('../auth/CM_RoleRelatePermission.js').default
       },
       {
-        "path": "/pointsRule/pointsRule",
+        "path": "/auth/OrgRole",
         "exact": true,
-        "component": require('../pointsRule/pointsRule.js').default
+        "component": require('../auth/OrgRole.js').default
       },
       {
-        "path": "/organization/Organization",
+        "path": "/auth/CM_role",
         "exact": true,
-        "component": require('../organization/Organization.js').default
+        "component": require('../auth/CM_role.js').default
       },
       {
-        "path": "/metacore/metacore",
+        "path": "/auth/permission-sort",
         "exact": true,
-        "component": require('../metacore/metacore.js').default
+        "component": require('../auth/permission-sort.js').default
       },
       {
-        "path": "/memdoc/mem_prescription",
+        "path": "/auth/CM_Permission",
         "exact": true,
-        "component": require('../memdoc/mem_prescription.js').default
+        "component": require('../auth/CM_Permission.js').default
       },
       {
-        "path": "/memberPoints/memberPoints",
+        "path": "/auth/permission",
         "exact": true,
-        "component": require('../memberPoints/memberPoints.js').default
+        "component": require('../auth/permission.js').default
       },
       {
-        "path": "/memberLevelSetting/memberLevelSetting",
+        "path": "/auth/bird-permissionform",
         "exact": true,
-        "component": require('../memberLevelSetting/memberLevelSetting.js').default
+        "component": require('../auth/bird-permissionform.js').default
       },
       {
-        "path": "/memberGrowthSetting/memberGrowthSetting",
+        "path": "/auth/role",
         "exact": true,
-        "component": require('../memberGrowthSetting/memberGrowthSetting.js').default
+        "component": require('../auth/role.js').default
       },
       {
-        "path": "/member/memberExts",
+        "path": "/auth/Mem_DataDictory",
         "exact": true,
-        "component": require('../member/memberExts.js').default
+        "component": require('../auth/Mem_DataDictory.js').default
       },
       {
-        "path": "/member/ES_MemberDrug",
+        "path": "/uploadprofile/download",
         "exact": true,
-        "component": require('../member/ES_MemberDrug.js').default
+        "component": require('../uploadprofile/download.js').default
       },
       {
-        "path": "/member/ES_Memberbase",
+        "path": "/uploadprofile/uploadprofile",
         "exact": true,
-        "component": require('../member/ES_Memberbase.js').default
+        "component": require('../uploadprofile/uploadprofile.js').default
       },
       {
-        "path": "/login",
+        "path": "/areaData/AreaData",
         "exact": true,
-        "component": require('../login/index.js').default
+        "component": require('../areaData/AreaData.js').default
       },
       {
-        "path": "/kcontact/list",
+        "path": "/areaData/AreaTags",
         "exact": true,
-        "component": require('../kcontact/list.js').default
+        "component": require('../areaData/AreaTags.js').default
       },
       {
-        "path": "/ingproduct/mem_producttypelist",
+        "path": "/user/bird-pendingcontacts",
         "exact": true,
-        "component": require('../ingproduct/mem_producttypelist.js').default
+        "component": require('../user/bird-pendingcontacts.js').default
       },
       {
-        "path": "/ingproduct/mem_producttype",
+        "path": "/user/bird-pushcontacts",
         "exact": true,
-        "component": require('../ingproduct/mem_producttype.js').default
+        "component": require('../user/bird-pushcontacts.js').default
       },
       {
-        "path": "/ingproduct/mem_productLevel",
+        "path": "/user/bird-pushstaffs",
         "exact": true,
-        "component": require('../ingproduct/mem_productLevel.js').default
+        "component": require('../user/bird-pushstaffs.js').default
       },
       {
-        "path": "/ingproduct/mem_product",
+        "path": "/user/bird-supplier",
         "exact": true,
-        "component": require('../ingproduct/mem_product.js').default
+        "component": require('../user/bird-supplier.js').default
       },
       {
-        "path": "/ingproduct/mem_ordersinfo",
+        "path": "/user/bird-supplierform",
         "exact": true,
-        "component": require('../ingproduct/mem_ordersinfo.js').default
+        "component": require('../user/bird-supplierform.js').default
       },
       {
-        "path": "/ingproduct/mem_order",
+        "path": "/user/bird-user",
         "exact": true,
-        "component": require('../ingproduct/mem_order.js').default
+        "component": require('../user/bird-user.js').default
       },
       {
-        "path": "/ingproduct/DashBoardExcel",
+        "path": "/user/bird-useradmin",
         "exact": true,
-        "component": require('../ingproduct/DashBoardExcel.js').default
+        "component": require('../user/bird-useradmin.js').default
       },
       {
-        "path": "/ingproduct/add_product",
+        "path": "/user/bird-userform",
         "exact": true,
-        "component": require('../ingproduct/add_product.js').default
+        "component": require('../user/bird-userform.js').default
       },
       {
-        "path": "/indexManager/indexPage",
+        "path": "/user/wechatUsers",
         "exact": true,
-        "component": require('../indexManager/indexPage.js').default
+        "component": require('../user/wechatUsers.js').default
       },
       {
-        "path": "/indexManager/indexManager",
+        "path": "/demo/bird-cascader",
         "exact": true,
-        "component": require('../indexManager/indexManager.js').default
+        "component": require('../demo/bird-cascader.js').default
       },
       {
-        "component": () => React.createElement(require('E:/qiyewx/WxJava/weixin-java-cp-demo/UI/node_modules/umi-build-dev/lib/plugins/404/NotFound.js').default, { pagesPath: 'src/pages', hasRoutesInConfig: false })
+        "component": () => React.createElement(require('D:/home/qiyewechatApp/UI/node_modules/umi-build-dev/lib/plugins/404/NotFound.js').default, { pagesPath: 'src/pages', hasRoutesInConfig: false })
       }
     ]
   },
   {
-    "component": () => React.createElement(require('E:/qiyewx/WxJava/weixin-java-cp-demo/UI/node_modules/umi-build-dev/lib/plugins/404/NotFound.js').default, { pagesPath: 'src/pages', hasRoutesInConfig: false })
+    "component": () => React.createElement(require('D:/home/qiyewechatApp/UI/node_modules/umi-build-dev/lib/plugins/404/NotFound.js').default, { pagesPath: 'src/pages', hasRoutesInConfig: false })
   }
 ];
 

UI/src/pages/sellmanage/appManagement.js

@@ -29,7 +29,8 @@ class AddminiFans extends Component {
       formConfirmLoading: false,
       formOption: { modal: "", title: "" },
       formOption2: { modal: "", title: "" },
-      formOption3: { modal: "", title: "" }
+      formOption3: { modal: "", title: "" },
+      downData : [{value: '1',label : '123'}]
     };
   }
 
@@ -308,16 +309,31 @@ class AddminiFans extends Component {
         { title: "发布端口", data: "name1", type: "text", query: false 
         // editor: { isRequired: true }
         },
-        { title: "端口类型", data: "name66", type: "dropdown", query: false , hide: true, editor: { isRequired: true }
-        ,source:{multi:false,data:[
+        /** 发布渠道新增 begin */
+        { title: "端口类型", data: "name66", type: "dropdown", query: false , hide: true, editor: { isRequired: true ,onChange:function(value,l){
+            console.log(value + "$" + l)
+            request({
+              url: WXMpAPI + "/wx/port/getAllName",
+              method: "get"
+            }).then(function(result) {
+              self.setState({
+                downData : result 
+              })
+              console.log(self.state.downData)
+            });
+            
+          }},source:{multi:false,data:[
           {label:'企业微信',value:'1'},
-          {label:'公众号',value:'0'}
-        ]},onChange:function(value){
-            alert(value)
-        }
+          {label:'公众号',value:'0'},
+          {label:'小程序',value:'2'},
+        ]}
         },
-        { title: "消息类型", data: "name2", type: "dropdown", query: false, source: { url: "/ums/resource/parents" }, editor: { isRequired: true }, hide: true },
-        { title: "模板消息ID", data: "names", type: "text", query: false, editor: { isRequired: true }, hide: true },
+        { title: "发布端口", data: "name2", type: "dropdown", query: false, source: { 
+          multi:false,data : this.state.downData
+        }, editor: { isRequired: true }, hide: true },
+        /** 发布渠道新增 end */
+
+        { title: "模板消息ID", data: "names", type: "text", query: false, editor: { isRequired: true ,ap: 'hide'}, hide: true },
         { title: "链接",  data: "url", render: (text, row, index) => (
             <div key={index}>
               <div>