mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
cyl/dev
wangxia 4 years ago
parent c277abdbf0
commit 8121c172d0
19 changed files with 4740 additions and 4758 deletions
Show Stats Download Patch File Download Diff File

154
src/api/userinfo.js
Unescape Escape View File

@ -1,28 +1,28 @@
import request from "../utils/request"; import request from "../utils/request";
// 获取卡券信息 // 获取卡券信息
export function userCardApi(data) { export function userCardApi(data) {
return request({ return request({
url: "/yishoudan/usercoupon/list", url: "/yishoudan/usercoupon/list",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户余额信息 // 获取用户余额信息
export function userBalanceApi(data) { export function userBalanceApi(data) {
return request({ return request({
url: "/yishoudan/wallet/info", url: "/yishoudan/wallet/info",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户提现详情 // 获取用户提现详情
export function userDetailApi(data) { export function userDetailApi(data) {
return request({ return request({
url: "/yishoudan/wallet/withdrawal/list", url: "/yishoudan/wallet/withdrawal/list",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// // 获取我的老乡信息 // // 获取我的老乡信息
// export function userTownsmanApi(data) { // export function userTownsmanApi(data) {
@ -34,98 +34,106 @@ export function userDetailApi(data) {
// } // }
// 获取我的报名信息 // 获取我的报名信息
export function userBillApi(data) { export function userBillApi(data) {
return request({ return request({
url: "/yishoudan/user/apply/order/list", url: "/yishoudan/user/apply/order/list",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户信息 // 获取用户信息
export function userBaseInfoApi(data) { export function userBaseInfoApi(data) {
return request({ return request({
url: "/yishoudan/user/getUserInfo", url: "/yishoudan/user/getUserInfo",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户积分信息 // 获取用户积分信息
export function getPointApi(data) { export function getPointApi(data) {
return request({ return request({
url: "/yishoudan/wallet/getPoint", url: "/yishoudan/wallet/getPoint",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户积分使用信息 // 获取用户积分使用信息
export function getPointDetailApi(data) { export function getPointDetailApi(data) {
return request({ return request({
url: "/yishoudan/pointUseRecord/list", url: "/yishoudan/pointUseRecord/list",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 登录状态账号设置修改密码 // 登录状态账号设置修改密码
export function setUserPswApi(data) { export function setUserPswApi(data) {
return request({ return request({
url: "/yishoudan/changePassword", url: "/yishoudan/changePassword",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 登录状态账号修改绑定手机号 // 登录状态账号修改绑定手机号
export function setUserTelApi(data) { export function setUserTelApi(data) {
return request({ return request({
url: "/yishoudan/user/changeTel", url: "/yishoudan/user/changeTel",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 账号修改绑定银行卡 // 账号修改绑定银行卡
export function getUserBankListApi(data) { export function getUserBankListApi(data) {
return request({ return request({
url: "/yishoudan/user/bank/getUserBankList", url: "/yishoudan/user/bank/getUserBankList",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 实名认证 // 实名认证
export function setUserRealNameApi(data) { export function setUserRealNameApi(data) {
return request({ return request({
url: "/yishoudan/user/realNameAuth", url: "/yishoudan/user/realNameAuth",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 获取用户微信绑定的二维码 // 获取用户微信绑定的二维码
export function getUserWxApi(data) { export function getUserWxApi(data) {
return request({ return request({
url: "/yishoudan/user/getMiniAppQrCodeOfBindUser", url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
// method: "post", // method: "post",
params: data, params: data,
}); });
} }
// 上传用户头像 // 上传用户头像
export function uploadUserAvatarApi(data) { export function uploadUserAvatarApi(data) {
return request({ return request({
url: "/yishoudan/user/changeUserImgsrc", url: "/yishoudan/user/changeUserImgsrc",
method: "post", method: "post",
headers: { "Content-Type": "multipart/form-data" }, headers: { "Content-Type": "multipart/form-data" },
data: data, data: data,
// data, // data,
}); });
} }
// 获取我的老乡 // 获取我的老乡
export function userTownsmanApi(data) { export function userTownsmanApi(data) {
return request({ return request({
url: "/yishoudan/agency/user/list", url: "/yishoudan/agency/user/list",
method: "post", method: "post",
params: data, params: data,
// data, // data,
}); });
}
// 我的老乡各个状态统计
export function gettownsManCountApi(data) {
return request({
url: "/yishoudan/agency/user/listStatistics",
method: "post",
params: data,
});
} }

6
src/components/FirstJob/components/recommend.vue
Unescape Escape View File

@ -20,9 +20,9 @@
</div> </div>
<div class="jobname"> <div class="jobname">
{{ {{
item.aliasName !== null && item.aliasName !== "" item.storeName !== null && item.storeName !== ""
? item.aliasName ? item.storeName
: item.storeName : item.aliasName
}} }}
</div> </div>
</a> </a>

2370
src/components/FirstJob/detail.vue
View File

File diff suppressed because it is too large Load Diff

3364
src/components/FirstJob/joblist.vue
View File

File diff suppressed because it is too large Load Diff

2
src/components/FirstJob/joblist1.vue
Unescape Escape View File

@ -1312,7 +1312,7 @@ export default {
// display: ; // display: ;
transition: all 0.4s; transition: all 0.4s;
left: 0; left: 0;
top: 164px; top: 144px;
width: 100vw; width: 100vw;
background-color: #fff; background-color: #fff;
z-index: 999; z-index: 999;

2235
src/components/FirstJob/recordBill.vue
View File

File diff suppressed because it is too large Load Diff

2
src/components/ServiceOutlets/index.vue
Unescape Escape View File

@ -54,7 +54,7 @@
<div class="maincontentright"> <div class="maincontentright">
<div class="hotphone"> <div class="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1> <h1 class="bottombox"><i>服务热线</i></h1>
<p>0371-6666 6666</p> <p>0371-6611 3723</p>
</div> </div>
<!-- <div class="relationme"> <!-- <div class="relationme">
<p class="bottombox"><i>一手单合作</i></p> <p class="bottombox"><i>一手单合作</i></p>

2
src/components/main/index.vue
Unescape Escape View File

@ -105,7 +105,7 @@
<div class="left"> <div class="left">
<p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p> <p>总部地址：河南省郑州市郑东新区升龙广场2号楼A座</p>
<p>接待地址：河南省郑州市航空港区相州街29-60号</p> <p>接待地址：河南省郑州市航空港区相州街29-60号</p>
<p>联系电话：135 2307 4549</p> <p>联系电话：0371-6611 3723</p>
</div> </div>
<div class="right"> <div class="right">
<span <span

20
src/components/userinfo/accountsetting/components/boundtel.vue
Unescape Escape View File

@ -4,7 +4,8 @@
<span v-if="!istelshow">绑定手机</span> <span v-if="!istelshow">绑定手机</span>
<span v-else>已绑定手机</span> <span v-else>已绑定手机</span>
</div> </div>
<div class="contentbody" v-if="!istelshow"> <div v-if="isShow">
<div class="contentbody" v-if="!istelshow">
<div class="warninginfo"> <div class="warninginfo">
您的账号可能存在安全风险，为了确保为您本人操作，请先进行安全验证 您的账号可能存在安全风险，为了确保为您本人操作，请先进行安全验证
</div> </div>
@ -33,6 +34,7 @@
更换手机号 更换手机号
</button> </button>
</div> </div>
</div>
</div> </div>
</template> </template>
@ -68,27 +70,37 @@ export default {
timmer: null, timmer: null,
}, },
istelshow: false, istelshow: false,
isShow :false
}; };
}, },
// 计算属性 // 计算属性
computed: {}, computed: {},
// 侦听器 // 侦听器
watch: {}, watch: {
},
// 生命周期钩子 注：没用到的钩子请自行删除 // 生命周期钩子 注：没用到的钩子请自行删除
/** /**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/ */
created() { created() {
setTimeout(()=>{
console.log(this.userinfo);
if (this.userinfo.tel) { if (this.userinfo.tel) {
this.istelshow = true; this.istelshow = true;
console.log(this.istelshow); // console.log(this.istelshow);
} }
this.isShow = true
},100)
}, },
/** /**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/ */
mounted() {}, mounted() {
},
// 组件方法 // 组件方法
methods: { methods: {
async submit() { async submit() {

253
src/components/userinfo/accountsetting/components/loginpsw.vue
Unescape Escape View File

@ -1,131 +1,150 @@
<template> <template>
<div class="loginpsw-container"> <div class="loginpsw-container">
<div class="contenttitle"> <div class="contenttitle">
<span>设置新的密码</span> <span>设置新的密码</span>
</div> </div>
<div class="contentbody"> <div class="contentbody">
<div class="username"> <div class="username">
<div>用户名</div> <div>用户名</div>
<input type="text" :value="username" disabled="disabled" /> <input type="text" :value="username" disabled="disabled" />
</div> </div>
<div class="password"> <div class="password">
<div>密码</div> <div>密码</div>
<input type="password" v-model.trim="password" /> <input type="password" v-model.trim="password" class="passwordInp"/>
</div> <i class="iconfont icon-biyan1" @click="changeStatus"></i>
<button @click="submit">确定</button> </div>
</div> <button @click="submit">确定</button>
</div> </div>
</div>
</template> </template>
<script> <script>
import { setUserPswApi } from "../../../../api/userinfo"; import { setUserPswApi } from "../../../../api/userinfo";
export default { export default {
// 组件名称 // 组件名称
name: "", name: "",
// 局部注册的组件 // 局部注册的组件
components: {}, components: {},
// 组件参数 接收来自父组件的数据 // 组件参数 接收来自父组件的数据
props: { props: {
userinfo: { userinfo: {
require: true, require: true,
}, },
}, },
// 组件状态值 // 组件状态值
data() { data() {
return { return {
username: "", username: "",
password: null, password: null,
}; };
}, },
// 计算属性 // 计算属性
computed: {}, computed: {},
// 侦听器 // 侦听器
watch: { watch: {
userinfo() { userinfo() {
this.$nextTick(() => { this.$nextTick(() => {
console.log(this.userinfo); console.log(this.userinfo);
// this.username = this.userinfo.tel; // this.username = this.userinfo.tel;
console.log(this.username); console.log(this.username);
}); });
}, },
}, },
// 生命周期钩子 注：没用到的钩子请自行删除 // 生命周期钩子 注：没用到的钩子请自行删除
/** /**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/ */
created() { created() {
console.log(this.userinfo.hidename); console.log(this.userinfo.hidename);
this.username = this.username = this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel;
this.userinfo.userName || this.userinfo.nickName || this.userinfo.tel; },
}, /**
/** * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。 */
*/ mounted() {},
mounted() {}, // 组件方法
// 组件方法 methods: {
methods: { async submit() {
async submit() { if (this.password === null || this.password.length === 0) {
if (this.password === null || this.password.length === 0) { this.$message.warning("请输入密码");
this.$message.warning("请输入密码"); } else {
} else { try {
try { const { data } = await setUserPswApi({ password: this.password });
const { data } = await setUserPswApi({ password: this.password }); console.log(data);
console.log(data); if (data.status === 200) {
if (data.status === 200) { this.$message.success("密码修改成功");
this.$message.success("密码修改成功"); }
} } catch (error) {
} catch (error) { console.log(error);
console.log(error); }
} }
} console.log(this.password);
console.log(this.password); },
}, changeStatus(e) {
}, // console.log(e);
let pas = document.querySelector('.passwordInp')
// console.dir(pas);
if (e.target.className == "iconfont icon-biyan1") {
e.target.className = "iconfont icon-zhengyan1";
pas.attributes[1].nodeValue = 'text'
} else {
e.target.className = "iconfont icon-biyan1";
pas.attributes[1].nodeValue = 'password'
}
},
},
}; };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.loginpsw-container { .loginpsw-container {
.contentbody { .contentbody {
.username, .username,
.password { .password {
margin-top: 16px; margin-top: 16px;
div { div {
font-size: 16px; font-size: 16px;
line-height: 16px; line-height: 16px;
margin-bottom: 8px; margin-bottom: 8px;
} }
input { input {
outline: none; outline: none;
width: 430px; width: 430px;
height: 40px; height: 40px;
text-indent: 10px; text-indent: 10px;
font-size: 16px; font-size: 16px;
background: #eeeeee; background: #eeeeee;
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 4px; border-radius: 4px;
} }
} }
.password { .password {
input { position: relative;
background-color: #fff; input {
} background-color: #fff;
} }
button { .iconfont {
width: 64px; position: absolute;
height: 32px; font-size: 14px;
margin-top: 21px; right: 48%;
background: #ff6a00; top: 36px;
border-radius: 4px; }
border: none; }
font-size: 14px; button {
color: #fff; width: 64px;
&:hover { height: 32px;
background-color: #fe8034; margin-top: 21px;
} background: #ff6a00;
} border-radius: 4px;
} border: none;
font-size: 14px;
color: #fff;
&:hover {
background-color: #fe8034;
}
}
}
} }
</style> </style>

4
src/components/userinfo/accountsetting/inedex.vue
Unescape Escape View File

@ -78,7 +78,7 @@
<div class="username" v-else>Hi,{{ userinfo.hidetel }}</div> <div class="username" v-else>Hi,{{ userinfo.hidetel }}</div>
</div> </div>
<div class="priceinfo"> <div class="priceinfo">
<ul> <ul style="display:none">
<li <li
@click="pushto('/accountsetting/myintegral')" @click="pushto('/accountsetting/myintegral')"
:class="{ tagactive: activelist === 6 }" :class="{ tagactive: activelist === 6 }"
@ -140,6 +140,7 @@
<li <li
@click="pushto('/accountsetting/boundbankcard')" @click="pushto('/accountsetting/boundbankcard')"
:class="{ tagactive: activelist === 3 }" :class="{ tagactive: activelist === 3 }"
style="display:none"
> >
<span <span
><i class="iconfont icon-bangdingyinhangka"></i>绑定银行卡</span ><i class="iconfont icon-bangdingyinhangka"></i>绑定银行卡</span
@ -163,6 +164,7 @@
<li <li
@click="pushto('/accountsetting/realname')" @click="pushto('/accountsetting/realname')"
:class="{ tagactive: activelist === 4 }" :class="{ tagactive: activelist === 4 }"
style="display:none"
> >
<span><i class="iconfont icon-shimingrenzheng"></i>实名认证</span <span><i class="iconfont icon-shimingrenzheng"></i>实名认证</span
><span ><span

32
src/components/userinfo/usercenter/components/mybill.vue
Unescape Escape View File

@ -21,10 +21,16 @@
待面试 待面试
</li> </li>
<li <li
@click="pagination.status = 25"
:class="{ townsmanactive: pagination.status === 25 }"
>
已接到
</li>
<li
@click="pagination.status = 30" @click="pagination.status = 30"
:class="{ townsmanactive: pagination.status === 30 }" :class="{ townsmanactive: pagination.status === 30 }"
> >
待入职 面试通过
</li> </li>
<li <li
@click="pagination.status = 40" @click="pagination.status = 40"
@ -33,17 +39,12 @@
在职中 在职中
</li> </li>
<li <li
@click="pagination.status = 50" @click="pagination.status = 999"
:class="{ townsmanactive: pagination.status === 50 }" :class="{ townsmanactive: pagination.status === 999 }"
> >
待离职 报名结束
</li>
<li
@click="pagination.status = 60"
:class="{ townsmanactive: pagination.status === 60 }"
>
已完成
</li> </li>
<!-- <li <!-- <li
@click="pagination.status = 70" @click="pagination.status = 70"
:class="{ townsmanactive: pagination.status === 70 }" :class="{ townsmanactive: pagination.status === 70 }"
@ -352,8 +353,8 @@ export default {
// console.log(parent.offsetHeight); // console.log(parent.offsetHeight);
// console.log(sibling.offsetHeight); // console.log(sibling.offsetHeight);
// console.log(window.getComputedStyle(parent).height); // console.log(window.getComputedStyle(parent).height);
console.log("子元素高度", sibling.offsetHeight); // console.log("子元素高度", sibling.offsetHeight);
console.log("父元素高度", parent.offsetHeight); // console.log("父元素高度", parent.offsetHeight);
if (sibling.offsetHeight > parent.offsetHeight) { if (sibling.offsetHeight > parent.offsetHeight) {
// sibling.style.height = "100%"; // sibling.style.height = "100%";
sibling.style.overflow = "hidden"; sibling.style.overflow = "hidden";
@ -363,14 +364,15 @@ export default {
item.isunfold = false; item.isunfold = false;
} }
item.controlUnfold = true; item.controlUnfold = true;
console.log(item.status);
// setTimeout(() => { // setTimeout(() => {
if (item.status == 10 || item.status == 20 || item.status == 30) { if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26|| item.status == 30|| item.status == 35|| item.status == 45) {
item.statusTimeInfo = "面试时间"; item.statusTimeInfo = "面试时间";
item.statusShowTime = item.interviewTime; item.statusShowTime = item.interviewTime;
} else if (item.status == 40 || item.status == 50) { } else if (item.status == 40) {
item.statusTimeInfo = "入职时间"; item.statusTimeInfo = "入职时间";
item.statusShowTime = item.entryTime; item.statusShowTime = item.entryTime;
} else { } else if (item.status == 50) {
item.statusTimeInfo = "离职时间"; item.statusTimeInfo = "离职时间";
item.statusShowTime = item.leaveTime; item.statusShowTime = item.leaveTime;
} }

966
src/components/userinfo/usercenter/components/townsman.vue
Unescape Escape View File

@ -1,516 +1,502 @@
<template> <template>
<div class="townsman-container w"> <div class="townsman-container w">
<div class="contenttitle"> <div class="contenttitle">
<ul @click="resetpag"> <ul @click="resetpag">
<li <li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }">
@click="pagination.status = 0" 全部<span>{{ statusNum.num0 }}</span>
:class="{ townsmanactive: pagination.status === 0 }" </li>
> <li @click="pagination.status = 1" :class="{ townsmanactive: pagination.status === 1 }">
全部<span>{{ pagination.total ? pagination.total : "0" }}</span> 空闲中<span>{{ statusNum.num1 }}</span>
</li> </li>
<li <li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
@click="pagination.status = 1" 报名中<span>{{ statusNum.num2 }}</span>
:class="{ townsmanactive: pagination.status === 1 }" </li>
> <li @click="pagination.status = 3" :class="{ townsmanactive: pagination.status === 3 }">
空闲中<span>{{ pagination.total ? pagination.total : "0" }}</span> 在职中<span>{{ statusNum.num3 }}</span>
</li> </li>
<li </ul>
@click="pagination.status = 2" </div>
:class="{ townsmanactive: pagination.status === 2 }" <div class="contentbody">
> <div class="searchbox">
报名中<span>{{ pagination.total ? pagination.total : "0" }}</span> <div class="searchinput">
</li> <a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys"
<li ><i slot="prefix" class="iconfont icon-sousuo"></i>
@click="pagination.status = 3" <button slot="suffix" @click="onSearch">搜索</button>
:class="{ townsmanactive: pagination.status === 3 }" </a-input>
> </div>
在职中<span>{{ pagination.total ? pagination.total : "0" }}</span> <div class="pagechange">
</li> <button @click="changepage(-1)">上一页</button>
</ul> <button @click="changepage(1)">下一页</button>
</div> </div>
<div class="contentbody"> </div>
<div class="searchbox"> <a-table
<div class="searchinput"> :columns="columns"
<a-input :data-source="data"
placeholder="请输入老乡姓名/身份证号" :pagination="false"
@keyup.enter="onSearch" @change="onChange"
@input="resetsearch" :loading="{
v-model="pagination.keys" spinning: isspinning,
><i slot="prefix" class="iconfont icon-sousuo"></i> tip: '加载中',
<button slot="suffix" @click="onSearch">搜索</button> wrapperClassName: 'spinstyle',
</a-input> }"
</div> :locale="tablenodata"
<div class="pagechange"> :rowKey="(record) => record.index"
<button @click="changepage(-1)">上一页</button> >
<button @click="changepage(1)">下一页</button> <a slot="name" slot-scope="text">{{ text }}</a>
</div> </a-table>
</div> <div class="pagecontainer">
<a-table <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
:columns="columns" <div class="ant-pagination-options-quick-jumper">跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" :style="{ 'background-Color': '#f6f6f6' }" />页</div>
:data-source="data" </div>
:pagination="false" </div>
@change="onChange" </div>
:loading="{
spinning: isspinning,
tip: '加载中',
wrapperClassName: 'spinstyle',
}"
:locale="tablenodata"
:rowKey="(record) => record.index"
>
<a slot="name" slot-scope="text">{{ text }}</a>
</a-table>
<div class="pagecontainer">
<a-pagination
:current="+pagination.pageNum"
:default-current="1"
:defaultPageSize="2"
:total="pagination.total"
@change="onChange"
/>
<div class="ant-pagination-options-quick-jumper">
跳至<input
ref="pageinput"
type="text"
@keyup.enter="inputpageChange"
@blur="inputpageChange"
:style="{ 'background-Color': '#f6f6f6' }"
/>页
</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import { userTownsmanApi } from "../../../../api/userinfo"; import { userTownsmanApi, gettownsManCountApi } from "../../../../api/userinfo";
import { import { formatDateYMD, getUserApplyOrderStatusById } from "../../../../utils/commonUtil";
formatDateYMD,
getUserApplyOrderStatusById,
} from "../../../../utils/commonUtil";
export default { export default {
// 组件名称 // 组件名称
name: "", name: "",
// 局部注册的组件 // 局部注册的组件
components: {}, components: {},
// 组件参数 接收来自父组件的数据 // 组件参数 接收来自父组件的数据
props: {}, props: {},
// 组件状态值 // 组件状态值
data() { data() {
return { return {
tablenodata: { tablenodata: {
// 空状态文本内容 // 空状态文本内容
emptyText: () => ( emptyText: () => (
<div> <div>
<div> <div>
<img <img src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" style="width:105px;height:90px;marginTop:20px" />
src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" </div>
style="width:105px;height:90px;marginTop:20px" <div style="marginBottom:20px">暂无数据</div>
/> </div>
</div> ),
<div style="marginBottom:20px">暂无数据</div> },
</div> pagination: {
), pageNum: 1,
}, pageSize: 8,
pagination: { total: null, //分页配置
pageNum: 1, status: 0,
pageSize: 2, keys:null,
total: null, //分页配置 // searchTag: 1,
status: 0, },
// searchTag: 1, isspinning: false,
}, sortedInfo: null,
isspinning: false, statusNum: {
sortedInfo: null, num0: 0,
num1: 0,
num2: 0,
num3: 0,
},
data: [],
};
},
// 计算属性
computed: {
columns() {
let { sortedInfo } = this;
sortedInfo = sortedInfo || {};
const columns = [
{
title: "序号",
dataIndex: "index",
key: "index",
scopedSlots: { customRender: "index" },
ellipsis: true,
width: 40,
},
{
title: "老乡姓名",
dataIndex: "userName",
key: "userName",
ellipsis: true,
width: 90,
},
{
title: "年龄",
dataIndex: "age",
key: "age",
ellipsis: true,
width: 50,
},
{
title: "民族",
dataIndex: "nation",
key: "nation",
ellipsis: true,
width: 50,
},
{
title: "手机号",
dataIndex: "tel",
key: "tel",
ellipsis: true,
width: 120,
},
{
title: "身份证号",
dataIndex: "IDCard",
key: "IDCard",
ellipsis: true,
// width: 50,
},
{
title: "状态",
dataIndex: "userApplyOrder",
key: "userApplyOrder",
sorter: (a, b) => a.userApplyOrder.localeCompare(b.userApplyOrder),
data: [], // sortOrder: sortedInfo.columnKey == "userApplyOrder" && sortedInfo.order,
}; // ellipsis: true,
}, width: 120,
// 计算属性 },
computed: { ];
columns() { console.log(sortedInfo);
let { sortedInfo } = this; return columns;
sortedInfo = sortedInfo || {}; },
const columns = [ },
{ // 侦听器
title: "序号", watch: {},
dataIndex: "index", // 生命周期钩子 注：没用到的钩子请自行删除
key: "index", /**
scopedSlots: { customRender: "index" }, * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
ellipsis: true, */
width: 40, created() {
}, this.getTownsman();
{ },
title: "老乡姓名", /**
dataIndex: "userName", * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
key: "userName", * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
ellipsis: true, */
width: 90, mounted() {
}, this.gettownsManCount();
{ },
title: "年龄", // 组件方法
dataIndex: "age", methods: {
key: "age", onChange(e,e1,e2) {
ellipsis: true,
width: 50,
},
{
title: "民族",
dataIndex: "nation",
key: "nation",
ellipsis: true,
width: 50,
},
{
title: "手机号",
dataIndex: "tel",
key: "tel",
ellipsis: true,
width: 120,
},
{
title: "身份证号",
dataIndex: "idCard",
key: "idCard",
ellipsis: true,
// width: 50,
},
{
title: "状态",
dataIndex: "userApplyOrder",
key: "userApplyOrder",
sorter: (a, b) => {
a.userApplyOrderStatus - b.userApplyOrderStatus;
},
sortOrder:
sortedInfo.columnKey === "userApplyOrder" && sortedInfo.order,
ellipsis: true,
width: 120,
},
];
return columns;
},
},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {
this.getTownsman();
},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {
onChange(e) {
this.pagination.pageNum = e;
console.log(this.pagination);
this.getTownsman();
console.log(e); console.log(e);
}, console.log(e1);
inputpageChange(e) { console.log(e2);
const pagenumcount = this.pagination.total / this.pagination.pageSize; if (typeof e == 'number') {
console.log(pagenumcount); this.pagination.pageNum = e;
if (e.target.value) { this.getTownsman();
if (e.target.value > pagenumcount) {
this.pagination.pageNum = Math.ceil(pagenumcount);
} else {
this.pagination.pageNum = e.target.value;
}
} else {
this.pagination.pageNum = 1;
}
// this.getJobList();
this.getTownsman();
console.log(e);
},
async getTownsman() {
// let jobinfo = {...this.pagination , searchTag:1}
try {
this.isspinning = true;
console.log(this.pagination);
const { data } = await userTownsmanApi(this.pagination);
if (data.status === 200) {
// console.log();
this.data = data.data.recordList;
this.data.forEach((item, index) => {
console.log(item);
item.userApplyOrder = getUserApplyOrderStatusById(
item.userApplyOrderStatus
);
item.updateTime = formatDateYMD(item.updateTime);
item.index = index + 1;
});
console.log(data);
console.log(true);
this.pagination.total = data.data.recordCount;
}
} catch (error) {
console.log(error);
}
this.isspinning = false;
},
getPopupContainer(el, dialogContext) {
console.log(el);
console.log(dialogContext);
if (dialogContext) {
return dialogContext.getDialogWrap();
} else {
return document.body;
} }
}, },
resetpag() { inputpageChange(e) {
this.pagination = { const pagenumcount = this.pagination.total / this.pagination.pageSize;
//分页配置 console.log(pagenumcount);
pageNum: 1, if (e.target.value) {
pageSize: 2, if (e.target.value > pagenumcount) {
total: null, this.pagination.pageNum = Math.ceil(pagenumcount);
status: this.pagination.status, } else {
}; this.pagination.pageNum = e.target.value;
this.getTownsman(); }
}, } else {
resetsearch(e) { this.pagination.pageNum = 1;
console.log(e); }
if (e.target.value.length === 0) { // this.getJobList();
this.pagination.keys = ""; this.getTownsman();
console.log(e);
},
async getTownsman() {
// let jobinfo = {...this.pagination , searchTag:1}
try {
this.isspinning = true;
console.log(this.pagination);
const { data } = await userTownsmanApi(this.pagination);
if (data.status === 200) {
// console.log();
this.data = data.data.recordList;
this.data.forEach((item, index) => {
// console.log(item);
item.userApplyOrder = getUserApplyOrderStatusById(item.userApplyOrderStatus);
item.updateTime = formatDateYMD(item.updateTime);
item.index = index + 1;
});
console.log(data);
console.log(true);
this.pagination.total = data.data.recordCount;
}
} catch (error) {
console.log(error);
}
this.isspinning = false;
},
async gettownsManCount() {
try {
const { data } = await gettownsManCountApi(this.pagination);
console.log(data);
if (data.status == 200) {
console.log("yes");
this.statusNum = data.data;
}
} catch (error) {
console.log(error);
}
},
getPopupContainer(el, dialogContext) {
console.log(el);
console.log(dialogContext);
if (dialogContext) {
return dialogContext.getDialogWrap();
} else {
return document.body;
}
},
resetpag() {
this.pagination = {
//分页配置
pageNum: 1,
pageSize: 8,
total: null,
status: this.pagination.status,
keys: null
};
this.getTownsman();
},
resetsearch(e) {
console.log(e);
if (e.target.value.length === 0) {
this.pagination.keys = "";
this.gettownsManCount();
this.getTownsman();
}
},
onSearch() {
if(this.pagination.keys != null && this.pagination.keys.length != 0){
this.getTownsman();
this.gettownsManCount();
this.getTownsman();
}
},
onSearch() {
this.getTownsman();
},
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.getTownsman(); },
}, 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.getTownsman();
},
},
}; };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.townsman-container { .townsman-container {
padding: 0 10px; padding: 0 10px;
background-color: #fff; background-color: #fff;
border: 1px solid #0000; border: 1px solid #0000;
} }
.contenttitle { .contenttitle {
display: flex; display: flex;
padding-bottom: 0px; 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;
ul { ul {
display: flex; display: flex;
height: 40px; height: 40px;
.townsmanactive { .townsmanactive {
// border-color: #; // border-color: #;
width: 128px; width: 128px;
color: #ff6a00; color: #ff6a00;
z-index: 999; z-index: 999;
border-bottom: 2px solid #ff6a00; border-bottom: 2px solid #ff6a00;
> span { > span {
font-size: 16px; font-size: 16px;
color: #ff6a00; color: #ff6a00;
} }
} }
li { li {
position: relative; position: relative;
width: 118px; width: 118px;
font-size: 16px; font-size: 16px;
// height: 40px; // height: 40px;
padding-bottom: 16px; padding-bottom: 16px;
color: #666; color: #666;
// line-height: 40px; // line-height: 40px;
text-align: center; text-align: center;
transition: width 0.2s; transition: width 0.2s;
cursor: pointer; cursor: pointer;
> span { > span {
margin-left: 12px; margin-left: 12px;
font-size: 16px; font-size: 16px;
color: #666; color: #666;
} }
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
width: 1px; width: 1px;
height: 16px; height: 16px;
right: 0; right: 0;
top: 5px; top: 5px;
// transform: translateY(-50%); // transform: translateY(-50%);
background-color: #eeeeee; background-color: #eeeeee;
} }
&:last-child::after { &:last-child::after {
display: none; display: none;
} }
} }
button { button {
width: 100px; width: 100px;
height: 28px; height: 28px;
position: relative; position: relative;
font-size: 14px; font-size: 14px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
background-color: #fff; background-color: #fff;
margin-right: -1px; margin-right: -1px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #ff6a00; color: #ff6a00;
} }
} }
button:first-child { button:first-child {
border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;
} }
button:last-child { button:last-child {
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
} }
} }
} }
.contentbody { .contentbody {
overflow: hidden; overflow: hidden;
/deep/ .searchbox { /deep/ .searchbox {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px; margin-bottom: 16px;
.searchinput { .searchinput {
width: 326px; width: 326px;
position: relative; position: relative;
.ant-input { .ant-input {
// width: 300px; // width: 300px;
position: relative; position: relative;
height: 32px; height: 32px;
text-indent: 10px; text-indent: 10px;
background: #fff; background: #fff;
// border: 1px solid rgba(77, 87, 94, 0.3); // border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 136px; border-radius: 136px;
box-shadow: 0px 2px 4px 0px transparent; box-shadow: 0px 2px 4px 0px transparent;
font-size: 14px !important; font-size: 14px !important;
padding-right: 0; padding-right: 0;
border-color: #e9e9e9; border-color: #e9e9e9;
// z-index: ; // z-index: ;
&::placeholder { &::placeholder {
text-indent: 10px; text-indent: 10px;
font-size: 14px !important; font-size: 14px !important;
} }
&:hover { &:hover {
border-color: #ff6a00; border-color: #ff6a00;
box-shadow: none; box-shadow: none;
} }
&:focus { &:focus {
border-color: #ff6a00; border-color: #ff6a00;
} }
} }
.ant-input-affix-wrapper { .ant-input-affix-wrapper {
.ant-input-prefix { .ant-input-prefix {
position: absolute; position: absolute;
width: 20px; width: 20px;
right: 0; right: 0;
top: 16px; top: 16px;
i { i {
color: #c9c9c9; color: #c9c9c9;
} }
} }
.ant-input-suffix { .ant-input-suffix {
// position: absolute; // position: absolute;
right: 0px !important; right: 0px !important;
} }
} }
button { button {
width: 70px; width: 70px;
height: 32px; height: 32px;
color: white; color: white;
background: #ff6a00; background: #ff6a00;
border-color: #ff6a00; border-color: #ff6a00;
border: none; border: none;
border-radius: 16px; border-radius: 16px;
font-size: 14px; font-size: 14px;
box-shadow: none; box-shadow: none;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
&:hover { &:hover {
background-color: #ff842b; background-color: #ff842b;
} }
// &:focus { // &:focus {
// border: none; // border: none;
// } // }
} }
} }
.pagechange { .pagechange {
button { button {
width: 66px; width: 66px;
height: 24px; height: 24px;
border: 1px solid rgba(77, 87, 94, 0.3); border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
color: #4d575e; color: #4d575e;
background-color: #fff; background-color: #fff;
&:hover { &:hover {
border-color: #ff6a00; border-color: #ff6a00;
color: #ff6a00; color: #ff6a00;
} }
&:first-child { &:first-child {
margin-right: 12px; margin-right: 12px;
} }
} }
} }
} }
/deep/ .ant-table-placeholder { /deep/ .ant-table-placeholder {
min-height: 300px; min-height: 300px;
> div { > div {
position: relative; position: relative;
height: 131px; height: 131px;
top: 30px; top: 30px;
// transform: translateY(-50%); // transform: translateY(-50%);
} }
} }
/deep/ .ant-table-content { /deep/ .ant-table-content {
.ant-table-body { .ant-table-body {
.ant-table-thead { .ant-table-thead {
th { th {
padding: 16px 0; padding: 16px 0;
&:not(:first-child) { &:not(:first-child) {
> span { > span {
// line-height: 22px; // line-height: 22px;
> div { > div {
// line-height: 1; // line-height: 1;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
padding-left: 12px; padding-left: 12px;
} }
} }
} }
} }
} }
.ant-table-tbody { .ant-table-tbody {
.ant-table-row-cell-ellipsis { .ant-table-row-cell-ellipsis {
padding: 16px 0; padding: 16px 0;
} }
} }
} }
} }
} }
</style> </style>

2
src/components/userinfo/usercenter/index.vue
Unescape Escape View File

@ -21,7 +21,7 @@
</ul> </ul>
</div> --> </div> -->
<div class="priceinfo"> <div class="priceinfo">
<ul> <ul style="">
<li <li
@click="pushto('/userinfo/usercenter/myintegral')" @click="pushto('/userinfo/usercenter/myintegral')"
:class="{ tagactive: activelist === 3 }" :class="{ tagactive: activelist === 3 }"

2
src/router/index.js
Unescape Escape View File

@ -110,7 +110,7 @@ const routes = [
name: "accountsetting", name: "accountsetting",
component: () => component: () =>
import("../components/userinfo/accountsetting/inedex.vue"), import("../components/userinfo/accountsetting/inedex.vue"),
redirect: "accountsetting/myintegral", redirect: "accountsetting/boundtel",
children: [ children: [
{ {
path: "loginpsw", path: "loginpsw",

63
src/style/index.less
Unescape Escape View File

@ -1,3 +1,4 @@
@import "http://at.alicdn.com/t/font_3135652_fha9d3mzga5.css";
// 初始化页面样式 // 初始化页面样式
body, body,
h1, h1,
@ -133,7 +134,6 @@ i {
fill: currentColor; fill: currentColor;
overflow: hidden; overflow: hidden;
} }
@import "http://at.alicdn.com/t/font_3135652_onj5dmqt30d.css";
// 字体图标 // 字体图标
// @font-face { // @font-face {
// font-family: "iconfont"; /* Project id 3135652 */ // font-family: "iconfont"; /* Project id 3135652 */
@ -466,7 +466,7 @@ i {
// border-top: 1px solid #000; // border-top: 1px solid #000;
width: 100vw; width: 100vw;
margin: 0 auto; margin: 0 auto;
top: 164px !important; top: 144px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
transition: none !important; transition: none !important;
@ -657,3 +657,62 @@ p.bottombox {
.ant-spin-text { .ant-spin-text {
color: #fda21d; color: #fda21d;
} }
.ant-popover {
.ant-popover-content {
.ant-popover-inner-content {
position: relative;
width: 600px;
white-space: pre-wrap !important;
>div{
position: absolute;
width: 44px;
height: 22px;
right: 10px;
top: 10px;
border: 1px solid #ff6a00;
color: #ff6a00;
border-radius: 999px;
line-height:22px;
text-align: center;
cursor: pointer;
&:hover {
background-color: #ff6a00;
color: #fff;
}
}
}
}
}
.xiangdan{
.ant-modal-content{
width: 600px;
max-height: calc(100vh - 40px);
.ant-modal-body{
padding-top: 36px;
position: relative;
min-height: 480px;
white-space: pre-wrap !important;
// max-height: ;
// background-color: #000;
.copy {
position: absolute;
padding: 0px 12px;
right: 20px;
top: 7px;
font-size: 14px;
border: 1px solid #ff6a00;
color: #ff6a00;
border-radius: 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
&:hover {
color: #fff;
background-color: #ff6a00;
}
}
}
}
}

11
src/utils/commonUtil.js
Unescape Escape View File

@ -1207,18 +1207,19 @@ export function userApplyOrderStatusArray() {
// { id: "60", name: "已完成", value: "60", text: "已完成" }, // { id: "60", name: "已完成", value: "60", text: "已完成" },
// ]; // ];
let orderStatus = [ let orderStatus = [
{ id: "10", name: "报名审核中", value: "10", text: "报名审核中", num: 0 }, { id: "10", name: "报名审核中", value: "10", text: "报名审核中", num: 0 },
{ id: "20", name: "审核通过", value: "20", text: "审核通过", num: 0 }, { id: "20", name: "审核通过", value: "20", text: "审核通过", num: 0 },
{ id: "21", name: "审核未通过", value: "21", text: "审核未通过", num: 0 }, { id: "21", name: "审核未通过", value: "21", text: "审核未通过", num: 0 },
{ id: "25", name: "已接到", value: "25", text: "已接到", num: 0 }, { id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
{ id: "26", name: "未接到", value: "26", text: "未接到", num: 0 }, { id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
{ id: "30", name: "待入职", value: "30", text: "待入职", num: 0 }, { id: "30", name: "面试通过", value: "30", text: "面试通过", num: 0 },
{ id: "35", name: "面试未通过", value: "35", text: "面试未通过", num: 0 }, { id: "35", name: "面试未通过", value: "35", text: "面试未通过", num: 0 },
{ id: "40", name: "在职中", value: "40", text: "在职中", num: 0 }, { id: "40", name: "已入职", value: "40", text: "已入职", num: 0 },
{ id: "45", name: "未入职", value: "45", text: "未入职", num: 0 }, { id: "45", name: "通过未入职", value: "45", text: "通过未入职", num: 0 },
{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 }, { id: "50", name: "已离职", value: "50", text: "已离职", num: 0 }
// { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 } // { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
]; ];
return orderStatus; return orderStatus;
} }

4
src/utils/request.js
Unescape Escape View File

@ -13,8 +13,8 @@ console.log(baseURL);
axios.defaults.withCredentials = true; //添加这行代码 axios.defaults.withCredentials = true; //添加这行代码
// console.log(axios); // console.log(axios);
const service = axios.create({ const service = axios.create({
baseURL: "/api_prod", // url = base url + request url // baseURL: "/api_prod", // url = base url + request url
// baseURL: baseURL, // baseURL: "/api", // url = base url + request url baseURL: baseURL, // baseURL: "/api", // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout timeout: 10000, // request timeout
crossDomain: true, crossDomain: true,

2
src/views/main.vue
Unescape Escape View File

@ -41,7 +41,7 @@
<li> <li>
<router-link <router-link
to="/mytownsman" to="/mytownsman"
:class="routertitleindex === 4 ? 'titleactiveafter' : ''" :class="routertitleindex == 4 ? 'titleactive' : ''"
>我的老乡 >我的老乡
</router-link> </router-link>
</li> </li>

Write Preview
Loading…
Cancel
Save