|
|
@@ -16,21 +16,27 @@
|
|
|
<dt><img src="../../assets/img/car.png" alt="" /></dt>
|
|
|
<dd>
|
|
|
<span>车辆数</span>
|
|
|
- <span>{{ 56 }}</span>
|
|
|
+ <span>{{ BigOrder.frameno }}</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
<dl>
|
|
|
<dt><img src="../../assets/img/order.png" alt="" /></dt>
|
|
|
<dd>
|
|
|
- <span>车辆数</span>
|
|
|
- <span>{{ 56 }}</span>
|
|
|
+ <span>订单数数</span>
|
|
|
+ <span>{{ BigOrder.orderNumber || 0 }}</span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
<dl>
|
|
|
<dt><img src="../../assets/img/orderMoney.png" alt="" /></dt>
|
|
|
<dd>
|
|
|
- <span>车辆数</span>
|
|
|
- <span>{{ 56 }}</span>
|
|
|
+ <span>成交率</span>
|
|
|
+ <span>
|
|
|
+ {{
|
|
|
+ BigOrder.closeRate
|
|
|
+ ? (BigOrder.closeRate * 100).toFixed(2) + "%"
|
|
|
+ : 0
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</div>
|
|
|
@@ -38,7 +44,7 @@
|
|
|
</div>
|
|
|
<div style="background-color: #fff; margin-top: 15px">
|
|
|
<div class="table-title">
|
|
|
- <h2>合计</h2>
|
|
|
+ <h2>总报价</h2>
|
|
|
<div>
|
|
|
<span>时间筛选</span>
|
|
|
<a-range-picker
|
|
|
@@ -75,7 +81,7 @@
|
|
|
>
|
|
|
<a-input
|
|
|
placeholder="请输入业务员工号"
|
|
|
- v-model="formState.name"
|
|
|
+ v-model="formState.userId"
|
|
|
allowClear
|
|
|
></a-input>
|
|
|
</a-form-item>
|
|
|
@@ -86,28 +92,28 @@
|
|
|
>
|
|
|
<a-input
|
|
|
placeholder="请输入业务员姓名"
|
|
|
- v-model="formState.userCode"
|
|
|
+ v-model="formState.userName"
|
|
|
allowClear
|
|
|
></a-input>
|
|
|
</a-form-item>
|
|
|
<a-form-item label="手机号" :labelCol="{ span: 5 }" :colon="false">
|
|
|
<a-input
|
|
|
placeholder="请输入手机号"
|
|
|
- v-model="formState.phoneNumber"
|
|
|
+ v-model="formState.mobile"
|
|
|
allowClear
|
|
|
></a-input>
|
|
|
</a-form-item>
|
|
|
<a-form-item label="车牌号" :labelCol="{ span: 5 }" :colon="false">
|
|
|
<a-input
|
|
|
placeholder="请输入车牌号"
|
|
|
- v-model="formState.phoneNumber"
|
|
|
+ v-model="formState.licenseno"
|
|
|
allowClear
|
|
|
></a-input>
|
|
|
</a-form-item>
|
|
|
<a-form-item label="车架号" :labelCol="{ span: 5 }" :colon="false">
|
|
|
<a-input
|
|
|
placeholder="请输入车架号"
|
|
|
- v-model="formState.phoneNumber"
|
|
|
+ v-model="formState.frameno"
|
|
|
allowClear
|
|
|
></a-input>
|
|
|
</a-form-item>
|
|
|
@@ -150,26 +156,27 @@ import tree from "@/components/tree/tree";
|
|
|
const columns = [
|
|
|
{
|
|
|
title: "车牌号",
|
|
|
- dataIndex: "companyName",
|
|
|
+ dataIndex: "licenseno",
|
|
|
},
|
|
|
|
|
|
{
|
|
|
title: "车架号",
|
|
|
- dataIndex: "parterCompanyName",
|
|
|
+ dataIndex: "frameno",
|
|
|
// scopedSlots: { customRender: "parterCompanyName" },
|
|
|
},
|
|
|
|
|
|
{
|
|
|
title: "订单数量",
|
|
|
- dataIndex: "qutationCount",
|
|
|
+ dataIndex: "orderNumber",
|
|
|
},
|
|
|
{
|
|
|
title: "成交率",
|
|
|
- dataIndex: "underwritingCount",
|
|
|
+ dataIndex: "closeRate",
|
|
|
+ scopedSlots: { customRender: "rate" },
|
|
|
},
|
|
|
{
|
|
|
title: "承保公司",
|
|
|
- dataIndex: "qutationInsureCount",
|
|
|
+ dataIndex: "namesimple",
|
|
|
},
|
|
|
];
|
|
|
|
|
|
@@ -182,15 +189,15 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
formState: {
|
|
|
- whole: "",
|
|
|
- cityId: "",
|
|
|
- countyId: "",
|
|
|
- houseId: "",
|
|
|
- provinceId: "",
|
|
|
dateType: "",
|
|
|
time: "",
|
|
|
beginDate: undefined,
|
|
|
endDate: undefined,
|
|
|
+ licenseno: "",
|
|
|
+ userName: "",
|
|
|
+ mobile: "",
|
|
|
+ frameno: "",
|
|
|
+ userId: "",
|
|
|
},
|
|
|
backLinePersonnel: {},
|
|
|
columns: columns,
|
|
|
@@ -216,6 +223,7 @@ export default {
|
|
|
{ title: "Expand to load", key: "1" },
|
|
|
{ title: "Tree Node", key: "2", isLeaf: true },
|
|
|
],
|
|
|
+ BigOrder: {},
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -224,21 +232,10 @@ export default {
|
|
|
// }, 1000);
|
|
|
},
|
|
|
methods: {
|
|
|
- onLoadData(treeNode) {
|
|
|
- return new Promise((resolve) => {
|
|
|
- if (treeNode.dataRef.children) {
|
|
|
- resolve();
|
|
|
- return;
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- treeNode.dataRef.children = [
|
|
|
- { title: "Child Node", key: `${treeNode.eventKey}-0` },
|
|
|
- { title: "Child Node", key: `${treeNode.eventKey}-1` },
|
|
|
- ];
|
|
|
- this.treeData = [...this.treeData];
|
|
|
- resolve();
|
|
|
- }, 1000);
|
|
|
- });
|
|
|
+ getList() {
|
|
|
+ this.pagination.current = 1;
|
|
|
+ this.pagination.defaultPageSize = 10;
|
|
|
+ this.getVerification();
|
|
|
},
|
|
|
onChangeTime(val) {
|
|
|
// console.log(val);
|
|
|
@@ -262,20 +259,14 @@ export default {
|
|
|
this.getStoreList(this.formState.countyId);
|
|
|
},
|
|
|
|
|
|
- getVerification() {
|
|
|
+ async getVerification() {
|
|
|
this.loading = true;
|
|
|
|
|
|
this.$API.quote
|
|
|
- .getQuoteList({
|
|
|
+ .getBigOrderList({
|
|
|
pageNum: this.pagination.current,
|
|
|
pageSize: this.pagination.defaultPageSize,
|
|
|
- dateType: this.formState.dateType,
|
|
|
- beginDate: this.formState.beginDate,
|
|
|
- endDate: this.formState.endDate,
|
|
|
- // provinceId: this.formState.provinceId,
|
|
|
- // cityId: this.formState.cityId,
|
|
|
- // countyId: this.formState.countyId,
|
|
|
- // houseId: this.formState.houseId,
|
|
|
+ ...this.formState,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
@@ -288,6 +279,18 @@ export default {
|
|
|
};
|
|
|
}
|
|
|
});
|
|
|
+ this.$API.quote
|
|
|
+ .getBigOrderMount({
|
|
|
+ // pageNum: this.pagination.current,
|
|
|
+ // pageSize: this.pagination.defaultPageSize,
|
|
|
+ ...this.formState,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ console.log(res);
|
|
|
+ this.BigOrder = { ...res.data.data };
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
onClear() {
|
|
|
this.$message.info("您清空了勾选的所有行");
|