提交

src/pages/plan/knockGold/index.jsx

@@ -40,8 +40,8 @@ export default class adduserinfo extends React.Component {
         day_budget: '', // 单天预算
         receive_conf: '', // 领取配置
         card_type: '', // '卡种类型',
-        natural_limit: '', //'是否开启自然人限制',
+        natural_limit: '1', //'是否开启自然人限制',
-        brush_limit: '', //'是否开启防刷限制',
+        brush_limit: '1', //'是否开启防刷限制',
         time_limit: '', // '时间限制配置',
         instruction: '', //'使用说明',
         early_per: [], //'预警百分比',
@@ -52,7 +52,9 @@ export default class adduserinfo extends React.Component {
         receive_number: '', //领取个数
         receive_type: '1', //领取类型
         usable_time: '', //可用时间
-        fixed_time: '' //可用时间
+        fixed_time: '', //可用时间
+        timer: '', //领取时间段
+        timer_type: '1' //领取时间段类型
       },
       cur_product: {},
       productOption: [],
@@ -343,14 +345,14 @@ export default class adduserinfo extends React.Component {
                 width={'520px'}
                 alignment={'left'}
               />
-              {this.state.model.id ? (
+              {/* {this.state.model.id ? (
                 <Button
                   onClick={(e) => {
                     this.setState({ visible: true })
                   }}>
                   加款
                 </Button>
-              ) : null}
+              ) : null} */}
             </FormItem>
           </Form>
         </Card>
@@ -540,9 +542,9 @@ export default class adduserinfo extends React.Component {
               />
               <RadioGroup
                 onChange={(e) => {
-                  this.onTypeChange(e, 'product_type')
+                  this.onTypeChange(e, 'timer_type')
                 }}
-                value={this.state.model.product_type}>
+                value={this.state.model.timer_type}>
                 <RadioButton value={'1'}>不设置</RadioButton>
                 <RadioButton value={'2'}>每天</RadioButton>
               </RadioGroup>
@@ -686,7 +688,7 @@ export default class adduserinfo extends React.Component {
             />
           </Dialog>
         </Card>
-        <MobileComponent />
+        <MobileComponent data={this.state.model} />
       </div>
     )
   }

src/pages/plan/knockGold/index.less

@@ -9,18 +9,15 @@
 	width: 300px !important;
 }
 
-.mobile {
-	position: fixed !important;
-	top: 130px !important;
-	right: 90px !important;
-}
-
 /*立减金模板*/
-#reduce::-webkit-scrollbar {
+#reduceKnockGold::-webkit-scrollbar {
 	width: 0 !important
 }
 
-#reduce {
+#reduceKnockGold {
+	position: fixed !important;
+	top: 130px !important;
+	right: 90px !important;
 	-ms-overflow-style: none;
 	overflow: -moz-scrollbars-none;
 	background: rgba(218, 218, 218, 0.1);

src/pages/plan/knockGold/mobileCmponent.jsx

@@ -1,48 +1,71 @@
 import './index.less'
-export default (props) => {
+export default ({ data }) => {
   return (
-    <div id='reduce' className='mobile'>
+    <div id='reduceKnockGold' className='mobile'>
       <div className='couponShow'>
         <div className='coupon-left'>
           <p className='coupon_money'>
-            <span>￥</span>100
+            <span>￥</span>
+            {data.reduce_amount ? data.reduce_amount : '100'}
+          </p>
+          <p className='full_money'>
+            满{data.denomination ? data.denomination : '100.01'}可用
           </p>
-          <p className='full_money'>满1000.01可用</p>
         </div>
         <div className='coupon-right'>
-          <p className='title'>100.00元微信立减金</p>
+          <p className='title'>
+            {data.reduce_amount ? data.reduce_amount : '100'}元
+            {data.channel === '1' ? '支付宝' : '微信'}
+            立减金
+          </p>
           <p className='validity'>
-            有效期:2021-12-23 00:00:00至2022-12-23 00:00:00
+            有效期:{data.entry_time ? data.entry_time : '2022-05-20 00:00:00'}至
+            {data.timer ? data.timer : '2022-06-20 00:00:00'}
           </p>
           <p>请在有效期内领取</p>
         </div>
       </div>
       <div className='receiveBtn'>立即领取</div>
       <div className='coupon_explain'>
-        <h1>- 微信立减金兑换说明 -</h1>
+        <h1>- {data.channel === '1' ? '支付宝' : '微信'}立减金兑换说明 -</h1>
         <div className='content'>
           <h3>使用须知</h3>
           <p>
-            1、在微信APP内打开链接，点击【一键领取】完成领取微信立减金
+            1、在{data.channel === '1' ? '支付宝' : '微信'}
+            APP内打开链接，点击【一键领取】完成领取
+            {data.channel === '1' ? '支付宝' : '微信'}立减金
             <br />
-            2、微信里立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人
+            2、{data.channel === '1' ? '支付宝' : '微信'}
+            里立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人
           </p>
         </div>
         <div className='content'>
           <h3>使用规则</h3>
+          {data.instruction ? (
+            <p>{data.instruction}</p>
+          ) : (
             <p>
               1、立减金自领取之日起0天有效，请在有效期内使用
               <br />
-            2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣
+              2、{data.channel === '1' ? '支付宝' : '微信'}
+              立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用
+              {data.channel === '1' ? '支付宝' : '微信'}
+              支付进行付款（大于立减金面额0.01元以上）即可自动抵扣
               <br />
-            3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
+              3、多张立减金可在单笔{data.channel === '1' ? '支付宝' : '微信'}
+              支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用
               <br />
-            4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss
+              4、在中国境内商户使用{data.channel === '1' ? '支付宝' : '微信'}
-            Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金
+              支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss
+              Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（
+              {data.channel === '1' ? '支付宝' : '微信'}
+              支付订单号为44开头的交易）无法使用立减金
               <br />
-            5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户
+              5、使用立减金的{data.channel === '1' ? '支付宝' : '微信'}
+              支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户
               <br />
             </p>
+          )}
         </div>
       </div>
     </div>