|
|
|
|
@ -2,10 +2,25 @@
|
|
|
|
|
<div class="mybill-container">
|
|
|
|
|
<div class="contenttitle">
|
|
|
|
|
<span>我的工单</span>
|
|
|
|
|
<div>
|
|
|
|
|
<button>打电话</button>
|
|
|
|
|
<button>推工作</button>
|
|
|
|
|
<button>跟在职</button>
|
|
|
|
|
<div @click="getBill">
|
|
|
|
|
<button
|
|
|
|
|
@click="pagination.searchTag = 0"
|
|
|
|
|
:class="{ townsmanactive: pagination.searchTag === 0 }"
|
|
|
|
|
>
|
|
|
|
|
打电话
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
@click="pagination.searchTag = 1"
|
|
|
|
|
:class="{ townsmanactive: pagination.searchTag === 1 }"
|
|
|
|
|
>
|
|
|
|
|
推工作
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
@click="pagination.searchTag = 2"
|
|
|
|
|
:class="{ townsmanactive: pagination.searchTag === 2 }"
|
|
|
|
|
>
|
|
|
|
|
跟在职
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="contentbody">
|
|
|
|
|
@ -14,6 +29,11 @@
|
|
|
|
|
:data-source="data"
|
|
|
|
|
:pagination="false"
|
|
|
|
|
@change="onChange"
|
|
|
|
|
:loading="{
|
|
|
|
|
spinning: isspinning,
|
|
|
|
|
tip: '加载中',
|
|
|
|
|
wrapperClassName: 'spinstyle',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<a slot="name" slot-scope="text">{{ text }}</a>
|
|
|
|
|
</a-table>
|
|
|
|
|
@ -39,6 +59,8 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { userBillApi } from "../../../../api/userinfo";
|
|
|
|
|
import { formatDateYMD } from "../../../../utils/commonUtil";
|
|
|
|
|
export default {
|
|
|
|
|
// 组件名称
|
|
|
|
|
name: "",
|
|
|
|
|
@ -49,10 +71,12 @@ export default {
|
|
|
|
|
// 组件状态值
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isspinning: false,
|
|
|
|
|
pagination: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 2,
|
|
|
|
|
total: 8, //分页配置
|
|
|
|
|
searchTag: 0,
|
|
|
|
|
},
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
@ -60,12 +84,14 @@ export default {
|
|
|
|
|
dataIndex: "index",
|
|
|
|
|
key: "index",
|
|
|
|
|
scopedSlots: { customRender: "index" },
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 60,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "老乡姓名",
|
|
|
|
|
dataIndex: "name",
|
|
|
|
|
key: "name",
|
|
|
|
|
dataIndex: "nickName",
|
|
|
|
|
key: "nickName",
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 90,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@ -73,44 +99,23 @@ export default {
|
|
|
|
|
dataIndex: "tel",
|
|
|
|
|
key: "tel",
|
|
|
|
|
width: 120,
|
|
|
|
|
// ellipsis: true,
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "跟进记录",
|
|
|
|
|
dataIndex: "record",
|
|
|
|
|
key: "record",
|
|
|
|
|
dataIndex: "userServeRecordDespLatest",
|
|
|
|
|
key: "userServeRecordDespLatest",
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "更新时间",
|
|
|
|
|
dataIndex: "time",
|
|
|
|
|
key: "time",
|
|
|
|
|
dataIndex: "updateTime",
|
|
|
|
|
key: "updateTime",
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
width: 160,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
data: [
|
|
|
|
|
{
|
|
|
|
|
index: "1",
|
|
|
|
|
name: "房竟慧",
|
|
|
|
|
record: "协助报名@草莓/郭美美",
|
|
|
|
|
tel: "13456677890",
|
|
|
|
|
time: "2021-09-13 15:41",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
index: "2",
|
|
|
|
|
name: "范明",
|
|
|
|
|
record: "自主报名 朋友推荐",
|
|
|
|
|
tel: "13456677890",
|
|
|
|
|
time: "2021-09-13 15:41",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
index: "3",
|
|
|
|
|
name: "陈伟运",
|
|
|
|
|
record: "自主登录",
|
|
|
|
|
tel: "13456677890",
|
|
|
|
|
time: "2021-09-13 15:41",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
data: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// 计算属性
|
|
|
|
|
@ -121,7 +126,9 @@ export default {
|
|
|
|
|
/**
|
|
|
|
|
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
|
|
|
|
|
*/
|
|
|
|
|
created() {},
|
|
|
|
|
created() {
|
|
|
|
|
this.getBill();
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
|
|
|
|
|
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
|
|
|
|
|
@ -132,12 +139,41 @@ export default {
|
|
|
|
|
onChange(e) {
|
|
|
|
|
this.pagination.pageNum = e;
|
|
|
|
|
console.log(e);
|
|
|
|
|
this.getBill();
|
|
|
|
|
},
|
|
|
|
|
inputpageChange(e) {
|
|
|
|
|
this.pagination.pageNum = e.target.value;
|
|
|
|
|
if (e.target.value) {
|
|
|
|
|
this.pagination.pageNum = e.target.value;
|
|
|
|
|
} else {
|
|
|
|
|
this.pagination.pageNum = 1;
|
|
|
|
|
}
|
|
|
|
|
// this.getJobList();
|
|
|
|
|
this.getBill();
|
|
|
|
|
console.log(e);
|
|
|
|
|
},
|
|
|
|
|
async getBill() {
|
|
|
|
|
console.log("click");
|
|
|
|
|
try {
|
|
|
|
|
this.isspinning = true;
|
|
|
|
|
const { data } = await userBillApi(this.pagination);
|
|
|
|
|
console.log(data);
|
|
|
|
|
if (data.status === 200) {
|
|
|
|
|
// console.log();
|
|
|
|
|
this.data = data.data.recordList;
|
|
|
|
|
this.data.forEach((item, index) => {
|
|
|
|
|
console.log(item);
|
|
|
|
|
item.updateTime = formatDateYMD(item.updateTime);
|
|
|
|
|
item.index = index + 1;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
console.log(true);
|
|
|
|
|
this.pagination.total = data.data.recordCount;
|
|
|
|
|
this.isspinning = false;
|
|
|
|
|
}
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.log(error);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -155,12 +191,20 @@ export default {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
div {
|
|
|
|
|
.townsmanactive {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
border: 1px solid #cccccc;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
button:first-child {
|
|
|
|
|
border-radius: 4px 0px 0px 4px;
|
|
|
|
|
|
