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";
// 获取卡券信息
export function userCardApi(data) {
return request({
url: "/yishoudan/usercoupon/list",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/usercoupon/list",
// method: "post",
params: data,
});
}
// 获取用户余额信息
export function userBalanceApi(data) {
return request({
url: "/yishoudan/wallet/info",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/wallet/info",
// method: "post",
params: data,
});
}
// 获取用户提现详情
export function userDetailApi(data) {
return request({
url: "/yishoudan/wallet/withdrawal/list",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/wallet/withdrawal/list",
// method: "post",
params: data,
});
}
// // 获取我的老乡信息
// export function userTownsmanApi(data) {
@ -34,98 +34,106 @@ export function userDetailApi(data) {
// }
// 获取我的报名信息
export function userBillApi(data) {
return request({
url: "/yishoudan/user/apply/order/list",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/apply/order/list",
// method: "post",
params: data,
});
}
// 获取用户信息
export function userBaseInfoApi(data) {
return request({
url: "/yishoudan/user/getUserInfo",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/getUserInfo",
// method: "post",
params: data,
});
}
// 获取用户积分信息
export function getPointApi(data) {
return request({
url: "/yishoudan/wallet/getPoint",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/wallet/getPoint",
// method: "post",
params: data,
});
}
// 获取用户积分使用信息
export function getPointDetailApi(data) {
return request({
url: "/yishoudan/pointUseRecord/list",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/pointUseRecord/list",
// method: "post",
params: data,
});
}
// 登录状态账号设置修改密码
export function setUserPswApi(data) {
return request({
url: "/yishoudan/changePassword",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/changePassword",
// method: "post",
params: data,
});
}
// 登录状态账号修改绑定手机号
export function setUserTelApi(data) {
return request({
url: "/yishoudan/user/changeTel",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/changeTel",
// method: "post",
params: data,
});
}
// 账号修改绑定银行卡
export function getUserBankListApi(data) {
return request({
url: "/yishoudan/user/bank/getUserBankList",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/bank/getUserBankList",
// method: "post",
params: data,
});
}
// 实名认证
export function setUserRealNameApi(data) {
return request({
url: "/yishoudan/user/realNameAuth",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/realNameAuth",
// method: "post",
params: data,
});
}
// 获取用户微信绑定的二维码
export function getUserWxApi(data) {
return request({
url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
// method: "post",
params: data,
});
return request({
url: "/yishoudan/user/getMiniAppQrCodeOfBindUser",
// method: "post",
params: data,
});
}
// 上传用户头像
export function uploadUserAvatarApi(data) {
return request({
url: "/yishoudan/user/changeUserImgsrc",
method: "post",
headers: { "Content-Type": "multipart/form-data" },
data: data,
// data,
});
return request({
url: "/yishoudan/user/changeUserImgsrc",
method: "post",
headers: { "Content-Type": "multipart/form-data" },
data: data,
// data,
});
}
// 获取我的老乡
export function userTownsmanApi(data) {
return request({
url: "/yishoudan/agency/user/list",
method: "post",
params: data,
// data,
});
return request({
url: "/yishoudan/agency/user/list",
method: "post",
params: 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 class="jobname">
{{
item.aliasName !== null && item.aliasName !== ""
? item.aliasName
: item.storeName
item.storeName !== null && item.storeName !== ""
? item.storeName
: item.aliasName
}}
</div>
</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: ;
transition: all 0.4s;
left: 0;
top: 164px;
top: 144px;
width: 100vw;
background-color: #fff;
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="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1>
<p>0371-6666 6666</p>
<p>0371-6611 3723</p>
</div>
<!-- <div class="relationme">
<p class="bottombox"><i>一手单合作</i></p>

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

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

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

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

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

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

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

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

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

@ -1,516 +1,502 @@
<template>
<div class="townsman-container w">
<div class="contenttitle">
<ul @click="resetpag">
<li
@click="pagination.status = 0"
:class="{ townsmanactive: pagination.status === 0 }"
>
全部<span>{{ pagination.total ? pagination.total : "0" }}</span>
</li>
<li
@click="pagination.status = 1"
:class="{ townsmanactive: pagination.status === 1 }"
>
空闲中<span>{{ pagination.total ? pagination.total : "0" }}</span>
</li>
<li
@click="pagination.status = 2"
:class="{ townsmanactive: pagination.status === 2 }"
>
报名中<span>{{ pagination.total ? pagination.total : "0" }}</span>
</li>
<li
@click="pagination.status = 3"
:class="{ townsmanactive: pagination.status === 3 }"
>
在职中<span>{{ pagination.total ? pagination.total : "0" }}</span>
</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>
<a-table
:columns="columns"
:data-source="data"
:pagination="false"
@change="onChange"
: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>
<div class="townsman-container w">
<div class="contenttitle">
<ul @click="resetpag">
<li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }">
全部<span>{{ statusNum.num0 }}</span>
</li>
<li @click="pagination.status = 1" :class="{ townsmanactive: pagination.status === 1 }">
空闲中<span>{{ statusNum.num1 }}</span>
</li>
<li @click="pagination.status = 2" :class="{ townsmanactive: pagination.status === 2 }">
报名中<span>{{ statusNum.num2 }}</span>
</li>
<li @click="pagination.status = 3" :class="{ townsmanactive: pagination.status === 3 }">
在职中<span>{{ statusNum.num3 }}</span>
</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>
<a-table
:columns="columns"
:data-source="data"
:pagination="false"
@change="onChange"
: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="8" :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>
<script>
import { userTownsmanApi } from "../../../../api/userinfo";
import {
formatDateYMD,
getUserApplyOrderStatusById,
} from "../../../../utils/commonUtil";
import { userTownsmanApi, gettownsManCountApi } from "../../../../api/userinfo";
import { formatDateYMD, getUserApplyOrderStatusById } from "../../../../utils/commonUtil";
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
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>
),
},
pagination: {
pageNum: 1,
pageSize: 2,
total: null, //分页配置
status: 0,
// searchTag: 1,
},
isspinning: false,
sortedInfo: null,
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
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>
),
},
pagination: {
pageNum: 1,
pageSize: 8,
total: null, //分页配置
status: 0,
keys:null,
// searchTag: 1,
},
isspinning: false,
sortedInfo: null,
statusNum: {
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: [],
};
},
// 计算属性
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.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();
// sortOrder: sortedInfo.columnKey == "userApplyOrder" && sortedInfo.order,
// ellipsis: true,
width: 120,
},
];
console.log(sortedInfo);
return columns;
},
},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {
this.getTownsman();
},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {
this.gettownsManCount();
},
// 组件方法
methods: {
onChange(e,e1,e2) {
console.log(e);
},
inputpageChange(e) {
const pagenumcount = this.pagination.total / this.pagination.pageSize;
console.log(pagenumcount);
if (e.target.value) {
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(e1);
console.log(e2);
if (typeof e == 'number') {
this.pagination.pageNum = e;
this.getTownsman();
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() {
this.pagination = {
//分页配置
pageNum: 1,
pageSize: 2,
total: null,
status: this.pagination.status,
};
this.getTownsman();
},
resetsearch(e) {
console.log(e);
if (e.target.value.length === 0) {
this.pagination.keys = "";
},
inputpageChange(e) {
const pagenumcount = this.pagination.total / this.pagination.pageSize;
console.log(pagenumcount);
if (e.target.value) {
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;
},
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>
<style scoped lang="less">
.townsman-container {
padding: 0 10px;
background-color: #fff;
border: 1px solid #0000;
padding: 0 10px;
background-color: #fff;
border: 1px solid #0000;
}
.contenttitle {
display: flex;
padding-bottom: 0px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
display: flex;
padding-bottom: 0px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
margin-top: 16px;
margin-bottom: 16px;
margin-top: 16px;
margin-bottom: 16px;
ul {
display: flex;
height: 40px;
.townsmanactive {
// border-color: #;
width: 128px;
color: #ff6a00;
z-index: 999;
border-bottom: 2px solid #ff6a00;
> span {
font-size: 16px;
color: #ff6a00;
}
}
li {
position: relative;
width: 118px;
font-size: 16px;
// height: 40px;
padding-bottom: 16px;
color: #666;
// line-height: 40px;
text-align: center;
transition: width 0.2s;
cursor: pointer;
> span {
margin-left: 12px;
font-size: 16px;
color: #666;
}
&::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 16px;
right: 0;
top: 5px;
// transform: translateY(-50%);
background-color: #eeeeee;
}
&:last-child::after {
display: none;
}
}
button {
width: 100px;
height: 28px;
position: relative;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
margin-right: -1px;
cursor: pointer;
&:hover {
color: #ff6a00;
}
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
ul {
display: flex;
height: 40px;
.townsmanactive {
// border-color: #;
width: 128px;
color: #ff6a00;
z-index: 999;
border-bottom: 2px solid #ff6a00;
> span {
font-size: 16px;
color: #ff6a00;
}
}
li {
position: relative;
width: 118px;
font-size: 16px;
// height: 40px;
padding-bottom: 16px;
color: #666;
// line-height: 40px;
text-align: center;
transition: width 0.2s;
cursor: pointer;
> span {
margin-left: 12px;
font-size: 16px;
color: #666;
}
&::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 16px;
right: 0;
top: 5px;
// transform: translateY(-50%);
background-color: #eeeeee;
}
&:last-child::after {
display: none;
}
}
button {
width: 100px;
height: 28px;
position: relative;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
margin-right: -1px;
cursor: pointer;
&:hover {
color: #ff6a00;
}
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
}
.contentbody {
overflow: hidden;
/deep/ .searchbox {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
.searchinput {
width: 326px;
position: relative;
.ant-input {
// width: 300px;
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;
}
}
}
}
/deep/ .ant-table-placeholder {
min-height: 300px;
> div {
position: relative;
height: 131px;
top: 30px;
// transform: translateY(-50%);
}
}
/deep/ .ant-table-content {
.ant-table-body {
.ant-table-thead {
th {
padding: 16px 0;
overflow: hidden;
/deep/ .searchbox {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
.searchinput {
width: 326px;
position: relative;
.ant-input {
// width: 300px;
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;
}
}
}
}
/deep/ .ant-table-placeholder {
min-height: 300px;
> div {
position: relative;
height: 131px;
top: 30px;
// transform: translateY(-50%);
}
}
/deep/ .ant-table-content {
.ant-table-body {
.ant-table-thead {
th {
padding: 16px 0;
&:not(:first-child) {
> span {
// line-height: 22px;
> div {
// line-height: 1;
border-left: 1px solid #ccc;
padding-left: 12px;
}
}
}
}
}
.ant-table-tbody {
.ant-table-row-cell-ellipsis {
padding: 16px 0;
}
}
}
}
&:not(:first-child) {
> span {
// line-height: 22px;
> div {
// line-height: 1;
border-left: 1px solid #ccc;
padding-left: 12px;
}
}
}
}
}
.ant-table-tbody {
.ant-table-row-cell-ellipsis {
padding: 16px 0;
}
}
}
}
}
</style>

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

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

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

@ -110,7 +110,7 @@ const routes = [
name: "accountsetting",
component: () =>
import("../components/userinfo/accountsetting/inedex.vue"),
redirect: "accountsetting/myintegral",
redirect: "accountsetting/boundtel",
children: [
{
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,
h1,
@ -133,7 +134,6 @@ i {
fill: currentColor;
overflow: hidden;
}
@import "http://at.alicdn.com/t/font_3135652_onj5dmqt30d.css";
// 字体图标
// @font-face {
// font-family: "iconfont"; /* Project id 3135652 */
@ -466,7 +466,7 @@ i {
// border-top: 1px solid #000;
width: 100vw;
margin: 0 auto;
top: 164px !important;
top: 144px !important;
-webkit-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;
@ -657,3 +657,62 @@ p.bottombox {
.ant-spin-text {
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: "已完成" },
// ];
let orderStatus = [
{ id: "10", name: "报名审核中", value: "10", text: "报名审核中", num: 0 },
{ id: "20", name: "审核通过", value: "20", text: "审核通过", num: 0 },
{ id: "21", name: "审核未通过", value: "21", text: "审核未通过", num: 0 },
{ id: "25", name: "已接到", value: "25", 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: "40", name: "在职中", value: "40", text: "在职中", num: 0 },
{ id: "45", name: "未入职", value: "45", text: "未入职", num: 0 },
{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
{ id: "40", name: "已入职", value: "40", text: "已入职", num: 0 },
{ id: "45", name: "通过未入职", value: "45", text: "通过未入职", num: 0 },
{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 }
// { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
];
];
return orderStatus;
}

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

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

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

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

Write Preview
Loading…
Cancel
Save