fix:商品区块图片变形问题

config/routes/payandSettle.ts

@@ -40,7 +40,25 @@ const payandSettleRoute = {
           hideInMenu: true, 
         }, 
       ],
-    }, 
+    },
+    // 资金账户
+    {
+      path:'/memberCenter/payandSettle/capitalAccounts',
+      name:'capitalAccounts', 
+      routes: [
+        {
+          path: '/memberCenter/payandSettle/capitalAccounts/accountLists',
+          name: 'accountLists', 
+          component: '@/pages/payandSettle/capitalAccounts/accountLists', 
+        }, 
+        {
+          path: '/memberCenter/payandSettle/capitalAccounts/accountLists/accountDetail',
+          name: 'accountDetail', 
+          component: '@/pages/payandSettle/capitalAccounts/accountLists/accountDetail',
+          hideInMenu: true, 
+        }, 
+      ],
+    },
   ]
 }
 export default payandSettleRoute
\ No newline at end of file

src/locales/zh-CN/menu.ts

@@ -237,12 +237,17 @@ export default {
   'menu.logisticsAbility.logisticsResult.orderResultDeatil': '物流单详情',
   'menu.logisticsAbility.logisticsResult.toOrderComfirmList': '待确认物流单',
 
+  // 支付
+
   'menu.payandSettle': '支付',
   'menu.payandSettle.paySetting': '支付方式管理',
   'menu.payandSettle.paySetting.payParamsSetting': '会员支付参数配置',
   'menu.payandSettle.creditApplication': '授信申请',
   'menu.payandSettle.creditApplication.quotaMenage': '授信额度管理',
   'menu.payandSettle.creditApplication.quotaMenageDetail': '授信额度管理',
+  'menu.payandSettle.capitalAccounts': '资金账户',
+  'menu.payandSettle.capitalAccounts.accountLists': '账户管理',
+  'menu.payandSettle.capitalAccounts.accountDetail': '账户详情',
 
   // 权限管理
   'menu.systemSetting': '系统',

src/pages/commodity/products/addProductsItem/index.less

@@ -8,8 +8,6 @@
     padding: 0;
     li{
       padding-left: 24px;
-      // height: 32px;
-      // line-height: 32px;
       color: #303133;
       display: flex;
       justify-content: space-between;
@@ -50,7 +48,7 @@
 
 
 
-// productDescFormCloud // yunxiancai template
+// productDescFormCloud // yxc template
 .cloud-container{
   width: 790px;
 }

src/pages/commodity/products/index.less

@@ -113,12 +113,22 @@
     left:50%;
     transform: translate(-50%, -50%);
   }
-  .divVideo, .divImage{
+  .divVideo{
     margin: 24px auto;
     height: auto;
+  }
+  .divImage{
+    width: 320px;
+    height: 240px;
+    margin: 24px auto;
+    position: relative;
     img{
-      width: 320px;
-      height: 240px;
+      max-width: 100%;
+      max-height: 100%;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%); 
     }
   }
   .right-btn{
@@ -153,9 +163,14 @@
     margin-left: 16px;
     margin-bottom: 12px;
     border:1px solid rgba(235,236,240,1);
+    position: relative;
     img{
-      width: 100%;
-      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%); 
     }
   }
   .videoItem{
@@ -185,9 +200,14 @@
     height:104px;
     margin-right: 16px;
     border:1px solid rgba(235,236,240,1);
+    position: relative;
     .pic{
-      width: 100%;
-      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%); 
     }
   }
 }

src/pages/payandSettle/capitalAccounts/accountLists/accountDetail.tsx

+import React, { useState, useEffect, useRef } from 'react'
+import { Card } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+
+const AccountDetail: React.FC<{}> = () => {
+
+  return (
+    <PageHeaderWrapper>
+      <Card>
+        <p>账户详情</p>
+      </Card>
+    </PageHeaderWrapper>
+  )
+}
+
+export default AccountDetail

src/pages/payandSettle/capitalAccounts/accountLists/index.tsx

+import React, { useState, useEffect, useRef } from 'react'
+import { Card, Space, Button,  } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+import { StandardTable } from 'god'
+import { ColumnType } from 'antd/lib/table/interface'
+import { PublicApi } from '@/services/api'
+import NiceForm from '@/components/NiceForm'
+import { createFormActions, FormEffectHooks } from '@formily/antd'
+import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch'
+import { searchSchema } from './schema'
+import { FORM_FILTER_PATH } from '@/formSchema/const'
+import { PlusOutlined } from '@ant-design/icons'
+import EyePreview from '@/components/EyePreview'
+
+const formActions = createFormActions();
+
+const AccountLists: React.FC<{}> = () => {
+  const ref = useRef<any>({})
+
+  const columns: ColumnType<any>[] = [
+    {
+      title: '账户归属',
+      dataIndex: 'name',
+      key: 'name',
+      className: 'commonPickColor',
+      render: (text, record) => <EyePreview
+        url={`/memberCenter/payandSettle/capitalAccounts/accountLists/accountDetail?id=${record.id}`}
+      >
+        {text}
+      </EyePreview>
+    },
+    {
+      title: '会员类型',
+      dataIndex: 'type',
+      key: 'type',
+    },
+    {
+      title: '会员角色',
+      dataIndex: ['customerCategory', 'name'],
+      key: 'customerCategory',
+    },
+    {
+      title: '会员等级',
+      dataIndex: ['brand', 'name'],
+      key: 'brand',
+    },
+    {
+      title: '会员等级类型',
+      dataIndex: 'unitName',
+      key: 'unit',
+    },
+    {
+      title: '会员状态',
+      dataIndex: 'unitName',
+      key: 'unit',
+    },
+    {
+      title: '账户状态',
+      dataIndex: 'unitName',
+      key: 'unit',
+    },
+    {
+      title: '锁定余额',
+      dataIndex: 'costPrice',
+      key: 'costPrice',
+      render: text => `￥${text}`
+    },
+    {
+      title: '可用余额',
+      dataIndex: 'batch',
+      key: 'batch',
+      render: text => `￥${text}`
+    },
+  ]
+
+  const fetchData = (params: any) => {
+    console.log(params)
+    return new Promise((resolve, reject) => {
+      let obj = { ...params }
+      PublicApi.getProductGoodsGetGoodsList(obj).then(res => {
+        resolve(res.data)
+      })
+    })
+  }
+
+  return (
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          columns={columns}
+          currentRef={ref}
+          tableProps={{ rowKey: "id" }}
+          fetchTableData={(params: any) => fetchData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
+                );
+              }}
+              schema={searchSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
+  )
+}
+
+export default AccountLists

src/pages/payandSettle/capitalAccounts/accountLists/schema/index.tsx

+import { ISchema } from '@formily/antd';
+import { FORM_FILTER_PATH } from '@/formSchema/const';
+
+export const searchSchema: ISchema = {
+  type: 'object',
+  properties: {
+    mageLayout: {
+      type: 'object',
+      'x-component': 'mega-layout',
+      properties: {
+        topLayout: {
+          type: 'object',
+          'x-component': 'mega-layout',
+          'x-component-props': {
+            grid: true,
+          },
+          properties: {
+            name: {
+              type: 'string',
+              'x-component': 'Search',
+              'x-component-props': {
+                placeholder: '账户归属',
+                align: 'flex-left',
+              },
+            },
+          },
+        },
+        [FORM_FILTER_PATH]: {
+          type: 'object',
+          'x-component': 'flex-layout',
+          'x-component-props': {
+            rowStyle: {
+              flexWrap: 'nowrap',
+              justifyContent: 'end',
+            },
+            colStyle: {
+              marginRight: 20,
+            },
+          },
+          properties: {
+            code: {
+              type: 'string',
+              'x-component-props': {
+                placeholder: '会员状态'
+              },
+            },
+            batch: {
+              type: 'string',
+              'x-component-props': {
+                placeholder: '账户状态'
+              },
+            },
+            applyTime: {
+              type: "daterange",
+              properties: {
+                "[start,end]": {
+                  'x-component-props': {
+                    placeholder: ['开始时间','结束时间'],
+                  },
+                }
+              }
+            },
+            submit: {
+              'x-component': 'Submit',
+              'x-mega-props': {
+                span: 1,
+              },
+              'x-component-props': {
+                children: '查询',
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+};
\ No newline at end of file