|
|
@@ -20,6 +20,7 @@
|
|
|
ref="ruleForm"
|
|
|
:model="ruleForm"
|
|
|
status-icon
|
|
|
+ size="mini"
|
|
|
:rules="rulesThis"
|
|
|
label-width="80px"
|
|
|
class="demo-ruleForm"
|
|
|
@@ -41,6 +42,7 @@
|
|
|
v-model="ruleForm.use_type"
|
|
|
style="width: 100%"
|
|
|
:disabled="id == '007'"
|
|
|
+ @change="set_required"
|
|
|
placeholder="请选择平台类型"
|
|
|
>
|
|
|
<el-option
|
|
|
@@ -58,6 +60,7 @@
|
|
|
v-model="ruleForm.platform_type"
|
|
|
style="width: 100%"
|
|
|
:disabled="id == '007'"
|
|
|
+ @change="set_required"
|
|
|
placeholder="请选择对接平台"
|
|
|
>
|
|
|
<el-option
|
|
|
@@ -69,16 +72,20 @@
|
|
|
</el-option>
|
|
|
</el-select> </el-form-item
|
|
|
></el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="对接平台" prop="platform_type">
|
|
|
+ <el-col
|
|
|
+ :span="8"
|
|
|
+ v-show="ruleForm.use_type === '1' && ruleForm.platform_type === '0'"
|
|
|
+ >
|
|
|
+ <el-form-item label="开启渠道" prop="is_pay">
|
|
|
<el-select
|
|
|
- v-model="ruleForm.platform_type"
|
|
|
+ v-model="ruleForm.is_pay"
|
|
|
+ @change="set_required"
|
|
|
style="width: 100%"
|
|
|
:disabled="id == '007'"
|
|
|
- placeholder="请选择对接平台"
|
|
|
+ placeholder="是否开启"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
+ v-for="item in is_pay_options"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
@@ -86,32 +93,102 @@
|
|
|
</el-option>
|
|
|
</el-select> </el-form-item
|
|
|
></el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="对接平台" prop="platform_type">
|
|
|
- <el-select
|
|
|
- v-model="ruleForm.platform_type"
|
|
|
- style="width: 100%"
|
|
|
+ <el-col
|
|
|
+ :span="8"
|
|
|
+ v-show="
|
|
|
+ ruleForm.use_type === '1' &&
|
|
|
+ ruleForm.platform_type === '0' &&
|
|
|
+ ruleForm.is_pay === '1'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-form-item label="渠道名称" prop="pay_name">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.pay_name"
|
|
|
:disabled="id == '007'"
|
|
|
- placeholder="请选择对接平台"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select> </el-form-item
|
|
|
+ placeholder="渠道名称"
|
|
|
+ maxlength="20" /></el-form-item
|
|
|
></el-col>
|
|
|
- <el-col :span="24"> 111</el-col>
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ v-show="
|
|
|
+ ruleForm.use_type === '1' &&
|
|
|
+ ruleForm.platform_type === '0' &&
|
|
|
+ ruleForm.is_pay === '1'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-form-item label="内容配置" prop="pay_rate">
|
|
|
+ <el-table size="mini" border :data="ruleForm.pay_rate">
|
|
|
+ <el-table-column label="业务公司">
|
|
|
+ <template #default="scope">
|
|
|
+ <search-work-company
|
|
|
+ v-if="scope.row.isEdit"
|
|
|
+ :value="scope.row.companyNo"
|
|
|
+ :names="''"
|
|
|
+ :size="'mini'"
|
|
|
+ :is-detail="id !== 'add'"
|
|
|
+ :placeholder="'业务公司'"
|
|
|
+ @searchChange="handleCompanyChange($event, scope.$index)"
|
|
|
+ />
|
|
|
+
|
|
|
+ <span v-else>{{ ruleForm.pay_rate[0].companyName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="收费点数">
|
|
|
+ <template #default="scope">
|
|
|
+ <digital-input
|
|
|
+ ref="digitalInput"
|
|
|
+ v-if="scope.row.isEdit"
|
|
|
+ size="mini"
|
|
|
+ :values="scope.row.rate"
|
|
|
+ :placeholder="'收费点数'"
|
|
|
+ :min="0"
|
|
|
+ :max="100"
|
|
|
+ :position="'right'"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ :append="'%'"
|
|
|
+ @reschange="handleRateChange($event, scope.$index)"
|
|
|
+ />
|
|
|
+
|
|
|
+ <span v-else
|
|
|
+ >{{ Number(ruleForm.pay_rate[0].rate).toFixed(2) }}%</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ width="60px"
|
|
|
+ label="操作"
|
|
|
+ v-if="id === '003' || id === '005'"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tooltip
|
|
|
+ effect="dark"
|
|
|
+ :content="scope.row.isEdit ? '完成' : '修改'"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="[
|
|
|
+ scope.row.isEdit ? 'el-icon-circle-check' : 'el-icon-edit',
|
|
|
+ 'tb-icon',
|
|
|
+ ]"
|
|
|
+ @click="handleEdit(scope.$index)"
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="text-align: right">
|
|
|
- <el-button v-if="id !== '007'" type="primary" @click="submitForm"
|
|
|
+ <el-button v-if="id !== '007'" size="mini" type="primary" @click="submitForm"
|
|
|
>保 存
|
|
|
</el-button>
|
|
|
- <el-button @click="showModelThis = false">{{
|
|
|
+ <el-button size="mini" @click="showModelThis = false">{{
|
|
|
id == "007" ? "关 闭" : "取 消"
|
|
|
}}</el-button>
|
|
|
</el-col>
|
|
|
@@ -122,6 +199,7 @@
|
|
|
<script>
|
|
|
import asyncRequest from "@/apis/service/serviceParam/terrace";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
+import { accMul, accDiv } from "@/utils/validate";
|
|
|
export default {
|
|
|
name: "terrace",
|
|
|
props: ["showModel", "id", "sitem"],
|
|
|
@@ -131,10 +209,28 @@ export default {
|
|
|
loading: false,
|
|
|
title: "添加平台",
|
|
|
showModelThis: this.showModel,
|
|
|
+ rateBefore: {
|
|
|
+ companyNo: "GYS",
|
|
|
+ companyName: "供应商",
|
|
|
+ rate: "0",
|
|
|
+ is_cgd: "0",
|
|
|
+ is_qrd: "1",
|
|
|
+ },
|
|
|
+ rateAfter: {
|
|
|
+ companyNo: "KH",
|
|
|
+ companyName: "客户",
|
|
|
+ rate: "0",
|
|
|
+ is_cgd: "0",
|
|
|
+ is_qrd: "0",
|
|
|
+ },
|
|
|
options: [
|
|
|
{ value: "0", label: "无对接" },
|
|
|
{ value: "1", label: "有赞平台" },
|
|
|
],
|
|
|
+ is_pay_options: [
|
|
|
+ { value: "0", label: "不选支付渠道" },
|
|
|
+ { value: "1", label: "选择支付渠道" },
|
|
|
+ ],
|
|
|
use_type_options: [
|
|
|
{ value: "1", label: "ToB" },
|
|
|
{ value: "2", label: "ToC" },
|
|
|
@@ -144,12 +240,35 @@ export default {
|
|
|
platform_name: "",
|
|
|
platform_type: "0",
|
|
|
use_type: "1",
|
|
|
+ pay_name: "",
|
|
|
+ is_pay: "0",
|
|
|
+ pay_rate: [
|
|
|
+ {
|
|
|
+ companyNo: "",
|
|
|
+ rate: "",
|
|
|
+ is_cgd: "1",
|
|
|
+ is_qrd: "1",
|
|
|
+ isEdit: true,
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
rulesThis: this.rules,
|
|
|
rules: {
|
|
|
platform_name: [{ required: true, message: "平台名称不能为空", trigger: "blur" }],
|
|
|
platform_type: [{ required: true, message: "请选择对接平台", trigger: "change" }],
|
|
|
use_type: [{ required: true, message: "请选择平台类型", trigger: "change" }],
|
|
|
+ is_pay: [
|
|
|
+ { required: true, message: "请选择是否开启支付渠道", trigger: "change" },
|
|
|
+ ],
|
|
|
+ pay_name: [{ required: true, message: "渠道名称不能为空", trigger: "blur" }],
|
|
|
+ pay_rate: [
|
|
|
+ {
|
|
|
+ type: "array",
|
|
|
+ required: true,
|
|
|
+ message: "内容配置不能为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
@@ -194,11 +313,44 @@ export default {
|
|
|
platform_name: platform_name || "",
|
|
|
platform_type: platform_type || "0",
|
|
|
use_type: use_type || "",
|
|
|
+ pay_name: "",
|
|
|
+ is_pay: "0",
|
|
|
+ pay_rate: [
|
|
|
+ {
|
|
|
+ companyNo: "",
|
|
|
+ rate: "",
|
|
|
+ is_cgd: "1",
|
|
|
+ is_qrd: "1",
|
|
|
+ isEdit: true,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
+ this.set_required();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ handleEdit(index) {
|
|
|
+ const lineData = this.ruleForm.pay_rate[index];
|
|
|
+ if (lineData.isEdit) {
|
|
|
+ const { companyNo, rate } = lineData;
|
|
|
+ if (!companyNo) return this.$message.warning("业务公司不能为空");
|
|
|
+ if (!rate) return this.$message.warning("收费点数不能为空");
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$set(this.ruleForm.pay_rate, index, {
|
|
|
+ ...this.ruleForm.pay_rate[index],
|
|
|
+ ...{ isEdit: !lineData.isEdit },
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ //手动更新
|
|
|
+ this.$refs.digitalInput && this.$refs.digitalInput.manualUpdate(lineData.rate);
|
|
|
+ });
|
|
|
+ },
|
|
|
async submitForm() {
|
|
|
+ const payRates = this.ruleForm.pay_rate;
|
|
|
+ const isPayRateSave = payRates.every(({ isEdit }) => !isEdit);
|
|
|
+ if (!isPayRateSave) return this.$message.warning("未完成内容配置编辑");
|
|
|
await this.$refs.ruleForm.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
if (this.loading) {
|
|
|
@@ -206,6 +358,9 @@ export default {
|
|
|
}
|
|
|
this.loading = true;
|
|
|
let model = JSON.parse(JSON.stringify(this.ruleForm));
|
|
|
+ delete model.pay_rate[0].isEdit;
|
|
|
+ model.pay_rate[0].rate = accDiv(model.pay_rate[0].rate, 100);
|
|
|
+ model.pay_rate = [this.rateBefore, ...model.pay_rate, this.rateAfter];
|
|
|
let res = {};
|
|
|
if (this.id === "003") {
|
|
|
delete model["id"];
|
|
|
@@ -234,6 +389,32 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ set_required() {
|
|
|
+ const { platform_type, use_type, is_pay } = this.ruleForm;
|
|
|
+ this.rulesThis.is_pay[0].required = use_type === "1" && platform_type === "0";
|
|
|
+ this.rulesThis.pay_name[0].required =
|
|
|
+ use_type === "1" && platform_type === "0" && is_pay === "1";
|
|
|
+ this.rulesThis.pay_rate[0].required =
|
|
|
+ use_type === "1" && platform_type === "0" && is_pay === "1";
|
|
|
+ console.log("11111111111111111");
|
|
|
+ },
|
|
|
+ handleCompanyChange(e, index) {
|
|
|
+ const { code, label } = e;
|
|
|
+ const companyInfo = {
|
|
|
+ companyNo: code,
|
|
|
+ companyName: label,
|
|
|
+ };
|
|
|
+ this.$set(this.ruleForm.pay_rate, index, {
|
|
|
+ ...this.ruleForm.pay_rate[index],
|
|
|
+ ...companyInfo,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleRateChange(rate, index) {
|
|
|
+ this.$set(this.ruleForm.pay_rate, index, {
|
|
|
+ ...this.ruleForm.pay_rate[index],
|
|
|
+ ...{ rate },
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
