|
@@ -1,342 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <BaseDialog
|
|
|
- :disabledBtn="disabledBtn"
|
|
|
- width="600px"
|
|
|
- :isShow.sync="isShow"
|
|
|
- :title="titleComputers(info)"
|
|
|
- @close="close"
|
|
|
- @submit="submitForm"
|
|
|
- :confirmName="info.length > 0 && info[0].orderSn ? '确定' : '确定支付'"
|
|
|
- >
|
|
|
- <template v-if="info.length > 0 && info[0].orderSn">
|
|
|
- <div style="overflow-y: auto; max-height: 600px">
|
|
|
- <div v-for="(item, index) in info" style="margin-bottom: 10px">
|
|
|
- <p style="margin-top: 0">
|
|
|
- 下单时间:{{ $methodsTools.onlyForma(item.orderTime) }}
|
|
|
- </p>
|
|
|
- <p style="margin-top: 0">订单单号:{{ item.orderSn }}</p>
|
|
|
- <p>
|
|
|
- <span class="color_1890ff">{{ item.applyName }}</span>
|
|
|
- </p>
|
|
|
- <div class="bgc_pink">
|
|
|
- <p>
|
|
|
- 待付账款:<span class="color_red"
|
|
|
- >¥{{ item.divideCompanyMoney }}</span
|
|
|
- >
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-form
|
|
|
- :model="formData"
|
|
|
- :rules="rules"
|
|
|
- ref="formData"
|
|
|
- label-width="100px"
|
|
|
- >
|
|
|
- <el-form-item prop="checkResult" label="审核结果:">
|
|
|
- <el-radio-group v-model="formData.checkResult">
|
|
|
- <el-radio label="1">同意</el-radio>
|
|
|
- <el-radio label="-1">拒绝</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="checkReason" label="审核意见:">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入审核意见"
|
|
|
- v-model="formData.checkReason"
|
|
|
- ></el-input> </el-form-item
|
|
|
- ></el-form>
|
|
|
- <template slot="slotBtn" v-if="info.length === 1">
|
|
|
- <el-button @click="auditProgress = true">审核进度</el-button>
|
|
|
- </template>
|
|
|
- <audit-progress
|
|
|
- :auditProgress.sync="auditProgress"
|
|
|
- :checkLogVos="form.checkLogVos"
|
|
|
- ></audit-progress>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <em>收款信息:</em>
|
|
|
- <el-form
|
|
|
- :model="formPay"
|
|
|
- :rules="rulesPay"
|
|
|
- ref="rulesPay"
|
|
|
- label-width="100px"
|
|
|
- class="demo-ruleForm"
|
|
|
- >
|
|
|
- <el-form-item label="商户银行:">
|
|
|
- <div>
|
|
|
- <el-button
|
|
|
- v-for="(item, index) in bankList"
|
|
|
- :key="index"
|
|
|
- @click="fastInput(item)"
|
|
|
- >{{ item.openingName }}</el-button
|
|
|
- >
|
|
|
- <p style="margin: 0">
|
|
|
- 注:点击上方按钮可快速填入对应商户银行信息
|
|
|
- </p>
|
|
|
- </div></el-form-item
|
|
|
- >
|
|
|
- <el-form-item label="银行账号:" prop="toBankAcount">
|
|
|
- <el-input clearable v-model="formPay.toBankAcount"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="账号名称:" prop="toBankName">
|
|
|
- <el-input clearable v-model="formPay.toBankName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="银行名称:" prop="toBankTypeName">
|
|
|
- <el-input clearable v-model="formPay.toBankTypeName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="备注:" prop="remark">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="4"
|
|
|
- v-model="formPay.remark"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-divider></el-divider>
|
|
|
- <template>
|
|
|
- <em>订单信息:</em>
|
|
|
- <p>
|
|
|
- 机构名称:<em>{{ form.tenantName }}</em>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- 待付时间:<em>{{ form.year + "-" + form.month }}</em>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- 待付金额:<span
|
|
|
- class="color_red"
|
|
|
- style="font-size: 28px; font-weight: 400"
|
|
|
- >¥ {{ form.payMoney.toFixed(2) }}</span
|
|
|
- >
|
|
|
- </p>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </BaseDialog>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import auditProgress from "./auditProgress.vue";
|
|
|
-export default {
|
|
|
- name: "DislogSet",
|
|
|
- components: {
|
|
|
- auditProgress,
|
|
|
- },
|
|
|
- props: {
|
|
|
- dialogVisible: {
|
|
|
- type: Boolean,
|
|
|
- default: false,
|
|
|
- },
|
|
|
- info: {
|
|
|
- type: Array,
|
|
|
- default: () => {
|
|
|
- return [];
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- disabledBtn: false,
|
|
|
- auditProgress: false,
|
|
|
- formData: {
|
|
|
- checkResult: "",
|
|
|
- checkReason: "",
|
|
|
- },
|
|
|
- form: {
|
|
|
- payMoney: 0,
|
|
|
- checkLogVos: [],
|
|
|
- },
|
|
|
- rules: {
|
|
|
- checkResult: [
|
|
|
- { required: true, message: "请选择审核结果", trigger: "change" },
|
|
|
- ],
|
|
|
- checkReason: [
|
|
|
- { required: false, message: "请输入审核意见", trigger: "blur" },
|
|
|
- ],
|
|
|
- },
|
|
|
- formPay: {
|
|
|
- toBankAcount: "",
|
|
|
- toBankName: "",
|
|
|
- toBankTypeName: "",
|
|
|
- remark: "",
|
|
|
- },
|
|
|
- rulesPay: {
|
|
|
- remark: [{ required: false, message: "请输入备注", trigger: "blur" }],
|
|
|
- toBankAcount: [
|
|
|
- { required: true, message: "请输入银行账号", trigger: "blur" },
|
|
|
- ],
|
|
|
- toBankName: [
|
|
|
- { required: true, message: "请输入账号名称", trigger: "blur" },
|
|
|
- ],
|
|
|
- toBankTypeName: [
|
|
|
- { required: true, message: "请输入银行名称", trigger: "blur" },
|
|
|
- ],
|
|
|
- },
|
|
|
- bankList: [],
|
|
|
- };
|
|
|
- },
|
|
|
-
|
|
|
- mounted() {},
|
|
|
-
|
|
|
- methods: {
|
|
|
- titleComputers(info) {
|
|
|
- var a = "";
|
|
|
- switch (info[0]?.checkFrom) {
|
|
|
- case 2:
|
|
|
- a = "机构分成";
|
|
|
- break;
|
|
|
- case 3:
|
|
|
- a = "业务员提成";
|
|
|
- break;
|
|
|
- case 4:
|
|
|
- a = "佣金结算";
|
|
|
- break;
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- if (info[0]?.orderSn) {
|
|
|
- a += "审核";
|
|
|
- } else {
|
|
|
- a += "支付";
|
|
|
- }
|
|
|
- return a;
|
|
|
- },
|
|
|
- fastInput(item) {
|
|
|
- this.formPay = {
|
|
|
- toBankAcount: item.proceedsAccount,
|
|
|
- toBankName: item.openingName,
|
|
|
- toBankTypeName: item.openingBank,
|
|
|
- };
|
|
|
- },
|
|
|
- init() {
|
|
|
- this.resetForm();
|
|
|
- if (!this.info[0].orderSn) {
|
|
|
- this.$api.dividelogdata(this.info[0].id).then((res) => {
|
|
|
- this.form = res.data;
|
|
|
- this.$api.systemtenantbankId(res.data.tenantId).then((e) => {
|
|
|
- this.bankList = e.data || [];
|
|
|
- });
|
|
|
- });
|
|
|
- } else if (this.info.length === 1 && this.info[0].orderSn) {
|
|
|
- this.$api
|
|
|
- .systemtoporderdividedetail({
|
|
|
- orderSn: this.info[0].orderSn,
|
|
|
- checkFrom: this.info[0].checkFrom,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.form = res.data;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- close() {
|
|
|
- this.$refs[this.info[0].orderSn ? "formData" : "rulesPay"].resetFields();
|
|
|
- },
|
|
|
- resetForm() {
|
|
|
- this.form = {
|
|
|
- checkLogVos: [],
|
|
|
- payMoney: 0,
|
|
|
- };
|
|
|
- this.formData = {
|
|
|
- checkResult: "",
|
|
|
- checkReason: "",
|
|
|
- };
|
|
|
- },
|
|
|
- submitForm() {
|
|
|
- if (!this.info[0].orderSn) {
|
|
|
- this.$refs["rulesPay"].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.$confirm("确定支付账款吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let c = {
|
|
|
- divideModel: this.info[0].checkFrom - 1,
|
|
|
- divideLogId: this.form.id,
|
|
|
- tenantId: this.form.tenantId,
|
|
|
- ...this.formPay,
|
|
|
- };
|
|
|
- this.$api.orderbankpay(c).then((res) => {
|
|
|
- this.isShow = false;
|
|
|
- this.$emit("search", 3);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "支付成功!",
|
|
|
- });
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.$message({
|
|
|
- type: "info",
|
|
|
- message: "已取消删除",
|
|
|
- });
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$refs["formData"].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.disabledBtn = true;
|
|
|
- var array = this.info.map((i) => {
|
|
|
- return {
|
|
|
- checkFrom: i.checkFrom,
|
|
|
- orderSn: i.orderSn,
|
|
|
- ...this.formData,
|
|
|
- };
|
|
|
- });
|
|
|
- this.$api
|
|
|
- .updateBatchDivideByEditBo(array)
|
|
|
- .then((res) => {
|
|
|
- this.isShow = false;
|
|
|
- this.$emit("search", 4);
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- this.disabledBtn = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- isShow: {
|
|
|
- get() {
|
|
|
- if (this.dialogVisible) {
|
|
|
- this.init();
|
|
|
- }
|
|
|
- return this.dialogVisible;
|
|
|
- },
|
|
|
- set(val) {
|
|
|
- this.$emit("update:dialogVisible", false);
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.bgc_pink {
|
|
|
- padding: 10px;
|
|
|
- background-color: rgb(252, 234, 236);
|
|
|
- color: #000;
|
|
|
-}
|
|
|
-.color_red {
|
|
|
- font-weight: bold;
|
|
|
- color: rgb(235, 59, 59);
|
|
|
-}
|
|
|
-.color_1890ff {
|
|
|
- color: #1890ff;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-em {
|
|
|
- font-weight: bold;
|
|
|
- color: #000;
|
|
|
- font-style: unset;
|
|
|
-}
|
|
|
-</style>
|