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

2.1

Browse Source
cyl/dev
wangxia 4 years ago
parent acffce4979
commit 449a438d61
27 changed files with 27149 additions and 8455 deletions
Show Stats Download Patch File Download Diff File

16304
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
Unescape Escape View File

@ -12,7 +12,7 @@
"axios": "^0.25.0",
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vue-router": "3.0",
"vuex": "^3.4.0"
},
"devDependencies": {

443
src/assets/fontfile/demo_index.html
Unescape Escape View File

@ -54,6 +54,120 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe716;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe716;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71c;</span>
<div class="name">个人中心-密码</div>
<div class="code-name">&amp;#xe71c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71b;</span>
<div class="name">绑定银行卡</div>
<div class="code-name">&amp;#xe71b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe719;</span>
<div class="name">个人中心</div>
<div class="code-name">&amp;#xe719;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71a;</span>
<div class="name">账号设置</div>
<div class="code-name">&amp;#xe71a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70c;</span>
<div class="name">个人中心-绑定手机</div>
<div class="code-name">&amp;#xe70c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70d;</span>
<div class="name">实名认证</div>
<div class="code-name">&amp;#xe70d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe710;</span>
<div class="name">工单</div>
<div class="code-name">&amp;#xe710;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe711;</span>
<div class="name">余额</div>
<div class="code-name">&amp;#xe711;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe715;</span>
<div class="name">老乡</div>
<div class="code-name">&amp;#xe715;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe717;</span>
<div class="name">积分</div>
<div class="code-name">&amp;#xe717;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe718;</span>
<div class="name">卡券</div>
<div class="code-name">&amp;#xe718;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68c;</span>
<div class="name">右箭头</div>
<div class="code-name">&amp;#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe714;</span>
<div class="name">暂无卡券</div>
<div class="code-name">&amp;#xe714;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe712;</span>
<div class="name">睁眼 </div>
<div class="code-name">&amp;#xe712;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe713;</span>
<div class="name">闭眼</div>
<div class="code-name">&amp;#xe713;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70a;</span>
<div class="name">中国银行</div>
<div class="code-name">&amp;#xe70a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70b;</span>
<div class="name">中原银行</div>
<div class="code-name">&amp;#xe70b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70f;</span>
<div class="name">农业银行</div>
<div class="code-name">&amp;#xe70f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe701;</span>
<div class="name">关闭</div>
@ -198,9 +312,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1644375850663') format('woff2'),
url('iconfont.woff?t=1644375850663') format('woff'),
url('iconfont.ttf?t=1644375850663') format('truetype');
src: url('iconfont.woff2?t=1644478280814') format('woff2'),
url('iconfont.woff?t=1644478280814') format('woff'),
url('iconfont.ttf?t=1644478280814') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -226,6 +340,177 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-weixin1"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenzhongxin-mima"></span>
<div class="name">
个人中心-密码
</div>
<div class="code-name">.icon-gerenzhongxin-mima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bangdingyinhangka"></span>
<div class="name">
绑定银行卡
</div>
<div class="code-name">.icon-bangdingyinhangka
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenzhongxin"></span>
<div class="name">
个人中心
</div>
<div class="code-name">.icon-gerenzhongxin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoshezhi"></span>
<div class="name">
账号设置
</div>
<div class="code-name">.icon-zhanghaoshezhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gerenzhongxin-bangdingshouji"></span>
<div class="name">
个人中心-绑定手机
</div>
<div class="code-name">.icon-gerenzhongxin-bangdingshouji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shimingrenzheng"></span>
<div class="name">
实名认证
</div>
<div class="code-name">.icon-shimingrenzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gongdan"></span>
<div class="name">
工单
</div>
<div class="code-name">.icon-gongdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yue"></span>
<div class="name">
余额
</div>
<div class="code-name">.icon-yue
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laoxiang"></span>
<div class="name">
老乡
</div>
<div class="code-name">.icon-laoxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jifen"></span>
<div class="name">
积分
</div>
<div class="code-name">.icon-jifen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaquan"></span>
<div class="name">
卡券
</div>
<div class="code-name">.icon-kaquan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youjiantou"></span>
<div class="name">
右箭头
</div>
<div class="code-name">.icon-youjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zanwukaquan"></span>
<div class="name">
暂无卡券
</div>
<div class="code-name">.icon-zanwukaquan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhengyan"></span>
<div class="name">
睁眼
</div>
<div class="code-name">.icon-zhengyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biyan"></span>
<div class="name">
闭眼
</div>
<div class="code-name">.icon-biyan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongguoyinhang"></span>
<div class="name">
中国银行
</div>
<div class="code-name">.icon-zhongguoyinhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongyuanyinhang"></span>
<div class="name">
中原银行
</div>
<div class="code-name">.icon-zhongyuanyinhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nongyeyinhang"></span>
<div class="name">
农业银行
</div>
<div class="code-name">.icon-nongyeyinhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanbi"></span>
<div class="name">
@ -442,6 +727,158 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin1"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-weixin1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenzhongxin-mima"></use>
</svg>
<div class="name">个人中心-密码</div>
<div class="code-name">#icon-gerenzhongxin-mima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bangdingyinhangka"></use>
</svg>
<div class="name">绑定银行卡</div>
<div class="code-name">#icon-bangdingyinhangka</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenzhongxin"></use>
</svg>
<div class="name">个人中心</div>
<div class="code-name">#icon-gerenzhongxin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghaoshezhi"></use>
</svg>
<div class="name">账号设置</div>
<div class="code-name">#icon-zhanghaoshezhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gerenzhongxin-bangdingshouji"></use>
</svg>
<div class="name">个人中心-绑定手机</div>
<div class="code-name">#icon-gerenzhongxin-bangdingshouji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shimingrenzheng"></use>
</svg>
<div class="name">实名认证</div>
<div class="code-name">#icon-shimingrenzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongdan"></use>
</svg>
<div class="name">工单</div>
<div class="code-name">#icon-gongdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yue"></use>
</svg>
<div class="name">余额</div>
<div class="code-name">#icon-yue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laoxiang"></use>
</svg>
<div class="name">老乡</div>
<div class="code-name">#icon-laoxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifen"></use>
</svg>
<div class="name">积分</div>
<div class="code-name">#icon-jifen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaquan"></use>
</svg>
<div class="name">卡券</div>
<div class="code-name">#icon-kaquan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youjiantou"></use>
</svg>
<div class="name">右箭头</div>
<div class="code-name">#icon-youjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zanwukaquan"></use>
</svg>
<div class="name">暂无卡券</div>
<div class="code-name">#icon-zanwukaquan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhengyan"></use>
</svg>
<div class="name">睁眼 </div>
<div class="code-name">#icon-zhengyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biyan"></use>
</svg>
<div class="name">闭眼</div>
<div class="code-name">#icon-biyan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongguoyinhang"></use>
</svg>
<div class="name">中国银行</div>
<div class="code-name">#icon-zhongguoyinhang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongyuanyinhang"></use>
</svg>
<div class="name">中原银行</div>
<div class="code-name">#icon-zhongyuanyinhang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nongyeyinhang"></use>
</svg>
<div class="name">农业银行</div>
<div class="code-name">#icon-nongyeyinhang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guanbi"></use>

82
src/assets/fontfile/iconfont.css
Unescape Escape View File

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 3135652 */
src: url('iconfont.woff2?t=1644375850663') format('woff2'),
url('iconfont.woff?t=1644375850663') format('woff'),
url('iconfont.ttf?t=1644375850663') format('truetype');
src: url('iconfont.woff2?t=1644478280814') format('woff2'),
url('iconfont.woff?t=1644478280814') format('woff'),
url('iconfont.ttf?t=1644478280814') format('truetype');
}
.iconfont {
@ -13,6 +13,82 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin1:before {
content: "\e716";
}
.icon-gerenzhongxin-mima:before {
content: "\e71c";
}
.icon-bangdingyinhangka:before {
content: "\e71b";
}
.icon-gerenzhongxin:before {
content: "\e719";
}
.icon-zhanghaoshezhi:before {
content: "\e71a";
}
.icon-gerenzhongxin-bangdingshouji:before {
content: "\e70c";
}
.icon-shimingrenzheng:before {
content: "\e70d";
}
.icon-gongdan:before {
content: "\e710";
}
.icon-yue:before {
content: "\e711";
}
.icon-laoxiang:before {
content: "\e715";
}
.icon-jifen:before {
content: "\e717";
}
.icon-kaquan:before {
content: "\e718";
}
.icon-youjiantou:before {
content: "\e68c";
}
.icon-zanwukaquan:before {
content: "\e714";
}
.icon-zhengyan:before {
content: "\e712";
}
.icon-biyan:before {
content: "\e713";
}
.icon-zhongguoyinhang:before {
content: "\e70a";
}
.icon-zhongyuanyinhang:before {
content: "\e70b";
}
.icon-nongyeyinhang:before {
content: "\e70f";
}
.icon-guanbi:before {
content: "\e701";
}

2
src/assets/fontfile/iconfont.js
View File

File diff suppressed because one or more lines are too long

133
src/assets/fontfile/iconfont.json
Unescape Escape View File

@ -5,6 +5,139 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "27550843",
"name": "微信",
"font_class": "weixin1",
"unicode": "e716",
"unicode_decimal": 59158
},
{
"icon_id": "27550809",
"name": "个人中心-密码",
"font_class": "gerenzhongxin-mima",
"unicode": "e71c",
"unicode_decimal": 59164
},
{
"icon_id": "27550599",
"name": "绑定银行卡",
"font_class": "bangdingyinhangka",
"unicode": "e71b",
"unicode_decimal": 59163
},
{
"icon_id": "27550490",
"name": "个人中心",
"font_class": "gerenzhongxin",
"unicode": "e719",
"unicode_decimal": 59161
},
{
"icon_id": "27550375",
"name": "账号设置",
"font_class": "zhanghaoshezhi",
"unicode": "e71a",
"unicode_decimal": 59162
},
{
"icon_id": "27550277",
"name": "个人中心-绑定手机",
"font_class": "gerenzhongxin-bangdingshouji",
"unicode": "e70c",
"unicode_decimal": 59148
},
{
"icon_id": "27550278",
"name": "实名认证",
"font_class": "shimingrenzheng",
"unicode": "e70d",
"unicode_decimal": 59149
},
{
"icon_id": "27550281",
"name": "工单",
"font_class": "gongdan",
"unicode": "e710",
"unicode_decimal": 59152
},
{
"icon_id": "27550282",
"name": "余额",
"font_class": "yue",
"unicode": "e711",
"unicode_decimal": 59153
},
{
"icon_id": "27550283",
"name": "老乡",
"font_class": "laoxiang",
"unicode": "e715",
"unicode_decimal": 59157
},
{
"icon_id": "27550285",
"name": "积分",
"font_class": "jifen",
"unicode": "e717",
"unicode_decimal": 59159
},
{
"icon_id": "27550286",
"name": "卡券",
"font_class": "kaquan",
"unicode": "e718",
"unicode_decimal": 59160
},
{
"icon_id": "12097774",
"name": "右箭头",
"font_class": "youjiantou",
"unicode": "e68c",
"unicode_decimal": 59020
},
{
"icon_id": "27532484",
"name": "暂无卡券",
"font_class": "zanwukaquan",
"unicode": "e714",
"unicode_decimal": 59156
},
{
"icon_id": "27531803",
"name": "睁眼 ",
"font_class": "zhengyan",
"unicode": "e712",
"unicode_decimal": 59154
},
{
"icon_id": "27531804",
"name": "闭眼",
"font_class": "biyan",
"unicode": "e713",
"unicode_decimal": 59155
},
{
"icon_id": "27531567",
"name": "中国银行",
"font_class": "zhongguoyinhang",
"unicode": "e70a",
"unicode_decimal": 59146
},
{
"icon_id": "27531568",
"name": "中原银行",
"font_class": "zhongyuanyinhang",
"unicode": "e70b",
"unicode_decimal": 59147
},
{
"icon_id": "27531572",
"name": "农业银行",
"font_class": "nongyeyinhang",
"unicode": "e70f",
"unicode_decimal": 59151
},
{
"icon_id": "27523084",
"name": "关闭",

BIN
src/assets/fontfile/iconfont.ttf
View File

Binary file not shown.

BIN
src/assets/fontfile/iconfont.woff
View File

Binary file not shown.

BIN
src/assets/fontfile/iconfont.woff2
View File

Binary file not shown.

7
src/components/FirstJob/detail.vue
Unescape Escape View File

@ -291,6 +291,13 @@ export default {
</script>
<style scoped lang="less">
.ant-breadcrumb {
.ant-breadcrumb-link {
a:hover {
color: #ff6a00;
}
}
}
.detail-container {
overflow: hidden;
// border-top: 1px solid #eeefef;

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

@ -735,7 +735,11 @@ export default {
} else if (date.getDay() === 7) {
this.dateinfo.week = "星期日";
}
this.dateinfo.day = "0" + date.getDate();
if (date.getDate().length < 2) {
this.dateinfo.day = "0" + date.getDate();
} else {
this.dateinfo.day = date.getDate();
}
this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
},
delmark(index) {

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

@ -1,4 +1,5 @@
<template>
<!-- 首页页面 -->
<div class="main-container">
<div class="bgimg">
<a-carousel :autoplay="true" effect="fade" :dots="false" ref="scrollimg">

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

@ -0,0 +1,82 @@
<template>
<div class="accountsetting-container">
<div class="accountcontent w">
<div class="leftlist">
<div class="userbaseinfo">
<ul>
<li>
<span><i class="iconfont icon-laoxiang"></i> 我的老乡</span
><i class="iconfont icon-youjiantou"></i>
</li>
<li>
<span><i class="iconfont icon-gongdan"></i> 我的工单</span
><i class="iconfont icon-youjiantou"></i>
</li>
</ul>
</div>
</div>
<div class="rightcontent"></div>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {},
};
</script>
<style scoped lang="less">
.accountcontent {
height: 1000px;
margin-top: 16px;
background-color: pink;
display: flex;
.leftlist {
width: 346px;
height: 500px;
background-color: skyblue;
margin-right: 16px;
.userbaseinfo {
ul {
padding: 0 16px;
li {
display: flex;
padding: 16px 0 16px 50px;
justify-content: space-between;
}
}
}
}
.rightcontent {
width: 838px;
height: 600px;
background-color: gray;
}
}
</style>

71
src/components/userinfo/usercenter/components/mybalance.vue
Unescape Escape View File

@ -0,0 +1,71 @@
<template>
<div class="mybalance-container">
<div class="contenttitle">
<span>我的老乡</span>
<div>
<button>已在职</button>
<button>未在职</button>
</div>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {},
};
</script>
<style scoped lang="less">
.contenttitle {
display: flex;
padding-bottom: 16px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
margin-bottom: 16px;
span {
font-size: 20px;
color: #ff6a00;
}
div {
button {
width: 100px;
height: 28px;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
}
</style>

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

@ -0,0 +1,144 @@
<template>
<div class="mybill-container">
<div class="contenttitle">
<span>我的工单</span>
<div>
<button>打电话</button>
<button>推工作</button>
<button>跟在职</button>
</div>
</div>
<div class="contentbody">
<a-table
:columns="columns"
:data-source="data"
:pagination="{ 'default-current': 1, defaultPageSize: 1 }"
@change="onChange"
>
<a slot="name" slot-scope="text">{{ text }}</a>
</a-table>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {
columns: [
{
title: "序号",
dataIndex: "index",
key: "index",
scopedSlots: { customRender: "index" },
width: 60,
},
{
title: "老乡姓名",
dataIndex: "name",
key: "name",
width: 90,
},
{
title: "老乡手机号",
dataIndex: "tel",
key: "tel",
width: 120,
// ellipsis: true,
},
{
title: "跟进记录",
dataIndex: "record",
key: "record",
ellipsis: true,
},
{
title: "更新时间",
dataIndex: "time",
key: "time",
width: 160,
},
],
data: [
{
index: "1",
name: "房竟慧",
record: "协助报名@草莓/郭美美",
tel: "13456677890",
time: "2021-09-13 15:41",
},
{
index: "2",
name: "范明",
record: "自主报名 朋友推荐",
tel: "13456677890",
time: "2021-09-13 15:41",
},
{
index: "3",
name: "陈伟运",
record: "自主登录",
tel: "13456677890",
time: "2021-09-13 15:41",
},
],
};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {
onChange(e) {
console.log(e);
},
},
};
</script>
<style scoped lang="less">
.contenttitle {
display: flex;
padding-bottom: 16px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
margin-bottom: 16px;
span {
font-size: 20px;
color: #ff6a00;
}
div {
button {
width: 100px;
height: 28px;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
}
</style>

71
src/components/userinfo/usercenter/components/mycard.vue
Unescape Escape View File

@ -0,0 +1,71 @@
<template>
<div class="mycard-container">
<div class="contenttitle">
<span>我的老乡</span>
<div>
<button>已在职</button>
<button>未在职</button>
</div>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {},
};
</script>
<style scoped lang="less">
.contenttitle {
display: flex;
padding-bottom: 16px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
margin-bottom: 16px;
span {
font-size: 20px;
color: #ff6a00;
}
div {
button {
width: 100px;
height: 28px;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
}
</style>

36
src/components/userinfo/usercenter/components/myintegral.vue
Unescape Escape View File

@ -0,0 +1,36 @@
<template>
<div class="myintegral-container">我的积分</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {},
};
</script>
<style scoped lang="less"></style>

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

@ -0,0 +1,133 @@
<template>
<div class="townsman-container">
<div class="contenttitle">
<span>我的老乡</span>
<div>
<button>已在职</button>
<button>未在职</button>
</div>
</div>
<div class="contentbody">
<a-table
:columns="columns"
:data-source="data"
:pagination="{ 'default-current': 1, defaultPageSize: 1 }"
@change="onChange"
>
<a slot="name" slot-scope="text">{{ text }}</a>
</a-table>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {
columns: [
{
title: "序号",
dataIndex: "index",
key: "index",
scopedSlots: { customRender: "index" },
width: 60,
},
{
title: "老乡姓名",
dataIndex: "name",
key: "name",
width: 90,
},
{
title: "跟进记录",
dataIndex: "record",
key: "record",
ellipsis: true,
},
{
title: "更新时间",
dataIndex: "time",
key: "time",
width: 160,
},
],
data: [
{
index: "1",
name: "房竟慧",
record: "协助报名@草莓/郭美美",
time: "2021-09-13 15:41",
},
{
index: "2",
name: "范明",
record: "自主报名 朋友推荐",
time: "2021-09-13 15:41",
},
{
index: "3",
name: "陈伟运",
record: "自主登录",
time: "2021-09-13 15:41",
},
],
};
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {
onChange(e) {
console.log(e);
},
},
};
</script>
<style scoped lang="less">
.contenttitle {
display: flex;
padding-bottom: 16px;
justify-content: space-between;
border-bottom: 1px solid rgba(77, 87, 94, 0.1);
margin-bottom: 16px;
span {
font-size: 20px;
color: #ff6a00;
}
div {
button {
width: 100px;
height: 28px;
font-size: 14px;
border: 1px solid #cccccc;
background-color: #fff;
}
button:first-child {
border-radius: 4px 0px 0px 4px;
}
button:last-child {
border-radius: 0px 4px 4px 0px;
}
}
}
</style>

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

@ -0,0 +1,246 @@
<template>
<div class="usercenter-container">
<div class="usercontent w">
<div class="leftlist">
<div class="userbaseinfo">
<ul>
<li
@click="pushto('/userinfo/usercenter/townsman')"
:class="{ tagactive: activelist === 1 }"
>
<span><i class="iconfont icon-laoxiang"></i>我的老乡</span
><i class="iconfont icon-youjiantou"></i>
</li>
<li
@click="pushto('/userinfo/usercenter/mybill')"
:class="{ tagactive: activelist === 2 }"
>
<span><i class="iconfont icon-gongdan"></i>我的工单</span
><i class="iconfont icon-youjiantou"></i>
</li>
</ul>
</div>
<div class="priceinfo">
<ul>
<li
@click="pushto('/userinfo/usercenter/myintegral')"
:class="{ tagactive: activelist === 3 }"
>
<span><i class="iconfont icon-jifen"></i>我的积分</span
><span
><span>5000分</span><i class="iconfont icon-youjiantou"></i
></span>
</li>
<li
@click="pushto('/userinfo/usercenter/mycard')"
:class="{ tagactive: activelist === 4 }"
>
<span><i class="iconfont icon-kaquan"></i>我的卡券</span
><span
><span>3张</span><i class="iconfont icon-youjiantou"></i
></span>
</li>
<li
@click="pushto('/userinfo/usercenter/mybalance')"
:class="{ tagactive: activelist === 5 }"
>
<span><i class="iconfont icon-yue"></i>我的余额</span
><span
><span>999.00元</span><i class="iconfont icon-youjiantou"></i
></span>
</li>
</ul>
</div>
</div>
<div class="rightcontent">
<router-view></router-view>
</div>
</div>
</div>
</template>
<script>
export default {
// 组件名称
name: "",
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {
activelist: "",
// path:,
};
},
// 计算属性
computed: {
path() {
return this.$route.fullPath;
},
},
// 侦听器
watch: {
path() {
this.listactive();
},
},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {
this.listactive();
},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {
pushto(url) {
this.$router.push(url);
},
listactive() {
console.log(this.path);
console.log(1);
if (this.path.indexOf("/townsman") > -1) {
this.activelist = 1;
} else if (this.path.indexOf("/mybill") > -1) {
this.activelist = 2;
} else if (this.path.indexOf("/myintegral") > -1) {
this.activelist = 3;
} else if (this.path.indexOf("/mycard") > -1) {
this.activelist = 4;
} else if (this.path.indexOf("/mybalance") > -1) {
this.activelist = 5;
}
},
},
};
</script>
<style scoped lang="less">
.tagactive {
background-color: #ff6a00 !important;
color: #fff !important;
span {
span {
color: #fff !important;
}
i {
color: #fff !important;
}
}
i {
color: #fff !important;
}
}
.usercontent {
height: 1000px;
margin-top: 16px;
// background-color: pink;
display: flex;
.leftlist {
width: 346px;
height: 500px;
background-color: skyblue;
margin-right: 16px;
.userbaseinfo {
ul {
// padding-left: 50px;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
li {
position: relative;
display: flex;
padding: 16px 16px 16px 16px;
line-height: 24px;
justify-content: space-between;
background-color: #fff;
// border-bottom: 1px solid #f3f4f4;
cursor: pointer;
&:nth-child(1):after {
position: absolute;
content: "";
display: inline-block;
height: 1px;
width: 314px;
bottom: 0;
left: 16px;
background-color: #f3f4f4;
}
span {
font-size: 16px;
i {
margin-right: 12px;
font-size: 20px;
}
}
> i {
color: #888;
font-size: 22px;
}
}
}
}
.priceinfo {
ul {
margin-top: 16px;
// padding: 0 16px;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
li {
position: relative;
display: flex;
padding: 16px 16px 16px 16px;
line-height: 24px;
justify-content: space-between;
// border-bottom: 1px solid #f3f4f4;
cursor: pointer;
&:nth-child(-n + 2):after {
position: absolute;
content: "";
display: inline-block;
height: 1px;
width: 314px;
bottom: 0;
left: 16px;
background-color: #f3f4f4;
}
span:first-of-type {
font-size: 16px;
i:first-of-type {
margin-right: 12px;
font-size: 20px;
vertical-align: middle;
}
}
span:last-of-type {
span {
color: #999999;
font-size: 14px;
}
i {
color: #888;
font-size: 22px;
vertical-align: middle;
}
}
}
}
}
}
.rightcontent {
width: 838px;
height: 600px;
padding: 16px;
background-color: #fff;
}
}
</style>

6
src/permission.js
Unescape Escape View File

@ -1,6 +1,9 @@
// 路由权限的配置
import router from "./router";
router.beforeEach(async (to, from, next) => {
console.log(to);
console.log(from);
// 路由守卫
const whiteList = [
"/login",
@ -11,6 +14,9 @@ router.beforeEach(async (to, from, next) => {
"/updatepsw",
]; // 设置白名单
const isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false;
// if (to.fullPath === from.fullPath) {
// next(to.path);
// }
console.log(to);
if (isLogin) {
if (to.path === "/login") {

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

@ -63,6 +63,64 @@ const routes = [
},
],
},
{
path: "/userinfo",
name: "userinfo",
component: () => import("../views/userinfo.vue"),
redirect: "usercenter",
children: [
{
path: "usercenter",
name: "usercenter",
component: () => import("../components/userinfo/usercenter/index.vue"),
redirect: "townsman",
children: [
{
path: "townsman",
name: "townsman",
component: () =>
import(
"../components/userinfo/usercenter/components/townsman.vue"
),
},
{
path: "mybill",
name: "mybill",
component: () =>
import("../components/userinfo/usercenter/components/mybill.vue"),
},
{
path: "mycard",
name: "mycard",
component: () =>
import("../components/userinfo/usercenter/components/mycard.vue"),
},
{
path: "mybalance",
name: "mybalance",
component: () =>
import(
"../components/userinfo/usercenter/components/mybalance.vue"
),
},
{
path: "myintegral",
name: "myintegral",
component: () =>
import(
"../components/userinfo/usercenter/components/myintegral.vue"
),
},
],
},
{
path: "/accountsetting",
name: "accountsetting",
component: () =>
import("../components/userinfo/accountsetting/inedex.vue"),
},
],
},
{
path: "*",
name: "404",

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

@ -126,6 +126,82 @@ i {
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin1:before {
content: "\e716";
}
.icon-gerenzhongxin-mima:before {
content: "\e71c";
}
.icon-bangdingyinhangka:before {
content: "\e71b";
}
.icon-gerenzhongxin:before {
content: "\e719";
}
.icon-zhanghaoshezhi:before {
content: "\e71a";
}
.icon-gerenzhongxin-bangdingshouji:before {
content: "\e70c";
}
.icon-shimingrenzheng:before {
content: "\e70d";
}
.icon-gongdan:before {
content: "\e710";
}
.icon-yue:before {
content: "\e711";
}
.icon-laoxiang:before {
content: "\e715";
}
.icon-jifen:before {
content: "\e717";
}
.icon-kaquan:before {
content: "\e718";
}
.icon-youjiantou:before {
content: "\e68c";
}
.icon-zanwukaquan:before {
content: "\e714";
}
.icon-zhengyan:before {
content: "\e712";
}
.icon-biyan:before {
content: "\e713";
}
.icon-zhongguoyinhang:before {
content: "\e70a";
}
.icon-zhongyuanyinhang:before {
content: "\e70b";
}
.icon-nongyeyinhang:before {
content: "\e70f";
}
.icon-guanbi:before {
content: "\e701";
}
@ -210,7 +286,6 @@ i {
content: "\e6e0";
}
// 公用样式类名
.w {
width: 1200px;
@ -223,7 +298,7 @@ i {
top: 152px !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;
transition: none !important;
.ant-cascader-menu {
height: auto;
width: 100%;
@ -238,25 +313,21 @@ i {
}
}
}
.ant-cascader-menus.slide-up-leave-active{
animation: none !important;
transition: none !important;
.ant-cascader-menus.slide-up-leave-active {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.slide-up-enter-active{
animation: none !important;
transition: none !important;
.ant-cascader-menus.slide-up-enter-active {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.slide-up-leave{
transition: none !important;
animation: none !important;
.ant-cascader-menus.slide-up-leave {
transition: none !important;
animation: none !important;
}
.ant-cascader-menus.slide-up-enter{
animation: none !important;
transition: none !important;
.ant-cascader-menus.slide-up-enter {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.flitercity {
left: calc((100vw - 1216px) / 2) !important;
@ -264,7 +335,7 @@ i {
border-radius: 0 0 4px 4px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
.ant-cascader-menu {
height: 500px;
.ant-cascader-menu-item {
@ -278,36 +349,59 @@ i {
}
}
}
.logindropdown{
// left: 0;
left: calc((100vw - 1200px) / 2 + 1013px) !important;
.loginbox {
width: 180px;
height: 114px;
overflow: hidden;
background-color: #fff;
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128,0.4);
div:first-child {
margin-top: 24px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
button {
width: 130px;
height: 32px;
margin-top: 15px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #ff6a00;
font-size: 14px;
line-height: 32px;
background-color: #fff;
cursor: pointer;
.logindropdown {
// left: 0;
left: calc((100vw - 1200px) / 2 + 1013px) !important;
.loginbox {
width: 180px;
// height: 114px;
overflow: hidden;
background-color: #fff;
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
padding: 0 16px 16px 16px;
> div {
padding: 16px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #eee;
}
>a{
> div {
display: flex;
padding: 16px 0;
font-size: 14px;
// font-weight: bold;
justify-content: space-between;
border-bottom: 1px solid #eee;
span {
line-height: 18px;
i {
font-size: 18px;
margin-right: 5px;
vertical-align: baseline;
}
}
}
}
}
button {
width: 130px;
height: 32px;
margin-top: 24px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #ff6a00;
font-size: 14px;
line-height: 32px;
background-color: #fff;
cursor: pointer;
}
}
}
.beforeblock {
@ -321,23 +415,23 @@ i {
}
h1.bottombox,
p.bottombox {
position: relative;
position: relative;
text-align: center;
// border-bottom: 1px solid #eeefef;
margin-top: 12px;
padding-bottom: 12px;
margin-top: 12px;
padding-bottom: 12px;
margin-bottom: 16px;
color: rgba(0, 0, 0, 0.85);
&::after{
content: '';
display: block;
position: absolute;
width: 270px;
height: 1px;
bottom: 0;
left: -20px;
background-color: #eeefef;
}
color: rgba(0, 0, 0, 0.85);
&::after {
content: "";
display: block;
position: absolute;
width: 270px;
height: 1px;
bottom: 0;
left: -20px;
background-color: #eeefef;
}
// i {
// display: inline-block;
// line-height: 20px;
@ -366,12 +460,12 @@ p.bottombox {
}
}
// 面包屑样式
.ant-breadcrumb{
margin-top:15px;
.ant-breadcrumb-link{
cursor:default
}
};
.ant-breadcrumb {
margin-top: 15px;
.ant-breadcrumb-link {
cursor: default;
}
}
// 媒体查询
@media screen and (max-width: 1910px) {
.loginlogo {

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

@ -1,6 +1,6 @@
import axios from "axios";
// const baseURL = "http://1shoudan.com";
const baseURL = "https://d.matripe.com.cn";
const baseURL = "http://1shoudan.com";
// const baseURL = "https://d.matripe.com.cn";
// const baseURL = "http://bl7.matripe.com.cn:8001";
// const baseURL = "http://nb.renminshitang.com.cn";
// const baseURL = "http://localhost:8001";

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

@ -55,6 +55,20 @@
<span><i class="iconfont icon-touxiang"></i></span>
<div class="loginbox" slot="overlay">
<div>{{ loginValue.tel }}</div>
<router-link to="/userinfo/usercenter/townsman">
<div>
<span
><i class="iconfont icon-gerenzhongxin"></i>个人中心</span
><i class="iconfont icon-youjiantou"></i></div
></router-link>
<router-link to="/accountsetting"
><div>
<span
><i class="iconfont icon-zhanghaoshezhi"></i
>账号设置</span
><i class="iconfont icon-youjiantou"></i>
</div>
</router-link>
<button @click="logout">退出登录</button>
</div>
</a-dropdown>

686
src/views/userinfo.vue
Unescape Escape View File

@ -0,0 +1,686 @@
<template>
<div class="userinfo-container" @click="isspecialboxshow = false">
<!-- title部分 -->
<div class="pagetitle">
<div class="w">
<span>
<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
<router-link to="/main"
><i class="iconfont icon-dingbulogo"></i
></router-link>
</span>
<span>
<ul>
<li>
<router-link to="/">
<a
href="javascript:;"
:class="routertitleindex === 0 ? 'titleactive' : ''"
>首页</a
></router-link
>
</li>
<li>
<router-link to="/userinfo/usercenter/townsman"
><a
href="javascript:;"
:class="routertitleindex === 1 ? 'titleactive' : ''"
>个人中心</a
></router-link
>
</li>
<li>
<router-link to="/accountsetting"
><a
href="javascript:;"
:class="routertitleindex === 2 ? 'titleactive' : ''"
>账号设置</a
>
</router-link>
</li>
</ul>
</span>
<span class="login">
<span v-if="isLogin">
<a-dropdown overlayClassName="logindropdown">
<span><i class="iconfont icon-touxiang"></i></span>
<div class="loginbox" slot="overlay">
<div>{{ loginValue.tel }}</div>
<router-link to="/userinfo/usercenter/townsman">
<div>
<span
><i class="iconfont icon-gerenzhongxin"></i>个人中心</span
><i class="iconfont icon-youjiantou"></i>
</div>
</router-link>
<router-link to="/accountsetting">
<div>
<span
><i class="iconfont icon-zhanghaoshezhi"></i
>账号设置</span
><i class="iconfont icon-youjiantou"></i>
</div>
</router-link>
<button @click="logout">退出登录</button>
</div>
</a-dropdown>
</span>
<span v-if="!isLogin">
<!-- <router-link to="/register">注册</router-link>/ -->
<router-link to="/login"
><button style="cursor: pointer">登录</button></router-link
></span
>
</span>
</div>
</div>
<!-- 搜索栏 -->
<router-view
:isspecialboxshow.sync="isspecialboxshow"
:formvalue="formvalue"
:jobMainList="jobMainList"
:isspinning="isspinning"
></router-view>
<!-- 老乡广告 -->
<!-- <div class="fellowtownsman" v-if="laoxiangshow">
<div class="w">
<div class="title">
<h1><span></span>老乡们都想去</h1>
</div>
<div class="main">
<div
class="jobinfobox"
v-for="(item, index) in fellowList"
:key="index"
>
<router-link :to="'/detail/' + item.id">
<a href="javascript:;" @click="resetpage">
<div class="imgbox">
<img v-if="item.logo" :src="item.logo" alt="" />
<img v-else src="../../../assets/nopicture.png" alt="" />
<span>服务费<i>1.3</i>元/小时</span>
</div>
<div class="jobname">{{ item.aliasName }}</div>
</a>
</router-link>
<div class="jobinfo">
<span>{{ item.district }}</span>
<span>{{ item.gender }}</span>
<span>{{ item.age }}</span>
</div>
<div class="jobtag">
<span>返费</span>
<span
v-for="(item1, index) in item.jobSpecialLabelNames"
:key="index"
>{{ item1 }}</span
>
</div>
<div class="jobprice">
<template v-if="item.hourlyPay"
><span>{{ item.hourlyPayTemp / 100 }}</span
>元/小时</template
>
<template v-else-if="item.dayPay"
><span>{{ item.hourlyPayTemp / 100 }}</span
>元/日</template
>
</div>
</div>
</div>
</div>
</div> -->
<!-- banner广告栏 -->
<div class="banner" v-if="isbannershow">
<div class="w">
<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
<!-- <img src="../assets/phone.png" alt="" /> -->
</div>
</div>
<!-- footer部分 -->
<footer v-if="isfootershow">
<div class="w">
<ul>
<li @click="totop"><router-link to="/list">一手职位</router-link></li>
<li></li>
<li @click="totop">
<router-link to="/serviceoutlets">服务网点</router-link>
</li>
<li></li>
<li @click="totop">
<router-link to="/aboutus">关于我们</router-link>
</li>
</ul>
<div>
Copyright © 2015 - 2022 Matripe. All Rights Reserved. <i></i>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
>京ICP备16043923号-9</a
>
</div>
</div>
</footer>
</div>
</template>
<script>
// import joblist from "../components/firstjob/joblist.vue";
import {
JobListApi,
// getCityApi,
} from "../api/job";
import { logoutApi } from "../api/login";
import { disposeJobListData } from "../utils/commonUtil";
export default {
inject: ["reload"],
provide() {
return {
getJobList: this.getJobList,
};
},
// 组件名称
name: "",
// 局部注册的组件
components: {
// joblist,
},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {
fellowList: [],
isspinning: false,
isspecialboxshow: false,
isfootershow: true,
laoxiangshow: false,
isbannershow: true,
isLogin: false,
loginValue: {},
jobMainList: [],
formvalue: {
// 筛选的上传参数
district: [], // 城镇数据
monthlyPayStr: [], // 每月工资
ageStr: [], // 年龄数据
jobSpecialLabelIds: [], // 特色标签索引
aliasName: "",
pageNum: 1,
pageSize: 8,
total: null, //分页配置
},
};
},
// 计算属性
computed: {
routertitleindex: {
set() {},
get() {
const path = this.$route.fullPath;
if (path.indexOf("usercenter") > -1) {
return 1;
} else if (path.indexOf("accountsetting") > -1) {
return 2;
} else {
return 4;
}
},
},
// isLogin() {
// return localStorage.getItem("LOGIN_DATA") !== null ? true : false;
// },
// loginValue() {
// return localStorage.getItem("LOGIN_DATA") !== null
// ? JSON.parse(localStorage.getItem("LOGIN_DATA"))
// : { tel: "" };
// return JSON.parse(data)
// },
},
// 侦听器
watch: {
routertitleindex() {
const path = this.$route.fullPath;
if (path.indexOf("serviceoutlets") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("aboutus") > -1) {
this.laoxiangshow = false;
} else {
this.laoxiangshow = true;
}
this.showfooter();
},
// isLogin() {
// this.isLogin = JSON.parse(localStorage.getItem("LOGIN_DATA"));
// console.log(this.isLogin);
// },
},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {
this.getJobList();
this.isLaoxiangshow();
this.getRecommendJob();
this.showfooter();
},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {
console.log(localStorage.getItem("LOGIN_DATA"));
this.isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false;
this.loginValue =
localStorage.getItem("LOGIN_DATA") !== null
? JSON.parse(localStorage.getItem("LOGIN_DATA"))
: { tel: "" };
// console.log(document.querySelector(".ant-pagination-options-quick-jumper"));
},
// 组件方法
methods: {
// 获取工作列表
async getJobList() {
this.isspinning = true;
console.log(this.formvalue);
try {
var newdata = {
district: "",
monthlyPayStr: "",
ageStr: "",
jobSpecialLabelIds: "",
aliasName: "",
pageNum: 1,
pageSize: 8,
total: null, //分页配置
};
for (var k in this.formvalue) {
console.log(this.formvalue[k]);
if (Array.isArray(this.formvalue[k])) {
newdata[k] =
this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
} else {
newdata[k] = this.formvalue[k];
}
}
console.log(newdata);
// debugger;
const { data } = await JobListApi(newdata);
console.log(data);
if (data.status === 200) {
this.jobMainList = disposeJobListData(data.data.recordList);
this.formvalue.total = data.data.recordCount;
console.log(this.jobMainList);
} else {
this.$message.info("数据获取失败");
}
// = data.data.recordList;
this.isspinning = false;
console.log(this.formvalue);
} catch (error) {
console.log(error);
}
},
totop() {
// console.log(window);
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
// window.body.scrollY = 0;
},
isLaoxiangshow() {
const path = this.$route.fullPath;
if (path.indexOf("serviceoutlets") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("aboutus") > -1) {
this.laoxiangshow = false;
} else {
this.laoxiangshow = true;
}
},
async getRecommendJob() {
this.isspinning = true;
try {
const { data } = await JobListApi({
pageNum: 1,
pageSize: 4,
jobCategory: 608,
});
console.log(data);
this.fellowList = disposeJobListData(data.data.recordList);
this.isspinning = false;
console.log(this.fellowList);
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
}
},
async logout() {
// logoutApi().then((result) => {
// console.log(result);
// });
try {
const data = await logoutApi();
console.log(data);
if (data.status === 200) {
localStorage.removeItem("LOGIN_DATA");
this.reload();
this.$router.push("/main");
} else {
console.log(1);
}
// this.fellowList = disposeJobListData(data.data.recordList);
// this.isspinning = false;
// console.log(this.fellowList);
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
this.$message.warning(error.message);
}
// console.log(data);
// if (data.status === 200) {
// localStorage.removeItem("LOGIN_DATA");
// }
},
resetpage() {
console.log(1);
setTimeout(() => {
this.reload();
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}, 1000);
},
showfooter() {
const path = this.$route.fullPath;
if (path.indexOf("main") > -1) {
this.isbannershow = false;
this.isfootershow = false;
} else {
this.isbannershow = true;
this.isfootershow = true;
}
if (path.indexOf("login") > -1) {
this.isbannershow = false;
}
},
},
};
</script>
<style scoped lang="less">
.userinfo-container {
height: 100%;
/deep/ .pagetitle {
background-color: #fff;
padding: 14px;
font-size: 16px;
.titleactive {
font-size: 16px;
font-weight: bold;
color: #ff6a00;
}
.w {
overflow: hidden;
// display: flex;
// justify-content: space-between;
// line-height: 36px;
span {
float: left;
}
> span:first-of-type {
display: block;
width: 120px;
height: 52px;
// width: 228px;
// height: 36px;
// img {
// width: 100%;
// height: 100%;
// }
i {
font-size: 46px;
line-height: 52px;
color: #ff6a00;
}
}
> span:nth-of-type(2) {
ul {
font-size: 16px;
display: flex;
margin-left: 80px;
color: #666666;
li {
margin-right: 40px;
line-height: 52px;
text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
a {
transition: none;
&:hover {
color: #ff6a00;
}
}
}
}
}
.login {
float: right;
width: 70px;
line-height: 52px;
span {
span {
width: 36px;
height: 36px;
margin-top: 8px;
margin-left: 33px;
border-radius: 999px;
// background-color: #ff6a00;
margin-right: -3px;
text-align: center;
}
i {
font-size: 32px;
line-height: 30px;
color: #ff6a00;
cursor: pointer;
&:hover {
color: #ff842b;
}
}
}
button {
width: 70px;
height: 32px;
font-size: 14px;
margin-top: 10px;
background-color: #fff;
border: 1px solid #ff6a00;
line-height: 30px;
border-radius: 999px;
color: #ff6a00;
text-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
}
}
}
.fellowtownsman {
// height: 641px;
background: #ffffff;
.w {
padding: 30px 0;
.title {
font-size: 24px;
text-align: left;
color: #4d575e;
line-height: 56px;
h1 {
span {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
width: 4px;
height: 25px;
margin-right: 8px;
background: #ff6a00;
}
}
}
.main {
display: flex;
justify-content: start;
margin-top: 30px;
.jobinfobox {
width: 288px;
// height: 385px;
margin-bottom: 16px;
margin-right: 20px;
background: #ffffff;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 4px;
padding: 20px;
.imgbox {
position: relative;
width: 248px;
height: 186px;
img {
width: 100%;
height: 100%;
}
span {
position: absolute;
padding: 0 10px;
// width: 149px;
height: 28px;
left: 0;
bottom: 0;
background: #ff6a00;
border-radius: 16px 16px 16px 0px;
font-size: 16px;
text-align: center;
color: #ffffff;
line-height: 28px;
}
}
.jobname {
height: 52px;
// margin: 12px 0;
font-size: 20px;
font-weight: bold;
text-align: left;
color: #4d575e;
line-height: 52px;
border-bottom: 1px solid #f2f0ec;
}
.jobinfo {
margin-top: 11px;
opacity: 0.5;
font-size: 18px;
text-align: left;
color: #4d575e;
line-height: 22px;
}
.jobtag {
margin-top: 12px;
text-align: left;
span:first-child {
color: #ff6a00;
background: rgba(254, 97, 0, 0.1);
}
span {
margin-right: 8px;
font-size: 16px;
padding: 3px 8px;
background: rgba(51, 51, 51, 0.06);
border-radius: 4px;
}
}
.jobprice {
margin-top: 12px;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #ff6a00;
line-height: 25px;
span {
font-size: 22px;
}
}
}
}
}
}
.banner {
height: 72px;
margin-top: 20px;
background-color: rgba(255, 106, 0);
margin-bottom: -20px;
.w {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
i {
font-size: 32px;
color: #fff;
}
img:last-child {
width: 173px;
height: 42px;
margin-right: 110px;
}
}
// background-color: black;
}
footer {
padding: 30px;
margin-top: 20px;
.w {
ul {
display: flex;
justify-content: center;
li {
font-size: 16px;
text-align: center;
color: #4d575e;
line-height: 25px;
}
li:nth-of-type(2n) {
width: 1px;
height: 20px;
margin: 5px 54px;
background-color: #4d575e;
}
}
div {
text-align: center;
margin-top: 16px;
color: #4d575e;
font-size: 14px;
i {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 16px;
margin: 0 10px;
background-color: #4d575e;
}
}
}
}
}
</style>

2
vue.config.js
Unescape Escape View File

@ -13,7 +13,7 @@ const name = defaultSettings.title || "vue Admin Template"; // page title
// For example, Mac: sudo npm run
// You can change the port by the following methods:
// port = 9528 npm run dev OR npm run dev --port = 9528
const port = 8080 || process.env.port || process.env.npm_config_port; // dev port
const port = 8888 || process.env.port || process.env.npm_config_port; // dev port
// All configuration item explanations can be find in https://cli.vuejs.org/config/
module.exports = {

16841
yarn.lock
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save