添-产品商城-详情-提交意向-限制必选项

pages/mall/detail/components/intentionModal/index.tsx

@@ -47,14 +47,36 @@ export default function IntentionModal(props: Props) {
     setNumValue(1)
   }, [checkedMap])
 
+  useEffect(() => {
+    let items = props.detail?.goodsSpec
+      .filter((item) => item.must === 1)
+      .map((item) => item.productSpecList)
+      .flat()
+    props.detail?.goodsSpec.map((item, index) => {
+      if (item.must === 1) {
+        item.productSpecList.map((e, indexer) => {
+          addProductSpec(index, indexer, true)
+        })
+      }
+    })
+    if (items?.length) {
+      setCheckItems(items)
+    }
+  }, [props.detail])
+
   //添加规格到购物车
-  function addProductSpec(goodsSpecIndex: number, productSpecIndex: number) {
+  function addProductSpec(
+    goodsSpecIndex: number,
+    productSpecIndex: number,
+    status?: boolean
+  ) {
+    if (props.detail?.goodsSpec[goodsSpecIndex].must && !status)
+      return message.warning('该项为必选项,无法取消选中')
     let temp = {}
     //@ts-ignore
     temp[`${goodsSpecIndex},${productSpecIndex}`] =
       //@ts-ignore
       !checkedMap[`${goodsSpecIndex},${productSpecIndex}`]
-
     setCheckedMap({
       ...checkedMap,
       ...temp,