|
|
@@ -30,7 +30,7 @@
|
|
|
searchList();
|
|
|
"
|
|
|
>
|
|
|
- <template #table-header="{}">
|
|
|
+ <template #table-header="{ selection }">
|
|
|
<div style="width: 100%">
|
|
|
<el-row :gutter="10" style="padding: 0 0 10px 80px">
|
|
|
<el-col :span="7" style="width: 180px">
|
|
|
@@ -119,7 +119,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="10">
|
|
|
- <el-col :span="6" style="width: 470px">
|
|
|
+ <el-col :span="6" style="width: 430px">
|
|
|
<el-select
|
|
|
v-model="code"
|
|
|
multiple
|
|
|
@@ -164,6 +164,17 @@
|
|
|
</el-select>
|
|
|
</el-input>
|
|
|
</el-col>
|
|
|
+ <el-col :span="4" style="width: 88px; float: right">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="fr"
|
|
|
+ :size="searchSize"
|
|
|
+ :disabled="loading"
|
|
|
+ @click="batchExport(selection)"
|
|
|
+ >
|
|
|
+ 页面导出
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
<el-col :span="4" style="width: 66px" class="fr">
|
|
|
<el-button
|
|
|
v-if="powers.some((item) => item == '003')"
|
|
|
@@ -208,12 +219,7 @@
|
|
|
<span style="display: inline-block; vertical-align: top">{{
|
|
|
scope.row.orderNo
|
|
|
}}</span
|
|
|
- ><span
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
- padding: 0 0 0 2px;
|
|
|
- "
|
|
|
+ ><span style="display: inline-block; vertical-align: top; padding: 0 0 0 2px"
|
|
|
><i
|
|
|
class="el-icon-more"
|
|
|
style="
|
|
|
@@ -259,12 +265,7 @@
|
|
|
<span style="display: inline-block; vertical-align: top">{{
|
|
|
scope.row.traNo
|
|
|
}}</span
|
|
|
- ><span
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
- padding: 0 0 0 2px;
|
|
|
- "
|
|
|
+ ><span style="display: inline-block; vertical-align: top; padding: 0 0 0 2px"
|
|
|
><i
|
|
|
class="el-icon-more"
|
|
|
style="
|
|
|
@@ -308,12 +309,7 @@
|
|
|
<span style="display: inline-block; vertical-align: top">{{
|
|
|
scope.row.invNo
|
|
|
}}</span
|
|
|
- ><span
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
- padding: 0 0 0 2px;
|
|
|
- "
|
|
|
+ ><span style="display: inline-block; vertical-align: top; padding: 0 0 0 2px"
|
|
|
><i
|
|
|
class="el-icon-more"
|
|
|
style="
|
|
|
@@ -333,8 +329,7 @@
|
|
|
size="mini"
|
|
|
:type="''"
|
|
|
v-text="
|
|
|
- (RQList.find((item) => item.code == scope.row.rela_form) || {})
|
|
|
- .name || '--'
|
|
|
+ (RQList.find((item) => item.code == scope.row.rela_form) || {}).name || '--'
|
|
|
"
|
|
|
></el-tag>
|
|
|
</template>
|
|
|
@@ -342,15 +337,11 @@
|
|
|
<el-tag
|
|
|
size="mini"
|
|
|
:type="
|
|
|
- scope.row.status == '3'
|
|
|
- ? 'success'
|
|
|
- : scope.row.status == '2'
|
|
|
- ? 'warning'
|
|
|
- : ''
|
|
|
+ scope.row.status == '3' ? 'success' : scope.row.status == '2' ? 'warning' : ''
|
|
|
"
|
|
|
v-text="
|
|
|
- (relationType.find((item) => item.code == scope.row.status) || {})
|
|
|
- .name || '--'
|
|
|
+ (relationType.find((item) => item.code == scope.row.status) || {}).name ||
|
|
|
+ '--'
|
|
|
"
|
|
|
></el-tag>
|
|
|
</template>
|
|
|
@@ -358,20 +349,14 @@
|
|
|
<template #operation="{ scope }">
|
|
|
<el-tooltip
|
|
|
v-if="
|
|
|
- (powers.some((item) => item == '007') &&
|
|
|
- scope.row.rela_form === '2') ||
|
|
|
- (powers.some((item) => item == '007') &&
|
|
|
- scope.row.rela_form === '3')
|
|
|
+ (powers.some((item) => item == '007') && scope.row.rela_form === '2') ||
|
|
|
+ (powers.some((item) => item == '007') && scope.row.rela_form === '3')
|
|
|
"
|
|
|
-
|
|
|
effect="dark"
|
|
|
content="详情"
|
|
|
placement="top"
|
|
|
>
|
|
|
- <i
|
|
|
- class="el-icon-view tb-icon"
|
|
|
- @click="openModal(scope.row.id, '007')"
|
|
|
- ></i>
|
|
|
+ <i class="el-icon-view tb-icon" @click="openModal(scope.row.id, '007')"></i>
|
|
|
</el-tooltip>
|
|
|
<el-tooltip
|
|
|
v-if="
|
|
|
@@ -382,15 +367,11 @@
|
|
|
scope.row.status !== '3' &&
|
|
|
scope.row.rela_form === '3')
|
|
|
"
|
|
|
-
|
|
|
effect="dark"
|
|
|
content="申请取消"
|
|
|
placement="top"
|
|
|
>
|
|
|
- <i
|
|
|
- class="el-icon-video-pause tb-icon"
|
|
|
- @click="changeStatus(scope.row.id)"
|
|
|
- ></i>
|
|
|
+ <i class="el-icon-video-pause tb-icon" @click="changeStatus(scope.row.id)"></i>
|
|
|
</el-tooltip>
|
|
|
<el-tooltip
|
|
|
v-if="
|
|
|
@@ -401,15 +382,11 @@
|
|
|
scope.row.status === '1' &&
|
|
|
scope.row.rela_form === '3')
|
|
|
"
|
|
|
-
|
|
|
effect="dark"
|
|
|
content="财务审核"
|
|
|
placement="top"
|
|
|
>
|
|
|
- <i
|
|
|
- class="el-icon-s-check tb-icon"
|
|
|
- @click="openModal(scope.row.id, '029')"
|
|
|
- ></i>
|
|
|
+ <i class="el-icon-s-check tb-icon" @click="openModal(scope.row.id, '029')"></i>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
</ex-table>
|
|
|
@@ -425,6 +402,7 @@ import { mapGetters } from "vuex";
|
|
|
import { relationType, RQList } from "@/assets/js/linkType";
|
|
|
import PeriodDatePicker from "@/components/PeriodDatePicker";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
+import { formatJson } from "@/utils/publicMethods";
|
|
|
export default {
|
|
|
name: "relation",
|
|
|
mixins: [mixinPage, resToken],
|
|
|
@@ -438,9 +416,7 @@ export default {
|
|
|
...mapGetters(["tablebtnSize", "searchSize", "size"]),
|
|
|
powers() {
|
|
|
let tran =
|
|
|
- this.$store.getters.btnList.find(
|
|
|
- (item) => item.menu_route == "relation"
|
|
|
- ) || {};
|
|
|
+ this.$store.getters.btnList.find((item) => item.menu_route == "relation") || {};
|
|
|
if (tran && tran.action && tran.action.length > 0) {
|
|
|
return tran.action;
|
|
|
} else {
|
|
|
@@ -466,7 +442,7 @@ export default {
|
|
|
],
|
|
|
newTime: 0,
|
|
|
code: [],
|
|
|
- relationType: relationType,
|
|
|
+ relationType,
|
|
|
RQList: RQList,
|
|
|
selectLoading: false,
|
|
|
activeOptions: [],
|
|
|
@@ -503,6 +479,7 @@ export default {
|
|
|
},
|
|
|
// 表格 - 列参数
|
|
|
columns: [
|
|
|
+ { type: "selection", fixed: "left", _noset_: true },
|
|
|
{
|
|
|
prop: "id",
|
|
|
label: "ID",
|
|
|
@@ -658,7 +635,6 @@ export default {
|
|
|
this.tableData = res.data.list;
|
|
|
this.tableData.map((v1) => {
|
|
|
let arr1 = v1.orderNo.split(",");
|
|
|
- console.log(arr1);
|
|
|
v1.orderNo = arr1[0];
|
|
|
v1.orderNo_length = arr1.length;
|
|
|
// v1.orderNo_show = false;
|
|
|
@@ -678,6 +654,7 @@ export default {
|
|
|
|
|
|
return v1;
|
|
|
});
|
|
|
+ console.log(this.tableData);
|
|
|
this.pageInfo.total = Number(res.data.count);
|
|
|
} else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
await this.logout();
|
|
|
@@ -688,6 +665,70 @@ export default {
|
|
|
this.loading = false;
|
|
|
},
|
|
|
|
|
|
+ /**
|
|
|
+ * 批量导出
|
|
|
+ * @param {Array} selection 当前选择项
|
|
|
+ */
|
|
|
+ batchExport(selection) {
|
|
|
+ if (!this.loading) {
|
|
|
+ if (selection.length == 0) {
|
|
|
+ this.$message.warning("请至少选择一条数据！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.loading = true;
|
|
|
+ let data = [].concat(...selection);
|
|
|
+ let list = [];
|
|
|
+ data.forEach((item) => {
|
|
|
+ let model = Object.assign({}, item);
|
|
|
+ model.orderNo = model.orderNo_showMain.toString();
|
|
|
+ model.traNo = model.traNo_showMain.toString();
|
|
|
+ model.invNo = model.invNo_showMain.toString();
|
|
|
+ model.rela_form =
|
|
|
+ (this.RQList.find((v) => v.code == item.rela_form) || {}).name || "--";
|
|
|
+ model.status =
|
|
|
+ (this.relationType.find((v) => v.code == item.status) || {}).name || "--";
|
|
|
+ list.push(model);
|
|
|
+ });
|
|
|
+ const xlsName = `单款票确认数据批量导出`;
|
|
|
+ import("@/vendor/Export2Excel").then((excel) => {
|
|
|
+ const tHeader = [
|
|
|
+ "ID",
|
|
|
+ "公司编码",
|
|
|
+ "公司名称",
|
|
|
+ "核销额度",
|
|
|
+ "关联类型",
|
|
|
+ "订单编号",
|
|
|
+ "资金编号",
|
|
|
+ "发票编号",
|
|
|
+ "状态",
|
|
|
+ "创建时间",
|
|
|
+ ];
|
|
|
+ const filterVal = [
|
|
|
+ "id",
|
|
|
+ "companyNo",
|
|
|
+ "companyName",
|
|
|
+ "cancel_total",
|
|
|
+ "rela_form",
|
|
|
+ "orderNo",
|
|
|
+ "traNo",
|
|
|
+ "invNo",
|
|
|
+ "status",
|
|
|
+ "addtime",
|
|
|
+ ];
|
|
|
+ const data = formatJson(filterVal, list);
|
|
|
+ excel.export_json_to_excel({
|
|
|
+ header: tHeader,
|
|
|
+ data,
|
|
|
+ filename: `${xlsName}`,
|
|
|
+ });
|
|
|
+ this.$message.success("单款票确认数据导出成功！");
|
|
|
+ setTimeout(() => {
|
|
|
+ this.loading = false;
|
|
|
+ }, 500);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
async remoteMethod(query) {
|
|
|
this.selectLoading = true;
|
|
|
if (query !== "") {
|
