fix:

src/pages/commodity/products/constant/index.tsx

 import { FORM_FILTER_PATH } from '@/formSchema/const';
-import { PublicApi } from '@/services/api';
 import { ISchema } from '@formily/antd';
+import { Badge } from 'antd';
 import { ColumnType } from 'antd/lib/table';
 import moment from 'moment';
 import React, { ReactNode } from 'react'
@@ -20,6 +20,18 @@ export const productStatusLabel = [
   '未上架'
 ]
 
+/** 商品状态对应的颜色 */
+export const productStatusColor = [
+  '',
+  'blue',
+  'cyan',
+  'orange',
+  'green',
+  'green',
+  'purple',
+  'gold',
+]
+
 /** 品类类型 */
 export const customerCategoryTypeLabel = [
   '',
@@ -62,6 +74,15 @@ export enum CommodityType {
   AGENT_SALE_COMMODITY = 3,
 }
 
+/** 商品的操作文本 */
+export const opeartionLabel = [
+  '',
+  '提交审核',
+  '修改商品',
+  '审核商品'
+]
+
+
 /** 查看商品 审核历史列 */
 export const columns: ColumnType<any>[] = [
   {
@@ -79,31 +100,13 @@ export const columns: ColumnType<any>[] = [
     title: '状态',
     dataIndex: 'status',
     key: 'status',
-    render: (text:any, record:any) => {
-      let component: ReactNode = null
-      if(record.status === 4)
-        component = (<><span className="commonStatusValid"></span>审核通过</>)
-      else if(record.status === 1)
-        component = (<><span className="commonStatusInvalid"></span>待提交审核</>)
-      else if(record.status === 2)
-        component = (<><span className="commonStatusModify"></span>待审核</>)
-      else if(record.status === 3)
-        component = (<><span className="commonStatusStop"></span>审核不通过</>)
-      return component
-    }
+    render: (t, r) => <Badge color={productStatusColor[t]} text={productStatusLabel[t]} />
   },
   {
     title: '操作',
     dataIndex: 'operation',
     key: 'operation',
-    render: (text:any, record:any) => {
-      if(record.operation === 1)
-        return '提交审核'
-      else if(record.operation === 2)
-        return '修改商品'
-      else if(record.operation === 3)
-        return '审核商品'
-    }
+    render: text => opeartionLabel[text]
   },
   {
     title: '操作时间',

src/pages/commodity/products/directChannel.tsx

 import React, { useState, useEffect, useRef, ReactNode } from 'react'
 import { history } from 'umi'
-import { Button, Form, Card, Modal, Select, Row, Col, Dropdown, Tooltip, Menu, Space, message, Checkbox } from 'antd'
+import { Button, Form, Card, Modal, Select, Row, Col, Dropdown, Tooltip, Menu, Space, message, Checkbox, Badge } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import {
   PlusOutlined,
@@ -27,7 +27,7 @@ import { searchBrandOptionEffect, searchCustomerCategoryOptionEffect } from './e
 import EyePreview from '@/components/EyePreview'
 import moment from 'moment'
 import { GetProductChannelCommodityGetShopResponse } from '@/services/ProductApi'
-import { productStatusLabel } from './constant'
+import { productStatusColor, productStatusLabel } from './constant'
 
 // 定义选择的行数据的类型
 interface Item {
@@ -146,7 +146,7 @@ const DirectChannel: React.FC<{}> = () => {
       title: '商品状态',
       dataIndex: 'status',
       key: 'id',
-      render: (text: any, record: any) => <><span className="commonStatusModify"></span>{productStatusLabel[text]}</>
+      render: (t) => <Badge color={productStatusColor[t]} text={productStatusLabel[t]} />
     },
     {
       title: '操作',

src/pages/commodity/products/fastModifyPrice.tsx

 import React, { useState, useEffect, useRef, ReactNode } from 'react'
-import { Button, Form, Card, Modal, Checkbox, Row, Col, Input, } from 'antd'
+import { Button, Form, Card, Modal, Checkbox, Row, Col, Input, Badge, } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import {
   PlusOutlined,
@@ -16,7 +16,7 @@ import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilte
 import { searchCustomerCategoryOptionEffect, searchBrandOptionEffect } from './effect'
 import { fastSchema } from './schema/productSchema'
 import { FORM_FILTER_PATH } from '@/formSchema/const'
-import { priceTypeLabel, productStatusLabel, validatorNumberRange } from './constant'
+import { priceTypeLabel, productStatusColor, productStatusLabel, validatorNumberRange } from './constant'
 
 const formActions = createFormActions();
 
@@ -103,7 +103,7 @@ const FastModifyPrice: React.FC<{}> = () => {
       title: '状态',
       dataIndex: 'status',
       key: 'status',
-      render: (text: any, record: any) => <><span className="commonStatusModify"></span>{productStatusLabel[text]}</>
+      render: (text) => <Badge color={productStatusColor[text]} text={productStatusLabel[text]} />
     },
     {
       title: '操作',

src/pages/commodity/products/index.tsx

 import React, { useState, useEffect, useRef, useMemo } from 'react'
 import { history } from 'umi'
-import { Button, Form, Card, Modal, Result, Progress, Select, Tooltip, Checkbox, Row, Col, Dropdown, Menu, Space, message } from 'antd'
+import { Button, Form, Card, Modal, Result, Progress, Select, Tooltip, Checkbox, Row, Col, Dropdown, Menu, Space, message, Badge } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import {
   PlusOutlined,
@@ -28,7 +28,7 @@ import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilte
 import { searchBrandOptionEffect, searchCustomerCategoryOptionEffect } from './effect'
 import { getAuth } from '@/utils/auth'
 import useSetSearchValueInTable from '@/hooks/useSetSearchValueInTable'
-import { priceTypeLabel, productStatusLabel } from './constant'
+import { priceTypeLabel, productStatusColor, productStatusLabel } from './constant'
 import EyePreview from '@/components/EyePreview'
 import UpperProductModalTable from './components/upperProductModalTable'
 import { Item } from '@/components/ButtonTabs'
@@ -164,7 +164,7 @@ const Products: React.FC<{}> = () => {
       title: '商品状态',
       dataIndex: 'status',
       key: 'status',
-      render: text => <><span className="commonStatusModify"></span>{productStatusLabel[text]}</>
+      render: t => <Badge color={productStatusColor[t]} text={productStatusLabel[t]} />
     },
     {
       title: '操作',

src/pages/commodity/products/viewProducts.tsx

 import React, { useState, ReactNode, useEffect } from 'react'
 import { history } from 'umi'
-import { Steps, Card, Space, Tooltip, Row, Col, Descriptions, Table, Tabs, Tag, Divider } from 'antd'
+import { Steps, Card, Space, Tooltip, Row, Col, Descriptions, Table, Tabs, Tag, Divider, Badge } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import {
   QuestionCircleOutlined,
@@ -15,7 +15,7 @@ import {
   GetProductCommodityGetCommodityResponse,
   GetProductCommodityGetCommodityCheckRecordResponse,
 } from '@/services/ProductApi'
-import { carriageTypeLabel, columns, customerCategoryTypeLabel, deliveryTypeLabel, priceTypeLabel, productStatusLabel } from './constant'
+import { carriageTypeLabel, columns, customerCategoryTypeLabel, deliveryTypeLabel, priceTypeLabel, productStatusColor, productStatusLabel } from './constant'
 
 interface IAttributeByValue {
   groupName: string;
@@ -112,8 +112,12 @@ const viewProducts: React.FC<{}> = () => {
     <Descriptions colon={true} style={{paddingLeft:128}}>
       <Descriptions.Item label="商品品牌">{productDetail?.brand?.name}</Descriptions.Item>
       <Descriptions.Item label="商品品类">{productDetail?.customerCategory?.fullName}</Descriptions.Item>
-      <Descriptions.Item label="商品状态"><span className="commonStatusModify"></span>{productStatusLabel[productDetail?.status]}</Descriptions.Item>
-      <Descriptions.Item label="商品类型"><span className="commonStatusValid"></span>{customerCategoryTypeLabel[productDetail?.customerCategory?.type]}</Descriptions.Item>
+      <Descriptions.Item label="商品状态">
+        <Badge color={productStatusColor[productDetail?.status]} text={productStatusLabel[productDetail?.status]} />
+      </Descriptions.Item>
+      <Descriptions.Item label="商品类型">
+        <Badge color={productStatusColor[productDetail?.customerCategory?.type]} text={customerCategoryTypeLabel[productDetail?.customerCategory?.type]} />
+      </Descriptions.Item>
       {
         productDetail?.commodityShopList?.length>0 &&
           <Descriptions.Item label="上架商城">

src/pages/procurement/components/customBadge.tsx

@@ -10,34 +10,6 @@ export interface StatusColorsProps {
   color: string,
 }
 
-// className映射
-const classNameMap = [
-  "commonStatusStop", // 灰色
-  "commonStatusInvalid", // 黄色
-  "commonStatusModify", // 蓝色
-  "commonStatusValid", // 绿色
-
-  "commonStatusStop", // 灰色
-  "commonStatusInvalid", // 黄色
-  "commonStatusModify", // 蓝色
-  "commonStatusValid", // 绿色
-
-  "commonStatusStop", // 灰色
-  "commonStatusInvalid", // 黄色
-  "commonStatusModify", // 蓝色
-  "commonStatusValid", // 绿色
-
-  "commonStatusStop", // 灰色
-  "commonStatusInvalid", // 黄色
-  "commonStatusModify", // 蓝色
-  "commonStatusValid", // 绿色
-
-  "commonStatusStop", // 灰色
-  "commonStatusInvalid", // 黄色
-  "commonStatusModify", // 蓝色
-  "commonStatusValid", // 绿色
-]
-
 // 订单内部状态显示
 const CustomBadge: React.FC<StatusColorsProps> = (props) => {
   // const { status, type } = props

src/pages/trademark/addBrand.tsx

@@ -232,22 +232,6 @@ const AddBrand: React.FC<{}> = () => {
             >
               <Input disabled={banSomeField} placeholder="输入品牌名称" />
             </Form.Item>
-            {/* <Form.Item
-              label='审核状态'
-              name="status"
-              initialValue={1}
-              style={{display:'none'}}
-            >
-              <span className="commonStatusModify"></span>待提交审核
-            </Form.Item>
-            <Form.Item
-              label='是否有效'
-              name="isEnable"
-              initialValue={true}
-              style={{display:'none'}}
-            >
-              <span className="commonStatusValid"></span>有效
-            </Form.Item> */}
             <Form.Item
               name="logoUrl"
               label={<span>品牌LOGO&nbsp;&nbsp;</span>}
@@ -261,19 +245,6 @@ const AddBrand: React.FC<{}> = () => {
               ]}
               className={styles.uploadForm}
             >
-              {/* <Upload
-                disabled={banSomeField}
-                name="file"
-                listType="picture-card"
-                className="avatar-uploader"
-                showUploadList={false}
-                action="/api/file/file/upload"
-                beforeUpload={beforeLogoUpload}
-                onChange={handleUploadLogoChange}
-                data={{ fileType: UPLOAD_TYPE }}
-              >
-                {logoUrl ? <img src={logoUrl} alt="avatar" style={{ width: 102, height: 102, objectFit: 'cover' }} /> : uploadLogoButton}
-              </Upload> */}
               <UploadImage
                 disabled={banSomeField}
                 listType="picture-card"
@@ -297,19 +268,6 @@ const AddBrand: React.FC<{}> = () => {
                 name="proveUrl"
                 // valuePropName="fileList"
               >
-                {/* <Upload
-                  name="file"
-                  listType="picture-card"
-                  className="avatar-uploader"
-                  action="/api/file/file/upload"
-                  fileList={fileList}
-                  beforeUpload={beforeUpload}
-                  onChange={handleChange}
-                  data={{ fileType: UPLOAD_TYPE }}
-                  showUploadList={{ showPreviewIcon: false }}
-                >
-                  {fileList.length >= 20 ? null : uploadButton}
-                </Upload> */}
                 <UploadImage
                   listType="picture-card"
                   fileList={fileList}

src/pages/trademark/index.tsx

 import React, { ReactNode, useRef, useEffect, useMemo } from 'react'
 import { history } from 'umi'
-import { Button, Popconfirm, Card, message, Dropdown, Menu, Modal, Space } from 'antd'
+import { Button, Popconfirm, Card, message, Dropdown, Menu, Modal, Space, Badge } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import {
   PlusOutlined,
@@ -20,6 +20,7 @@ import { FORM_FILTER_PATH } from '@/formSchema/const'
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch'
 import Submit from '@/components/NiceForm/components/Submit'
 import useSetSearchValueInTable from '@/hooks/useSetSearchValueInTable'
+import { productStatusColor, productStatusLabel } from '../commodity/products/constant'
 
 const { confirm } = Modal
 
@@ -114,18 +115,7 @@ const Trademark: React.FC<{}> = () => {
       title: '审核状态',
       dataIndex: 'status',
       key: 'status',
-      render: (text: any, record: any) => {
-        let component: ReactNode = null
-        if (record.status === 1)
-          component = (<><span className="commonStatusInvalid"></span>待提交审核</>)
-        else if (record.status === 2)
-          component = (<><span className="commonStatusModify"></span>待审核</>)
-        else if (record.status === 3)
-          component = (<><span className="commonStatusStop"></span>审核不通过</>)
-        else if (record.status === 4)
-          component = (<><span className="commonStatusValid"></span>审核通过</>)
-        return component
-      }
+      render: (t) => <Badge color={productStatusColor[t]} text={productStatusLabel[t]} />
     },
     {
       title: '操作',

src/pages/trademark/viewBrand.tsx

-import React, { useState, useRef, ReactNode, useEffect } from 'react'
-import { history } from 'umi'
-import { Button, Steps, Card, Space, Tooltip, Row, Col, Descriptions, Table } from 'antd'
-import { PageHeaderWrapper } from '@ant-design/pro-layout'
-import {
-  QuestionCircleOutlined,
-  FormOutlined,
-} from '@ant-design/icons'
-import { ColumnType } from 'antd/lib/table/interface'
-import ReutrnEle from '@/components/ReturnEle'
-import moment from 'moment'
-import styles from './index.less'
-import { PublicApi } from '@/services/api'
-
-const { Step } = Steps;
-
-const viewBrand: React.FC<{}> = () => {
-  
-  const [queryId, setQueryId] = useState<number>(null)
-  const [brandInfo, setBrandInfo] = useState<any>({})
-  const [fixStep, setFixStep] = useState(0)
-  const [recordData, setRecordData] = useState<any[]>([])
-
-  useEffect(() => {
-    const { id } = history.location.query
-    if(id){
-      setQueryId(id)
-      PublicApi.getProductBrandGetBrand({id: id}).then(res => {
-        console.log(res.data, 'data')
-        if(res.code===1000){
-          setBrandInfo(res.data)
-          if(res.data.status===1)
-            setFixStep(0)
-          else if(res.data.status===2)
-            setFixStep(1)
-          else
-            setFixStep(2)
-        }
-      })
-      PublicApi.getProductBrandGetBrandCheckRecord({brandId: id}).then(res=> {
-        if(res.code===1000)
-          setRecordData(res.data)
-      })
-    }
-  }, [])
-  
-  const columns: ColumnType<any>[] = [
-    {
-      title: '序号',
-      dataIndex: 'id',
-      key: 'id',
-      render: (text, record, index)=> index+1
-    },
-    {
-      title: '角色',
-      dataIndex: 'memberRoleName',
-      key: 'memberRoleName',
-    },
-    {
-      title: '状态',
-      dataIndex: 'status',
-      key: 'status',
-      render: (text:any, record:any) => {
-        let component: ReactNode = null
-        if(record.status === 1)
-          component = (<><span className="commonStatusInvalid"></span>待提交审核</>)
-        else if(record.status === 2)
-          component = (<><span className="commonStatusModify"></span>待审核</>)
-        else if(record.status === 3)
-          component = (<><span className="commonStatusStop"></span>审核不通过</>)
-        else if(record.status === 4)
-          component = (<><span className="commonStatusValid"></span>审核通过</>)
-        return component
-      }
-    },
-    {
-      title: '操作',
-      dataIndex: 'operation',
-      key: 'operation',
-      render: (text:any, record:any) => {
-        let component: ReactNode = null
-        if(record.operation === 1)
-          component = (<>提交审核</>)
-        else if(record.operation === 2)
-          component = (<>修改品牌</>)
-        else if(record.operation === 3)
-          component = (<>审核品牌</>)
-        return component
-      }
-    },
-    {
-      title: '操作时间',
-      dataIndex: 'createTime',
-      key: 'createTime',
-      render: (text:any, record:any) => moment(text).format('YYYY-MM-DD HH:mm:ss')
-    },
-    {
-      title: '意见',
-      dataIndex: 'checkRemark',
-      key: 'checkRemark',
-    },
-  ];
-
-  const fixStatus = (state: number) => {
-    if(state === 1)
-      return <><span className="commonStatusInvalid"></span>待提交审核</>
-    else if(state === 2)
-      return <><span className="commonStatusModify"></span>待审核</>
-    else if(state === 3)
-      return <><span className="commonStatusStop"></span>审核不通过</>
-    else if(state === 4)
-      return <><span className="commonStatusValid"></span>审核通过</>
-    else if(state === 5)
-      return <><span className="commonStatusValid"></span>已上架</>
-    else if(state === 6)
-      return <><span className="commonStatusStop"></span>已下架</>
-  }
-  const fixProveUrl = (proveInfo: any) => {
-    if(proveInfo){
-      let imgArray = Object.values(proveInfo)
-       return imgArray.map((item: string, index: number) => <Col key={index} span={3} xxl={3} xl={4} lg={4}>
-        <div className={styles.proveBox}>
-          <img src={item} alt=""/>
-        </div>
-      </Col>
-      )
-    }
-  }
-  const tips = <>证明材料<Tooltip title="证明材料：如商标注册证书、品牌授权证书等证明材料"><span>&nbsp;<QuestionCircleOutlined /></span></Tooltip></>
-  const content = <>
-      <Descriptions colon={true} style={{textAlign: 'center', marginLeft: 100, width: 800}}>
-        <Descriptions.Item label="申请审核时间">{brandInfo.applyTime && moment(brandInfo.applyTime).format('YYYY-MM-DD HH:mm:ss')}</Descriptions.Item>
-        <Descriptions.Item label="审核状态">
-          {
-            fixStatus(brandInfo?.status)
-          }
-        </Descriptions.Item>
-        <Descriptions.Item label="品牌状态">{brandInfo.isEnable?'有效':'无效'}</Descriptions.Item>
-      </Descriptions>
-    </>
-
-  return (
-    <PageHeaderWrapper
-      title={brandInfo?.name}
-      onBack={() => history.goBack()}
-      backIcon={<ReutrnEle logoSrc={brandInfo?.logoUrl} />}
-      content={content}
-      extra={[
-        <Button 
-          icon={<FormOutlined />} 
-          key="1"
-          type="primary"
-          onClick={()=>history.push(`/memberCenter/commodityAbility/trademark/edit?id=${brandInfo.id}`)}
-          disabled={!(brandInfo.status===1||brandInfo.status===3)}
-          style={{display: !(brandInfo.status===1||brandInfo.status===3)?'none':'block'}}
-        >
-          修改
-        </Button>,
-      ]}
-    >
-      <Space direction="vertical" style={{width:'100%'}}>
-        <Card headStyle={{borderBottom:'none'}} title={tips}>
-          <Row gutter={24}>
-            {
-              fixProveUrl(brandInfo.proveUrl)
-            }
-          </Row>
-        </Card>
-      </Space>
-      <Space direction="vertical" style={{width:'100%'}}>
-        <Card headStyle={{borderBottom:'none'}} title="流程进度">
-          <Steps progressDot current={fixStep}>
-            <Step title="提交审核" description="供应商" />
-            <Step title="审核品牌" description="平台" />
-            <Step title="完成" description="" />
-          </Steps>
-        </Card>
-      </Space>
-      <Space direction="vertical" style={{width:'100%'}}>
-        <Card headStyle={{borderBottom:'none'}} title="审核历史">
-          <Table dataSource={recordData} columns={columns} pagination={false} />
-        </Card>
-      </Space>
-    </PageHeaderWrapper>
-  )
-}
-
-export default viewBrand
+import React, { useState, useRef, ReactNode, useEffect } from 'react'
+import { history } from 'umi'
+import { Button, Steps, Card, Space, Tooltip, Row, Col, Descriptions, Table, Badge } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+import {
+  QuestionCircleOutlined,
+  FormOutlined,
+} from '@ant-design/icons'
+import { ColumnType } from 'antd/lib/table/interface'
+import ReutrnEle from '@/components/ReturnEle'
+import moment from 'moment'
+import styles from './index.less'
+import { PublicApi } from '@/services/api'
+import { productStatusColor, productStatusLabel } from '../commodity/products/constant'
+
+const { Step } = Steps;
+
+const BrandOpeartionLabel = [
+  '',
+  '提交审核',
+  '修改品牌',
+  '审核品牌'
+]
+
+const viewBrand: React.FC<{}> = () => {
+
+  const [queryId, setQueryId] = useState<number>(null)
+  const [brandInfo, setBrandInfo] = useState<any>({})
+  const [fixStep, setFixStep] = useState(0)
+  const [recordData, setRecordData] = useState<any[]>([])
+
+  useEffect(() => {
+    const { id } = history.location.query
+    if(id){
+      setQueryId(id)
+      PublicApi.getProductBrandGetBrand({id: id}).then(res => {
+        console.log(res.data, 'data')
+        if(res.code===1000){
+          setBrandInfo(res.data)
+          if(res.data.status===1)
+            setFixStep(0)
+          else if(res.data.status===2)
+            setFixStep(1)
+          else
+            setFixStep(2)
+        }
+      })
+      PublicApi.getProductBrandGetBrandCheckRecord({brandId: id}).then(res=> {
+        if(res.code===1000)
+          setRecordData(res.data)
+      })
+    }
+  }, [])
+
+  const columns: ColumnType<any>[] = [
+    {
+      title: '序号',
+      dataIndex: 'id',
+      key: 'id',
+      render: (text, record, index)=> index+1
+    },
+    {
+      title: '角色',
+      dataIndex: 'memberRoleName',
+      key: 'memberRoleName',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (t) => <Badge color={productStatusColor[t]} text={productStatusLabel[t]} />
+    },
+    {
+      title: '操作',
+      dataIndex: 'operation',
+      key: 'operation',
+      render: (t) => BrandOpeartionLabel[t]
+    },
+    {
+      title: '操作时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      render: (text) => moment(text).format('YYYY-MM-DD HH:mm:ss')
+    },
+    {
+      title: '意见',
+      dataIndex: 'checkRemark',
+      key: 'checkRemark',
+    },
+  ];
+
+  const fixProveUrl = (proveInfo: any) => {
+    if(proveInfo){
+      let imgArray = Object.values(proveInfo)
+       return imgArray.map((item: string, index: number) => <Col key={index} span={3} xxl={3} xl={4} lg={4}>
+        <div className={styles.proveBox}>
+          <img src={item} alt=""/>
+        </div>
+      </Col>
+      )
+    }
+  }
+  const tips = <>证明材料<Tooltip title="证明材料：如商标注册证书、品牌授权证书等证明材料"><span>&nbsp;<QuestionCircleOutlined /></span></Tooltip></>
+  const content = <>
+      <Descriptions colon={true} style={{textAlign: 'center', marginLeft: 100, width: 800}}>
+        <Descriptions.Item label="申请审核时间">{brandInfo.applyTime && moment(brandInfo.applyTime).format('YYYY-MM-DD HH:mm:ss')}</Descriptions.Item>
+        <Descriptions.Item label="审核状态">
+          <Badge color={productStatusColor[brandInfo?.status]} text={productStatusLabel[brandInfo?.status]} />
+        </Descriptions.Item>
+        <Descriptions.Item label="品牌状态">{brandInfo.isEnable?'有效':'无效'}</Descriptions.Item>
+      </Descriptions>
+    </>
+
+  return (
+    <PageHeaderWrapper
+      title={brandInfo?.name}
+      onBack={() => history.goBack()}
+      backIcon={<ReutrnEle logoSrc={brandInfo?.logoUrl} />}
+      content={content}
+      extra={[
+        <Button
+          icon={<FormOutlined />}
+          key="1"
+          type="primary"
+          onClick={()=>history.push(`/memberCenter/commodityAbility/trademark/edit?id=${brandInfo.id}`)}
+          disabled={!(brandInfo.status===1||brandInfo.status===3)}
+          style={{display: !(brandInfo.status===1||brandInfo.status===3)?'none':'block'}}
+        >
+          修改
+        </Button>,
+      ]}
+    >
+      <Space direction="vertical" style={{width:'100%'}}>
+        <Card headStyle={{borderBottom:'none'}} title={tips}>
+          <Row gutter={24}>
+            {
+              fixProveUrl(brandInfo.proveUrl)
+            }
+          </Row>
+        </Card>
+      </Space>
+      <Space direction="vertical" style={{width:'100%'}}>
+        <Card headStyle={{borderBottom:'none'}} title="流程进度">
+          <Steps progressDot current={fixStep}>
+            <Step title="提交审核" description="供应商" />
+            <Step title="审核品牌" description="平台" />
+            <Step title="完成" description="" />
+          </Steps>
+        </Card>
+      </Space>
+      <Space direction="vertical" style={{width:'100%'}}>
+        <Card headStyle={{borderBottom:'none'}} title="审核历史">
+          <Table dataSource={recordData} columns={columns} pagination={false} />
+        </Card>
+      </Space>
+    </PageHeaderWrapper>
+  )
+}
+
+export default viewBrand

src/pages/transaction/purchaseOrder/orderCollectB2b/components/inquiryModalTable/index.tsx

@@ -47,18 +47,12 @@ const InquiryModalTable:React.FC<InquiryModalTableProps> = (props) => {
         id: item.inquiryListId
       })
 
-      // 将询价报价单的id字段 冗余给商品列表
-      // schemaAction.setFieldValue('orderProductRequests', data.map((v: any) => {
-      //   v.memberId = item.offerMemberId
-      //   v.memberRoleId = item.offerMemberRoleId
-      //   return v
-      // }))
       let newData = data.map((v: any) => {
         v.memberId = item.offerMemberId
         v.memberRoleId = item.offerMemberRoleId
         return v
       })
-      // 把地址信息冗余给商品字段render
+
       schemaAction.setFieldValue('products', await filterProductDataById([], newData))
       schemaAction.setFieldValue('vendorMemberName', item.offerMemberName)
       schemaAction.setFieldValue('vendorMemberId', item.offerMemberId)

src/pages/transaction/purchaseOrder/orderCollectB2b/index.tsx

@@ -22,7 +22,6 @@ import { useProductTable } from './model/useProductTable'
 import styled from 'styled-components'
 import { useUpdate } from '@umijs/hooks'
 import { PublicApi } from '@/services/api'
-import { formatTimeString } from '@/utils'
 import { changeRouterTitleByStatus } from '../../_public/order/utils'
 import { ReadyAddOrderDetailContext } from '../context'
 import { help } from '../../common'
@@ -138,7 +137,6 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
   // 订单商品
   const { productAddButton, productRef, productColumns, productComponents, ...sectionProps } = useProductTable(addSchemaAction)
 
-  let timerSignature = null
   // 页面进入时， 当前所处的下单模式
   useEffect(() => {
     if (id) {
@@ -161,11 +159,6 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
       shopDataRef.current.orderMode = parseInt(modelType)
     }
 
-    return () => {
-      clearInterval(timerSignature)
-      timerSignature = null
-    }
-
   }, [])
 
   const handleSubmit = async (value) => {
@@ -218,7 +211,7 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
       setBtnLoading(true)
 
       /** 字段转换 */
-      // 合同下单 取供应商默认的发货地址
+      // 取供应商默认的发货地址
       const { data: deliveryAddress} =  await PublicApi.getLogisticsSelectListMemberShipperAddress({
         memberId: params.vendorMemberId,
         roleId: params.vendorRoleId
@@ -282,8 +275,6 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
         }
       }
 
-
-
       const _params = procurementProcessField(params)
 
       const shops = addSchemaAction.getFieldState('shopId').props.enum || []
@@ -292,8 +283,6 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
       params.shopEnvironment = shop['environment']
       params.shopName = shop['label']
 
-      console.log(_params)
-
       if(id) {
         fnResult = await PublicApi.postOrderBuyerCreateB2bUpdate({..._params, orderId: id})
       } else {
@@ -411,10 +400,8 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
           <NiceForm
             loading={formLoading}
             previewPlaceholder=' '
-            // editable={pageStatus !== PageStatus.PREVIEW}
             value={initFormValue}
             actions={addSchemaAction}
-            // schema={mergeAllSchemas[page_type]}
             schema={initFormSchema}
             onSubmit={handleSubmit}
             components={{