✨ feat: 组合商品默认说明

src/components/combining/index.jsx

@@ -19,7 +19,6 @@ import {
   DateRangePicker,
   Drawer,
   ImageUpload,
-  Input,
   Notify,
   Pop,
   RadioButton,
@@ -27,7 +26,13 @@ import {
   Select,
   TimeRangePicker
 } from "zent"
-import { codeInfoRules, rulesInfoRules, tableColumn } from "./static"
+import {
+  codeInfoRules,
+  rulesInfoRules,
+  tableColumn,
+  defaultInstructionWx,
+  defaultInstructionZfb
+} from "./static"
 
 function initArray(targetNum) {
   return Array.from({ length: targetNum }, (_, index) => index)
@@ -60,7 +65,7 @@ const Combining = forwardRef((props, ref) => {
 
   function initInfo() {
     return {
-      instruction: "",
+      instruction: defaultInstructionZfb,
       code_name: "",
       quantity: "",
       date_time: [],
@@ -434,9 +439,16 @@ const Combining = forwardRef((props, ref) => {
                 onChange={({ target }) => {
                   setInfo({ channel: target.value })
                   if (target.value === "3") {
-                    this.handleChange(2, "receive_mode")
+                    setInfo({ receive_mode: 2 })
                   } else {
-                    this.handleChange(1, "receive_mode")
+                    setInfo({ receive_mode: 1 })
+                  }
+                  if (target.value === "1") {
+                    setInfo({ instruction: defaultInstructionZfb })
+                  } else if (target.value === "2") {
+                    setInfo({ instruction: defaultInstructionWx })
+                  } else {
+                    setInfo({ instruction: "" })
                   }
                 }}
                 value={info.channel}
@@ -537,6 +549,7 @@ const Combining = forwardRef((props, ref) => {
                 }}
                 width="520px"
                 text={info.instruction}
+                key={info.channel}
                 limitLength={5000}
               />
             </FormItem>

src/components/combining/static.js

@@ -106,3 +106,13 @@ export const rulesInfoRules = {
   timer: [{ type: "required", message: "请选择领取时间段" }],
   rank: [{ type: "required", message: "请选择商品范围" }]
 }
+
+export const defaultInstructionWx = `1、立减金自领取之日起30天有效，请在有效期内使用
+<br>2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣
+<br>3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
+<br>4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金'
+<br>5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户`
+export const defaultInstructionZfb = `1、立减金自领取之日起7天有效，请在有效期内使用
+<br>2、支付宝立减金自领取后每个立减金一次性使用，不兑换、不找零，到期后自动失效，逾期未使用不再补发。使用支付宝支付进行付款(大于立减金面额0.01元以上)即可自动抵扣
+<br>3、多张立减金可在单笔支付宝支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
+<br>4、使用立减金的支付宝支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户;如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户`

src/pages/exchangecode/combiningAdd/index.jsx

@@ -42,7 +42,15 @@ import {
   TimeRangePicker
 } from "zent"
 import "./index.less"
-import { Column2, codeInfo, init, reductionFn, rulesInfo } from "./utils.js"
+import {
+  Column2,
+  codeInfo,
+  init,
+  reductionFn,
+  rulesInfo,
+  defaultInstructionWx,
+  defaultInstructionZfb
+} from "./utils.js"
 
 const initArray = (targetNum) => {
   return Array.from({ length: targetNum }, (_, index) => index)
@@ -1032,6 +1040,13 @@ export default class combiningAdd extends React.Component {
                       } else {
                         this.handleChange(1, "receive_mode")
                       }
+                      if (target.value === "1") {
+                        this.handleChange(defaultInstructionZfb, "instruction")
+                      } else if (target.value === "2") {
+                        this.handleChange(defaultInstructionWx, "instruction")
+                      } else {
+                        this.handleChange("", "instruction")
+                      }
                     }}
                     value={this.state.codeInfo.channel}
                   >
@@ -1096,6 +1111,7 @@ export default class combiningAdd extends React.Component {
                     }}
                     width="520px"
                     text={this.state.codeInfo.instruction}
+                    key={this.state.codeInfo.channel}
                     limitLength={5000}
                   />
                 </FormItem>

src/pages/exchangecode/combiningAdd/utils.js

@@ -151,6 +151,7 @@ export const init = () => {
       date_time: "",
       range: "",
       stock: "",
+      instruction: defaultInstructionZfb,
       planSelect: "" /* 归属计划 */,
       keyBatchSelect: "" /* 归属key */,
       restrict: 1 /* 绑定数 */,
@@ -217,3 +218,13 @@ export function reductionFn(params) {
   newObj.product_id = params.goods_id || "-"
   return newObj
 }
+
+export const defaultInstructionWx = `1、立减金自领取之日起30天有效，请在有效期内使用
+<br>2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣
+<br>3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
+<br>4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金'
+<br>5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户`
+export const defaultInstructionZfb = `1、立减金自领取之日起7天有效，请在有效期内使用
+<br>2、支付宝立减金自领取后每个立减金一次性使用，不兑换、不找零，到期后自动失效，逾期未使用不再补发。使用支付宝支付进行付款(大于立减金面额0.01元以上)即可自动抵扣
+<br>3、多张立减金可在单笔支付宝支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
+<br>4、使用立减金的支付宝支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户;如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户`