fix: 暂存商品草稿，处理仓位列表不能修改仓位库存的问题，修复品类关联属性无法显示页面的问题

.gitignore

@@ -34,6 +34,7 @@ src/global/config/navigation.config.ts
 src/services/*Api.ts
 src/services/*Api
 
+config/routes/index.ts
 config/router.config.json
 
 # 忽略yapi生成的文件

config/routes/index.ts

@@ -8,10 +8,10 @@ import CommodityRoute from './commodityRoute' // 商品能力路由
 import MemberRoute from './memberRoute' //  会员能力路由
 // import ShopRoute from './shopRoute' // 店铺能力路由
 // import ChannelRoute from './channelRoute' // 渠道能力路由
-import TranactionRoute from './tranactionRoute' // 交易能力路由
+// import TranactionRoute from './tranactionRoute' // 交易能力路由
 // import LogisticsRoute from './logisticsRoutes' // 物流能力路由
 // import PayandSettleRoute from './payandSettle' //支付与结算
-import AuthConfigRoute from './authConfigRoute'
+// import AuthConfigRoute from './authConfigRoute'
 // import AfterService from './afterServiceRoute' // 售后
 // import HandlingRoute from './handlingRoute'; // 加工能力
 // import DealAbilityRoute from './dealAbilityRoute'; //
@@ -26,7 +26,7 @@ import ProcurementRoute from './procurementRoute'; // todo wuting
 // import contracRoute from './contracRoute';
 // export const routes = [CommodityRoute, MemberRoute, ShopRoute, ChannelRoute, TranactionRoute, AfterService, PayandSettleRoute, LogisticsRoute, AuthConfigRoute, HandlingRoute, BalaceRoute]
 
-const isDev = process.env.NODE_ENV === "development";
+const isDev = false;
 const homeRoute = {
   path: `/memberCenter/home`,
   name: 'home',
@@ -34,7 +34,7 @@ const homeRoute = {
   key: 'home',
   component: '@/pages/home',
 };
-const routes = isDev ? [ homeRoute, OrderRoute ] : asyncRoutes;
+const routes = isDev ? [ CommodityRoute ] : asyncRoutes;
 // const routes = isDev ? [ CommodityRoute ] : asyncRoutes;
 
 const memberCenterRoute = {

package.json

@@ -13,7 +13,7 @@
     "upload:v2scm": "cross-env PRO_ENV=v2scm taskName=upload yarn scripts:build",
     "upload:v2Test": "cross-env PRO_ENV=v2Test taskName=upload yarn scripts:build",
     "api": "god-ytt",
-    "testApi": "cross-env PRO_ENV=v2 god-ytt",
+    "testApi": "cross-env PRO_ENV=v2-220418 god-ytt",
     "scripts:build": "node scripts/run",
     "scripts:build-test": "cross-env PRO_ENV=v2 node scripts/run",
     "start:dev": "cross-env NODE_OPTIONS=--max_old_space_size=4096 umi dev",
@@ -56,7 +56,6 @@
     "start:v2scm": "cross-env PRO_ENV=v2scm yarn start",
     "start:v2-220318": "cross-env PRO_ENV=v2-220318 yarn start",
     "start:v2-220418": "cross-env PRO_ENV=v2-220418 yarn start"
-
   },
   "lint-staged": {
     "*.{js,jsx,less,md,json}": [

src/locales/en-US/commodity.ts

@@ -209,6 +209,9 @@ export default {
   'commodity.products.addDirectChannel.tab.3':'Logistics information',
   'commodity.products.addDirectChannel.tab.4':'Applicable channels',
 
+  'commodity.products.addProducts.onSave.error.draft.1' : 'Please upload at least one product picture for each item to save the draft!',
+  'commodity.products.addProducts.onSave.error.draft.2' : 'Please re-upload the product picture to save the draft!',
+  'commodity.products.addProducts.onSave.error.draft.3' : 'Please upload the product picture to save the draft!',
   'commodity.products.addProducts.onSave.error.1':'Please upload at least one product image for each item! ',
   'commodity.products.addProducts.onSave.error.2':'Please complete other product information! ',
   'commodity.products.addProducts.onSave.error.3':'Commodity price is required! ',

src/locales/ko-KR/commodity.ts

@@ -211,6 +211,9 @@ export default {
   'commodity.products.addDirectChannel.tab.3' : '물류 정보',
   'commodity.products.addDirectChannel.tab.4' : '적용 경로',
 
+  'commodity.products.addProducts.onSave.error.draft.1' : '품목별로 상품 사진을 한 장씩 올려주셔야 초고를 저장할 수 있습니다!',
+  'commodity.products.addProducts.onSave.error.draft.2' : '상품 사진 다시 올려주세요!',
+  'commodity.products.addProducts.onSave.error.draft.3' : '상품 사진 올려주셔야 초고 저장 가능합니다!',
   'commodity.products.addProducts.onSave.error.1' : '항목마다 최소한 상품 사진 한 장씩 올려주세요!',
   'commodity.products.addProducts.onSave.error.2' : '상품 기타 정보를 보완해 주세요!',
   'commodity.products.addProducts.onSave.error.3' : '상품 가격은 필수입니다!',

src/locales/zh-CN/commodity.ts

@@ -128,6 +128,7 @@ export default {
   'commodity.products.buttonGroup.5' : '上架',
   'commodity.products.buttonGroup.6' : '下架',
   'commodity.products.buttonGroup.7' : '查看供应商品',
+  'commodity.products.buttonGroup.8' : '查看上游商品',
   'commodity.products.operationHandler.1' : '复制',
   'commodity.products.operationHandler.2' : '提交审核',
   'commodity.products.operationHandler.3' : '修改',
@@ -135,6 +136,7 @@ export default {
   'commodity.products.operationHandler.5' : '上架',
   'commodity.products.operationHandler.6' : '下架',
   'commodity.products.operationHandler.7' : '查看供应商品',
+  'commodity.products.operationHandler.8': '查看上游商品',
   'commodity.products.step0Description.text.1' : '点击下载 EXCEL文件模板',
   'commodity.products.step0Description.text.2' : '按照模板整理货品资料',
   'commodity.products.step0Description.text.3' : '点击导入按钮，导入整理好的货品资料',
@@ -207,6 +209,9 @@ export default {
   'commodity.products.addDirectChannel.tab.3': '物流信息',
   'commodity.products.addDirectChannel.tab.4': '适用渠道',
 
+  'commodity.products.addProducts.onSave.error.draft.1' : '每项请至少上传一张商品图片才能保存草稿！',
+  'commodity.products.addProducts.onSave.error.draft.2' : '请重新上传商品图片才能保存草稿！',
+  'commodity.products.addProducts.onSave.error.draft.3' : '请上传商品图片才能保存草稿！',
   'commodity.products.addProducts.onSave.error.1' : '每项请至少上传一张商品图片！',
   'commodity.products.addProducts.onSave.error.2' : '请完善商品其他信息！',
   'commodity.products.addProducts.onSave.error.3' : '商品价格为必填项！',

src/pages/classAndProperty/categoryAttributes/index.tsx

@@ -19,7 +19,7 @@ import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilte
 import Submit from '@/components/NiceForm/components/Submit'
 import { getProductCustomerGetCustomerCategoryAttributeList, getProductCustomerGetCustomerCategoryTree, postProductCustomerDeleteCustomerCategoryAttribute, postProductCustomerSaveCustomerCategoryAttribute, postProductCustomerSaveCustomerCategoryAttributeSort } from '@/services/ProductV2Api';
 import { ISchema } from '@formily/antd';
-import { Sortable, SortableEvent } from 'react-sortablejs';
+import Sortable, { SortableEvent } from "sortablejs";
 import { arrayMoveImmutable } from '@/utils';
 import AuthButton from '@/components/AuthButton';
 import { AuthUrl } from '@/components/AuthButton/AuthUrl';

src/pages/commodity/products/addProducts.tsx

@@ -91,6 +91,7 @@ const AddProducts: React.FC<{}> = (props) => {
         const { data: _data }: any = await getProductCommodityGetCommodityDraftById({ commodityDraftId: draftId })
         const { draft: data } = _data
         // @todo 草稿数据复制表单
+        console.log(data, 'draft data')
         setProductInfoByEdit(filterUsefulDraftData(data))
         setProductName(data?.name)
         setProductPriceType(data?.priceType)
@@ -454,6 +455,7 @@ const AddProducts: React.FC<{}> = (props) => {
 
           if (clickTabIndex.indexOf("5") !== -1) {
             let _productAttributeAndImageParams = [...productAttributeAndImageParams]
+            try {
               if (_productAttributeAndImageParams.length > 0) {
                 _productAttributeAndImageParams.map(_item => {
 
@@ -463,7 +465,7 @@ const AddProducts: React.FC<{}> = (props) => {
                   if (_item.commodityPic.length > 0) {
                     _item.commodityPic = _item.commodityPic.map(__item => __item?.response?.data || __item?.url || __item)
                     if (_item.commodityPic.filter(Boolean).length === 0) {
-                    throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.1' }))
+                      throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.draft.1' }))
                     }
 
                     if (isAllAttributePic) {
@@ -472,18 +474,33 @@ const AddProducts: React.FC<{}> = (props) => {
                   } else {
                     if (isAllAttributePic && _productAttributeAndImageParams[0].commodityPic.length > 0 && _productAttributeAndImageParams[0].commodityPic.filter(Boolean).length > 0) { //处理所有属性共用
                       _item.commodityPic = _productAttributeAndImageParams[0].commodityPic
+                    } else {
+                      throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.draft.1' }))
                     }
                   }
                 })
+              } else {
+                throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.draft.1' }))
+              }
+            }
+             catch (error) {
+              console.log(error)
+              message.error(error.message)
+              setIsDisableSaveDrate(false)
+              return error
             }
             _params.unitPriceAndPicList = _productAttributeAndImageParams
           } else {
+            try {
               if (productInfoByEdit) {
                 _params.unitPriceAndPicList = productInfoByEdit.unitPriceAndPicList
                 _params.isAllAttributePic = productInfoByEdit.isAllAttributePic
                 if (clickTabIndex.indexOf("4") !== -1) {
                   _params.unitPriceAndPicList = priceAttributeParams.map((item, index) => {
                     const pic = productInfoByEdit.unitPriceAndPicList[index]?.commodityPic
+                    if (!pic) {
+                      throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.draft.2' }))
+                    }
                     return {
                       id: item.id,
                       goods: { id: item.goodsId },
@@ -494,6 +511,15 @@ const AddProducts: React.FC<{}> = (props) => {
                     }
                   })
                 }
+              } else {
+                throw new Error(intl.formatMessage({ id: 'commodity.products.addProducts.onSave.error.draft.3' }))
+              }
+            }
+            catch (error) {
+              console.log(error)
+              message.error(error.message)
+              setIsDisableSaveDrate(false)
+              return error
             }
           }
 
@@ -537,6 +563,7 @@ const AddProducts: React.FC<{}> = (props) => {
         })
       } catch (error) {
         console.log(error)
+        message.error(error.message)
         setIsDisableSaveDrate(false)
       }
     }

src/pages/commodity/products/addProductsItem/logisticsForm.tsx

@@ -33,7 +33,7 @@ const LogisticsForm: React.FC<Iprops> = (props) => {
   const [banCarriageType, setBanCarriageType] = useState(false)
   const [template, setTemplate] = useState(false) // 是否必填运费模板
 
-  const { productInfoByEdit, selectCategoryId, productPriceType, isCrossBorder, sendCycle, isCrossBorder } = ProductStore
+  const { productInfoByEdit, selectCategoryId, productPriceType, isCrossBorder, sendCycle } = ProductStore
 
   useEffect(() => {
     //传入ref给父级

src/pages/commodity/products/addProductsItem/otherForm.tsx

@@ -28,12 +28,12 @@ const OtherForm: React.FC<Iprops> = (props) => {
   const { getOtherFormParamsByEdit, selectCategoryId, productPriceType, productInfoByEdit } = ProductStore
   const [disabledInvoice, setDisabledInvoice] = useState(false)
 
-  const { id } = history.location.query
+  const { id, draftId } = history.location.query
 
   useEffect(() => {
     //传入ref给父级
     onRef(otherFormRef)
-    if (id) {
+    if (id || draftId) {
       console.log(getOtherFormParamsByEdit, 'getOtherFormParamsByEdit')
       otherForm.setFieldsValue(getOtherFormParamsByEdit)
     }
@@ -41,7 +41,7 @@ const OtherForm: React.FC<Iprops> = (props) => {
 
   useEffect(() => {
     // 品类 变动清空form
-    if (history.location.query?.id && !flagRef.current) {
+    if ((history.location.query?.id || history.location.query?.draftId) && !flagRef.current) {
       flagRef.current = true
     } else {
       otherForm.resetFields()

src/pages/commodity/products/addProductsItem/priceAttributeForm.tsx

@@ -104,7 +104,7 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
 
   useEffect(() => {
     onRef(priceFormRef)
-    if (history.location.query?.id) {  // 编辑情况下 用于判断价格类型和显示单位
+    if (history.location.query?.id || history.location.query?.draftId) {  // 编辑情况下 用于判断价格类型和显示单位
       setPlanPrice(productInfoByEdit?.priceType)
       handleUnitSearch(getPriceAttributeFormParamsByEdit.unitName)
       handleAssistUnitSearch(getPriceAttributeFormParamsByEdit.subUnitName)
@@ -121,7 +121,7 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
 
   useEffect(() => {
     // 品类 变动清空form和属性组合
-    if (history.location.query?.id && !flagRef.current) {
+    if ((history.location.query?.id  || history.location.query?.draftId) && !flagRef.current) {
       flagRef.current = true
     } else {
       // setProductSelectAttribute([])
@@ -167,7 +167,7 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
           _temp_attributeValObjArr.push(_tempObjArr)
         }
       })
-    } else if (history.location.query?.id) { // 此时没有属性并且处于编辑状态 取接口返回的数据  [0]? (也有可能编辑情况下切换到无规格的品类)
+    } else if (history.location.query?.id  || history.location.query?.draftId) { // 此时没有属性并且处于编辑状态 取接口返回的数据  [0]? (也有可能编辑情况下切换到无规格的品类)
       _attributeNameArr = productInfoByEdit.unitPriceAndPicList[0]?.attributeAndValueList.map(_ => _.customerAttribute.name)
       _attributeValueArr = [productInfoByEdit.unitPriceAndPicList.map(item => item.attributeAndValueList.map(_ => _.customerAttributeValue.value))]
       _temp_attributeObjArr = productInfoByEdit.unitPriceAndPicList[0]?.attributeAndValueList.map(item => {
@@ -366,7 +366,6 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
               setAssistantUniquePriceRate(_priceRate)
               const _priceNumber = Object.keys(_price)[0] === '0-0' ? Object.values(_price)[0] : Object.values(_price)
               _tempObj[intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.planPrice' })] = Array.isArray(_priceNumber) ? _priceNumber.map(_p => (Number(_p) * Number(_priceRate) / 100).toFixed(2)) : (Number(_priceNumber) * Number(_priceRate) / 100).toFixed(2)
-              // _tempObj[intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.planPrice' })] = (Number(_price) * Number(_priceRate) / 100).toFixed(2)
             } else {
               _tempObj[intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.unitPrice' })] = {}
             }
@@ -405,9 +404,6 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
     if (updateFlag.current) {
       updateFlag.current = false
     } else {
-      // if(!(history.location.query?.id && planPrice === 3)){
-      //   _tableDataSource.map(item => item[intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.unitPrice' })] = {})
-      // }
       if (isChangePriceType) { // 价格类型变动 清空价格
         _tableDataSource.map(item => item[intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.unitPrice' })] = {})
       }
@@ -889,7 +885,7 @@ const PriceAttributeForm: React.FC<Iprops> = (props) => {
       // initialValue={planPrice}
       >
         {
-          history.location.query?.id ? <Radio.Group onChange={handlePlanPriceChange} disabled={!productInfoByEdit.isUpdateAttribute}>
+          (history.location.query?.id || history.location.query?.draftId) ? <Radio.Group onChange={handlePlanPriceChange} disabled={!productInfoByEdit.isUpdateAttribute}>
             <Radio value={1}>{intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.form.priceType.option.1' })}</Radio>
             <Radio value={2} disabled={isCrossBorder}>{intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.form.priceType.option.2' })}</Radio>
             <Radio value={3} disabled={isCrossBorder}>{intl.formatMessage({ id: 'commodity.products.addProductsItem.priceAttributeForm.form.priceType.option.3' })}</Radio>

src/pages/commodity/products/addProductsItem/productAttributeForm.tsx

@@ -51,7 +51,7 @@ const ProductAttributeForm: React.FC<Iprops> = (props) => {
   useEffect(() => {
     onRef(productAttributeFormRef)
     // 编辑情况下 构建选中属性数据 给paramsArray初始化数据用于编辑 设置表单数据
-    if (history.location.query?.id) {
+    if (history.location.query?.id || history.location.query?.draftId) {
       constructProductSelectAttribute()
       attributeForm.setFieldsValue(getProductAttributeFormParamsByEdit)
     }
@@ -63,7 +63,7 @@ const ProductAttributeForm: React.FC<Iprops> = (props) => {
 
   useEffect(() => {
     // 属性变动 表明品类品牌变动 清空页面全局参数组合和store的选中属性 重置表单 (只对新增有效)
-    if (history.location.query?.id) {
+    if (history.location.query?.id || history.location.query?.draftId) {
       // 编辑第一次执行不清空，之后的变动需要清空
       if (isClearFormAndDataInEdit) {
         paramsArray = []
@@ -229,7 +229,7 @@ const ProductAttributeForm: React.FC<Iprops> = (props) => {
     let _isPrice = null
     let _isUpdateAttribute = null
     let _isDisabled = false
-    if (history.location.query?.id) {
+    if (history.location.query?.id || history.location.query?.draftId) {
       _isPrice = attrItem.isPrice
       _isUpdateAttribute = productInfoByEdit.isUpdateAttribute
       _isDisabled = _isPrice && !_isUpdateAttribute
@@ -278,9 +278,6 @@ const ProductAttributeForm: React.FC<Iprops> = (props) => {
                   }
                 </Select>
               </Col>
-              {/* <Col span={4}>
-                <Button type="link" onClick={() => addAtttributeValue(attrItem)}>新增属性值</Button>
-              </Col> */}
             </Row>
           </Form.Item>
         }
@@ -314,28 +311,6 @@ const ProductAttributeForm: React.FC<Iprops> = (props) => {
                 options={attrItem.customerAttributeValueList}
                 expandOperation={<Button style={{marginLeft: 8}} type="dashed" icon={<PlusOutlined />} onClick={() => addAtttributeValue(attrItem)}>新增</Button>}
               />
-              {/* <Row>
-                <Col span={20}>
-                  <Checkbox.Group
-                    onChange={(v) => onChange(v, attrItem)}
-                    disabled={_isDisabled}
-                    style={{ width: "100%" }}
-                  >
-                    <Row>
-                      {
-                        attrItem?.customerAttributeValueList.length > 0 && attrItem.customerAttributeValueList.map((item: any, index: string) => (
-                          <Col span={6} key={item.id}>
-                            <Checkbox value={item.id}>{item.value}</Checkbox>
-                          </Col>
-                        ))
-                      }
-                    </Row>
-                  </Checkbox.Group>
-                </Col>
-                <Col span={4}>
-                  <Button type="link" onClick={() => addAtttributeValue(attrItem)}>新增属性值</Button>
-                </Col>
-              </Row> */}
             </Form.Item>
           )
         }

src/pages/commodity/products/addProductsItem/productDescFormYang.tsx

@@ -44,7 +44,7 @@ const ProductDescFormYang: React.FC<{}> = () => {
   const { run, loading } = useHttpRequest(postContractContractSignSaleSignContractCreate, { ctlType: 'none' })
 
   useEffect(() => {
-    if (history.location.query?.id) { // 编辑状态下
+    if (history.location.query?.id || history.location.query?.draftId) { // 编辑状态下
       setFileImageList(() => {
         const images = productInfoByEdit.commodityRemark?.imageList
         return {
@@ -65,7 +65,7 @@ const ProductDescFormYang: React.FC<{}> = () => {
   useEffect(() => {
     // 品类 变动清空数据
     // 编辑下 flag为false 不清空；编辑下 flag为true 新建清空
-    if (history.location.query?.id && !flagRef.current) {
+    if ((history.location.query?.id || history.location.query?.draftId) && !flagRef.current) {
       flagRef.current = true
     } else {
       setFileImageList({

src/pages/commodity/products/addProductsItem/productImageForm.tsx

@@ -50,7 +50,7 @@ const ProductImageForm: React.FC<{}> = (props) => {
   }, [tabClickItem])
 
   useEffect(() => {
-    if (history.location.query?.id) {
+    if (history.location.query?.id || history.location.query?.draftId) {
       setSetImageType(productInfoByEdit.isAllAttributePic)
       let o = productInfoByEdit.unitPriceAndPicList.map((_item, _index) => {
         // 编辑初始图片数据缓存（手动生成供图片回显数据）
@@ -91,7 +91,7 @@ const ProductImageForm: React.FC<{}> = (props) => {
   useEffect(() => {
     // 品类 变动清空数据
     // 编辑下 flag为false 不清空；编辑下 flag为true 新建清空
-    if (history.location.query?.id && !flagRef.current) {
+    if ((history.location.query?.id || history.location.query?.draftId) && !flagRef.current) {
       flagRef.current = true
     } else {
       onChangeSetImageType({ target: { value: true } })
@@ -101,7 +101,7 @@ const ProductImageForm: React.FC<{}> = (props) => {
   useEffect(() => {
     if (priceAttributeParams.length > 0) {
       constructImageListByRender(priceAttributeParams)
-    } else if (history.location.query?.id) {  // 不点击前面 直接进入图片tab
+    } else if (history.location.query?.id || history.location.query?.draftId) {  // 不点击前面 直接进入图片tab
       constructImageListByRender(productInfoByEdit.unitPriceAndPicList)
     }
   }, [priceAttributeParams, maintainImageData])
@@ -110,7 +110,7 @@ const ProductImageForm: React.FC<{}> = (props) => {
   /* 直接进入商品图片编辑的时候 参数为空数组  但是没有价格属性的时候 也可能为空数组 区别在于是否有url id */
   const constructImageListByRender = (priceAttributeParams?: any) => {
     let _priceAttributeParams: any = []
-    if (history.location.query?.id) { // id判断是否新增还是编辑
+    if (history.location.query?.id || history.location.query?.draftId) { // id判断是否新增还是编辑
       setIsAllAttributePic(setImageType)
 
       _priceAttributeParams = priceAttributeParams.map((_item, _index) => {

src/pages/commodity/products/addProductsItem/selectGoodsForm.tsx

@@ -35,8 +35,8 @@ const SelectGoodsForm: React.FC<{}> = (props) => {
   }, [selectCategoryId, selectBrandId])
 
   useEffect(() => {
-    const { id } = history.location.query
-    if (id) {
+    const { id, draftId } = history.location.query
+    if (id || draftId) {
       let _goodsArr: any = productInfoByEdit?.unitPriceAndPicList.map(_ => _.goods)
       let goodsArr: any = _goodsArr && _goodsArr.indexOf(null) === -1 && _goodsArr.length > 0 && Object.values(_goodsArr.reduce((item, next) => {
         item[next.id] = next;

src/pages/commodity/products/components/circleCheckbox/index.tsx

@@ -35,7 +35,7 @@ const CircleCheckbox: React.FC<PriceInputProps> = ({ value = [], options = [], o
     }
   }
 
-  return (options.length && <div className={styles.circleCheckbox}>
+  return (options.length ? <div className={styles.circleCheckbox}>
       <ul className={styles.circleCheckboxUl}>
         {
           options.map((item: any, index: string) => ( <li
@@ -53,7 +53,7 @@ const CircleCheckbox: React.FC<PriceInputProps> = ({ value = [], options = [], o
           expandOperation
         }
       </ul>
-    </div>
+    </div> : null
   )
 }
 

src/pages/commodity/products/index.tsx

@@ -29,7 +29,7 @@ import useSetSearchValueInTable from '@/hooks/useSetSearchValueInTable'
 import { priceTypeLabel, productStatusColor, productStatusLabel } from './constant'
 import EyePreview from '@/components/EyePreview'
 import UpperProductModalTable from './components/upperProductModalTable'
-import { getProductCommodityGetCommodityList, getProductCommodityGetShop, GetProductCommodityGetShopResponse, postProductCommodityApplyCheckCommodity, postProductCommodityCopyCommodity, postProductCommodityDeleteBatchCommodity, postProductCommodityExportCommodityQrCode, postProductCommodityExportCommoditySkuByCommodityIdList, postProductCommodityGetCommodityIsExistStock, postProductCommodityGetCommoditySkuIdList, postProductCommodityGetShopBatch, postProductCommodityOffPublishCommodity, postProductCommodityOffPublishCommodityBatch, postProductCommodityPublishCommodity, postProductCommodityPublishCommodityBatch } from '@/services/ProductV2Api'
+import { getProductCommodityExportCommodityTemplate, getProductCommodityGetCommodityList, getProductCommodityGetShop, GetProductCommodityGetShopResponse, postProductCommodityApplyCheckCommodity, postProductCommodityCopyCommodity, postProductCommodityDeleteBatchCommodity, postProductCommodityExportCommodityQrCode, postProductCommodityExportCommoditySkuByCommodityIdList, postProductCommodityGetCommodityIsExistStock, postProductCommodityGetCommoditySkuIdList, postProductCommodityGetShopBatch, postProductCommodityOffPublishCommodity, postProductCommodityOffPublishCommodityBatch, postProductCommodityPublishCommodity, postProductCommodityPublishCommodityBatch } from '@/services/ProductV2Api'
 import { getTemplateWebMemberShopWebFindCurrMemberShop } from '@/services/TemplateV2Api'
 import PutawayGuide, { GuideMenu } from './components/putawayGuide'
 import { useRowSelectionTable, useRowSelectionTableCtl } from '@/hooks/useRowSelectionTable'
@@ -219,9 +219,9 @@ const Products: React.FC<{}> = () => {
       className: 'commonPickColor',
       width: 240,
       ellipsis: true,
-      render: (text: any, record: any) => <EyePreview url={`/memberCenter/commodityAbility/commodity/products/detail?id=${record.id}`}>
-        {text}
-      </EyePreview>
+      // render: (text: any, record: any) => <EyePreview url={`/memberCenter/commodityAbility/commodity/products/detail?id=${record.id}`}>
+      //   {text}
+      // </EyePreview>
     },
     {
       title: intl.formatMessage({ id: 'commodity.products.columns.customerCategory' }),
@@ -417,6 +417,19 @@ const Products: React.FC<{}> = () => {
 
   const modalLoadTemplate = () => {
     console.log('模板下载！')
+    let a: any = document.createElement("a")
+    document.body.appendChild(a)
+    a.style = "display: none"
+    getProductCommodityExportCommodityTemplate({ }, { responseType: 'blob', getResponse: true }).then((res: any) => {
+      const { data, response } = res
+      const filename = response.headers.get('content-disposition').split('=')[1]
+      let blob = new Blob([data], { type: "application/vnd.ms-excel" })
+      const url = window.URL.createObjectURL(blob);
+      a.href = url;
+      a.download = filename.replaceAll('"', '');
+      a.click();
+      window.URL.revokeObjectURL(url);
+    })
   }
 
   const modalUpload = () => {
@@ -941,9 +954,7 @@ const Products: React.FC<{}> = () => {
           <PlusOutlined />{intl.formatMessage({ id: 'commodity.products.controllerBtns.button.1' })}
         </Button>
       </AuthButton>
-
-      {/* <Button style={{margin:'0 16px'}} onClick={()=>setImportModal(true)}>导入数据</Button> */}
-
+      <Button style={{margin:'0 16px'}} onClick={()=>setImportModal(true)}>导入数据</Button>
       <AuthButton btnCode='products.batch' >
         <Dropdown overlay={menuMore} trigger={['click']}>
           <Button>
@@ -1005,7 +1016,7 @@ const Products: React.FC<{}> = () => {
             <StandardTable
               columns={draftColumns}
               currentRef={refDraft}
-              rowSelection={rowSelection}
+              // rowSelection={rowSelection}
               tableProps={{
                 rowKey: 'id',
               }}

src/pages/repositories/index.tsx

-import React, { useRef } from 'react';
-import { history, useIntl } from 'umi';
-import { Button, Card, message, Modal, Space, Tooltip } from 'antd';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { getIntl, history, useIntl } from 'umi';
+import { Button, Card, Form, Input, message, Modal, Space, Tooltip } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
+import { EditOutlined, PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import StandardTable from '@/components/StandardTable';
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
@@ -20,6 +20,98 @@ import { useRowSelectionTable } from '@/hooks/useRowSelectionTable';
 import { getProductFreightSpaceList, postProductFreightSpaceStopStart, postProductFreightSpaceUpdateBatch } from '@/services/ProductV2Api';
 import AuthButton from '@/components/AuthButton';
 import { AuthUrl } from '@/components/AuthButton/AuthUrl';
+import { postProductFreightSpaceUpdateInventory } from '@/services/ProductV2Api/id13787';
+const intl = getIntl();
+
+// table编辑控件
+const EditableContext = React.createContext<any>({});
+interface EditableRowProps {
+  index: number;
+}
+const EditableRow: React.FC<EditableRowProps> = ({ index, ...props }) => {
+  console.log(0)
+  const [form] = Form.useForm();
+  return (
+    <Form form={form} component={false}>
+      <EditableContext.Provider value={form}>
+        <tr {...props} />
+      </EditableContext.Provider>
+    </Form>
+  );
+};
+interface EditableCellProps {
+  title: React.ReactNode;
+  editable: boolean;
+  children: React.ReactNode;
+  dataIndex: string;
+  record: any;
+  handleSave: (record: any) => void;
+  formItemProps: any,
+}
+
+const EditableCell: React.FC<EditableCellProps> = ({
+  title,
+  editable,
+  children,
+  dataIndex,
+  record,
+  formItemProps = {},
+  handleSave,
+  ...restProps
+}) => {
+  const [editing, setEditing] = useState(false);
+  const inputRef = useRef<any>({});
+  const form = useContext(EditableContext);
+  useEffect(() => {
+    if (editing) {
+      inputRef.current.focus();
+    }
+  }, [editing]);
+
+  const toggleEdit = () => {
+    setEditing(!editing);
+    form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+  };
+  const save = async () => {
+    try {
+      const values = await form.validateFields();
+      toggleEdit();
+      handleSave({ ...record, ...values });
+    } catch (errInfo) {
+      console.log('Save failed:', errInfo);
+    }
+  };
+
+  let childNode = children;
+
+  if (editable) {
+    childNode = editing ? (
+      <Form.Item
+        style={{ margin: 0, width: record.width || 80 }}
+        name={dataIndex}
+        rules={[
+          {
+            required: true,
+            message: intl.formatMessage({ id: 'transaction_components.cixiangweibitianxiang' }),
+          },
+          {
+            pattern: /^\d+(\.\d{1,3})?$/,
+            message: intl.formatMessage({ id: 'transaction_components.zhifubilijinxianliangwei' }),
+          }
+        ]}
+      >
+        <Input type='number' ref={inputRef} onBlur={save} onPressEnter={save} {...formItemProps} />
+      </Form.Item>
+    ) : (
+      <div className="editable-cell-value-wrap" style={{ paddingRight: 24 }} onClick={toggleEdit}>
+        {children}
+        <EditOutlined />
+      </div>
+    );
+  }
+
+  return <td {...restProps}>{childNode}</td>;
+};
 
 const formActions = createFormActions();
 const modalSchemaAction = createFormActions()
@@ -48,7 +140,7 @@ const Repositories: React.FC<{}> = () => {
   const [rowSelection, RowCtl] = useRowSelectionTable({ customKey: 'id' });
   const { run, loading } = useHttpRequest(postProductFreightSpaceUpdateBatch, { ctlType: 'none' })
 
-  const columns: ColumnType<any>[] = [
+  const columns: any[] = [
     {
       title: intl.formatMessage({ id: 'repositories.columns.id' }),
       dataIndex: 'id',
@@ -58,6 +150,8 @@ const Repositories: React.FC<{}> = () => {
       title: intl.formatMessage({ id: 'repositories.columns.name' }),
       dataIndex: 'name',
       key: 'name',
+      width: 240,
+      ellipsis: true,
       render: (text: any, record: any) => (
         <EyePreview
           type={AuthUrl('repositories.see') ? 'link' : 'button'}
@@ -71,6 +165,8 @@ const Repositories: React.FC<{}> = () => {
       title: intl.formatMessage({ id: 'repositories.columns.productName' }),
       dataIndex: 'productName',
       key: 'productName',
+      width: 200,
+      ellipsis: true,
     },
     {
       title: intl.formatMessage({ id: 'repositories.columns.category' }),
@@ -91,22 +187,15 @@ const Repositories: React.FC<{}> = () => {
       title: intl.formatMessage({ id: 'repositories.columns.inventory' }),
       dataIndex: 'inventory',
       key: 'inventory',
+      formItem: 'input',
+      editable: true,
+      width: 200,
     },
     {
       title: intl.formatMessage({ id: 'repositories.columns.alreadyiInventory' }),
       dataIndex: 'alreadyiInventory',
       key: 'alreadyiInventory',
     },
-    // {
-    //   title: intl.formatMessage({ id: 'repositories.columns.upperMemberName' }),
-    //   dataIndex: 'upperMemberName',
-    //   key: 'upperMemberName',
-    // },
-    // {
-    //   title: intl.formatMessage({ id: 'repositories.columns.upperStockCount' }),
-    //   dataIndex: 'upperStockCount',
-    //   key: 'upperStockCount',
-    // },
     {
       title: <span>
         上游商品库存&ensp;
@@ -300,8 +389,45 @@ const Repositories: React.FC<{}> = () => {
     console.log(value)
   }
 
-  const controllerBtns = <Space>
+  const handleSave = row => {
+    console.log(row)
+    const { id, inventory } = row
+    // // 执行修改库存
+    postProductFreightSpaceUpdateInventory({
+      id,
+      inventory
+    }).then(res => {
+      if (res.code === 1000) {
+        ref.current.reload()
+      }
+    })
+  };
 
+  const editColumns = columns.map(col => {
+    if (!col.editable) {
+      return col;
+    }
+    return {
+      ...col,
+      onCell: record => ({
+        record,
+        editable: col.editable,
+        dataIndex: col.dataIndex,
+        title: col.title,
+        formItemProps: col.formItemProps,
+        handleSave: handleSave,
+      }),
+    };
+  });
+
+  const editComponents = {
+    body: {
+      row: EditableRow,
+      cell: EditableCell
+    }
+  }
+
+  const controllerBtns = <Space>
     <AuthButton btnCode='repositories.add'>
       <Button
         type="primary"
@@ -318,16 +444,15 @@ const Repositories: React.FC<{}> = () => {
     <AuthButton btnCode='repositories.batchedit'>
       <Button onClick={() => modalRef.current.setVisible(true)}>{intl.formatMessage({ id: 'repositories.controllerBtns.button.3' })}</Button>
     </AuthButton>
-
   </Space>
 
   return (
     <PageHeaderWrapper>
       <Card>
         <StandardTable
-          columns={columns}
+          columns={editColumns}
           currentRef={ref}
-          tableProps={{ rowKey: 'id' }}
+          tableProps={{ rowKey: 'id', components: editComponents }}
           rowSelection={rowSelection}
           fetchTableData={(params: any) => fetchData(params)}
           controlRender={