qimall/addons/Store/backend/views/setting/payment.php

<el-row>
  <el-col :span="24">
    <div class="form-body">
      <el-form :model="paymentForm" ref="paymentForm" label-width="172px" style="position: relative" size="small" :rules="paymentRules">
        <div class="title">
          <span>门店支付设置</span>
        </div>
        <el-form-item label="支付方式" prop="payment_is_enable">
          <template>
            <el-radio v-model="paymentForm.payment_is_enable" :label="0">关闭</el-radio>
            <el-radio v-model="paymentForm.payment_is_enable" :label="1">开启</el-radio><br />
            <p class="tips-text" style="width:600px;">开启后，可基于系统已开启的支付方式中独立设置门店可使用的支付方式</p>
          </template>
          <template v-if="paymentForm.payment_is_enable == 1">
            <el-col :span="24">
              <el-checkbox-group v-model="paymentForm.payment_type">
                  <template v-for="(value, key) in paymentForm.payment_way" >
                      <el-checkbox v-if="value.pay_type==12" :disabled="paymentForm.score_deduction.is_score_deduction==1" :key="key"
                      :label="value.pay_type">{{value.name}}</el-checkbox>
                      <el-checkbox v-else :key="key"
                      :label="value.pay_type">{{value.name}}</el-checkbox>
                  </template>
              </el-checkbox-group>
            </el-col>
          </template>
        </el-form-item>

          <el-form-item label="设置开启:" style="margin-top: 10px;">
              <template>
                  <el-radio v-model="paymentForm.score_open_type" :label="2" @input="changeScoreOpenType">积分抵扣</el-radio>
                  <el-radio v-model="paymentForm.score_open_type" :label="1" @input="changeScoreOpenType">积分支付</el-radio>
              </template>
          </el-form-item>

            <!-- 积分支付设置 -->
          <template v-if="paymentForm.score_open_type==1">
              <div class="title">
              <span>积分支付设置</span>
            </div>
            <el-form-item label="独立设置">
              <el-switch v-model="paymentForm.score_pay_setting" :active-value="1" :inactive-value="0" @change="changeScorePaySetting"></el-switch>
              <p class="tips-text" style="width:600px;">开启后，可独立设置门店是否开启积分支付</p>
            </el-form-item>
            <el-form-item label="积分支付">
              <el-switch v-model="paymentForm.score_pay" :active-value="1" :inactive-value="0" @change="changeScorePay"></el-switch>
              <p class="tips-text" style="width:600px;">注意：开启积分支付需要继续与人民币兑换比例为1:1</p>
            </el-form-item>

            <el-form-item label="启用支付密码">
              <el-switch v-model="paymentForm.score_pay_password_status" :active-value="1" :inactive-value="0"></el-switch>
            </el-form-item>
          </template>
          <!-- 积分抵扣设置 -->
        <template v-if="paymentForm.score_open_type==2">
          <div class="title">
            <span>积分抵扣设置</span>
          </div>
          <el-form-item label="积分抵扣:" style="margin-top: 10px;">
            <el-switch v-model="paymentForm.score_deduction.is_score_deduction" :active-value="1"
              :inactive-value="0" @change="changeScoreDeductionStatus"></el-switch>
          </el-form-item>
          <template v-if="paymentForm.score_deduction.is_score_deduction==1">
            <el-form-item label="积分抵扣生效对象:" style="margin-top: 10px;">
              <template>
                <el-radio v-model="paymentForm.score_deduction.effective" :label="1">全部</el-radio>
                <el-radio v-model="paymentForm.score_deduction.effective" :label="2">收银台订单</el-radio>
                <el-radio v-model="paymentForm.score_deduction.effective" :label="3">非收银台订单</el-radio>
              </template>
            </el-form-item>
              <el-form-item label="积分获得对象" v-if="paymentForm.score_deduction.is_score_deduction==1">
                  <el-radio-group v-model="paymentForm.score_deduction.bear">
                      <el-radio :label="0">平台</el-radio>
                      <el-radio :label="1">门店</el-radio>
                  </el-radio-group>
              </el-form-item>
            <el-form-item label="积分转换比例" prop="score_deduction.score_balance_ratio">
              <el-input v-model="paymentForm.score_deduction.score_balance_ratio"  oninput="value=value.replace(/[^\d]/g,'')"  ></el-input>
                <div class="tips-text">N积分抵1元</div>
            </el-form-item>
            <el-form-item label="积分抵扣类型" required>
                <el-radio-group v-model="paymentForm.score_deduction.deduction_type">
                    <el-radio :label="0">默认</el-radio>
                    <el-radio :label="1">最高抵扣比例</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="积分抵扣比例:" v-if="paymentForm.score_deduction.deduction_type == 0">
              <div style="display:flex;align-items: flex-end;">
                <div>
                  <div v-for="(item,index) in paymentForm.score_deduction.deduction_proportion" :key='index' class="deduction-list" >
                    <div class="deduction-list">
                      消费在
                      <el-form-item :prop="'score_deduction.deduction_proportion.' + index + '.min'" :rules="paymentRules.deduction_min">  
                        <el-input :min="0" class="member-money" v-model="item.min" placeholder="" onInput="value=toNumber(value,2)"
                          style="width: 150px">
                          <template slot="append">元</template>
                        </el-input>
                      </el-form-item>
                      至
                      <el-form-item :prop="'score_deduction.deduction_proportion.' + index + '.max'" :rules="paymentRules.deduction_max">
                      <el-input :min="0" :max="100" class="member-money" v-model="item.max" placeholder="" onInput="value=toNumber(value,2)"
                          style="width: 150px;">
                          <template slot="append">元</template>
                        </el-input>
                      </el-form-item>
                      之间，可以用积分抵扣
                      <el-form-item :prop="'score_deduction.deduction_proportion.' + index + '.deduction_ratio'" :rules="paymentRules.deduction_ratio">
                        <el-input type="number" :min="0" :max="100" class="member-money" v-model="item.deduction_ratio"  onInput="value=toNumber(value,2)"
                          placeholder="" style="width: 150px;">
                          <template slot="append">%</template>
                        </el-input>
                      </el-form-item>
                    </div>
                  </div>
                </div>
                <div  style="display:flex;" :class="(paymentForm.score_deduction.deduction_proportion && paymentForm.score_deduction.deduction_proportion.length) && 'form-bottom' ">
                  <el-button
                      style="margin-left: 10px;height:32px;" type="danger" size="small" @click="deleteItem" v-if="paymentForm.score_deduction.deduction_proportion && paymentForm.score_deduction.deduction_proportion.length">删除区间
                    </el-button>
                  <el-button
                    :disabled="isAddDeduction"
                    v-if="paymentForm.score_deduction.deduction_proportion && paymentForm.score_deduction.deduction_proportion.length<3"
                    style="margin-left: 10px;height:32px;" type="primary" size="small" @click="addItem">添加区间
                  </el-button>
                </div>
              </div>
                <div class="tips-text">例如：实际支付在200-300区间，则可以用积分抵扣10%（不考虑运费）</div>
            </el-form-item>
            <el-form-item label="最高抵扣比例" v-if="paymentForm.score_deduction.deduction_type == 1" required>
                <el-input size="small" v-model="paymentForm.score_deduction.max_deduction_percent"><template slot="append">%</template></el-input>
                <div class="tips-text">最高抵扣金额：订单金额*N% (订单金额：优惠后价格，不包含运费)，收银台：输入金额*N%</div>
            </el-form-item>
            <el-form-item label="门店限制">
                <el-col :span="24">
                    <el-radio-group v-model="paymentForm.score_deduction.store_limit_type">
                        <el-radio :label="0">全部门店</el-radio>
                        <el-radio :label="1">指定门店</el-radio>
                    </el-radio-group>
                    <div class="tips-text" v-if="paymentForm.score_deduction.store_limit_type == 1">指定门店可享有积分抵扣权限</div>
                    <store-list-view ref="storeListRef" v-model="paymentForm.score_deduction.store_limit_stores" :search-store="true" @change="handleStoreLimitChange" style="max-width: 750px;" v-if="paymentForm.score_deduction.store_limit_type == 1" key="payment">
                        <template slot="addon-field" v-if="paymentForm.score_deduction.deduction_type == 1">
                          <el-table-column label="最高抵扣比例" width="200" align="center">
                              <template slot-scope="scope">
                                <el-input size="small" type="number" min="0" v-model="paymentForm.score_deduction.store_limit_stores_deduction[scope.row.id]" placeholder="留空使用默认"><template slot="append">%</template></el-input>
                              </template>
                          </el-table-column>
                        </template>
                        <template slot="header-button" v-if="paymentForm.score_deduction.deduction_type == 1">
                            <store-score-apply :score-method="2" @close="handleScoreDeductionApplyClose"><el-button size="mini" type="primary" class="header-button">审核</el-button></store-score-apply>
                            <store-score-protocol v-model="paymentForm.store_limit_protocol"><el-button size="mini" type="primary" class="header-button">协议</el-button></store-score-protocol>
                            <el-input v-model="batch_deduction"  type="number" min="0" class="batch-deduction" placeholder="最高抵扣比例"><template slot="append">%</template></el-input>
                            <el-button size="small" type="primary" @click="batchSetMaxDeduction">批量设置</el-button>
                        </template>
                    </store-list-view>
                </el-col>
            </el-form-item>
          </template>
        </template>
          <div class="title">
              <span>订单支付成功后跳转</span>
          </div>
          <el-form-item label-width="180px" label="订单支付成功后跳转">
              <el-col :span="24">
                  <el-col :span="16">
                      <el-input v-model="pay_after_link_show" :disabled="true"></el-input>
                      <!-- <el-input style="display: none;" v-model="paymentForm.pay_after_link"></el-input> -->
                  </el-col>
                  <el-col :span="8">
                      <com-pick-link @selected="selectUrl"
                                     :default-tabs="defaultTabs"><el-button>选择链接</el-button></com-pick-link>
                  </el-col>
              </el-col>
              <div class="tips-text">订单支付成功后跳转的页面</div>
          </el-form-item>
      </el-form>

    </div>
  </el-col>
</el-row>
<el-button :loading="submitLoading" class="button-item" size="small" type="primary"
  @click="submit('paymentForm')">保存</el-button>