|
|
@@ -1,330 +1,398 @@
|
|
|
<template>
|
|
|
- <div class='m-container'>
|
|
|
+ <div class="m-container">
|
|
|
<div class="m-core">
|
|
|
- <div @click="chargeOperation('create')"
|
|
|
- v-permission="'paymentConfig/add'"
|
|
|
- class='newBand'>添加</div>
|
|
|
+ <div @click="chargeOperation('create')" v-permission="'paymentConfig/add'" class="newBand">添加</div>
|
|
|
<!-- 列表 -->
|
|
|
<div class="tableWrap">
|
|
|
- <el-table :data='tableList'
|
|
|
- :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <el-table-column align='center'
|
|
|
- prop="organName"
|
|
|
- label="分部">
|
|
|
+ <el-table :data="tableList" :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
+ <el-table-column align="center" prop="organName" label="分部"></el-table-column>
|
|
|
+ <el-table-column align="center" label="收款方式">
|
|
|
+ <template slot-scope="scope">{{ scope.row.payType | paymentChannelStatus }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center'
|
|
|
- label="收款方式">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.payType | paymentChannelStatus }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align='center'
|
|
|
- prop="hfMerNo"
|
|
|
- label="汇付商户号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align='center'
|
|
|
- prop="yqMerNo"
|
|
|
- label="双乾商户号">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align='center'
|
|
|
- label="收款比例">
|
|
|
+ <el-table-column align="center" prop="hfMerNo" label="汇付商户号"></el-table-column>
|
|
|
+ <el-table-column align="center" prop="yqMerNo" label="双乾商户号"></el-table-column>
|
|
|
+ <el-table-column align="center" label="收款比例">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.type == 1 ? '比数比例' : null }}
|
|
|
{{ scope.row.type == 2 ? '金额比例' : null }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align='center'
|
|
|
- width="250px"
|
|
|
- label="操作">
|
|
|
+ <el-table-column align="center" width="250px" label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button @click="chargeOperation('update', scope.row)" v-permission="'paymentConfig/update'"
|
|
|
- type="text">修改</el-button>
|
|
|
- <el-button @click="chargeDel(scope.row)" v-permission="'paymentConfig/del'"
|
|
|
- type="text">删除</el-button>
|
|
|
+ <el-button
|
|
|
+ @click="chargeOperation('update', scope.row)"
|
|
|
+ v-permission="'paymentConfig/update'"
|
|
|
+ type="text"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ @click="chargeDel(scope.row)"
|
|
|
+ v-permission="'paymentConfig/del'"
|
|
|
+ type="text"
|
|
|
+ >删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination :total="pageInfo.total"
|
|
|
- :page.sync="pageInfo.page"
|
|
|
- :limit.sync="pageInfo.limit"
|
|
|
- :page-sizes="pageInfo.page_size"
|
|
|
- @pagination="getList" />
|
|
|
+ <pagination
|
|
|
+ :total="pageInfo.total"
|
|
|
+ :page.sync="pageInfo.page"
|
|
|
+ :limit.sync="pageInfo.limit"
|
|
|
+ :page-sizes="pageInfo.page_size"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog :title="formTitle[formActionTitle]"
|
|
|
- :visible.sync="chargeStatus"
|
|
|
- @close="onFormClose('ruleForm')"
|
|
|
- width="700px">
|
|
|
- <el-form :model="form"
|
|
|
- :rules="rules"
|
|
|
- ref="ruleForm">
|
|
|
- <el-form-item label="所属分部"
|
|
|
- prop="organId"
|
|
|
- :label-width="formLabelWidth">
|
|
|
+ <el-dialog
|
|
|
+ :title="formTitle[formActionTitle]"
|
|
|
+ :visible.sync="chargeStatus"
|
|
|
+ @close="onFormClose('ruleForm')"
|
|
|
+ width="700px"
|
|
|
+ >
|
|
|
+ <el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
+ <el-form-item label="所属分部" prop="organId" :label-width="formLabelWidth">
|
|
|
<el-select v-model.trim="form.organId" placeholder="请选择所属分部">
|
|
|
- <el-option v-for="item in branchList"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"></el-option>
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in branchList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="收款方式"
|
|
|
- prop="payType"
|
|
|
- :label-width="formLabelWidth">
|
|
|
- <el-select v-model.trim="form.payType" @change="onPayTypeChange" placeholder="请选择收款方式">
|
|
|
- <el-option value="YQPAY" label="双乾"></el-option>
|
|
|
- <el-option value="ADAPAY" label="汇付"></el-option>
|
|
|
+ <el-form-item label="收款方式" prop="payType" :label-width="formLabelWidth">
|
|
|
+ <el-select v-model.trim="form.payType" @change="onPayTypeChange" placeholder="请选择收款方式">
|
|
|
+ <el-option value="YQPAY" label="双乾"></el-option>
|
|
|
+ <el-option value="ADAPAY" label="汇付"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="form.payType === 'YQPAY'" label="双乾商户号"
|
|
|
- prop="yqMerNo"
|
|
|
- :label-width="formLabelWidth">
|
|
|
- <el-input type="text" placeholder="请输入双乾商户号"
|
|
|
- v-model.trim="form.yqMerNo"></el-input>
|
|
|
+ <!-- prop="yqMerNo" -->
|
|
|
+ <el-form-item
|
|
|
+ label="双乾商户号"
|
|
|
+ :required="form.payType === 'YQPAY'"
|
|
|
+ :error="result.yqError"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="text"
|
|
|
+ @blur="onMerNoBlur('YQPAY')"
|
|
|
+ placeholder="请输入双乾商户号"
|
|
|
+ v-model.trim="form.yqMerNo"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="form.payType === 'ADAPAY'" label="汇付商户号"
|
|
|
- prop="hfMerNo"
|
|
|
- :label-width="formLabelWidth">
|
|
|
- <el-input type="text" placeholder="请输入汇付商户号"
|
|
|
- v-model.trim="form.hfMerNo"></el-input>
|
|
|
+ <!-- prop="hfMerNo" -->
|
|
|
+ <el-form-item
|
|
|
+ label="汇付商户号"
|
|
|
+ :required="form.payType === 'ADAPAY'"
|
|
|
+ :error="result.hfError"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="text"
|
|
|
+ @blur="onMerNoBlur('ADAPAY')"
|
|
|
+ placeholder="请输入汇付商户号"
|
|
|
+ v-model.trim="form.hfMerNo"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="收费比例"
|
|
|
- required
|
|
|
- :label-width="formLabelWidth">
|
|
|
- <el-radio v-model.trim.number="form.type"
|
|
|
- @change="onRadioChange('ruleForm')"
|
|
|
- :label="2">金额比例</el-radio>
|
|
|
- <el-radio v-model.trim.number="form.type"
|
|
|
- @change="onRadioChange('ruleForm')"
|
|
|
- :label="1">比数比例</el-radio>
|
|
|
+ <el-form-item label="收费比例" required :label-width="formLabelWidth">
|
|
|
+ <el-radio
|
|
|
+ v-model.trim.number="form.type"
|
|
|
+ @change="onRadioChange('ruleForm')"
|
|
|
+ :label="2"
|
|
|
+ >金额比例</el-radio>
|
|
|
+ <el-radio
|
|
|
+ v-model.trim.number="form.type"
|
|
|
+ @change="onRadioChange('ruleForm')"
|
|
|
+ :label="1"
|
|
|
+ >比数比例</el-radio>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item class="moreRule" :label-width="formLabelWidth"
|
|
|
- style="margin-bottom: 0;">
|
|
|
- <span class="min">分部</span>
|
|
|
- <span class="min">比例</span>
|
|
|
- <span class="max">是否承担手续费</span>
|
|
|
+ <el-form-item class="moreRule" :label-width="formLabelWidth" style="margin-bottom: 0;">
|
|
|
+ <span class="min">分部</span>
|
|
|
+ <span class="min">比例</span>
|
|
|
+ <span class="max">是否承担手续费</span>
|
|
|
</el-form-item>
|
|
|
<div class="moreRule">
|
|
|
- <div class="moreRuleIn"
|
|
|
- v-for="(domain, index) in result.domains"
|
|
|
- :key="domain.key">
|
|
|
+ <div class="moreRuleIn" v-for="(domain, index) in result.domains" :key="domain.key">
|
|
|
<el-form-item class="setWidth" :label="'第' + (index + 1)" :label-width="formLabelWidth">
|
|
|
- <el-select v-model.trim="domain.organId" placeholder="请选择分部">
|
|
|
- <el-option v-for="item in branchList"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-select v-model.trim="domain.organId" placeholder="请选择分部">
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in calcBranchList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item class="setWidth">
|
|
|
- <el-input type="number"
|
|
|
- v-number
|
|
|
- placeholder="请输入比例"
|
|
|
- :disabled="domain.disabled"
|
|
|
- @mousewheel.native.prevent
|
|
|
- v-model.trim="domain.scale">
|
|
|
- <template v-if="form.type === 1" slot="append">%</template>
|
|
|
- </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ v-number
|
|
|
+ min="0"
|
|
|
+ :max="form.type === 1 ? 100 : 10"
|
|
|
+ placeholder="请输入比例"
|
|
|
+ :disabled="domain.disabled"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ v-model.trim="domain.scale"
|
|
|
+ >
|
|
|
+ <template v-if="form.type === 1" slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select v-model.trim="domain.feeFlag" placeholder="请选择是否承担手续费" style="width: 150px !important;">
|
|
|
- <el-option value="Y" label="是"></el-option>
|
|
|
- <el-option value="N" label="否"></el-option>
|
|
|
- </el-select>
|
|
|
- <el-button v-if="index != 0 && !domain.disabled"
|
|
|
- @click.prevent="removeDomain(result, domain)">删除</el-button>
|
|
|
+ <el-select
|
|
|
+ v-model.trim="domain.feeFlag"
|
|
|
+ placeholder="请选择是否承担手续费"
|
|
|
+ style="width: 150px !important;"
|
|
|
+ >
|
|
|
+ <el-option value="Y" label="是"></el-option>
|
|
|
+ <el-option value="N" label="否"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button
|
|
|
+ v-if="index != 0 && !domain.disabled"
|
|
|
+ @click.prevent="removeDomain(result, domain)"
|
|
|
+ >删除</el-button>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div class="el-form-item__error"
|
|
|
- v-if="result.errorText">{{ result.errorText }}</div>
|
|
|
+ <div class="el-form-item__error" v-if="result.errorText">{{ result.errorText }}</div>
|
|
|
</div>
|
|
|
<el-form-item class="add" :label-width="formLabelWidth">
|
|
|
- <el-button icon="el-icon-plus"
|
|
|
- @click="addDomain(result)">新增</el-button>
|
|
|
+ <el-button icon="el-icon-plus" @click="addDomain(result)">新增</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <span slot="footer"
|
|
|
- class="dialog-footer">
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="chargeStatus = false">取 消</el-button>
|
|
|
- <el-button @click="onChargeSubmit('ruleForm')"
|
|
|
- type="primary">确 定</el-button>
|
|
|
+ <el-button @click="onChargeSubmit('ruleForm')" type="primary">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import pagination from '@/components/Pagination/index'
|
|
|
-import {paymentConfigQueryPage, paymentConfigGet, paymentConfigAdd, paymentConfigUpdate, paymentConfigDel } from '@/api/systemManage'
|
|
|
-import { getPaymentConfigs } from './api'
|
|
|
-import { branchQueryPage } from '@/api/specialSetting'
|
|
|
-import store from '@/store'
|
|
|
+import pagination from "@/components/Pagination/index";
|
|
|
+import {
|
|
|
+ paymentConfigQueryPage,
|
|
|
+ paymentConfigGet,
|
|
|
+ paymentConfigAdd,
|
|
|
+ paymentConfigUpdate,
|
|
|
+ paymentConfigDel
|
|
|
+} from "@/api/systemManage";
|
|
|
+import { getPaymentConfigs } from "./api";
|
|
|
+import { branchQueryPage } from "@/api/specialSetting";
|
|
|
+import store from "@/store";
|
|
|
export default {
|
|
|
- name: 'chargeProfitManager',
|
|
|
- components: { pagination },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- tableList: [],
|
|
|
- pageInfo: {
|
|
|
- // 分页规则
|
|
|
- limit: 10, // 限制显示条数
|
|
|
- page: 1, // 当前页
|
|
|
- total: 0, // 总条数
|
|
|
- page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
|
- },
|
|
|
- chargeStatus: false,
|
|
|
- branchList: [], // 分部列表
|
|
|
- calcBranchList: [], // 可选比例分部
|
|
|
- formActionTitle: 'create',
|
|
|
- formLabelWidth: '100px',
|
|
|
- formTitle: {
|
|
|
- create: '添加收费比例',
|
|
|
- update: '修改收费比例'
|
|
|
- },
|
|
|
- form: {
|
|
|
+ name: "chargeProfitManager",
|
|
|
+ components: { pagination },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableList: [],
|
|
|
+ pageInfo: {
|
|
|
+ // 分页规则
|
|
|
+ limit: 10, // 限制显示条数
|
|
|
+ page: 1, // 当前页
|
|
|
+ total: 0, // 总条数
|
|
|
+ page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
|
+ },
|
|
|
+ chargeStatus: false,
|
|
|
+ branchList: [], // 分部列表
|
|
|
+ calcBranchList: [], // 可选比例分部
|
|
|
+ formActionTitle: "create",
|
|
|
+ formLabelWidth: "100px",
|
|
|
+ formTitle: {
|
|
|
+ create: "添加收费比例",
|
|
|
+ update: "修改收费比例"
|
|
|
+ },
|
|
|
+ form: {
|
|
|
+ organId: null,
|
|
|
+ hfMerNo: null,
|
|
|
+ yqMerNo: null,
|
|
|
+ payType: null, // 支付渠道
|
|
|
+ type: 2,
|
|
|
+ routeScale: []
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ hfMerNo: [
|
|
|
+ { required: true, message: "请输入汇付商户号", trigger: "blur" }
|
|
|
+ ],
|
|
|
+ yqMerNo: [
|
|
|
+ { required: true, message: "请输入双乾商户号", trigger: "blur" }
|
|
|
+ ],
|
|
|
+ organId: [
|
|
|
+ { required: true, message: "请选择所属分部", trigger: "change" }
|
|
|
+ ],
|
|
|
+ payType: [
|
|
|
+ { required: true, message: "请选择收款方式", trigger: "change" }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ result: {
|
|
|
+ domains: [
|
|
|
+ {
|
|
|
organId: null,
|
|
|
- hfMerNo: null,
|
|
|
- yqMerNo: null,
|
|
|
- payType: null, // 支付渠道
|
|
|
- type: 2,
|
|
|
- routeScale: []
|
|
|
- },
|
|
|
- rules: {
|
|
|
- hfMerNo: [{ required: true, message: '请输入汇付商户号', trigger: 'blur' }],
|
|
|
- yqMerNo: [{ required: true, message: '请输入双乾商户号', trigger: 'blur' }],
|
|
|
- organId: [{ required: true, message: '请选择所属分部', trigger: 'change' }],
|
|
|
- payType: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
|
|
|
- },
|
|
|
- result: {
|
|
|
- domains: [{
|
|
|
- organId: null,
|
|
|
- scale: null,
|
|
|
- feeFlag: null,
|
|
|
- disabled: false,
|
|
|
- key: Date.now()
|
|
|
- }],
|
|
|
- errorText: null
|
|
|
- },
|
|
|
+ scale: null,
|
|
|
+ feeFlag: null,
|
|
|
+ disabled: false,
|
|
|
+ key: Date.now()
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ errorText: null,
|
|
|
+ yqError: null,
|
|
|
+ hfError: null
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ this.getRoleList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onPayTypeChange(val) {
|
|
|
+ if (!val) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ getPaymentConfigs({ payType: val }).then(res => {
|
|
|
+ if (res.code == 200 && res.data) {
|
|
|
+ res.data.forEach(item => {
|
|
|
+ this.calcBranchList.push({
|
|
|
+ label: item.organName,
|
|
|
+ value: item.organId
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
+ });
|
|
|
},
|
|
|
- mounted () {
|
|
|
- this.getList()
|
|
|
- this.getRoleList()
|
|
|
+ onRadioChange(formName) {
|
|
|
+ this.$refs[formName].clearValidate();
|
|
|
},
|
|
|
- methods: {
|
|
|
- onPayTypeChange(val) {
|
|
|
- if(!val) {
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- getPaymentConfigs({ payType: val }).then(res => {
|
|
|
- console.log(res)
|
|
|
- })
|
|
|
- },
|
|
|
- onRadioChange (formName) {
|
|
|
- this.$refs[formName].clearValidate()
|
|
|
- },
|
|
|
- onChargeSubmit (formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- console.log(this.form)
|
|
|
- return
|
|
|
- let params = JSON.parse(JSON.stringify(this.form))
|
|
|
- if (this.formActionTitle == 'create') {
|
|
|
- if (this.form.id) { // 判断有没有Id，如果有则删除
|
|
|
- delete this.form.id
|
|
|
- }
|
|
|
- paymentConfigAdd(this.form).then(res => {
|
|
|
- this.messageTips('添加', res)
|
|
|
- })
|
|
|
- } else if (this.formActionTitle == 'update') {
|
|
|
- paymentConfigUpdate(this.form).then(res => {
|
|
|
- this.messageTips('修改', res)
|
|
|
- })
|
|
|
- }
|
|
|
- } else {
|
|
|
- return
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- messageTips (title, res) {
|
|
|
- if (res.code == 200) {
|
|
|
- this.$message.success(title + '成功')
|
|
|
- this.chargeStatus = false
|
|
|
- this.getList()
|
|
|
- } else {
|
|
|
- this.$message.error(res.msg)
|
|
|
- }
|
|
|
- },
|
|
|
- getList () {
|
|
|
- let params = {}
|
|
|
- params.rows = this.pageInfo.limit
|
|
|
- params.page = this.pageInfo.page
|
|
|
- paymentConfigQueryPage(params).then(res => {
|
|
|
- if (res.code == 200 && res.data) {
|
|
|
- this.tableList = res.data.rows
|
|
|
- this.pageInfo.total = res.data.total
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getRoleList () { //
|
|
|
- branchQueryPage({ // 获取分部
|
|
|
- delFlag: 0,
|
|
|
- rows: 9999
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 200 && res.data && res.data.rows) {
|
|
|
- res.data.rows.forEach(item => {
|
|
|
- this.branchList.push({
|
|
|
- label: item.name,
|
|
|
- value: item.id
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- chargeOperation (type, data) {
|
|
|
- this.formActionTitle = type
|
|
|
- this.chargeStatus = true
|
|
|
- // 修改的时候
|
|
|
- if (type == 'update') {
|
|
|
- this.form = {
|
|
|
- id: data.id,
|
|
|
- type: Number(data.type),
|
|
|
- comScale: data.comScale,
|
|
|
- perScale: data.perScale,
|
|
|
- courseFee: data.courseFee,
|
|
|
- instrumentFee: data.instrumentFee,
|
|
|
- accessoriesFee: data.accessoriesFee,
|
|
|
- otherFee: data.otherFee,
|
|
|
- organId: data.organId
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- chargeDel (row) { // 删除数据
|
|
|
- // paymentConfigDel
|
|
|
- this.$confirm('你确定删除?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- paymentConfigDel({ id: row.id }).then(res => {
|
|
|
- this.messageTips('删除', res)
|
|
|
- })
|
|
|
- }).catch()
|
|
|
- },
|
|
|
- onFormClose (formName) { // 关闭弹窗重置验证
|
|
|
- this.form = {
|
|
|
- type: 1,
|
|
|
- courseFee: 'COM',
|
|
|
- instrumentFee: 'COM',
|
|
|
- accessoriesFee: 'COM',
|
|
|
- otherFee: 'COM'
|
|
|
+ onMerNoBlur(type) {
|
|
|
+ let form = this.form;
|
|
|
+ let result = this.result;
|
|
|
+ if (type === "YQPAY" && form.payType === "YQPAY") {
|
|
|
+ if (form.yqMerNo) {
|
|
|
+ result.yqError = null;
|
|
|
+ } else {
|
|
|
+ result.yqError = "请输入双乾商户号";
|
|
|
+ }
|
|
|
+ } else if (type === "ADAPAY" && form.payType === "ADAPAY") {
|
|
|
+ if (form.hfMerNo) {
|
|
|
+ result.hfError = null;
|
|
|
+ } else {
|
|
|
+ result.hfError = "请输入汇付商户号";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onChargeSubmit(formName) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ let params = JSON.parse(JSON.stringify(this.form));
|
|
|
+ params.routeScale = null;
|
|
|
+ if (params.payType === "YQPAY" && !params.yqMerNo) {
|
|
|
+ this.result.yqError = "请输入双乾商户号";
|
|
|
+ return;
|
|
|
+ } else if (params.payType === "ADAPAY" && !params.hfMerNo) {
|
|
|
+ this.result.hfError = "请输入汇付商户号";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ console.log(params);
|
|
|
+ return;
|
|
|
+ if (this.formActionTitle == "create") {
|
|
|
+ if (this.form.id) {
|
|
|
+ // 判断有没有Id，如果有则删除
|
|
|
+ delete this.form.id;
|
|
|
}
|
|
|
- this.$refs[formName].resetFields()
|
|
|
+ paymentConfigAdd(this.form).then(res => {
|
|
|
+ this.messageTips("添加", res);
|
|
|
+ });
|
|
|
+ } else if (this.formActionTitle == "update") {
|
|
|
+ paymentConfigUpdate(this.form).then(res => {
|
|
|
+ this.messageTips("修改", res);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ messageTips(title, res) {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success(title + "成功");
|
|
|
+ this.chargeStatus = false;
|
|
|
+ this.getList();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ let params = {};
|
|
|
+ params.rows = this.pageInfo.limit;
|
|
|
+ params.page = this.pageInfo.page;
|
|
|
+ paymentConfigQueryPage(params).then(res => {
|
|
|
+ if (res.code == 200 && res.data) {
|
|
|
+ this.tableList = res.data.rows;
|
|
|
+ this.pageInfo.total = res.data.total;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getRoleList() {
|
|
|
+ //
|
|
|
+ branchQueryPage({
|
|
|
+ // 获取分部
|
|
|
+ delFlag: 0,
|
|
|
+ rows: 9999
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200 && res.data && res.data.rows) {
|
|
|
+ res.data.rows.forEach(item => {
|
|
|
+ this.branchList.push({
|
|
|
+ label: item.name,
|
|
|
+ value: item.id
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ chargeOperation(type, data) {
|
|
|
+ this.formActionTitle = type;
|
|
|
+ this.chargeStatus = true;
|
|
|
+ // 修改的时候
|
|
|
+ if (type == "update") {
|
|
|
+ this.form = {
|
|
|
+ id: data.id,
|
|
|
+ type: Number(data.type),
|
|
|
+ comScale: data.comScale,
|
|
|
+ perScale: data.perScale,
|
|
|
+ courseFee: data.courseFee,
|
|
|
+ instrumentFee: data.instrumentFee,
|
|
|
+ accessoriesFee: data.accessoriesFee,
|
|
|
+ otherFee: data.otherFee,
|
|
|
+ organId: data.organId
|
|
|
+ };
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chargeDel(row) {
|
|
|
+ // 删除数据
|
|
|
+ // paymentConfigDel
|
|
|
+ this.$confirm("你确定删除?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ paymentConfigDel({ id: row.id }).then(res => {
|
|
|
+ this.messageTips("删除", res);
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch();
|
|
|
+ },
|
|
|
+ onFormClose(formName) {
|
|
|
+ // 关闭弹窗重置验证
|
|
|
+ this.form = {
|
|
|
+ organId: null,
|
|
|
+ hfMerNo: null,
|
|
|
+ yqMerNo: null,
|
|
|
+ payType: null, // 支付渠道
|
|
|
+ type: 2,
|
|
|
+ routeScale: []
|
|
|
+ };
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
}
|
|
|
-}
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
/deep/.el-button--primary {
|
|
|
@@ -381,11 +449,11 @@ export default {
|
|
|
|
|
|
.setWidth {
|
|
|
/deep/.el-form-item__content {
|
|
|
- width: 150px;
|
|
|
+ width: 150px;
|
|
|
}
|
|
|
}
|
|
|
/deep/.el-input-group__append {
|
|
|
- padding: 0 8px;
|
|
|
+ padding: 0 8px;
|
|
|
}
|
|
|
}
|
|
|
.min,
|
