首页大型更新,修正通信ui

This commit is contained in:
2024-12-30 16:44:53 +08:00
parent a23c049c7d
commit 28e379aa2a
26 changed files with 929 additions and 399 deletions

View File

@@ -300,7 +300,7 @@
<el-row :gutter="20">
<el-col :span="24">
<div class="tip-top">
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: center;align-items: center;white-space: nowrap">
<span> 日期检索</span>
<el-date-picker
@@ -425,10 +425,10 @@
<el-row :gutter="20">
<el-col :span="24">
<div class="tip-top">
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: center;align-items: center;white-space: nowrap">
<span> 支付类型</span>
<el-select v-model="payType" placeholder="请选择付款类型" @change = "getFinanceDateByPayType">
<el-select v-model="payType" placeholder="请选择付款类型" @change="getFinanceDateByPayType">
<el-option
v-for="dict in dict.type.sys_pay_type"
:key="dict.value"
@@ -585,7 +585,9 @@
<!--附件-->
<template v-if="form.accessory">
<el-tooltip class="item" effect="dark" content="点击下载" placement="bottom">
<el-link type="primary" @click="downloadFile(form.accessory)">{{form.accessory.match('[^/]+(?!.*/)')[0]}}</el-link>
<el-link type="primary" @click="downloadFile(form.accessory)">
{{ form.accessory.match('[^/]+(?!.*/)')[0] }}
</el-link>
</el-tooltip>
</template>
<template v-else>
@@ -629,14 +631,14 @@
<el-col :span="8">
<el-form-item label="账户" prop="receiveAccountId">
<el-select v-model="form.receiveAccountId" placeholder="请选择账户">
<el-option
v-for="item in receiveAccounts"
:key="item.receiveAccountId"
:label="item.receiveAccountName"
:value="item.receiveAccountId">
<span v-if="item.receiveAccountId===-1">无分类</span>
</el-option>
</el-select>
<el-option
v-for="item in receiveAccounts"
:key="item.receiveAccountId"
:label="item.receiveAccountName"
:value="item.receiveAccountId">
<span v-if="item.receiveAccountId===-1">无分类</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
@@ -650,12 +652,25 @@
</el-form-item>
</el-col>
<el-col :span="16">
<el-col :span="type == 1 ? 16 : 8">
<el-form-item :label="type == 1 ? '付款方' : '经手人'" prop="financeParties">
<el-input v-model="form.financeParties" placeholder="请输入经手人/付款方"/>
</el-form-item>
</el-col>
<el-col v-if="type==0" :span="8">
<el-form-item label="出账类型" prop="outType">
<el-select v-model="form.outType" placeholder="请选择出账类型(默认其他)">
<el-option
v-for="dict in dict.type.oa_out_finance"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="支付类型" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付类型">
@@ -770,11 +785,11 @@ import {numberToCNY} from "../../../utils/currencyFormatter";
export default {
name: "Finance",
dicts: ['sys_pay_type'],
dicts: ['sys_pay_type', 'oa_out_finance'],
data() {
return {
// 支付类型
payType:0,
payType: 0,
// 按钮loading
buttonLoading: false,
// 遮罩层
@@ -837,7 +852,7 @@ export default {
titleLink: "增长人数",
checkByTime: {},
monthCheck: {},
receiveAccounts:[],
receiveAccounts: [],
// monthOutByTime: 0,
// monthComeByTime: 0,
yearCheck: {},
@@ -897,7 +912,7 @@ export default {
},
methods: {
// 获取核算信息通过支付类型
getFinanceDateByPayType(){
getFinanceDateByPayType() {
this.getPayTypeBlur()
this.currentBlur()
this.currentBlurList()
@@ -978,7 +993,9 @@ export default {
projectId: 0, //项目id为0排除项目
financeTitle: this.queryParams.financeTitle,
financeParties: this.queryParams.financeParties,
receiveAccountId: this.queryParams.receiveAccountId
receiveAccountId: this.queryParams.receiveAccountId,
pageNum: this.queryParams.pageNum,
pageSize: this.queryParams.pageSize,
}
//使用实体里的参数属性,日期转为字符串格式
this.queryParams.params = {};
@@ -989,6 +1006,7 @@ export default {
listFinance(this.queryParams).then(response => {
console.log(response)
//出账列表
if (type == '0') {
this.financeListPro(response.rows).then(res => {
@@ -1018,7 +1036,7 @@ export default {
//tabs选项卡
handleClick(tab, event) {
this.nowTab = tab.index
this.payType=0
this.payType = 0
if (tab.index == '0') {
this.getListFinance('1');
}
@@ -1337,7 +1355,7 @@ export default {
})
},
getPayTypeBlur(){
getPayTypeBlur() {
let now = new Date()
var nowMonth = new Date(now.getFullYear(), now.getMonth(), 1); // 获取本月第一天的日期时间时间为0:0:0
var monthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59); // 获取本月最后一天的日期时间时间为23:59:59
@@ -1516,7 +1534,7 @@ export default {
}, `finance_${new Date().getTime()}.xlsx`)
},
/** 下载文件 */
downloadFile(filePath){
downloadFile(filePath) {
this.$download.resource(filePath)
}
@@ -1627,7 +1645,8 @@ export default {
font-size: 14px;
padding-right: 8px;
}
.node-label{
.node-label {
width: 130px;
overflow: hidden;
text-overflow: ellipsis;