|
@@ -5,9 +5,9 @@
|
|
@change="changeSearch"
|
|
@change="changeSearch"
|
|
style="margin-bottom: 10px"
|
|
style="margin-bottom: 10px"
|
|
>
|
|
>
|
|
- <el-radio-button label="1">应收账款</el-radio-button>
|
|
|
|
- <el-radio-button label="2">机构分成</el-radio-button>
|
|
|
|
- <el-radio-button label="3">业务员提成</el-radio-button>
|
|
|
|
|
|
+ <el-radio-button :label="0">应收账款</el-radio-button>
|
|
|
|
+ <el-radio-button :label="1">机构分成</el-radio-button>
|
|
|
|
+ <el-radio-button :label="2">业务员提成</el-radio-button>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
<search-box-new
|
|
<search-box-new
|
|
ref="searchBox"
|
|
ref="searchBox"
|
|
@@ -16,11 +16,20 @@
|
|
@search="search"
|
|
@search="search"
|
|
@init="init"
|
|
@init="init"
|
|
/>
|
|
/>
|
|
|
|
+ <div class="dis_flex_order_li">
|
|
|
|
+ <div class="list" v-for="(item, index) in showTabList[type]" :key="index">
|
|
|
|
+ <img :src="item.img" alt="" />
|
|
|
|
+ <div class="right">
|
|
|
|
+ <h4>{{ item.label }}:</h4>
|
|
|
|
+ <p>{{ countInfo[item.prop] }}{{ item.ch || "元" }}</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
<table-list
|
|
<table-list
|
|
:key="type"
|
|
:key="type"
|
|
rowKey="id"
|
|
rowKey="id"
|
|
ref="tableList"
|
|
ref="tableList"
|
|
- @openDialog="openDialog"
|
|
|
|
|
|
+ @openDialog="(row) => openDialog(row, 0)"
|
|
:tableSets="tableSet"
|
|
:tableSets="tableSet"
|
|
:tableData="tableData"
|
|
:tableData="tableData"
|
|
:navText="navText"
|
|
:navText="navText"
|
|
@@ -69,12 +78,29 @@
|
|
</template>
|
|
</template>
|
|
<template slot="btn" slot-scope="props">
|
|
<template slot="btn" slot-scope="props">
|
|
<el-button
|
|
<el-button
|
|
|
|
+ v-if="type == 0"
|
|
type="text"
|
|
type="text"
|
|
:disabled="props.scope.row.creditStatus == 1"
|
|
:disabled="props.scope.row.creditStatus == 1"
|
|
- @click="handelClick(props.scope.row)"
|
|
|
|
|
|
+ @click="openDialog(props.scope.row, 1)"
|
|
>
|
|
>
|
|
催款提醒
|
|
催款提醒
|
|
</el-button>
|
|
</el-button>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <el-button
|
|
|
|
+ type="text"
|
|
|
|
+ :disabled="props.scope.row.creditStatus == 1"
|
|
|
|
+ @click="openDialog(props.scope.row, 2)"
|
|
|
|
+ >
|
|
|
|
+ 点击审核
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ type="text"
|
|
|
|
+ style="color: #e6a23c"
|
|
|
|
+ @click="openDialog(props.scope.row, 3)"
|
|
|
|
+ >
|
|
|
|
+ 修改备注
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
</template>
|
|
</template>
|
|
</table-list>
|
|
</table-list>
|
|
<pagination
|
|
<pagination
|
|
@@ -84,13 +110,18 @@
|
|
@search="search"
|
|
@search="search"
|
|
/>
|
|
/>
|
|
<dislog-tip
|
|
<dislog-tip
|
|
- :dialogVisible.sync="dialogVisible"
|
|
|
|
|
|
+ :dialogVisible.sync="tipDialogVisible"
|
|
:orderInfo="activeOrderInfo"
|
|
:orderInfo="activeOrderInfo"
|
|
@search="search"
|
|
@search="search"
|
|
- ></dislog-tip>
|
|
|
|
- <dislogOrderDetails
|
|
|
|
- :dialogVisible.sync="orderDialogVisible"
|
|
|
|
- ></dislogOrderDetails>
|
|
|
|
|
|
+ />
|
|
|
|
+ <!-- 订单详情 -->
|
|
|
|
+ <dislog-order-details :dialogVisible.sync="orderDialogVisible" />
|
|
|
|
+ <arap-remarks
|
|
|
|
+ :orderSn="activeOrderInfo.orderSn"
|
|
|
|
+ :remark="activeOrderInfo.remark"
|
|
|
|
+ @search="search"
|
|
|
|
+ :dialogVisible.sync="remarkDialogVisible"
|
|
|
|
+ ></arap-remarks>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -100,8 +131,15 @@ import tableList from "@/components/tableList";
|
|
import pagination from "@/components/pagination";
|
|
import pagination from "@/components/pagination";
|
|
import dislogTip from "./dislogTip.vue";
|
|
import dislogTip from "./dislogTip.vue";
|
|
import dislogOrderDetails from "../components/dislogOrderDetails.vue";
|
|
import dislogOrderDetails from "../components/dislogOrderDetails.vue";
|
|
|
|
+import arapRemarks from "../components/arapRemarks.vue";
|
|
import { exportFn } from "@/utils/index.js";
|
|
import { exportFn } from "@/utils/index.js";
|
|
-import { orderList, sellerList, orderExport } from "@/api/financed/index";
|
|
|
|
|
|
+import {
|
|
|
|
+ orderList,
|
|
|
|
+ sellerList,
|
|
|
|
+ tenantList,
|
|
|
|
+ orderExport,
|
|
|
|
+ countOrderNum,
|
|
|
|
+} from "@/api/financed/index";
|
|
export default {
|
|
export default {
|
|
name: "cost",
|
|
name: "cost",
|
|
components: {
|
|
components: {
|
|
@@ -110,9 +148,43 @@ export default {
|
|
pagination,
|
|
pagination,
|
|
dislogTip,
|
|
dislogTip,
|
|
dislogOrderDetails,
|
|
dislogOrderDetails,
|
|
|
|
+ arapRemarks,
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ showTabList: [
|
|
|
|
+ [
|
|
|
|
+ {
|
|
|
|
+ label: "合同金额",
|
|
|
|
+ prop: "orderPriceTotal",
|
|
|
|
+ img: require("@/assets/images/合同金额@2x.png"),
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "已收账款",
|
|
|
|
+ prop: "orderReceivedTotal",
|
|
|
|
+ img: require("@/assets/images/已收款@2x.png"),
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label: "未收账款",
|
|
|
|
+ prop: "orderUncollectedTotal",
|
|
|
|
+ img: require("@/assets/images/未收款@2x.png"),
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ [
|
|
|
|
+ {
|
|
|
|
+ label: "待付账款",
|
|
|
|
+ prop: "sellerPay",
|
|
|
|
+ img: require("@/assets/images/未收款@2x.png"),
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ [
|
|
|
|
+ {
|
|
|
|
+ label: "待付账款",
|
|
|
|
+ prop: "tenantPay",
|
|
|
|
+ img: require("@/assets/images/未收款@2x.png"),
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ ],
|
|
loading: false, //当前表单加载是否加载动画
|
|
loading: false, //当前表单加载是否加载动画
|
|
navText: {
|
|
navText: {
|
|
title: "应收应付",
|
|
title: "应收应付",
|
|
@@ -130,7 +202,7 @@ export default {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
},
|
|
},
|
|
// 表单
|
|
// 表单
|
|
- tableSet1: [
|
|
|
|
|
|
+ tableSet0: [
|
|
{
|
|
{
|
|
label: "下单时间",
|
|
label: "下单时间",
|
|
prop: "buyTime",
|
|
prop: "buyTime",
|
|
@@ -197,7 +269,7 @@ export default {
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
],
|
|
],
|
|
- tableSet2: [
|
|
|
|
|
|
+ tableSet1: [
|
|
{
|
|
{
|
|
label: "下单时间",
|
|
label: "下单时间",
|
|
prop: "startTime",
|
|
prop: "startTime",
|
|
@@ -206,44 +278,46 @@ export default {
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "订单单号",
|
|
label: "订单单号",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "orderSn",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "机构名称",
|
|
label: "机构名称",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "tenantName",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "待付账款(元)",
|
|
label: "待付账款(元)",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "divideCompanyMoney",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "预付时间",
|
|
label: "预付时间",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "predictPayTime",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "剩余天数",
|
|
label: "剩余天数",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "predictReceiveDay",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "审核状态",
|
|
label: "审核状态",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "refundStatus",
|
|
hidden: true,
|
|
hidden: true,
|
|
|
|
+ scope: "solt",
|
|
|
|
+ soltName: "refundStatus",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
label: "备注",
|
|
label: "备注",
|
|
- prop: "name",
|
|
|
|
|
|
+ prop: "remark",
|
|
hidden: true,
|
|
hidden: true,
|
|
},
|
|
},
|
|
],
|
|
],
|
|
- tableSet3: [
|
|
|
|
|
|
+ tableSet2: [
|
|
{
|
|
{
|
|
label: "下单时间",
|
|
label: "下单时间",
|
|
- prop: "lastTime",
|
|
|
|
|
|
+ prop: "buyTime",
|
|
hidden: true,
|
|
hidden: true,
|
|
scope: "aTimeList",
|
|
scope: "aTimeList",
|
|
},
|
|
},
|
|
@@ -289,25 +363,35 @@ export default {
|
|
scope: "solt",
|
|
scope: "solt",
|
|
soltName: "refundStatus",
|
|
soltName: "refundStatus",
|
|
},
|
|
},
|
|
|
|
+ {
|
|
|
|
+ label: "备注",
|
|
|
|
+ prop: "remark",
|
|
|
|
+ hidden: true,
|
|
|
|
+ },
|
|
],
|
|
],
|
|
tableData: [], //表单数据
|
|
tableData: [], //表单数据
|
|
total: 0, //一共多少条
|
|
total: 0, //一共多少条
|
|
- dialogVisible: false,
|
|
|
|
|
|
+ tipDialogVisible: false,
|
|
orderDialogVisible: false,
|
|
orderDialogVisible: false,
|
|
- type: 1,
|
|
|
|
|
|
+ remarkDialogVisible: false,
|
|
|
|
+ type: 0,
|
|
activeOrderInfo: {},
|
|
activeOrderInfo: {},
|
|
|
|
+ roleList: [],
|
|
|
|
+ countInfo: {},
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.search(2);
|
|
|
|
|
|
+ this.init();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- openDialog(data) {
|
|
|
|
- console.log(data);
|
|
|
|
- this.orderDialogVisible = true;
|
|
|
|
|
|
+ openDialog(data, type) {
|
|
|
|
+ this.activeOrderInfo = data;
|
|
|
|
+ this[
|
|
|
|
+ ["order", "tip", "examine", "remark"][type] + "DialogVisible"
|
|
|
|
+ ] = true;
|
|
},
|
|
},
|
|
batchExport() {
|
|
batchExport() {
|
|
- const fn = [orderExport, orderExport, orderExport][this.type - 1];
|
|
|
|
|
|
+ const fn = [orderExport, orderExport, orderExport][this.type];
|
|
fn(this.backData()).then((res) => {
|
|
fn(this.backData()).then((res) => {
|
|
if (res.msg) {
|
|
if (res.msg) {
|
|
exportFn(res.msg, "导出应收应付数据");
|
|
exportFn(res.msg, "导出应收应付数据");
|
|
@@ -326,14 +410,10 @@ export default {
|
|
return data;
|
|
return data;
|
|
},
|
|
},
|
|
changeSearch() {
|
|
changeSearch() {
|
|
- this.init();
|
|
|
|
- },
|
|
|
|
- handelClick(row) {
|
|
|
|
- this.activeOrderInfo = row;
|
|
|
|
- this.dialogVisible = true;
|
|
|
|
|
|
+ this.search(2);
|
|
},
|
|
},
|
|
getDataList(data) {
|
|
getDataList(data) {
|
|
- const fn = [orderList, orderList, sellerList][this.type - 1];
|
|
|
|
|
|
+ const fn = [orderList, tenantList, sellerList][this.type];
|
|
fn(data)
|
|
fn(data)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.tableData = res.rows;
|
|
this.tableData = res.rows;
|
|
@@ -369,8 +449,20 @@ export default {
|
|
return data;
|
|
return data;
|
|
},
|
|
},
|
|
init() {
|
|
init() {
|
|
|
|
+ this.getRoleList();
|
|
|
|
+ this.getCountOrderNum();
|
|
this.search(2);
|
|
this.search(2);
|
|
},
|
|
},
|
|
|
|
+ getRoleList() {
|
|
|
|
+ this.$api.obtainRoleList().then((res) => {
|
|
|
|
+ this.roleList = res.rows;
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getCountOrderNum() {
|
|
|
|
+ countOrderNum().then((res) => {
|
|
|
|
+ this.countInfo = res.data;
|
|
|
|
+ });
|
|
|
|
+ },
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
tableSet() {
|
|
tableSet() {
|
|
@@ -398,16 +490,15 @@ export default {
|
|
if (this.type != 1) {
|
|
if (this.type != 1) {
|
|
data.unshift(
|
|
data.unshift(
|
|
{
|
|
{
|
|
- prop: "status1",
|
|
|
|
|
|
+ prop: "roleId",
|
|
placeholder: "角色选择",
|
|
placeholder: "角色选择",
|
|
scope: "select",
|
|
scope: "select",
|
|
- options: [
|
|
|
|
- { label: "已结清", value: 1 },
|
|
|
|
- { label: "未结清", value: 0 },
|
|
|
|
- ],
|
|
|
|
|
|
+ options: this.roleList,
|
|
|
|
+ selectValue: "roleId",
|
|
|
|
+ selectLabel: "roleName",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- prop: "checkStatus",
|
|
|
|
|
|
+ prop: "divideStatus",
|
|
placeholder: "审核状态",
|
|
placeholder: "审核状态",
|
|
scope: "select",
|
|
scope: "select",
|
|
options: [
|
|
options: [
|
|
@@ -416,6 +507,11 @@ export default {
|
|
{ label: "未通过", value: 2 },
|
|
{ label: "未通过", value: 2 },
|
|
{ label: "已撤销", value: 3 },
|
|
{ label: "已撤销", value: 3 },
|
|
],
|
|
],
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: "tenantId",
|
|
|
|
+ placeholder: "机构选择",
|
|
|
|
+ scope: "systemtenantlist",
|
|
}
|
|
}
|
|
);
|
|
);
|
|
} else {
|
|
} else {
|
|
@@ -438,4 +534,45 @@ export default {
|
|
content: ",";
|
|
content: ",";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+.dis_flex_order_li {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ & > .list {
|
|
|
|
+ user-select: none;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ transition: all 0.3s;
|
|
|
|
+ box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
+ &:hover {
|
|
|
|
+ transform: scale(1.04);
|
|
|
|
+ }
|
|
|
|
+ width: 136px;
|
|
|
|
+ height: 44px;
|
|
|
|
+ border-radius: 6px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ & > img {
|
|
|
|
+ margin-left: 2px;
|
|
|
|
+ width: 40px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ }
|
|
|
|
+ & > .right {
|
|
|
|
+ flex: 1;
|
|
|
|
+ padding-left: 4px;
|
|
|
|
+ & > h4 {
|
|
|
|
+ color: #000;
|
|
|
|
+ margin: 0;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ }
|
|
|
|
+ & > p {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ color: red;
|
|
|
|
+ margin: 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|