Merge branch 'dev' of http://10.0.0.22:3000/lingxi/lingxi-business-system into dev

package.json

@@ -6,6 +6,7 @@
     "scripts:build": "node scripts/run",
     "scripts:build-yxc": "node scripts/run http://yxc-web-demo.shushangyun.com/api",
     "start": "yarn api && yarn scripts:build && umi dev",
+    "start:dev": "umi dev",
     "build": "yarn api && yarn scripts:build && umi build",
     "build:yxc": "yarn api && yarn scripts:build-yxc && umi build",
     "build:dev": "pm2 start scripts/devServer.js",

scripts/services/index.js

@@ -2,7 +2,7 @@
  * @Author: LeeJiancong
  * @Date: 2020-08-10 14:41:27
  * @LastEditors: LeeJiancong
- * @LastEditTime: 2020-08-11 16:24:57
+ * @LastEditTime: 2020-08-18 14:55:46
  */
 /**
  * 用于在项目开始前获取所有的配置
@@ -40,11 +40,11 @@ const serviceConfig = {
   payConfig:{
     payInitializeConfig:{
       url:'/pay/initialize/config',
-      method: 'post'
+      method: 'get'
     },
     payPlatformPayConfig:{
       url:'/pay/platform/pay/config',
-      method:'post'
+      method:'get'
     }
   }
 }

src/constants/index.ts

 export const NOT_CHANGE_VALUE = 'hello, world'
 
-export const isDev = true
+// 本地环境跳过权限校验
\ No newline at end of file
+export const isDev = process.env.NODE_ENV === "development"
\ No newline at end of file

src/hooks/useRowSelectionTable.ts

@@ -11,7 +11,8 @@ interface useRowSelectionTableCtl {
 }
 
 interface useRowSelectionOptions {
-  type?: 'checkbox' | 'radio'
+  type?: 'checkbox' | 'radio',
+  customKey?: string
 }
 
 /**
@@ -19,7 +20,7 @@ interface useRowSelectionOptions {
  * @auth xjm
  */
 export const useRowSelectionTable = (options: useRowSelectionOptions = {}): [TableRowSelection<any>, useRowSelectionTableCtl] => {
-  const { type = 'checkbox' } = options
+  const { type = 'checkbox', customKey = 'id' } = options
   const [selectRow, setSelectRow] = useState<any[]>([]) // 模态框选择的行数据
   const [selectedRowKeys, setSelectedRowKeys] = useState<any[]>(() => [])
 
@@ -33,7 +34,7 @@ export const useRowSelectionTable = (options: useRowSelectionOptions = {}): [Tab
 
   const removeRows = (arr: any[]) => {
     return selectRow.filter(v => {
-      const result = arr.find(item => item.id === v.id)
+      const result = arr.find(item => item[customKey] === v[customKey])
       if (!result) {
         return v
       }
@@ -62,7 +63,7 @@ export const useRowSelectionTable = (options: useRowSelectionOptions = {}): [Tab
       }
       const findIds = selectedRowKeys.indexOf(record.id)
       if (findIds === -1) {
-        mergeRowKeys(record.id)
+        mergeRowKeys(record[customKey])
         mergeRow(record)
       } else {
         setSelectedRowKeys(selectedRowKeys.filter((_, i) => i !== findIds))
@@ -72,10 +73,10 @@ export const useRowSelectionTable = (options: useRowSelectionOptions = {}): [Tab
 
     onSelectAll: (selected, selectedRows, changeRows) => {
       if (selected) {
-        setSelectedRowKeys(dupliArr([...selectedRowKeys, ...changeRows.map(v => v.id)]))
-        setSelectRow(mergeArrByKey(selectRow, changeRows, 'id'))
+        setSelectedRowKeys(dupliArr([...selectedRowKeys, ...changeRows.map(v => v[customKey])]))
+        setSelectRow(mergeArrByKey(selectRow, changeRows, customKey))
       } else {
-        setSelectedRowKeys(removeRowsKeys(changeRows.map(v => v.id)))
+        setSelectedRowKeys(removeRowsKeys(changeRows.map(v => v[customKey])))
         setSelectRow(removeRows(changeRows))
       }
     }

src/pages/ruleSettingManage/payStrategy/detail.tsx

@@ -7,14 +7,16 @@ import {ColumnType} from  'antd/lib/table/interface'
 import EyePreview from '@/components/EyePreview'
 import {createFormActions,ISchema} from '@formily/antd'
 import PayForm  from '../components/PayForm'
+import ModalTable from '@/components/ModalTable'
 import {useInitValue} from '@/formSchema/effects/useInitValue'
 import {strategyDetailTab}  from '../schema'
-import {usePageStatus} from '@/hooks/usePageStatus'
+import {usePageStatus, PageStatus} from '@/hooks/usePageStatus'
 import { useRowSelectionTable} from '@/hooks/useRowSelectionTable'
 import {history} from 'umi'
 import {findItemAndDelete} from '@/utils'
 import { GlobalConfig } from '@/global/config'
 import { PublicApi } from '@/services/api'
+import style from './index.less'
 const payActions = createFormActions()
 const fetchMemberList = async (params) => {
   const res = await PublicApi.getMemberMaintenancePage(params)
@@ -25,7 +27,10 @@ const PaySetting: React.FC<{}> = () => {
   const ref = useRef<any>({})
   const [visible, setvisible] = useState<boolean>(false)
   const [visibleChannelMember, setVisibleChannelMember] = useState(false)
-  const [memberRowSelection, memberRowCtl] = useRowSelectionTable()
+  const [searchParams, setsearchParams] = useState({
+    memberName: ''
+  })
+  const [memberRowSelection, memberRowCtl] = useRowSelectionTable({customKey:'memberId'})
   const [optionType, setoptionType] = useState(0)
   const {preview,pageStatus} = usePageStatus()
   // const initValue = useInitValue(PublicApi.getPayPayMemberTacticsDetails)
@@ -58,7 +63,7 @@ const PaySetting: React.FC<{}> = () => {
       title: '会员等级',
       dataIndex: 'levelTag',
       align: 'center',
-      key: 'levelTag',
+      key: 'levelTag'
     }
   ]
   const [infoData, setinfoData] = useState<any>(
@@ -116,16 +121,16 @@ const PaySetting: React.FC<{}> = () => {
     const value = payActions.getFieldValue('applyMember')
     payActions.setFieldValue('applyMember', findItemAndDelete(value, id))
   }
-  const tableAddButton = <Button style={{marginBottom: 16}} block icon={<PlusOutlined/>} onClick={() =>handleAddMemberBtn()} type='dashed'>选择指定会员</Button>
+  const tableAddButton = <Button style={{marginBottom: 16}} disabled={pageStatus === PageStatus.PREVIEW} block icon={<PlusOutlined/>} onClick={() =>handleAddMemberBtn()} type='dashed'>选择指定会员</Button>
   const tableColumns = [
     { dataIndex: 'memberId', title: 'ID', align: 'center' },
-    { dataIndex: 'name', title: '会员名称',key:'name', align: 'center' },
-    { dataIndex: 'memberTypeName', key:'memberTypeName',align: 'center', title: '会员类型', render: (_, record) => <EyePreview url={`/memberCenter/memberAbility/manage/addMember?id=${record.memberId}&preview=1`}>{_}</EyePreview> },
+    { dataIndex: 'name', title: '会员名称',key:'name', align: 'left', render: (_, record) => <EyePreview url={`?id=${record.memberId}&preview=1`}>{_}</EyePreview>  },
+    { dataIndex: 'memberTypeName', key:'memberTypeName',align: 'center', title: '会员类型'},
     { dataIndex: 'roleName', key:'roleName',title: '会员角色', align: 'center' },
     { dataIndex: 'levelTag', key:'levelTag',title: '会员等级', align: 'center' },
     { dataIndex: 'ctl', title: '操作', align: 'center', render: (_, record) => 
     <>
-      <Button type='link' onClick={() => handleDeleteTable(record.id)}>删除</Button>
+      <Button disabled={pageStatus === PageStatus.PREVIEW} type='link' onClick={() => handleDeleteTable(record.id)}>删除</Button>
     </>
 
    }
@@ -141,8 +146,15 @@ const PaySetting: React.FC<{}> = () => {
             payActions.setFieldValue(`ruleConfigurationId-${index}`,item.ruleConfigurationId)
             payActions.setFieldValue(`payWayIds-${index}`,item.payWayIds)
           })
-          payActions.setFieldValue('isSelected',data.isSelected)
-          // payActions.setFieldValue('applyMember',  data.memberIds)
+          payActions.setFieldValue('isSelected',data.isSelected )
+        }
+      })
+      PublicApi.getPayApplyMemberList({id: usePageStatus().id,
+        ...searchParams,current:1,pageSize: 10000
+        }).then(res => {
+        if(res.code === 1000){
+          let {data} = res.data
+          payActions.setFieldValue('applyMember', data)
         }
       })
       
@@ -227,23 +239,21 @@ const PaySetting: React.FC<{}> = () => {
             tableColumns,
             tableAddButton
           }}
-          // editable={usePageStatus().pageStatus === 2 ?false: true}
+          editable={pageStatus  !== PageStatus.PREVIEW}
           onSubmit={handleSubmit}
           actions={payActions}
           schema={strategyDetailTab(infoData,usePageStatus)}
         />
       </Card>
-      <Modal
-        width={704}
-        title='选择适用会员'
-        onOk={handleOkAddMember}
-        onCancel={handleCancelAddMember}
-        visible={visible}
-      >
-        <StandardTable
+      <ModalTable
+          modalTitle='选择适用会员'
+          confirm={handleOkAddMember}
+          cancel={handleCancelAddMember}
+          visible={visible}
           columns={columnsSetMember}
           rowSelection={memberRowSelection}
           fetchTableData={params => fetchMemberList(params)}
+          
           formilyProps={
             {
               ctx: { schema: formSearch }
@@ -252,9 +262,7 @@ const PaySetting: React.FC<{}> = () => {
           tableProps={{
             rowKey: 'memberId'
           }}
-        >
-        </StandardTable>
-      </Modal>
+        />
     </PageHeaderWrapper>
   )
 }

src/pages/ruleSettingManage/payStrategy/index.css

+.levelIcon1 {
+  width: 100%;
+  height: 20px;
+  background: url("/static/imgs/vip1@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+.levelIcon2 {
+  width: 100%;
+  height: 20px;
+  background: url("/static/imgs/vip2@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+.levelIcon3 {
+  width: 100%;
+  height: 20px;
+  background: url("/static/imgs/vip3@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+.levelIcon4 {
+  width: 100%;
+  height: 20px;
+  background: url("/static/imgs/vip4@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}

src/pages/ruleSettingManage/payStrategy/index.less

+.levelIcon1 {
+  width          : 100%;
+  height         : 20px;
+  background     : url("/static/imgs/vip1@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+
+.levelIcon2 {
+  width          : 100%;
+  height         : 20px;
+  background     : url("/static/imgs/vip2@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+
+.levelIcon3 {
+  width          : 100%;
+  height         : 20px;
+  background     : url("/static/imgs/vip3@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}
+
+.levelIcon4 {
+  width          : 100%;
+  height         : 20px;
+  background     : url("/static/imgs/vip4@2x.png") no-repeat center;
+  background-size: 24px 20px;
+}

src/pages/ruleSettingManage/payStrategy/index.tsx

@@ -2,7 +2,7 @@
  * @Author: LeeJiancong
  * @Date: 2020-08-06 19:07:32
  * @LastEditors: LeeJiancong
- * @LastEditTime: 2020-08-11 16:19:10
+ * @LastEditTime: 2020-08-18 10:05:03
  */
 import React, { useEffect,useState, useRef } from 'react';
 import {Card,Row,Col,Space,Button,Popconfirm} from 'antd'
@@ -146,7 +146,10 @@ const List: React.FC<{}> = () => {
               properties: {
                 name: {
                   type: 'string',
-                  "x-component": 'search'
+                  "x-component": 'search',
+                  "x-component-props":{
+                    placeholder:'输入策略名称'
+                  }
                 }
               }
             }

src/pages/ruleSettingManage/schema/index.tsx

@@ -2,13 +2,14 @@
  * @Author: LeeJiancong
  * @Date: 2020-08-06 11:12:18
  * @LastEditors: LeeJiancong
- * @LastEditTime: 2020-08-12 20:32:03
+ * @LastEditTime: 2020-08-18 15:21:25
  */
 import React, { useState, useEffect } from 'react'
 import { ISchema } from '@formily/antd'
 import { FORM_FILTER_PATH } from '@/formSchema/const'
 import { GlobalConfig } from '@/global/config'
 import { AreaChartOutlined } from '@ant-design/icons'
+import { json } from 'express'
 let payType = ['', '线上支付', '线下支付', '授信额度支付', '货到付款支付']
 let currentTab;
 
@@ -17,8 +18,9 @@ export const strategyDetailTab = (props: any, usePageStatus: any) => {
 
   //新增时候就初始化
   let baseList: any = GlobalConfig.payConfig.payInitializeConfig
-  console.log('baseList', baseList)
 
+  console.log('baseList', JSON.stringify(baseList))
+  // baseList[2].ruleConfigurations = [{value:1,label:"1",platformType:1}]
   let tabItem = {}, Tab1 = {}, arr = []
   baseList.map((item, index) => {
     Tab1[`MEGA_LAYOUT_LINE${index}`] = {
@@ -36,14 +38,14 @@ export const strategyDetailTab = (props: any, usePageStatus: any) => {
       properties: {
         [`ruleConfigurationId-${index}`]: {
           type: 'string',
-          enum: item.ruleConfigurations,
+          enum: item.ruleConfigurations || [],
           'x-component-props': {
           },
           required: true,
         },
         [`payWayIds-${index}`]: {
           type: 'array:number',
-          enum: item.payWayResponses,
+          enum: item.payWayResponses || [],
           "x-component": 'checkbox',
           'x-component-props': {
           },
@@ -101,7 +103,8 @@ export const strategyDetailTab = (props: any, usePageStatus: any) => {
             required: true,
             title: '策略名称',
             'x-component-props': {
-              placeholder: '请输入策略名称',
+              max:24,
+              placeholder: '平台代收模式-线上支付+线下支付方式',
             },
           },
           ...Tab1
@@ -149,7 +152,11 @@ export const strategyDetailTab = (props: any, usePageStatus: any) => {
             "x-component-props": {
               rowKey: 'memberId',
               columns: "{{tableColumns}}",
-              prefix: "{{tableAddButton}}"
+              prefix: "{{tableAddButton}}",
+
+              onChange:(val) => {
+                console.log(val)
+              }
             }
           }
         }