xiaoy
/
hjjc-workbench-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023-4-24

Browse Source
master
xy 3 years ago
parent cd07bf67c3
commit 8b8ca090ff
4 changed files with 1901 additions and 1280 deletions
Show Stats Download Patch File Download Diff File

4
src/components/XyTable/index.vue
Unescape View File

@ -136,7 +136,9 @@ export default {
toggleRowExpansion(row,expanded){ toggleRowExpansion(row,expanded){
this.$refs['table'].toggleRowExpansion(row,expanded) this.$refs['table'].toggleRowExpansion(row,expanded)
}, },
getSelection(){
return this.$refs.table?.store?.states?.selection ?? []
},
}, },
created() { created() {
this.initLoad() this.initLoad()

99
src/views/contract/components/detailContract.vue
Unescape View File

@ -201,43 +201,43 @@
> >
</xy-table> </xy-table>
</div> </div>
<!-- <div class="related-processes">--> <!-- <div class="related-processes">-->
<!-- <div class="related-processes-title">相关流程进展查看</div>--> <!-- <div class="related-processes-title">相关流程进展查看</div>-->
<!-- <div class="related-processes-item">--> <!-- <div class="related-processes-item">-->
<!-- <div--> <!-- <div-->
<!-- @click="toOutDetail('caigou')"--> <!-- @click="toOutDetail('caigou')"-->
<!-- :style="{ color: detail.purchase_last_flow_id ? 'green' : 'red' }"--> <!-- :style="{ color: detail.purchase_last_flow_id ? 'green' : 'red' }"-->
<!-- >--> <!-- >-->
<!-- 采购流程查看--> <!-- 采购流程查看-->
<!-- </div>--> <!-- </div>-->
<!-- <div--> <!-- <div-->
<!-- @click="toOutDetail('hetong')"--> <!-- @click="toOutDetail('hetong')"-->
<!-- :style="{ color: detail.join_last_flow_id ? 'green' : 'red' }"--> <!-- :style="{ color: detail.join_last_flow_id ? 'green' : 'red' }"-->
<!-- >--> <!-- >-->
<!-- 合同会签流程查看--> <!-- 合同会签流程查看-->
<!-- </div>--> <!-- </div>-->
<!-- <template--> <!-- <template-->
<!-- v-if="--> <!-- v-if="-->
<!-- detail.purchase_way && detail.purchase_way.remark === 'true'--> <!-- detail.purchase_way && detail.purchase_way.remark === 'true'-->
<!-- "--> <!-- "-->
<!-- >--> <!-- >-->
<!-- <div--> <!-- <div-->
<!-- @click="seeBidding"--> <!-- @click="seeBidding"-->
<!-- :style="{ color: detail.invite_last_flow_id ? 'green' : 'red' }"--> <!-- :style="{ color: detail.invite_last_flow_id ? 'green' : 'red' }"-->
<!-- >--> <!-- >-->
<!-- 招标审批流程查看--> <!-- 招标审批流程查看-->
<!-- </div>--> <!-- </div>-->
<!-- </template>--> <!-- </template>-->
<!-- <template v-if="detail.is_plan != 1">--> <!-- <template v-if="detail.is_plan != 1">-->
<!-- <div--> <!-- <div-->
<!-- @click="seeAskProcess"--> <!-- @click="seeAskProcess"-->
<!-- :style="{ color: detail.req_last_flow_id ? 'green' : 'red' }"--> <!-- :style="{ color: detail.req_last_flow_id ? 'green' : 'red' }"-->
<!-- >--> <!-- >-->
<!-- 请示流程查看--> <!-- 请示流程查看-->
<!-- </div>--> <!-- </div>-->
<!-- </template>--> <!-- </template>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<div class="journal"> <div class="journal">
<div class="journal-title">日志</div> <div class="journal-title">日志</div>
<xy-table <xy-table
@ -252,7 +252,6 @@
</xy-table> </xy-table>
</div> </div>
</template> </template>
</xy-dialog> </xy-dialog>
<detailContractSign <detailContractSign
@ -578,15 +577,15 @@ export default {
}, },
statusFormat() { statusFormat() {
return function (status) { return function (status) {
if(status === 'end') { if (status === "end") {
return "已办结" return "已办结";
} }
if(Number(status)) { if (Number(status)) {
return "进行中" return "进行中";
} }
return "待办理" return "待办理";
} };
} },
}, },
watch: { watch: {
isShowDetail(val) { isShowDetail(val) {
@ -601,11 +600,9 @@ export default {
this.outCaigouDetail = res; this.outCaigouDetail = res;
} }
); );
getOutDetail({ tbname: "pay", out_pay_id: this.id }).then( getOutDetail({ tbname: "pay", out_pay_id: this.id }).then((res) => {
(res) => { this.outPayDetail = res;
this.outPayDetail = res; });
}
);
} }
}, },
}, },
@ -617,7 +614,7 @@ export default {
}, },
created() { created() {
this.getPlanTypes(); this.getPlanTypes();
} },
}; };
</script> </script>

717
src/views/contract/components/paymentRegistration.vue
Unescape View File

@ -1,49 +1,80 @@
<template> <template>
<div> <div>
<!-- 付款登记--> <!-- 付款登记-->
<xy-dialog title="付款登记" :is-show.sync="isShowPaymentRegistration" type="form" class="payment-registration" <xy-dialog
:form="paymentRegistrationForm" :rules="paymentRegistrationRules" @submit="submit" ref="paymentRegistration"> title="付款登记"
:is-show.sync="isShowPaymentRegistration"
type="form"
class="payment-registration"
:form="paymentRegistrationForm"
:rules="paymentRegistrationRules"
@submit="submit"
ref="paymentRegistration"
>
<template v-slot:extraFormTop> <template v-slot:extraFormTop>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">受款单位</div> <div class="payment-registration-row-title">受款单位</div>
<div class="payment-registration-row-content">{{contract.supply}}</div> <div class="payment-registration-row-content">
{{ contract.supply }}
</div>
</div> </div>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">合同名称</div> <div class="payment-registration-row-title">合同名称</div>
<div class="payment-registration-row-content">{{contract.name}}</div> <div class="payment-registration-row-content">
{{ contract.name }}
</div>
</div> </div>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">合同金额</div> <div class="payment-registration-row-title">合同金额</div>
<div class="payment-registration-row-content">{{priceFormat(contract.money)}} （元）</div> <div class="payment-registration-row-content">
{{ priceFormat(contract.money) }} （元）
</div>
</div> </div>
<div style="display: flex"> <div style="display: flex">
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">已申请金额</div> <div class="payment-registration-row-title">已申请金额</div>
<div class="payment-registration-row-content">{{totalApplyMoney()}} （元）</div> <div class="payment-registration-row-content">
{{ totalApplyMoney() }} （元）
</div>
</div> </div>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">已申请笔数</div> <div class="payment-registration-row-title">已申请笔数</div>
<div class="payment-registration-row-content">{{payment.length}}</div> <div class="payment-registration-row-content">
{{ payment.length }}
</div>
</div> </div>
</div> </div>
<div style="display: flex"> <div style="display: flex">
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">已付金额</div> <div class="payment-registration-row-title">已付金额</div>
<div class="payment-registration-row-content">{{totalMoney()}} （元）</div> <div class="payment-registration-row-content">
{{ totalMoney() }} （元）
</div>
</div> </div>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">支付占比</div> <div class="payment-registration-row-title">支付占比</div>
<div class="payment-registration-row-content">{{percentPay()}}%</div> <div class="payment-registration-row-content">
{{ percentPay() }}%
</div>
</div> </div>
<div class="payment-registration-row"> <div class="payment-registration-row">
<div class="payment-registration-row-title">已付笔数</div> <div class="payment-registration-row-title">已付笔数</div>
<div class="payment-registration-row-content">{{actNumsTotal()}}</div> <div class="payment-registration-row-content">
<div class="payment-registration-row-content" style="color: #ff0000;padding-left: 16px;cursor: pointer;"> {{ actNumsTotal() }}
</div>
<div
class="payment-registration-row-content"
style="color: #ff0000; padding-left: 16px; cursor: pointer"
>
<Poptip :transfer="true"> <Poptip :transfer="true">
<div>点击查看列表</div> <div>点击查看列表</div>
<template v-slot:content> <template v-slot:content>
<template v-if="payment&&payment.length>0"> <template v-if="payment && payment.length > 0">
<xy-table :height="200" :list="payment" :table-item="payTable"> <xy-table
:height="200"
:list="payment"
:table-item="payTable"
>
<template v-slot:btns> <template v-slot:btns>
<p></p> <p></p>
</template> </template>
@ -61,55 +92,88 @@
<template v-slot:applyMoney> <template v-slot:applyMoney>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>申请付款金额 <span style="color: red; font-weight: 600; padding-right: 4px"
>*</span
>申请付款金额
</div> </div>
<div class="xy-table-item-content xy-table-item-price"> <div class="xy-table-item-content xy-table-item-price">
<el-input clearable placeholder="请填写付款金额" v-model="paymentRegistrationForm.applyMoney" <el-input
style="width: 150px;" /> clearable
placeholder="请填写付款金额"
v-model="paymentRegistrationForm.applyMoney"
style="width: 150px"
/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:audit_money> <template v-slot:audit_money>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label">审计金额 <div class="xy-table-item-label">审计金额</div>
</div>
<div class="xy-table-item-content xy-table-item-price"> <div class="xy-table-item-content xy-table-item-price">
<el-input clearable placeholder="请填写审计金额" v-model="form.audit_money" style="width: 150px;" /> <el-input
clearable
placeholder="请填写审计金额"
v-model="form.audit_money"
style="width: 150px"
/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:deductionMoney> <template v-slot:deductionMoney>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>本期扣款金额 <span style="color: red; font-weight: 600; padding-right: 4px"
>*</span
>本期扣款金额
</div> </div>
<div class="xy-table-item-content xy-table-item-price"> <div class="xy-table-item-content xy-table-item-price">
<el-input clearable placeholder="请填写扣款金额" v-model="paymentRegistrationForm.deductionMoney" <el-input
style="width: 150px;" /> clearable
placeholder="请填写扣款金额"
v-model="paymentRegistrationForm.deductionMoney"
style="width: 150px"
/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:remark> <template v-slot:remark>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label">备注 <div class="xy-table-item-label">备注</div>
</div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-input type="textarea" clearable placeholder="进度款日期：2022.6.8-2022.7.7" <el-input
v-model="paymentRegistrationForm.remark" style="width: 300px;" /> type="textarea"
clearable
placeholder="进度款日期：2022.6.8-2022.7.7"
v-model="paymentRegistrationForm.remark"
style="width: 300px"
/>
</div> </div>
</div> </div>
</template> </template>
<template v-slot:type> <template v-slot:type>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>款项类型 <span style="color: red; font-weight: 600; padding-right: 4px"
>*</span
>款项类型
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-select placeholder="选择款项类型或直接录入其他类型" v-model="paymentRegistrationForm.type" style="width: 150px;" <el-select
filterable allow-create clearable> placeholder="选择款项类型或直接录入其他类型"
<el-option v-for="item in paymentType" :key="item" :label="item" :value="item"> v-model="paymentRegistrationForm.type"
style="width: 150px"
filterable
allow-create
clearable
>
<el-option
v-for="item in paymentType"
:key="item"
:label="item"
:value="item"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
@ -118,7 +182,9 @@
<template v-slot:isLast> <template v-slot:isLast>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label" style="width: 200px"> <div class="xy-table-item-label" style="width: 200px">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为最后一笔 <span style="color: red; font-weight: 600; padding-right: 4px"
>*</span
>是否为最后一笔
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-switch v-model="paymentRegistrationForm.isLast" /> <el-switch v-model="paymentRegistrationForm.isLast" />
@ -127,19 +193,35 @@
</div> </div>
</template> </template>
<template v-slot:extraFormBottom v-if="false"> <template v-slot:extraFormBottom v-if="false">
<Input search enter-button="搜 索" placeholder="搜索预算计划.." v-model="searchContent" @on-search="getBudgets" /> <Input
<xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;" search
ref="planTable" @select="selectPlan"> enter-button="搜 索"
placeholder="搜索预算计划.."
v-model="searchContent"
@on-search="getBudgets"
/>
<xy-table
:list="plans"
:show-index="false"
:table-item="planTable"
:height="310"
style="margin-top: 10px"
ref="planTable"
@select="selectPlan"
>
<template v-slot:btns> <template v-slot:btns>
<el-table-column label="使用金额" header-align="center"> <el-table-column label="使用金额" header-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<Input :value="scope.row.useMoney" @input="(e)=>scope.row.useMoney = e" /> <Input
:value="scope.row.useMoney"
@input="(e) => (scope.row.useMoney = e)"
/>
</template> </template>
</el-table-column> </el-table-column>
</template> </template>
</xy-table> </xy-table>
<div style="display: flex;justify-content: flex-end;"> <div style="display: flex; justify-content: flex-end">
<Page :total="planTotal" show-elevator @on-change="pageChange" /> <Page :total="planTotal" show-elevator @on-change="pageChange" />
</div> </div>
</template> </template>
@ -148,331 +230,326 @@
</template> </template>
<script> <script>
import { import { getparameter } from "@/api/system/dictionary";
getparameter import { getFundLog, addFundLog } from "@/api/paymentRegistration/fundLog";
} from "@/api/system/dictionary" import { getBudget } from "@/api/budget/budget";
import { import { detailContract, editorContract } from "@/api/contract/contract";
getFundLog, import { Message } from "element-ui";
addFundLog import { parseTime } from "@/utils";
} from "@/api/paymentRegistration/fundLog"
import {
getBudget
} from "@/api/budget/budget";
import {
detailContract,
editorContract
} from "@/api/contract/contract";
import {
Message
} from "element-ui";
import {
parseTime
} from "@/utils";
export default { export default {
data() { data() {
return { return {
searchContent: "", searchContent: "",
planTotal: 0, planTotal: 0,
pageIndex: 1, pageIndex: 1,
//付款登记 //付款登记
plans: [], plans: [],
planTypes: [], planTypes: [],
contract: {}, contract: {},
payment: [], //合同关联的付款登记 payment: [], //合同关联的付款登记
payTable: [{ payTable: [
label: '申请金额', {
prop: 'apply_money', label: "申请金额",
sortable: false, prop: "apply_money",
width: 160, sortable: false,
align: 'right' width: 160,
align: "right",
},
{
label: "已付金额",
prop: "act_money",
sortable: false,
width: 160,
align: "right",
},
{
label: "时间",
prop: "created_at",
sortable: false,
width: 120,
formatter: (t1, t2, value) => {
return parseTime(new Date(value), "{y}-{m}-{d}");
}, },
},
],
paymentType: ["进度款", "结算款", "质保金"],
isShowPaymentRegistration: false,
paymentRegistrationForm: {
applyMoney: "",
deductionMoney: "",
audit_money: "",
type: "",
isLast: false,
plan: [],
remark: "",
},
form: {
audit_money: 0,
},
paymentRegistrationRules: {
applyMoney: [
{ {
label: '已付金额', required: true,
prop: 'act_money', message: "必填",
sortable: false,
width: 160,
align: 'right'
}, },
{ {
label: '时间', pattern: /^\d+(\.\d+)?$/,
prop: 'created_at', message: "必须为数字",
sortable: false, },
width: 120,
formatter: (t1, t2, value) => {
return parseTime(new Date(value), '{y}-{m}-{d}')
}
}
], ],
paymentType: ["进度款", "结算款", "质保金"], deductionMoney: [
isShowPaymentRegistration: false, {
paymentRegistrationForm: {
applyMoney: "",
deductionMoney: "",
audit_money: "",
type: "",
isLast: false,
plan: [],
remark: ""
},
form: {
audit_money: 0
},
paymentRegistrationRules: {
applyMoney: [{
required: true,
message: "必填"
},
{
pattern: /^\d+(\.\d+)?$/,
message: '必须为数字'
}
],
deductionMoney: [{
required: true,
message: "必填"
},
{
pattern: /^\d+(\.\d+)?$/,
message: '必须为数字'
}
],
type: [{
required: true, required: true,
message: "必选" message: "必填",
}]
},
planTable: [{
sortable: false,
width: 36,
type: 'selection'
}, },
{ {
label: "分类", pattern: /^\d+(\.\d+)?$/,
prop: 'type', message: "必须为数字",
formatter: (cell, data, value) => {
let res = this.planTypes.filter(item => {
return item.id === value
})
return res[0]?.value || '未知'
}
}, },
],
type: [
{ {
label: "名称", required: true,
prop: 'name', message: "必选",
align: 'left'
}, },
{
label: "计划金额",
prop: 'money',
align: 'right'
}
], ],
}
},
methods: {
async getPlanTypes() {
const res = await getparameter({
number: 'money_way'
})
this.planTypes = res.detail
}, },
planTable: [
{
sortable: false,
width: 36,
type: "selection",
},
{
label: "分类",
prop: "type",
formatter: (cell, data, value) => {
let res = this.planTypes.filter((item) => {
return item.id === value;
});
return res[0]?.value || "未知";
},
},
{
label: "名称",
prop: "name",
align: "left",
},
{
label: "计划金额",
prop: "money",
align: "right",
},
],
};
},
methods: {
async getPlanTypes() {
const res = await getparameter({
number: "money_way",
});
this.planTypes = res.detail;
},
//翻页 //翻页
pageChange(e) { pageChange(e) {
this.pageIndex = e this.pageIndex = e;
this.getBudgets() this.getBudgets();
}, },
//合计申请金额 //合计申请金额
totalApplyMoney() { totalApplyMoney() {
let total = 0.00 let total = 0.0;
this.payment.map(item => { this.payment.map((item) => {
total += Number(item.apply_money) total += Number(item.apply_money);
}) });
return total.toFixed(2) return total.toFixed(2);
}, },
//合计金额 //合计金额
totalMoney() { totalMoney() {
let total = 0.00 let total = 0.0;
this.payment.map(item => { this.payment.map((item) => {
total += Number(item.act_money) total += Number(item.act_money);
}) });
return total.toFixed(2) return total.toFixed(2);
}, },
//已付笔数 //已付笔数
actNumsTotal() { actNumsTotal() {
let total = 0 let total = 0;
this.payment.map(item => { this.payment.map((item) => {
if (Number(item.act_money)) { if (Number(item.act_money)) {
total++ total++;
} }
}) });
return total return total;
}, },
//支付占比 //支付占比
percentPay() { percentPay() {
let total = this.totalMoney() let total = this.totalMoney();
return ((total / this.contract.money) * 100).toFixed(2) || 0 return ((total / this.contract.money) * 100).toFixed(2) || 0;
}, },
//获取合同信息 //获取合同信息
async getContract(info) { async getContract(info) {
this.contract = await detailContract({ this.contract = await detailContract({
id: info.id id: info.id,
}); });
this.paymentRegistrationForm.plan = this.contract.plans.map(item => {
return {
plan_id: item.id,
use_money: item.useMoney,
new_money: item.money,
}
});
this.form.audit_money = this.contract.audit_money; this.paymentRegistrationForm.plan = this.contract.plans.map((item) => {
return {
plan_id: item.id,
use_money: item.useMoney,
new_money: item.money,
};
});
const res = await getFundLog({ this.form.audit_money = this.contract.audit_money;
contract_id: this.contract.id
})
this.payment = res.data const res = await getFundLog({
}, contract_id: this.contract.id,
});
submit() { this.payment = res.data;
let data = { },
contract_id: this.contract.id,
apply_money: this.paymentRegistrationForm.applyMoney, submit() {
discount_money: this.paymentRegistrationForm.deductionMoney, let data = {
type: this.paymentRegistrationForm.type, contract_id: this.contract.id,
is_end: this.paymentRegistrationForm.isLast ? 1 : 0, apply_money: this.paymentRegistrationForm.applyMoney,
remark: this.paymentRegistrationForm.remark, discount_money: this.paymentRegistrationForm.deductionMoney,
audit_money: this.paymentRegistrationForm.audit_money type: this.paymentRegistrationForm.type,
} is_end: this.paymentRegistrationForm.isLast ? 1 : 0,
addFundLog(data).then(res => { remark: this.paymentRegistrationForm.remark,
this.isShowPaymentRegistration = false audit_money: this.paymentRegistrationForm.audit_money,
//付款申请后同时更新一下合同中审计金额 };
editorContract({ addFundLog(data).then((res) => {
id: this.contract.id, this.isShowPaymentRegistration = false;
audit_money: this.form.audit_money //付款申请后同时更新一下合同中审计金额
}).then(r => { editorContract({
Message({ id: this.contract.id,
type: 'success', audit_money: this.form.audit_money,
message: "操作成功" }).then((r) => {
}) Message({
type: "success",
message: "操作成功",
}); });
this.$refs['paymentRegistration'].reset() });
}) this.$refs["paymentRegistration"].reset();
}, });
},
//计划 //计划
//获取预算计划 //获取预算计划
async getBudgets() { async getBudgets() {
let res = await getBudget({ let res = await getBudget({
name: this.searchContent, name: this.searchContent,
page_size: 10, page_size: 10,
page: this.pageIndex page: this.pageIndex,
}) });
this.plans = res.list.data this.plans = res.list.data;
this.planTotal = res.list.total this.planTotal = res.list.total;
// this.toggleSelection(this.paymentRegistrationForm.plan.map(item => { // this.toggleSelection(this.paymentRegistrationForm.plan.map(item => {
// return item.plan_id // return item.plan_id
// })) // }))
}, },
planPageChange(e) { planPageChange(e) {
this.plansPageIndex = e this.plansPageIndex = e;
this.getBudgets() this.getBudgets();
}, },
selectPlan(sel, row) { selectPlan(sel, row) {
if (sel) { if (sel) {
this.paymentRegistrationForm.plan = sel.map(item => { this.paymentRegistrationForm.plan = sel.map((item) => {
return { return {
plan_id: item.id, plan_id: item.id,
use_money: item.useMoney, use_money: item.useMoney,
new_money: item.money new_money: item.money,
} };
});
} else {
this.paymentRegistrationForm.plan = [];
}
},
toggleSelection(e) {
if (!e) {
return;
}
let plans = this.paymentRegistrationForm.plan.map((item) => {
return item.plan_id;
});
if (plans) {
this.plans
.filter((plan) => {
return plans.includes(plan.id);
}) })
} else { .map((row) => {
this.paymentRegistrationForm.plan = []
}
},
toggleSelection(e) {
if (!e) {
return
}
let plans = this.paymentRegistrationForm.plan.map(item => {
return item.plan_id
})
if (plans) {
this.plans.filter(plan => {
return plans.includes(plan.id)
}).map(row => {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['planTable'].toggleRowSelection(row); this.$refs["planTable"].toggleRowSelection(row);
}) });
}) });
} else { } else {
this.$refs['planTable'].clearSelection(); this.$refs["planTable"].clearSelection();
}
},
},
computed: {
priceFormat() {
return function(price) {
return Number(price).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
}
} }
}, },
watch: { },
isShowPaymentRegistration(newVal) { computed: {
if (newVal) { priceFormat() {
this.getBudgets() return function (price) {
} return Number(price)
.toFixed(2)
.replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
};
},
},
watch: {
isShowPaymentRegistration(newVal) {
if (newVal) {
this.getBudgets();
} }
}, },
mounted() { },
this.getPlanTypes() mounted() {
} this.getPlanTypes();
} },
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.payment-registration { .payment-registration {
&-row {
&-row { display: flex;
display: flex;
padding: 6px 0;
&-title { padding: 6px 0;
padding: 0 10px; &-title {
} padding: 0 10px;
}
&-content {} &-content {
} }
} }
}
.xy-table-item-label { .xy-table-item-label {
width: 140px; width: 140px;
} }
.xy-table-item-price { .xy-table-item-price {
position: relative; position: relative;
&::after { &::after {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
content: '（元）' content: "（元）";
} }
::v-deep .el-input__clear { ::v-deep .el-input__clear {
position: relative; position: relative;
right: 30px; right: 30px;
z-index: 2; z-index: 2;
}
} }
}
</style> </style>

2361
src/views/contract/contractList.vue
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save