|
@@ -46,8 +46,7 @@
|
|
prop="costTypeId"
|
|
prop="costTypeId"
|
|
:label-width="formLabelWidth"
|
|
:label-width="formLabelWidth"
|
|
>
|
|
>
|
|
- <el-select v-model="form.costTypeId" placeholder="请选择支出类型" ref="select">
|
|
|
|
- <el-option key label="全选" value></el-option>
|
|
|
|
|
|
+ <el-select v-model="form.costTypeId" multiple placeholder="全选" ref="select">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in costTypeSelectData"
|
|
v-for="item in costTypeSelectData"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -92,8 +91,7 @@
|
|
prop="productId"
|
|
prop="productId"
|
|
:label-width="formLabelWidth"
|
|
:label-width="formLabelWidth"
|
|
>
|
|
>
|
|
- <el-select v-model="form.productId" placeholder="请选择产品">
|
|
|
|
- <el-option key label="全选" value></el-option>
|
|
|
|
|
|
+ <el-select v-model="form.productId" multiple placeholder="全选">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in productSelectData"
|
|
v-for="item in productSelectData"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -108,8 +106,7 @@
|
|
prop="projectId"
|
|
prop="projectId"
|
|
:label-width="formLabelWidth"
|
|
:label-width="formLabelWidth"
|
|
>
|
|
>
|
|
- <el-select v-model="form.projectId" placeholder="请选择项目">
|
|
|
|
- <el-option key label="全选" value></el-option>
|
|
|
|
|
|
+ <el-select v-model="form.projectId" multiple placeholder="全选">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in projectSelectData"
|
|
v-for="item in projectSelectData"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -153,9 +150,14 @@
|
|
></el-option>
|
|
></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>-->
|
|
</el-form-item>-->
|
|
- <el-form-item label="归属部门" prop="deptId" v-if="form.type!==''" :label-width="formLabelWidth">
|
|
|
|
- <el-select v-model="form.deptId" placeholder="请选择部门" ref="select">
|
|
|
|
- <el-option key label="全选" value></el-option>
|
|
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="归属部门"
|
|
|
|
+ prop="deptId"
|
|
|
|
+ multiple
|
|
|
|
+ v-if="form.type!==''"
|
|
|
|
+ :label-width="formLabelWidth"
|
|
|
|
+ >
|
|
|
|
+ <el-select v-model="form.deptId" multiple placeholder="全选" ref="select">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in teamSelectData"
|
|
v-for="item in teamSelectData"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -165,9 +167,7 @@
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item
|
|
|
|
- style="position: absolute; width:23%; display:block; margin:0 auto; left: 0; right: 0;"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form-item style="position: absolute; width:23%; left:300px;">
|
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
|
<!-- <el-button type="info" @click="onReset">重置</el-button> -->
|
|
<!-- <el-button type="info" @click="onReset">重置</el-button> -->
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -185,13 +185,6 @@
|
|
border
|
|
border
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
- width="120px"
|
|
|
|
- align="right"
|
|
|
|
- label="录入日期"
|
|
|
|
- :formatter="recordTimeFormat"
|
|
|
|
- prop="gmtModife"
|
|
|
|
- ></el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
prop="happenTime"
|
|
prop="happenTime"
|
|
width="120px"
|
|
width="120px"
|
|
align="right"
|
|
align="right"
|
|
@@ -217,6 +210,13 @@
|
|
<el-table-column label="归属部门" width="250px" align="right" prop="department.name"></el-table-column>
|
|
<el-table-column label="归属部门" width="250px" align="right" prop="department.name"></el-table-column>
|
|
<!-- <el-table-column label="接收项目" prop="toProject.name"></el-table-column> -->
|
|
<!-- <el-table-column label="接收项目" prop="toProject.name"></el-table-column> -->
|
|
<el-table-column prop="remark" align="right" label="备注"></el-table-column>
|
|
<el-table-column prop="remark" align="right" label="备注"></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ width="120px"
|
|
|
|
+ align="right"
|
|
|
|
+ label="录入日期"
|
|
|
|
+ :formatter="recordTimeFormat"
|
|
|
|
+ prop="gmtModife"
|
|
|
|
+ ></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
|
|
|
|
<!-- 查询结果成本表 -->
|
|
<!-- 查询结果成本表 -->
|
|
@@ -229,13 +229,6 @@
|
|
border
|
|
border
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
- width="120px"
|
|
|
|
- align="right"
|
|
|
|
- label="录入日期"
|
|
|
|
- :formatter="recordTimeFormat"
|
|
|
|
- prop="gmtModife"
|
|
|
|
- ></el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
prop="happenTime"
|
|
prop="happenTime"
|
|
width="120px"
|
|
width="120px"
|
|
align="right"
|
|
align="right"
|
|
@@ -255,6 +248,13 @@
|
|
<!-- <el-table-column label="接收项目" prop="toProject.name"></el-table-column> -->
|
|
<!-- <el-table-column label="接收项目" prop="toProject.name"></el-table-column> -->
|
|
<!-- <el-table-column label="接收部门" prop="toDepartment.name"></el-table-column> -->
|
|
<!-- <el-table-column label="接收部门" prop="toDepartment.name"></el-table-column> -->
|
|
<el-table-column label="备注" align="right" prop="remark"></el-table-column>
|
|
<el-table-column label="备注" align="right" prop="remark"></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ width="120px"
|
|
|
|
+ align="right"
|
|
|
|
+ label="录入日期"
|
|
|
|
+ :formatter="recordTimeFormat"
|
|
|
|
+ prop="gmtModife"
|
|
|
|
+ ></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
<el-pagination
|
|
<el-pagination
|
|
@@ -294,15 +294,15 @@ export default {
|
|
id: "",
|
|
id: "",
|
|
searchResult: [],
|
|
searchResult: [],
|
|
form: {
|
|
form: {
|
|
- type: "",
|
|
|
|
- productId: "",
|
|
|
|
- projectId: "",
|
|
|
|
|
|
+ type: "INCOME",
|
|
|
|
+ productId: [],
|
|
|
|
+ projectId: [],
|
|
toDeptId: "",
|
|
toDeptId: "",
|
|
toProjectId: "",
|
|
toProjectId: "",
|
|
- deptId: "",
|
|
|
|
|
|
+ deptId: [],
|
|
incomeStatus: [],
|
|
incomeStatus: [],
|
|
status: "NORMAL",
|
|
status: "NORMAL",
|
|
- costTypeId: "",
|
|
|
|
|
|
+ costTypeId: [],
|
|
startTime: null,
|
|
startTime: null,
|
|
endTime: null,
|
|
endTime: null,
|
|
minAmount: "",
|
|
minAmount: "",
|
|
@@ -324,7 +324,8 @@ export default {
|
|
companyData: [],
|
|
companyData: [],
|
|
tableType: "",
|
|
tableType: "",
|
|
isIndeterminate: true,
|
|
isIndeterminate: true,
|
|
- checkAll: false
|
|
|
|
|
|
+ checkAll: false,
|
|
|
|
+ totalSum: 0 // 后台返回的合计
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -364,21 +365,26 @@ export default {
|
|
const sums = [];
|
|
const sums = [];
|
|
columns.forEach((column, index) => {
|
|
columns.forEach((column, index) => {
|
|
switch (column.property) {
|
|
switch (column.property) {
|
|
- case 'gmtModife':
|
|
|
|
- sums[index] = '合计';
|
|
|
|
- break;
|
|
|
|
case "happenTime":
|
|
case "happenTime":
|
|
- sums[index] = "";
|
|
|
|
|
|
+ sums[index] = "本页合计";
|
|
break;
|
|
break;
|
|
- case 'amount':
|
|
|
|
- const amountNum = data.map(item => Number(item['amount']));
|
|
|
|
- console.log(amountNum)
|
|
|
|
- sums[index] = amountNum.reduce((prev,cur) => {
|
|
|
|
- console.log('prev',prev)
|
|
|
|
- console.log('cur',cur)
|
|
|
|
|
|
+ // case "happenTime":
|
|
|
|
+ // sums[index] = "";
|
|
|
|
+ // break;
|
|
|
|
+ case "amount":
|
|
|
|
+ const amountNum = data.map(item => Number(item["amount"]));
|
|
|
|
+ console.log(amountNum);
|
|
|
|
+ sums[index] = amountNum.reduce((prev, cur) => {
|
|
// const sum = prev.toFixed(2) + cur.toFixed(2);
|
|
// const sum = prev.toFixed(2) + cur.toFixed(2);
|
|
- return (parseFloat(prev) + parseFloat(cur)).toFixed(2);
|
|
|
|
- },0)
|
|
|
|
|
|
+ return (parseFloat(prev) + parseFloat(cur)).toFixed(2);
|
|
|
|
+ }, 0);
|
|
|
|
+ break;
|
|
|
|
+ case "remark":
|
|
|
|
+ sums[index] = "全部合计:";
|
|
|
|
+ break;
|
|
|
|
+ case "gmtModife":
|
|
|
|
+ sums[index] = this.totalSum;
|
|
|
|
+ break;
|
|
default:
|
|
default:
|
|
break;
|
|
break;
|
|
}
|
|
}
|
|
@@ -401,7 +407,6 @@ export default {
|
|
this.searchResult = response.data.content;
|
|
this.searchResult = response.data.content;
|
|
this.totalNumber = parseInt(response.data.totalElements);
|
|
this.totalNumber = parseInt(response.data.totalElements);
|
|
this.pageNo = parseInt(response.data.number) + 1;
|
|
this.pageNo = parseInt(response.data.number) + 1;
|
|
- console.log('回复内容',response.data.length)
|
|
|
|
if (response.data && response.data.length == 0) {
|
|
if (response.data && response.data.length == 0) {
|
|
this.$message("未找到相应数据");
|
|
this.$message("未找到相应数据");
|
|
}
|
|
}
|
|
@@ -424,7 +429,8 @@ export default {
|
|
this.searchResult = response.data.content;
|
|
this.searchResult = response.data.content;
|
|
this.totalNumber = parseInt(response.data.totalElements);
|
|
this.totalNumber = parseInt(response.data.totalElements);
|
|
this.pageNo = parseInt(response.data.number) + 1;
|
|
this.pageNo = parseInt(response.data.number) + 1;
|
|
- console.log('回复内容11',response.data.length)
|
|
|
|
|
|
+ this.totalSum = response.data.content[0].totalAmount.toFixed(2);
|
|
|
|
+ console.log("全部合计", response.data.content[0].totalAmount);
|
|
if (response.data && response.data.length == 0) {
|
|
if (response.data && response.data.length == 0) {
|
|
this.$message("未找到相应数据");
|
|
this.$message("未找到相应数据");
|
|
}
|
|
}
|