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

v_1.0.0

Browse Source
cyl/dev
wangxia 3 years ago
parent 911d91240f
commit a4c2ac74a4
6 changed files with 3462 additions and 3227 deletions
Show Stats Download Patch File Download Diff File

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

File diff suppressed because it is too large Load Diff

254
src/components/userinfo/accountsetting/components/bocaiTV.vue
Unescape Escape View File

@ -0,0 +1,254 @@
<template>
<div class="bocaiTV-container">
<div class="contenttitle">
<span>伯才TV</span>
</div>
<div class="contentContainer">
<div class="block bgf">
<div class="title p12 tc bbdot1">实时播放控制</div>
<div class="control p20 df">
<div class="dfcloumn">
<div class="iconfont icon-xiangzuo1" size="23" color></div>上一页
</div>
<div class="pause dfcloumn">
<div class="iconfont icon-zanting" size="23" color></div>暂停
</div>
<div class="dfcloumn">
<div class="iconfont icon-xiangyou" size="23" color></div>下一页
</div>
</div>
</div>
<div class="showList">
<div class="title">播放列表</div>
<div class="list bgf">
<a-radio-group v-model="radioVal" @change="onChange" class="radiogroup">
<!-- <div class='dib' wx:for='{{sex}}' wx:key='value'> -->
<a-radio value="1">
<div class="dib">{{'播放招工列表'}}</div>
</a-radio>
<a-radio value="2">
<div class="dib">{{'播放招生列表'}}</div>
</a-radio>
<a-radio value="3">
<div class="dib">{{'招生招工交替播放'}}</div>
</a-radio>
<!-- </div> -->
</a-radio-group>
</div>
</div>
<div class="showList">
<div class="title">播放间隔时间</div>
<div class="content p26 df bd1">
<div class>
<i class="iconfont icon-jian" @click="changeTime('minus')"></i>
</div>
<div class style="min-width:40px">
<span style="font-size:30px">{{second}}</span> 秒
</div>
<div class>
<i class="iconfont icon-jia1" @click="changeTime('add')"></i>
</div>
</div>
</div>
<div class="showList">
<div class="title">更换logo</div>
<div class="logocontent bgf bd1">
<!-- <div class="iconfont icon-bocailogo" style></div> -->
<div>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bocailogo" />
</svg>
</div>
<a class="" >更换图片</a>
</div>
</div>
<div class="dtBtn" style>
<button class>更新配置</button>
</div>
</div>
</div>
</template>
<script>
// import ''
let sp = document.createElement('script')
sp.src = '//at.alicdn.com/t/c/font_3135652_27jwfazqvln.js'
document.body.appendChild(sp)
export default {
// 组件名称
name: '',
// 局部注册的组件
components: {},
// 组件参数 接收来自父组件的数据
props: {},
// 组件状态值
data() {
return {
second: 8,
radioVal: 1,
}
},
// 计算属性
computed: {},
// 侦听器
watch: {},
// 生命周期钩子 注：没用到的钩子请自行删除
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
created() {},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
mounted() {},
// 组件方法
methods: {
onChange(e) {
console.log(e)
},
changeTime(e) {
if (e == 'add') {
this.second += 1
} else {
this.second -= 1
}
if (this.second <= 2) {
this.$message.warning('间隔时间不能少于2秒')
this.second = 2
}
},
},
}
</script>
<style scoped lang="less">
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.contentContainer {
width: 430px;
}
.block {
margin-bottom: 8px;
margin-top: 10px;
border: 1px solid #dddddd;
// box-shadow: 0px 4px 4px 0px #dedede;
}
.p12 {
padding: 12px;
}
.p26 {
padding: 26px;
}
.block .title {
font-size: 20px;
font-weight: 600;
}
.df {
display: flex;
justify-content: space-around;
}
.control > div {
text-align: center;
}
.control > div .iconfont {
font-size: 18px;
line-height: 18px;
margin-bottom: 12px;
}
.control .pause .iconfont {
font-size: 38px;
line-height: 38px;
margin-bottom: 4px;
}
.dfcloumn {
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: center;
}
.showList .title {
padding: 24px 0px 16px;
font-size: 16px;
font-weight: 600;
}
.radiogroup {
display: flex;
flex-direction: column;
border: 1px solid #dddddd;
label:not(:last-child) {
border-bottom: 1px solid #f0f0f0;
}
label {
display: block;
padding: 17px 24px;
font-size: 16px;
}
.ant-radio {
margin-right: 10px;
}
}
.showList > div .iconfont {
font-size: 38px;
line-height: 38px;
}
.showList .content {
line-height: 38px;
}
.showList .content input {
width: 36px;
height: 36px;
margin-right: 8px;
border: 1px solid #d9d9d9;
vertical-align: middle;
display: inline-block;
text-align: center;
}
.logocontent {
display: flex;
justify-content: space-between;
// padding: 12px 22px;
a{
line-height: 88px;
font-size: 16px;
margin-right: 12px;
color: blue;
text-decoration: underline;
}
> div {
width: 176px;
height: 88px;
text-align: center;
background-color: #ddd;
}
}
.logocontent svg {
width: 124px;
height: 88px;
color: #ccc;
}
.dtBtn {
padding: 34px 0;
button {
width: 92px;
height: 32px;
background: #ff4400;
outline: none;
border: none;
color: #fff;
font-size: 14px;
}
}
.iconfont {
color: #999;
cursor: pointer;
}
</style>

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

@ -24,9 +24,7 @@
</div> </div>
</div> </div>
</div> </div>
<template slot="footer"> <template slot="footer">{{ &nbsp; }}</template>
{{ &nbsp; }}
</template>
</a-modal> </a-modal>
<div class="accountcontent w"> <div class="accountcontent w">
<div class="accountSetList"> <div class="accountSetList">
@ -34,9 +32,11 @@
<div class="avatarbox"> <div class="avatarbox">
<i @click="uploadavatar" style="cursor: pointer"> <i @click="uploadavatar" style="cursor: pointer">
<span class="iconfont icon-morentouxiang" v-if="!userbaseInfo.imgSrc"></span> <span class="iconfont icon-morentouxiang" v-if="!userbaseInfo.imgSrc"></span>
<img :src="userbaseInfo.imgSrc" alt="" v-else /> <img :src="userbaseInfo.imgSrc" alt v-else />
<div class="mask"><div>修改头像</div></div></i <div class="mask">
> <div>修改头像</div>
</div>
</i>
<input type="file" ref="updateicon" @change="filepick($event)" style="display: none" /> <input type="file" ref="updateicon" @change="filepick($event)" style="display: none" />
</div> </div>
<div class="username" v-if="userinfo.userName">Hi,{{ userinfo.userName }}</div> <div class="username" v-if="userinfo.userName">Hi,{{ userinfo.userName }}</div>
@ -45,37 +45,50 @@
<div class="priceinfo"> <div class="priceinfo">
<ul style="display: none"> <ul style="display: none">
<li @click="pushto('/accountsetting/myintegral')" :class="{ tagactive: activelist === 6 }"> <li @click="pushto('/accountsetting/myintegral')" :class="{ tagactive: activelist === 6 }">
<span><i class="iconfont icon-jifen"></i>我的积分</span <span>
><span <i class="iconfont icon-jifen"></i>我的积分
><span>{{ userpoint >= 0 ? userpoint : "--" }}分</span><i class="iconfont icon-youjiantou"></i </span>
></span> <span>
<span>{{ userpoint >= 0 ? userpoint : "--" }}分</span>
<i class="iconfont icon-youjiantou"></i>
</span>
</li> </li>
<li @click="pushto('/accountsetting/mycard')" :class="{ tagactive: activelist === 7 }"> <li @click="pushto('/accountsetting/mycard')" :class="{ tagactive: activelist === 7 }">
<span><i class="iconfont icon-kaquan"></i>我的卡券</span <span>
><span <i class="iconfont icon-kaquan"></i>我的卡券
><span>{{ cardinfo.recordCount ? cardinfo.recordCount : "0" }}张</span><i class="iconfont icon-youjiantou"></i </span>
></span> <span>
<span>{{ cardinfo.recordCount ? cardinfo.recordCount : "0" }}张</span>
<i class="iconfont icon-youjiantou"></i>
</span>
</li> </li>
<li @click="pushto('/accountsetting/mybalance')" :class="{ tagactive: activelist === 8 }"> <li @click="pushto('/accountsetting/mybalance')" :class="{ tagactive: activelist === 8 }">
<span><i class="iconfont icon-yue"></i>我的余额</span <span>
><span <i class="iconfont icon-yue"></i>我的余额
><span>{{ userbalance >= 0 ? userbalance : "0" }}元</span> <i class="iconfont icon-youjiantou"></i </span>
></span> <span>
<span>{{ userbalance >= 0 ? userbalance : "0" }}元</span>
<i class="iconfont icon-youjiantou"></i>
</span>
</li> </li>
</ul> </ul>
</div> </div>
<ul> <ul>
<li @click="pushto('/accountsetting/boundtel')" :class="{ tagactive: activelist === 1 }"> <li @click="pushto('/accountsetting/boundtel')" :class="{ tagactive: activelist === 1 }">
<span><i class="iconfont icon-gerenzhongxin-bangdingshouji"></i>绑定手机</span <span>
><span <i class="iconfont icon-gerenzhongxin-bangdingshouji"></i>绑定手机
><span>{{ userinfo.hidetel }}</span> </span>
<span>
<span>{{ userinfo.hidetel }}</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</span> </span>
</li> </li>
<li @click="pushto('/accountsetting/boundwx')" :class="{ tagactive: activelist === 2 }"> <li @click="pushto('/accountsetting/boundwx')" :class="{ tagactive: activelist === 2 }">
<span><i class="iconfont icon-weixin1"></i>绑定微信</span <span>
><span <i class="iconfont icon-weixin1"></i>绑定微信
><span v-if="userinfo.openIdAppDTDL">已绑定</span> </span>
<span>
<span v-if="userinfo.openIdAppDTDL">已绑定</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</span> </span>
</li> </li>
@ -94,9 +107,11 @@
</ul> </ul>
<ul> <ul>
<li @click="pushto('/accountsetting/loginpsw')" :class="{ tagactive: activelist === 0 }"> <li @click="pushto('/accountsetting/loginpsw')" :class="{ tagactive: activelist === 0 }">
<span><i class="iconfont icon-gerenzhongxin-mima"></i>登录密码</span <span>
><span <i class="iconfont icon-gerenzhongxin-mima"></i>登录密码
><span>已设置</span> </span>
<span>
<span>已设置</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</span> </span>
</li> </li>
@ -113,6 +128,16 @@
</span> </span>
</li>--> </li>-->
</ul> </ul>
<ul>
<li @click="pushto('/accountsetting/bocaiTV')" :class="{ tagactive: activelist === 9 }">
<span>
<i class="iconfont icon-tv"></i>伯才TV
</span>
<span>
<i class="iconfont icon-youjiantou"></i>
</span>
</li>
</ul>
</div> </div>
<div class="rightcontent"> <div class="rightcontent">
<router-view :userinfo="userinfo" :userbanklist="userbanklist" :userpoint="userpoint" :userbalance="userbalance"></router-view> <router-view :userinfo="userinfo" :userbanklist="userbanklist" :userpoint="userpoint" :userbalance="userbalance"></router-view>
@ -129,14 +154,14 @@ import {
getPointApi, getPointApi,
// uploadUserAvatarApi, // uploadUserAvatarApi,
userCardApi, userCardApi,
} from "../../../api/userinfo"; } from '../../../api/userinfo'
import { VueCropper } from "vue-cropper"; import { VueCropper } from 'vue-cropper'
import request from "@/utils/request"; import request from '@/utils/request'
export default { export default {
inject: ["reload"], inject: ['reload'],
// 组件名称 // 组件名称
name: "", name: '',
// 局部注册的组件 // 局部注册的组件
components: { components: {
VueCropper, VueCropper,
@ -148,20 +173,20 @@ export default {
data() { data() {
return { return {
userinfo: {}, // 用户基础信息 userinfo: {}, // 用户基础信息
userbalance: "", userbalance: '',
userpoint: "", userpoint: '',
activelist: "", activelist: '',
userbanklist: [], userbanklist: [],
cardinfo: {}, cardinfo: {},
visible: false, visible: false,
previewStyle3: {}, previewStyle3: {},
previews: {}, previews: {},
userbaseInfo: JSON.parse(localStorage.getItem("LOGIN_DATA")), userbaseInfo: JSON.parse(localStorage.getItem('LOGIN_DATA')),
option: { option: {
// 裁剪图片配置 // 裁剪图片配置
img: "", // 裁剪图片的地址 img: '', // 裁剪图片的地址
outputSize: 1, // 裁剪生成图片的质量(可选0.1 - 1) outputSize: 1, // 裁剪生成图片的质量(可选0.1 - 1)
outputType: "png", // 裁剪生成图片的格式（jpeg || png || webp） outputType: 'png', // 裁剪生成图片的格式（jpeg || png || webp）
info: true, // 图片大小信息 info: true, // 图片大小信息
canScale: true, // 图片是否允许滚轮缩放 canScale: true, // 图片是否允许滚轮缩放
autoCrop: true, // 是否默认生成截图框 autoCrop: true, // 是否默认生成截图框
@ -179,20 +204,20 @@ export default {
infoTrue: true, // true为展示真实输出图片宽高，false展示看到的截图框宽高 infoTrue: true, // true为展示真实输出图片宽高，false展示看到的截图框宽高
maxImgSize: 290, // 限制图片最大宽度和高度 maxImgSize: 290, // 限制图片最大宽度和高度
enlarge: 1, // 图片根据截图框输出比例倍数 enlarge: 1, // 图片根据截图框输出比例倍数
mode: "auto", // 图片默认渲染方式 mode: 'auto', // 图片默认渲染方式
}, },
}; }
}, },
// 计算属性 // 计算属性
computed: { computed: {
path() { path() {
return this.$route.fullPath; return this.$route.fullPath
}, },
}, },
// 侦听器 // 侦听器
watch: { watch: {
path() { path() {
this.changeactive(); this.changeactive()
}, },
}, },
// 生命周期钩子 注：没用到的钩子请自行删除 // 生命周期钩子 注：没用到的钩子请自行删除
@ -200,13 +225,13 @@ export default {
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/ */
created() { created() {
this.getUserInfo(); this.getUserInfo()
this.changeactive(); this.changeactive()
this.getuserbnak(); this.getuserbnak()
this.getUserBalanceInfo(); this.getUserBalanceInfo()
this.getPoint(); this.getPoint()
this.getcardcount(); this.getcardcount()
console.log(this.userbaseInfo); console.log(this.userbaseInfo)
}, },
/** /**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
@ -217,215 +242,217 @@ export default {
methods: { methods: {
async getUserInfo() { async getUserInfo() {
try { try {
const { data } = await userBaseInfoApi(); const { data } = await userBaseInfoApi()
if (data.status === 200) { if (data.status === 200) {
this.userinfo = data.data; this.userinfo = data.data
console.log(this.userinfo); console.log(this.userinfo)
const beforetel = this.userinfo.tel.substr(0, 3); const beforetel = this.userinfo.tel.substr(0, 3)
const aftertel = this.userinfo.tel.substr(7, 4); const aftertel = this.userinfo.tel.substr(7, 4)
this.userinfo.hidetel = beforetel + "****" + aftertel; this.userinfo.hidetel = beforetel + '****' + aftertel
const beforeId = this.userinfo.IDCard.substr(0, 1); const beforeId = this.userinfo.IDCard.substr(0, 1)
const afterId = this.userinfo.IDCard.substr(17, 1); const afterId = this.userinfo.IDCard.substr(17, 1)
this.userinfo.hideId = beforeId + "****************" + afterId; this.userinfo.hideId = beforeId + '****************' + afterId
const hidename = this.userinfo.realName.substr(this.userinfo.realName.length - 1, 1); const hidename = this.userinfo.realName.substr(this.userinfo.realName.length - 1, 1)
// this.userinfo.hidename = hidename; // this.userinfo.hidename = hidename;
let newstr = ""; let newstr = ''
for (let i = 0; i < this.userinfo.realName.length - 1; i++) { for (let i = 0; i < this.userinfo.realName.length - 1; i++) {
newstr += "*"; newstr += '*'
} }
this.userinfo.hidename = newstr + hidename; this.userinfo.hidename = newstr + hidename
console.log(aftertel); console.log(aftertel)
console.log(beforetel); console.log(beforetel)
} }
console.log(data); console.log(data)
} catch (error) { } catch (error) {
console.log(error); console.log(error)
} }
}, },
pushto(url) { pushto(url) {
this.$router.push(url); this.$router.push(url)
}, },
changeactive() { changeactive() {
if (this.path.indexOf("/loginpsw") > -1) { if (this.path.indexOf('/loginpsw') > -1) {
this.activelist = 0; this.activelist = 0
} else if (this.path.indexOf("/boundtel") > -1) { } else if (this.path.indexOf('/boundtel') > -1) {
this.activelist = 1; this.activelist = 1
} else if (this.path.indexOf("/boundwx") > -1) { } else if (this.path.indexOf('/boundwx') > -1) {
this.activelist = 2; this.activelist = 2
} else if (this.path.indexOf("/boundbankcard") > -1) { } else if (this.path.indexOf('/boundbankcard') > -1) {
this.activelist = 3; this.activelist = 3
} else if (this.path.indexOf("/realname") > -1) { } else if (this.path.indexOf('/realname') > -1) {
this.activelist = 4; this.activelist = 4
} else if (this.path.indexOf("/myintegral") > -1) { } else if (this.path.indexOf('/myintegral') > -1) {
this.activelist = 6; this.activelist = 6
} else if (this.path.indexOf("/mycard") > -1) { } else if (this.path.indexOf('/mycard') > -1) {
this.activelist = 7; this.activelist = 7
} else if (this.path.indexOf("/mybalance") > -1) { } else if (this.path.indexOf('/mybalance') > -1) {
this.activelist = 8; this.activelist = 8
}else if (this.path.indexOf('/bocaiTV') > -1) {
this.activelist = 9
} }
}, },
async getuserbnak() { async getuserbnak() {
try { try {
const { data } = await getUserBankListApi(); const { data } = await getUserBankListApi()
console.log(data); console.log(data)
this.userbanklist = data.data; this.userbanklist = data.data
this.userbanklist.forEach((ele) => { this.userbanklist.forEach((ele) => {
ele.newbankNo = ele.bankNo.substr(14, 4); ele.newbankNo = ele.bankNo.substr(14, 4)
}); })
// const newdata = this.userbanklist.bankNo.substr(14, 4); // const newdata = this.userbanklist.bankNo.substr(14, 4);
// console.log(newdata); // console.log(newdata);
} catch (error) { } catch (error) {
console.log(error); console.log(error)
} }
}, },
async getUserBalanceInfo() { async getUserBalanceInfo() {
try { try {
const { data } = await userBalanceApi(); const { data } = await userBalanceApi()
this.userbalance = data.data.balance / 100; this.userbalance = data.data.balance / 100
console.log(data); console.log(data)
console.log(this.userbalance); console.log(this.userbalance)
} catch (error) { } catch (error) {
console.log(error); console.log(error)
} }
}, },
async getPoint() { async getPoint() {
try { try {
const { data } = await getPointApi(); const { data } = await getPointApi()
console.log(data); console.log(data)
this.userpoint = data.data.pointTotal; this.userpoint = data.data.pointTotal
} catch (error) { } catch (error) {
console.log(error); console.log(error)
} }
}, },
async getcardcount() { async getcardcount() {
try { try {
const { data } = await userCardApi(); const { data } = await userCardApi()
console.log(data); console.log(data)
this.cardinfo = data.data; this.cardinfo = data.data
} catch (error) { } catch (error) {
console.log(error); console.log(error)
} }
}, },
uploadavatar() { uploadavatar() {
//上传头像 //上传头像
this.$refs.updateicon.click(); this.$refs.updateicon.click()
}, },
filepick(e) { filepick(e) {
console.log(this.$refs.updateicon); console.log(this.$refs.updateicon)
console.log(e); console.log(e)
const that = this; const that = this
this.visible = true; this.visible = true
const imgFile = new FileReader(); const imgFile = new FileReader()
imgFile.readAsDataURL(this.$refs.updateicon.files[0]); imgFile.readAsDataURL(this.$refs.updateicon.files[0])
imgFile.onload = function () { imgFile.onload = function () {
that.option.img = this.result; that.option.img = this.result
}; }
// this.option.img = window.URL.createObjectURL( // this.option.img = window.URL.createObjectURL(
// this.$refs.updateicon.files[0] // this.$refs.updateicon.files[0]
// ) // )
this.filelength = this.$refs.updateicon.files.length; this.filelength = this.$refs.updateicon.files.length
}, },
realTime(data) { realTime(data) {
// data.div.height = "50px"; // data.div.height = "50px";
// data.div.width = "50px"; // data.div.width = "50px";
// data.w = 50; // data.w = 50;
// data.h = 50; // data.h = 50;
console.log(data); console.log(data)
var previews = data; var previews = data
var h = 0.5; var h = 0.5
var w = 0.2; var w = 0.2
this.previewStyle1 = { this.previewStyle1 = {
width: previews.w + "px", width: previews.w + 'px',
height: previews.h + "px", height: previews.h + 'px',
overflow: "hidden", overflow: 'hidden',
margin: "0", margin: '0',
zoom: h, zoom: h,
}; }
this.previewStyle2 = { this.previewStyle2 = {
width: previews.w + "px", width: previews.w + 'px',
height: previews.h + "px", height: previews.h + 'px',
overflow: "hidden", overflow: 'hidden',
margin: "0", margin: '0',
zoom: w, zoom: w,
}; }
// 固定为 100 宽度 // 固定为 100 宽度
this.previewStyle3 = { this.previewStyle3 = {
width: previews.w + "px", width: previews.w + 'px',
height: previews.h + "px", height: previews.h + 'px',
overflow: "hidden", overflow: 'hidden',
margin: "0", margin: '0',
zoom: 100 / previews.w, zoom: 100 / previews.w,
}; }
// 固定为 100 高度 // 固定为 100 高度
this.previewStyle4 = { this.previewStyle4 = {
width: previews.w + "px", width: previews.w + 'px',
height: previews.h + "px", height: previews.h + 'px',
overflow: "hidden", overflow: 'hidden',
margin: "0", margin: '0',
zoom: 100 / previews.h, zoom: 100 / previews.h,
}; }
this.previews = data; this.previews = data
}, },
modalcancel() { modalcancel() {
this.visible = false; this.visible = false
this.$refs.updateicon.value = ""; this.$refs.updateicon.value = ''
this.filelength = this.$refs.updateicon.files.length; this.filelength = this.$refs.updateicon.files.length
// console.log(this.filelength) // console.log(this.filelength)
}, },
changeavatar() { changeavatar() {
let that = this; let that = this
this.$refs.cropper.getCropBlob((data) => { this.$refs.cropper.getCropBlob((data) => {
// const that = this; // const that = this;
// do something // do something
// console.log(data) // console.log(data)
const imgFile = new FileReader(); const imgFile = new FileReader()
imgFile.readAsDataURL(data); imgFile.readAsDataURL(data)
imgFile.onload = function () { imgFile.onload = function () {
let formData1 = new FormData(); let formData1 = new FormData()
formData1.append("imgName", "abc.png"); formData1.append('imgName', 'abc.png')
formData1.append("userImg", this.result); formData1.append('userImg', this.result)
request({ request({
method: "post", method: 'post',
url: "/yishoudan/user/changeUserImgsrc", url: '/yishoudan/user/changeUserImgsrc',
data: formData1, data: formData1,
withCredentials: true, withCredentials: true,
// headers: {'Content-Type': 'application/x-www-form-urlencoded'} // headers: {'Content-Type': 'application/x-www-form-urlencoded'}
headers: { headers: {
"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(), 'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime(),
}, },
}) })
.then(({ data }) => { .then(({ data }) => {
console.log(data); console.log(data)
console.log(); console.log()
if (data.status === 200) { if (data.status === 200) {
let userinfo = JSON.parse(localStorage.getItem("LOGIN_DATA")); let userinfo = JSON.parse(localStorage.getItem('LOGIN_DATA'))
// userinfo.imgSrc =; // userinfo.imgSrc =;
localStorage.setItem("LOGIN_DATA", JSON.stringify({ ...userinfo, imgSrc: data.data.url })); localStorage.setItem('LOGIN_DATA', JSON.stringify({ ...userinfo, imgSrc: data.data.url }))
that.reload(); that.reload()
} }
}) })
.catch((error) => { .catch((error) => {
console.log(error); console.log(error)
}); })
console.log(data); console.log(data)
}; }
this.visible = false; this.visible = false
}); })
// console.log(this.avatarready) // console.log(this.avatarready)
// console.log(this.filelength) // console.log(this.filelength)
this.AvatarWaringmsgshow = false; this.AvatarWaringmsgshow = false
}, },
}, },
}; }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@ -524,7 +551,7 @@ export default {
cursor: pointer; cursor: pointer;
&:nth-child(-n + 2):after { &:nth-child(-n + 2):after {
position: absolute; position: absolute;
content: ""; content: '';
display: inline-block; display: inline-block;
height: 1px; height: 1px;
width: 314px; width: 314px;
@ -588,7 +615,7 @@ export default {
} }
&:nth-child(-n + 3):after { &:nth-child(-n + 3):after {
position: absolute; position: absolute;
content: ""; content: '';
display: inline-block; display: inline-block;
height: 1px; height: 1px;
width: 314px; width: 314px;
@ -639,7 +666,7 @@ export default {
} }
.rightcontent { .rightcontent {
width: 838px; width: 838px;
height: 600px; min-height: 600px;
padding: 0 16px; padding: 0 16px;
background-color: #fff; background-color: #fff;
border: 1px solid #ededed; border: 1px solid #ededed;

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

@ -178,6 +178,14 @@ const routes = [
"../components/userinfo/usercenter/components/mybalance.vue" "../components/userinfo/usercenter/components/mybalance.vue"
), ),
}, },
{
path: "bocaiTV",
name: "bocaiTV",
component: () =>
import(
"../components/userinfo/accountsetting/components/bocaiTV.vue"
),
},
], ],
}, },
], ],

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

@ -1,4 +1,6 @@
@import "http://at.alicdn.com/t/c/font_3135652_jrvheq4b5p.css";
@import "http://at.alicdn.com/t/c/font_3135652_27jwfazqvln.css";
// 初始化页面样式 // 初始化页面样式
body, body,
h1, h1,
@ -598,3 +600,13 @@ p.bottombox {
.ant-select-selection:active { .ant-select-selection:active {
box-shadow: none; box-shadow: none;
} }
.bb1 {
border-bottom: 1px solid #ddd;
}
.bbdot1 {
border-bottom: 1px dashed #ddd;
}
.bd1{
border: 1px solid #ddd;
}

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

@ -1401,6 +1401,9 @@ export function disposeJobListData(jobList) {
} else { } else {
districtStr = districtArr1.join(""); districtStr = districtArr1.join("");
} }
if(item.district.indexOf('undefined') > -1){
districtStr = '-丨'
}
//districtStr = districtArr[1] + '丨' + districtArr[2]; //districtStr = districtArr[1] + '丨' + districtArr[2];
} }
item["district"] = districtStr; item["district"] = districtStr;
@ -1561,6 +1564,9 @@ export function disposeJobListData(jobList) {
// districtStr = districtArr[1] + "丨" + districtArr[2]; // districtStr = districtArr[1] + "丨" + districtArr[2];
districtStr = districtArr1.join(""); districtStr = districtArr1.join("");
} }
if(item.district.indexOf('undefined') > -1){
districtStr = '-丨'
}
//districtStr = districtArr[1] + '丨' + districtArr[2]; //districtStr = districtArr[1] + '丨' + districtArr[2];
} }
jobList["district"] = districtStr; jobList["district"] = districtStr;

Write Preview
Loading…
Cancel
Save