Quellcode durchsuchen

经销商促销详情样式修改

chenrui vor 1 Jahr
Ursprung
Commit
a5b97e02ae
1 geänderte Dateien mit 86 neuen und 9 gelöschten Zeilen
  1. 86 9
      src/views/promotionRulesManagement/dealerPromotions/detailModal.vue

+ 86 - 9
src/views/promotionRulesManagement/dealerPromotions/detailModal.vue

@@ -16,10 +16,20 @@
         :label-col="formItemLayout.labelCol"
         :wrapper-col="formItemLayout.wrapperCol" >
         <a-form-model-item label="规则简称" v-if="form.description">
-          {{ form.description }}
+          <a-input
+            size="small"
+            disabled="true"
+            v-model.trim="form.description"></a-input>
         </a-form-model-item>
         <a-form-model-item label="规则门槛" v-if="form.gateFlag">
-          <div v-if="form.gateFlag=== '0'">无</div>
+          <a-radio-group v-model="form.gateFlag" button-style="solid" size="small" disabled="true">
+            <a-radio-button value="1">
+              有
+            </a-radio-button>
+            <a-radio-button value="0">
+              无
+            </a-radio-button>
+          </a-radio-group>
           <div v-if="form.gateFlag==='1'">
             <span v-if="form.gateType==='RATIO_AMOUNT'">购买门槛产品金额{{ form.gateAmount*100 }}%作为配额 </span>
             <span v-if="form.gateType==='MIN_AMOUNT'">购买门槛产品满最低金额{{ form.gateAmount }}元,不限制配额。</span>
@@ -34,17 +44,80 @@
         <a-form-model-item label="满赠规则" prop="regularSameFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_MONEY'">
           购买满{{ form.regularAmount }}元正价产品,送{{ form.giveAmount }}元({{ perCentNum }}%促销品采购额)
         </a-form-model-item>
-        <a-form-model-item label="数量叠加" prop="accrualFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_PROD'&&form.accrualFlag">{{ form.accrualFlag==='1'?'是':'否' }}</a-form-model-item>
-        <a-form-model-item label="金额叠加" prop="accrualFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_MONEY'&&form.accrualFlag">{{ form.accrualFlag==='1'?'是':'否' }}</a-form-model-item>
+        <a-form-model-item label="数量叠加" prop="accrualFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_PROD'&&form.accrualFlag">
+          <a-radio-group v-model="form.accrualFlag" button-style="solid" size="small" disabled="true">
+            <a-radio-button value="1">
+              是
+            </a-radio-button>
+            <a-radio-button value="0">
+              否
+            </a-radio-button>
+          </a-radio-group>
+        </a-form-model-item>
+        <a-form-model-item label="金额叠加" prop="accrualFlag" v-if="form.promotionRuleType ==='BUY_PROD_GIVE_MONEY'&&form.accrualFlag">
+          <a-radio-group v-model="form.accrualFlag" button-style="solid" size="small" disabled="true">
+            <a-radio-button value="1">
+              是
+            </a-radio-button>
+            <a-radio-button value="0">
+              否
+            </a-radio-button>
+          </a-radio-group>
+        </a-form-model-item>
         <a-form-model-item prop="minOrderFlag" label="订单起订金额">
-          {{ form.minOrderFlag === '1'?'限制':'不限制' }}{{ form.minOrderAmount?form.minOrderAmount+'元':'' }}
+          <a-select v-model="form.minOrderFlag" style="width: 160px" size="small" disabled="true">
+            <a-select-option value="0">
+              不限
+            </a-select-option>
+            <a-select-option value="1">
+              限制
+            </a-select-option>
+          </a-select>
+          <a-input-number
+            disabled="true"
+            v-if="form.minOrderAmount"
+            size="small"
+            style="margin-left:10px;width:100px;"
+            v-model="form.minOrderAmount"/>
+          {{ form.minOrderAmount?'元':'' }}
         </a-form-model-item>
         <a-form-model-item prop="upperLimitFlag" label="活动经费上限">
-          {{ form.upperLimitFlag === '1'?'限制':'不限制' }}{{ form.upperLimitAmount?form.upperLimitAmount+'元' :'' }}
+          <a-select v-model="form.minOrderFlag" style="width: 160px" size="small" disabled="true">
+            <a-select-option value="0">
+              不限
+            </a-select-option>
+            <a-select-option value="1">
+              限制
+            </a-select-option>
+          </a-select>
+          <a-input-number
+            disabled="true"
+            v-if="form.upperLimitAmount"
+            size="small"
+            style="margin-left:10px;width:100px;"
+            v-model="form.upperLimitAmount"/>
+          {{ form.upperLimitAmount?'元':'' }}
+        </a-form-model-item>
+        <a-form-model-item label="促销品是否与正品一致" v-if="form.regularPromotionSameFlag" prop="regularPromotionSameFlag">
+          <a-radio-group v-model="form.regularPromotionSameFlag" button-style="solid" size="small" disabled="true">
+            <a-radio-button value="1">
+              是
+            </a-radio-button>
+            <a-radio-button value="0">
+              否
+            </a-radio-button>
+          </a-radio-group>
         </a-form-model-item>
-        <a-form-model-item label="促销品是否与正品一致" v-if="form.regularPromotionSameFlag" prop="regularPromotionSameFlag">{{ form.regularPromotionSameFlag==='1'?'是':'否' }}</a-form-model-item>
-        <a-form-model-item label="采购额适用范围" v-if="form.scopeFlag" prop="scopeFlag">{{ form.scopeFlag==='1'?'全部产品':'部分产品' }}</a-form-model-item>
-      </a-form-model>
+        <a-form-model-item label="采购额适用范围" v-if="form.scopeFlag" prop="scopeFlag" >
+          <a-radio-group v-model="form.scopeFlag" button-style="solid" size="small" disabled="true">
+            <a-radio-button value="0">
+              部分产品
+            </a-radio-button>
+            <a-radio-button value="1">
+              全部产品
+            </a-radio-button>
+          </a-radio-group>
+        </a-form-model-item></a-form-model>
       <a-card size="small" :bordered="false" class="pages-wrap">
         <a-radio-group v-model="chooseVal" button-style="solid">
           <a-radio-button value="a" v-show="form.gateFlag==='1'">
@@ -311,6 +384,10 @@ export default {
    .tabBox::-webkit-scrollbar {
        width: 0px;
     }
+    // .ant-form-item-control .ant-input[disabled]{
+    //   color:#333333;
+    //   background:#ffffff;
+    // }
   }
 
 </style>