|
|
|
@ -1,66 +1,130 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="mybill-container w">
|
|
|
|
<div class="mybill-container w">
|
|
|
|
<div class="contenttitle">
|
|
|
|
<div class="contenttitle">
|
|
|
|
<span>我的报名</span>
|
|
|
|
<ul @click="resetpag">
|
|
|
|
<div @click="resetpag">
|
|
|
|
<li
|
|
|
|
<button
|
|
|
|
@click="pagination.status = -1"
|
|
|
|
@click="pagination.statusTag = 0"
|
|
|
|
:class="{ townsmanactive: pagination.status === -1 }"
|
|
|
|
:class="{ townsmanactive: pagination.statusTag === 0 }"
|
|
|
|
|
|
|
|
>
|
|
|
|
>
|
|
|
|
打电话
|
|
|
|
全部
|
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<button
|
|
|
|
<li
|
|
|
|
@click="pagination.statusTag = 1"
|
|
|
|
@click="pagination.status = 10"
|
|
|
|
:class="{ townsmanactive: pagination.statusTag === 1 }"
|
|
|
|
:class="{ townsmanactive: pagination.status === 10 }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
推工作
|
|
|
|
审核中
|
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<button
|
|
|
|
<li
|
|
|
|
@click="pagination.statusTag = 2"
|
|
|
|
@click="pagination.status = 20"
|
|
|
|
:class="{ townsmanactive: pagination.statusTag === 2 }"
|
|
|
|
:class="{ townsmanactive: pagination.status === 20 }"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
跟面试
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li
|
|
|
|
|
|
|
|
@click="pagination.status = 30"
|
|
|
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 30 }"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
跟入职
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li
|
|
|
|
|
|
|
|
@click="pagination.status = 40"
|
|
|
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 40 }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
跟在职
|
|
|
|
跟在职
|
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
</div>
|
|
|
|
<li
|
|
|
|
</div>
|
|
|
|
@click="pagination.status = 50"
|
|
|
|
<div class="contentbody">
|
|
|
|
:class="{ townsmanactive: pagination.status === 50 }"
|
|
|
|
<a-table
|
|
|
|
>
|
|
|
|
:columns="columns"
|
|
|
|
跟离职
|
|
|
|
:data-source="data"
|
|
|
|
</li>
|
|
|
|
:pagination="false"
|
|
|
|
<li
|
|
|
|
@change="onChange"
|
|
|
|
@click="pagination.status = 60"
|
|
|
|
:loading="{
|
|
|
|
:class="{ townsmanactive: pagination.status === 60 }"
|
|
|
|
spinning: isspinning,
|
|
|
|
|
|
|
|
tip: '加载中',
|
|
|
|
|
|
|
|
wrapperClassName: 'spinstyle',
|
|
|
|
|
|
|
|
}"
|
|
|
|
|
|
|
|
:locale="tablenodata"
|
|
|
|
|
|
|
|
:rowKey="(record) => record.index"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
|
|
|
slot="userName"
|
|
|
|
|
|
|
|
slot-scope="text, userName"
|
|
|
|
|
|
|
|
style="display: flex; align-items: center; line-height: 18px"
|
|
|
|
|
|
|
|
><a
|
|
|
|
|
|
|
|
class="iconfont icon-zhengjian"
|
|
|
|
|
|
|
|
style="margin-right: 5px"
|
|
|
|
|
|
|
|
:style="{ color: userName.idCardImageUrl !== '' ? 'blue' : '#999' }"
|
|
|
|
|
|
|
|
@click="showdiymodal(userName)"
|
|
|
|
|
|
|
|
></a
|
|
|
|
|
|
|
|
>{{ userName.userName }}/{{ userName.sex }}/{{ userName.age }}</span
|
|
|
|
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a
|
|
|
|
已完成
|
|
|
|
slot="operate"
|
|
|
|
</li>
|
|
|
|
slot-scope="text, operate"
|
|
|
|
<li
|
|
|
|
@click="customRendert(operate)"
|
|
|
|
@click="pagination.status = 70"
|
|
|
|
>查看</a
|
|
|
|
:class="{ townsmanactive: pagination.status === 70 }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
</a-table>
|
|
|
|
已放弃
|
|
|
|
<div class="pagecontainer">
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="contentbody">
|
|
|
|
|
|
|
|
<div class="searchbox">
|
|
|
|
|
|
|
|
<div class="searchinput">
|
|
|
|
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
placeholder="搜索企业/工单号"
|
|
|
|
|
|
|
|
@keyup.enter="onSearch"
|
|
|
|
|
|
|
|
@input="resetsearch"
|
|
|
|
|
|
|
|
v-model="pagination.keys"
|
|
|
|
|
|
|
|
><i slot="prefix" class="iconfont icon-sousuo"></i>
|
|
|
|
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
|
|
|
|
</a-input>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="pagechange">
|
|
|
|
|
|
|
|
<button @click="changepage(-1)">上一页</button>
|
|
|
|
|
|
|
|
<button @click="changepage(1)">下一页</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="infocontent">
|
|
|
|
|
|
|
|
<div class="contenttltle">
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
|
|
<li>姓名</li>
|
|
|
|
|
|
|
|
<li>报名岗位</li>
|
|
|
|
|
|
|
|
<li>政策</li>
|
|
|
|
|
|
|
|
<li>状态</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="text-align: center; margin-top: 20px">
|
|
|
|
|
|
|
|
<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<template v-if="billList.length === 0 && isspinning === false">
|
|
|
|
|
|
|
|
<a-empty class="nodata" description="暂无数据" />
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<div class="subsetbox" v-if="!isspinning">
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
|
|
|
class="infoSubset"
|
|
|
|
|
|
|
|
v-for="item in billList"
|
|
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
|
|
:class="item.isDown ? '' : 'isDownstyle'"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<ul class="proxyInfo">
|
|
|
|
|
|
|
|
<li>创建时间: {{ item.createTime }}</li>
|
|
|
|
|
|
|
|
<li>工单号: {{ item.orderNum }}</li>
|
|
|
|
|
|
|
|
<li>{{ item.agencyUserName }}</li>
|
|
|
|
|
|
|
|
<li>更新时间: {{ item.updateTime }}</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<ul class="billInfo">
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
<i
|
|
|
|
|
|
|
|
class="iconfont icon-shenfenzheng"
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: item.idCardImageUrl !== '' ? '#1296db' : '#666',
|
|
|
|
|
|
|
|
}"
|
|
|
|
|
|
|
|
@click.stop="showdiymodal(item)"
|
|
|
|
|
|
|
|
></i
|
|
|
|
|
|
|
|
><span>{{ item.userName }}/{{ item.sex }}/{{ item.age }}</span>
|
|
|
|
|
|
|
|
<span>{{ item.tel }}</span>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>{{ item.storeJobName }}</li>
|
|
|
|
|
|
|
|
<li>{{ item.policy }}</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
<span>{{ item.statusTag }}</span
|
|
|
|
|
|
|
|
><span>面试时间: {{ item.interviewTime }}</span>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="pagecontainer" v-if="billList.length !== 0">
|
|
|
|
<a-pagination
|
|
|
|
<a-pagination
|
|
|
|
:current="+pagination.pageNum"
|
|
|
|
:current="+pagination.pageNum"
|
|
|
|
:default-current="1"
|
|
|
|
:default-current="1"
|
|
|
|
:defaultPageSize="6"
|
|
|
|
:defaultPageSize="10"
|
|
|
|
:total="pagination.total"
|
|
|
|
:total="pagination.total"
|
|
|
|
@change="onChange"
|
|
|
|
@change="onChange"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@ -79,7 +143,7 @@
|
|
|
|
<div class="title" @mousedown.stop="movebox">
|
|
|
|
<div class="title" @mousedown.stop="movebox">
|
|
|
|
<i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
|
|
|
|
<i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="body" @mousewheel="mousewhell">
|
|
|
|
<div class="body" @mousewheel.prevent="mousewhell">
|
|
|
|
<div class="imgbox1" v-if="idcardimg !== ''">
|
|
|
|
<div class="imgbox1" v-if="idcardimg !== ''">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="imgbox"
|
|
|
|
class="imgbox"
|
|
|
|
@ -90,8 +154,8 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<img src="../../../../assets/warning.png" alt="" />
|
|
|
|
<img src="../../../../assets/warning.png" alt="" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>未上传身份证照片,无法查看</p>
|
|
|
|
<p>未上传身份证照片</p>
|
|
|
|
<div><button @click="isdiymodalshow = false">确定</button></div>
|
|
|
|
<!-- <div><button @click="isdiymodalshow = false">确定</button></div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <img :src="idcardimg" alt="" draggable="false" /> -->
|
|
|
|
<!-- <img :src="idcardimg" alt="" draggable="false" /> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -116,6 +180,7 @@ import { userBillApi } from "../../../../api/userinfo";
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
getUserApplyOrderStatusById,
|
|
|
|
getUserApplyOrderStatusById,
|
|
|
|
formatDateYMDHMS,
|
|
|
|
formatDateYMDHMS,
|
|
|
|
|
|
|
|
isEmptyCheck,
|
|
|
|
} from "../../../../utils/commonUtil";
|
|
|
|
} from "../../../../utils/commonUtil";
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
@ -128,100 +193,21 @@ export default {
|
|
|
|
// 组件状态值
|
|
|
|
// 组件状态值
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
tablenodata: {
|
|
|
|
|
|
|
|
// 空状态文本内容
|
|
|
|
|
|
|
|
emptyText: () => (
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png"
|
|
|
|
|
|
|
|
style="width:105px;height:90px;marginTop:20px"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="marginBottom:20px">暂无数据</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
isspinning: false,
|
|
|
|
isspinning: false,
|
|
|
|
idcardimg: "", // 回显的身份证图片url
|
|
|
|
idcardimg: "", // 回显的身份证图片url
|
|
|
|
isdiymodalshow: false, // 控制身份证图片显示
|
|
|
|
isdiymodalshow: false, // 控制身份证图片显示
|
|
|
|
scaleNum: 1, // 身份证图片显示倍率
|
|
|
|
scaleNum: 1, // 身份证图片显示倍率
|
|
|
|
rotateNum: 0,
|
|
|
|
rotateNum: 0,
|
|
|
|
|
|
|
|
searchvalue: "", // 搜索框检索信息
|
|
|
|
pagination: {
|
|
|
|
pagination: {
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 6,
|
|
|
|
pageSize: 10,
|
|
|
|
total: null, //分页配置
|
|
|
|
total: null, //分页配置
|
|
|
|
statusTag: 0,
|
|
|
|
status: -1,
|
|
|
|
|
|
|
|
keys: "",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
columns: [
|
|
|
|
|
|
|
|
{
|
|
|
|
billList: [],
|
|
|
|
title: "序号",
|
|
|
|
|
|
|
|
dataIndex: "index",
|
|
|
|
|
|
|
|
key: "index",
|
|
|
|
|
|
|
|
scopedSlots: { customRender: "index" },
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
width: 60,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "姓名",
|
|
|
|
|
|
|
|
dataIndex: "userName",
|
|
|
|
|
|
|
|
key: "userName",
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
scopedSlots: { customRender: "userName" },
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "电话",
|
|
|
|
|
|
|
|
dataIndex: "tel",
|
|
|
|
|
|
|
|
key: "tel",
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "报名企业",
|
|
|
|
|
|
|
|
dataIndex: "storeName",
|
|
|
|
|
|
|
|
key: "storeName",
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "报名岗位",
|
|
|
|
|
|
|
|
dataIndex: "storeJobName",
|
|
|
|
|
|
|
|
key: "storeJobName",
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "面试时间",
|
|
|
|
|
|
|
|
dataIndex: "interviewTime",
|
|
|
|
|
|
|
|
key: "interviewTime",
|
|
|
|
|
|
|
|
width: 150,
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "政策",
|
|
|
|
|
|
|
|
dataIndex: "policy",
|
|
|
|
|
|
|
|
key: "policy",
|
|
|
|
|
|
|
|
width: 120,
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "状态",
|
|
|
|
|
|
|
|
dataIndex: "statusTag",
|
|
|
|
|
|
|
|
key: "statusTag",
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "操作",
|
|
|
|
|
|
|
|
dataIndex: "operate",
|
|
|
|
|
|
|
|
key: "operate",
|
|
|
|
|
|
|
|
ellipsis: true,
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
scopedSlots: { customRender: "operate" },
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
data: [],
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 计算属性
|
|
|
|
// 计算属性
|
|
|
|
@ -265,7 +251,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async getBill() {
|
|
|
|
async getBill() {
|
|
|
|
console.log("click");
|
|
|
|
console.log("click");
|
|
|
|
console.log(this.pagination.statusTag);
|
|
|
|
console.log(this.pagination.status);
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
this.isspinning = true;
|
|
|
|
this.isspinning = true;
|
|
|
|
const { data } = await userBillApi(this.pagination);
|
|
|
|
const { data } = await userBillApi(this.pagination);
|
|
|
|
@ -273,8 +259,8 @@ export default {
|
|
|
|
if (data.status === 200) {
|
|
|
|
if (data.status === 200) {
|
|
|
|
// console.log();
|
|
|
|
// console.log();
|
|
|
|
|
|
|
|
|
|
|
|
this.data = data.data.recordList;
|
|
|
|
this.billList = data.data.recordList;
|
|
|
|
this.data.forEach((item, index) => {
|
|
|
|
this.billList.forEach((item, index) => {
|
|
|
|
console.log(item);
|
|
|
|
console.log(item);
|
|
|
|
if (item.sex === 1) {
|
|
|
|
if (item.sex === 1) {
|
|
|
|
item.sex = "男";
|
|
|
|
item.sex = "男";
|
|
|
|
@ -283,13 +269,39 @@ export default {
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
item.sex = "未知";
|
|
|
|
item.sex = "未知";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// if (index % 2 === 0) {
|
|
|
|
|
|
|
|
// item.status = 60;
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
if (!isEmptyCheck(item.tel)) {
|
|
|
|
|
|
|
|
let first = item.tel.slice(0, 3);
|
|
|
|
|
|
|
|
let second = item.tel.slice(3, 7);
|
|
|
|
|
|
|
|
let thirdly = item.tel.slice(7, 12);
|
|
|
|
|
|
|
|
console.log(first);
|
|
|
|
|
|
|
|
console.log(second);
|
|
|
|
|
|
|
|
console.log(thirdly);
|
|
|
|
|
|
|
|
item.tel = first + " " + second + " " + thirdly;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (item.status === 60 || item.status === 70) {
|
|
|
|
|
|
|
|
item.isDown = true;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
item.isDown = false;
|
|
|
|
|
|
|
|
}
|
|
|
|
item.statusTag = getUserApplyOrderStatusById(item.status);
|
|
|
|
item.statusTag = getUserApplyOrderStatusById(item.status);
|
|
|
|
item.interviewTime = formatDateYMDHMS(item.interviewTime);
|
|
|
|
item.interviewTime = formatDateYMDHMS(item.interviewTime);
|
|
|
|
|
|
|
|
// item.updateTime = formatDateYMDHMS(item.updateTime);
|
|
|
|
|
|
|
|
// item.createTime = formatDateYMDHMS(item.createTime);
|
|
|
|
|
|
|
|
item.updateTime = isEmptyCheck(item.updateTime)
|
|
|
|
|
|
|
|
? "2022-03-16 14:19"
|
|
|
|
|
|
|
|
: formatDateYMDHMS(item.updateTime);
|
|
|
|
|
|
|
|
item.createTime = isEmptyCheck(item.createTime)
|
|
|
|
|
|
|
|
? "2022-03-16 14:19"
|
|
|
|
|
|
|
|
: formatDateYMDHMS(item.createTime);
|
|
|
|
item.index = index + 1;
|
|
|
|
item.index = index + 1;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
console.log(this.data);
|
|
|
|
console.log(this.billList);
|
|
|
|
console.log(true);
|
|
|
|
console.log(true);
|
|
|
|
this.pagination.total = data.data.recordCount;
|
|
|
|
this.pagination.total = data.data.recordCount;
|
|
|
|
|
|
|
|
this.totop();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
} catch (error) {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
@ -298,10 +310,11 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
resetpag() {
|
|
|
|
resetpag() {
|
|
|
|
this.pagination = {
|
|
|
|
this.pagination = {
|
|
|
|
|
|
|
|
//分页配置
|
|
|
|
pageNum: 1,
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 6,
|
|
|
|
pageSize: 10,
|
|
|
|
total: null, //分页配置
|
|
|
|
total: null,
|
|
|
|
statusTag: this.pagination.statusTag,
|
|
|
|
status: this.pagination.status,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.getBill();
|
|
|
|
this.getBill();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -400,6 +413,44 @@ export default {
|
|
|
|
imgbox1.style.transform = `rotate(${this.rotateNum}deg)`;
|
|
|
|
imgbox1.style.transform = `rotate(${this.rotateNum}deg)`;
|
|
|
|
this.mousewhell(e);
|
|
|
|
this.mousewhell(e);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
resetsearch(e) {
|
|
|
|
|
|
|
|
console.log(e);
|
|
|
|
|
|
|
|
if (e.target.value.length === 0) {
|
|
|
|
|
|
|
|
this.pagination.keys = "";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getBill();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
onSearch() {
|
|
|
|
|
|
|
|
this.getBill();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
changepage(num) {
|
|
|
|
|
|
|
|
console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
|
|
|
|
|
|
|
|
if (
|
|
|
|
|
|
|
|
(this.pagination.pageNum === 1 && num === -1) ||
|
|
|
|
|
|
|
|
(this.pagination.pageNum ===
|
|
|
|
|
|
|
|
Math.ceil(this.pagination.total / this.pagination.pageSize) &&
|
|
|
|
|
|
|
|
num === 1)
|
|
|
|
|
|
|
|
) {
|
|
|
|
|
|
|
|
if (num === -1) {
|
|
|
|
|
|
|
|
this.$message.warning("已经到第一页了");
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$message.warning("已经到最后一页了");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.pagination.pageNum += num;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.getBill();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
totop() {
|
|
|
|
|
|
|
|
// 返回顶部
|
|
|
|
|
|
|
|
// console.log(window);
|
|
|
|
|
|
|
|
document.body.scrollTop = 0;
|
|
|
|
|
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
|
|
|
|
|
// window.body.scrollY = 0;
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
@ -407,11 +458,13 @@ export default {
|
|
|
|
<style scoped lang="less">
|
|
|
|
<style scoped lang="less">
|
|
|
|
.mybill-container {
|
|
|
|
.mybill-container {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
min-height: 536px;
|
|
|
|
min-height: 802px;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
padding: 1px 10px;
|
|
|
|
padding: 1px 10px;
|
|
|
|
background-color: #fff;
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
|
|
|
|
|
|
.diymodal {
|
|
|
|
.diymodal {
|
|
|
|
// display: none;
|
|
|
|
// display: none;
|
|
|
|
width: 512px;
|
|
|
|
width: 512px;
|
|
|
|
@ -456,14 +509,18 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.warningbox {
|
|
|
|
.warningbox {
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
padding: 100px 0 160px;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
> div:first-child {
|
|
|
|
> div:first-child {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// overflow: hidden;
|
|
|
|
// overflow: hidden;
|
|
|
|
img {
|
|
|
|
img {
|
|
|
|
width: 88px;
|
|
|
|
width: 80px;
|
|
|
|
height: 88px;
|
|
|
|
height: 80px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
p {
|
|
|
|
p {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
@ -480,7 +537,7 @@ export default {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
margin-right: 30px;
|
|
|
|
margin-right: 60px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -507,22 +564,44 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.contenttitle {
|
|
|
|
/deep/ .contenttitle {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
padding-bottom: 16px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
|
|
|
|
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
|
|
|
|
margin-top: 16px;
|
|
|
|
margin-top: 16px;
|
|
|
|
margin-bottom: 16px;
|
|
|
|
margin-bottom: 16px;
|
|
|
|
span {
|
|
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
ul {
|
|
|
|
color: #ff6a00;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
height: 40px;
|
|
|
|
div {
|
|
|
|
|
|
|
|
.townsmanactive {
|
|
|
|
.townsmanactive {
|
|
|
|
border-color: #ff6a00;
|
|
|
|
// border-color: #;
|
|
|
|
color: #ff6a00;
|
|
|
|
color: #ff6a00;
|
|
|
|
z-index: 999;
|
|
|
|
z-index: 999;
|
|
|
|
|
|
|
|
border-bottom: 2px solid #ff6a00;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
width: 96px;
|
|
|
|
|
|
|
|
// height: 40px;
|
|
|
|
|
|
|
|
padding-bottom: 16px;
|
|
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
|
|
// line-height: 40px;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
|
|
height: 16px;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
top: 5px;
|
|
|
|
|
|
|
|
// transform: translateY(-50%);
|
|
|
|
|
|
|
|
background-color: #eeeeee;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
button {
|
|
|
|
width: 100px;
|
|
|
|
width: 100px;
|
|
|
|
@ -545,14 +624,224 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.contentbody {
|
|
|
|
/deep/ .contentbody {
|
|
|
|
/deep/ .ant-table-placeholder {
|
|
|
|
// /deep/ .ant-table-placeholder {
|
|
|
|
min-height: 300px;
|
|
|
|
// min-height: 300px;
|
|
|
|
> div {
|
|
|
|
// > div {
|
|
|
|
|
|
|
|
// position: relative;
|
|
|
|
|
|
|
|
// height: 131px;
|
|
|
|
|
|
|
|
// top: 30px;
|
|
|
|
|
|
|
|
// // transform: translateY(-50%);
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
.searchbox {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
.searchinput {
|
|
|
|
|
|
|
|
width: 350px;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: 131px;
|
|
|
|
.ant-input {
|
|
|
|
top: 30px;
|
|
|
|
// width: 300px;
|
|
|
|
// transform: translateY(-50%);
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
// border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
|
|
|
border-radius: 136px;
|
|
|
|
|
|
|
|
box-shadow: 0px 2px 4px 0px transparent;
|
|
|
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
|
|
border-color: #e9e9e9;
|
|
|
|
|
|
|
|
// z-index: ;
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
|
|
|
|
text-indent: 10px;
|
|
|
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-input-affix-wrapper {
|
|
|
|
|
|
|
|
.ant-input-prefix {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
width: 20px;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
top: 16px;
|
|
|
|
|
|
|
|
i {
|
|
|
|
|
|
|
|
color: #c9c9c9;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-input-suffix {
|
|
|
|
|
|
|
|
// position: absolute;
|
|
|
|
|
|
|
|
right: 0px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
|
|
|
width: 70px;
|
|
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
background-color: #ff842b;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// &:focus {
|
|
|
|
|
|
|
|
// border: none;
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagechange {
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
|
|
|
width: 66px;
|
|
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
|
|
border: 1px solid rgba(77, 87, 94, 0.3);
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
&:first-child {
|
|
|
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.infocontent {
|
|
|
|
|
|
|
|
.contenttltle {
|
|
|
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
|
|
|
border: 1px solid #e8e8e8;
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
// li {
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
li:first-child {
|
|
|
|
|
|
|
|
width: 213px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(2) {
|
|
|
|
|
|
|
|
width: 246px;
|
|
|
|
|
|
|
|
// line-height: 100px;
|
|
|
|
|
|
|
|
// background-color: red;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(3) {
|
|
|
|
|
|
|
|
// width: 213px;
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
// background-color: green;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(4) {
|
|
|
|
|
|
|
|
width: 321px;
|
|
|
|
|
|
|
|
// background-color: purple;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.isDownstyle {
|
|
|
|
|
|
|
|
.proxyInfo {
|
|
|
|
|
|
|
|
background-color: rgba(0, 122, 255, 0.09) !important;
|
|
|
|
|
|
|
|
border-color: rgba(0, 122, 255, 0.6) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.billInfo {
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
border-color: rgba(0, 122, 255, 0.6) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.infoSubset {
|
|
|
|
|
|
|
|
height: 174px;
|
|
|
|
|
|
|
|
// background-color: pink;
|
|
|
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.proxyInfo {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
|
|
|
// background-color: skyblue;
|
|
|
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
&:nth-child(2) {
|
|
|
|
|
|
|
|
margin-left: 50px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// flex: 1;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.billInfo {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
height: calc(100% - 40px);
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
|
|
&:nth-child(-n + 3) {
|
|
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:first-child {
|
|
|
|
|
|
|
|
width: 213px;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
padding: 28px 0 32px;
|
|
|
|
|
|
|
|
i {
|
|
|
|
|
|
|
|
width: 24px;
|
|
|
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
height: 22px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
span:nth-of-type(1) {
|
|
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// background-color: blue;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(2) {
|
|
|
|
|
|
|
|
width: 246px;
|
|
|
|
|
|
|
|
line-height: 100px;
|
|
|
|
|
|
|
|
// background-color: red;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(3) {
|
|
|
|
|
|
|
|
// width: 213px;
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
// background-color: green;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
li:nth-child(4) {
|
|
|
|
|
|
|
|
padding: 40px 0;
|
|
|
|
|
|
|
|
width: 321px;
|
|
|
|
|
|
|
|
// background-color: purple;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
