642 lines
16 KiB
Vue
642 lines
16 KiB
Vue
<template>
|
|
<view class="page">
|
|
<view class="user-top">
|
|
<view class="bg">
|
|
<image src="@/static/images/mine/ubg.png" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="user-info u-flex u-col-center u-row-between">
|
|
<view class="l u-flex u-col-center" @click="$pageTo('/pages/mine/info/index')">
|
|
<view class="img">
|
|
<image :src="$config.imageBaseUrl + userInfo.avatar" mode="aspectFill" v-if="userInfo.avatar"></image>
|
|
<image src="@/static/images/mine/up.png" mode="aspectFill" v-else></image>
|
|
</view>
|
|
<view class="con">
|
|
<view class="name">
|
|
{{userInfo.nickName||'匿名用户'}} <text v-if="userInfo.type==0">农业公司</text>
|
|
</view>
|
|
<view class="tel">
|
|
{{userInfo.phonenumber||'未绑定手机号'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="r u-flex u-col-center u-row-right" @click="$pageTo('/pages/mine/info/index')">
|
|
<text>查看资料</text>
|
|
<uni-icons type="right" size="14" color="#333"></uni-icons>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="user-list">
|
|
<view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/businessesEntity/baseInfo/index')">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u21.png" mode="aspectFill"></image>
|
|
<text>主体信息</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view>
|
|
<view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/auth/index')">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u22.png" mode="aspectFill"></image>
|
|
<text>快速认证</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/msg/index')">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u7.png" mode="aspectFill"></image>
|
|
<text>消息中心</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view> -->
|
|
<view class="item u-flex u-col-center u-row-between" @click="call()">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u23.png" mode="aspectFill"></image>
|
|
<text>联系我们</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view>
|
|
<view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/about/index')">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u24.png" mode="aspectFill"></image>
|
|
<text>关于我们</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view>
|
|
<view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/setting/index')">
|
|
<view class="l u-flex u-col-center">
|
|
<image src="@/static/images/mine/u25.png" mode="aspectFill"></image>
|
|
<text>设置</text>
|
|
</view>
|
|
<view class="r">
|
|
<uni-icons type="right" size="24" color="#999"></uni-icons>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
cacheBaseInfo, selectBaseInfo
|
|
} from "@/api/enterprise/baseInfo";
|
|
import {
|
|
getInfo
|
|
} from "@/api/login.js";
|
|
import { selectUserEntity } from "@/api/enterprise/userEntity";
|
|
import { checkPermi, checkRole } from "@/utils/permission";
|
|
import {uploadAvatar, getUserProfile} from '@/api/system/user.js'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
userInfo:{
|
|
// userName:'',
|
|
phonenumber:"",
|
|
type:'',
|
|
nickName:"",
|
|
avatar:''
|
|
},
|
|
userId:'',
|
|
|
|
|
|
|
|
haveEnterprise: false,
|
|
serviceTel: "0717-6777967",
|
|
baseInfo: {},
|
|
listBaseInfo: [],
|
|
selectDefalute: [
|
|
{
|
|
value: false,
|
|
text: "+ 新增主体",
|
|
}
|
|
],
|
|
topLeft: {
|
|
page: "setting",
|
|
label: "设置",
|
|
img: "../../static/images/mine/xxlphq.png",
|
|
},
|
|
topRight: {
|
|
// page: "user",
|
|
page: "info",
|
|
label: "我的",
|
|
img: "../../static/images/mine/xxlSNn.png",
|
|
},
|
|
dialogShow: false,
|
|
dialogButtons: [
|
|
{
|
|
text: "取消",
|
|
},
|
|
{
|
|
text: "拨打",
|
|
},
|
|
],
|
|
entityInfo: {
|
|
img: "../../static/images/mine/xxlAuF.png",
|
|
round: "../../static/images/mine/xxWhzq.png",
|
|
},
|
|
integral: {
|
|
id: "integral",
|
|
name: "积分",
|
|
page: "integral",
|
|
img: "../../static/images/mine/xxlC90.png",
|
|
},
|
|
informationList: [
|
|
{
|
|
id: "1",
|
|
name: "经营主体",
|
|
package: "mine",
|
|
page: "businessesEntity",
|
|
img: "../../static/images/mine/xxlFjU.png",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "我的直报",
|
|
package: "accounts",
|
|
page: "dirRepInfo",
|
|
img: "../../static/images/mine/xxlicT.png",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "我的统计",
|
|
package: "packageInfo",
|
|
page: "my-stats",
|
|
img: "../../static/images/mine/xxlP3V.png",
|
|
},
|
|
],
|
|
list: [
|
|
{
|
|
id: "1",
|
|
name: "我的收藏",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "my-star",
|
|
img: "../../static/images/mine/xz7YfU.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "我的贷款",
|
|
package: "packageInfo",
|
|
show: true,
|
|
// page: "my-loan",
|
|
page: "myLoan",
|
|
img: "../../static/images/mine/xz7JYT.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "我的保险",
|
|
package: "packageInfo",
|
|
show: true,
|
|
page: "myInsurance",
|
|
img: "../../static/images/mine/xz7NpF.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "我的服务",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "my-service",
|
|
img: "../../static/images/mine/xz7GkV.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "我的补贴",
|
|
package: "packageInfo",
|
|
show: true,
|
|
page: "mySubsidies",
|
|
img: "../../static/images/mine/xz73T0.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "我的产品",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "my-products",
|
|
img: "../../static/images/mine/xz7Ul4.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "7",
|
|
name: "我的买卖",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "my-businesses",
|
|
img: "../../static/images/mine/xz7a6J.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "8",
|
|
name: "我的培训",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "my-train",
|
|
img: "../../static/images/mine/xz7dX9.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "9",
|
|
name: "邀请好友",
|
|
package: "packageInfo",
|
|
show: false,
|
|
page: "invite-friends",
|
|
img: "../../static/images/mine/xz70mR.png",
|
|
openType: "navigateTo",
|
|
},
|
|
{
|
|
id: "10",
|
|
name: "联系我们",
|
|
package: "packageInfo",
|
|
show: true,
|
|
page: "connect-us",
|
|
img: "../../static/images/mine/xz7B01.png",
|
|
openType: "navigateTo",
|
|
},
|
|
],
|
|
};
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.getEnterprise();
|
|
let user = uni.getStorageSync('user')
|
|
this.userId = user.userId
|
|
this.getUserInfo()
|
|
},
|
|
computed: {
|
|
avatar() {
|
|
return this.$store.state.user.avatar;
|
|
},
|
|
windowHeight() {
|
|
return uni.getSystemInfoSync().windowHeight - 50;
|
|
},
|
|
},
|
|
watch: {
|
|
haveEnterprise: {
|
|
handler: function (val, oldVal) {
|
|
if (this.haveEnterprise === true) {
|
|
this.getBaseInfo();
|
|
this.listallBaseInfo();
|
|
}
|
|
},
|
|
deep: true,
|
|
},
|
|
},
|
|
methods: {
|
|
checkRole,
|
|
showToast(e) {
|
|
this.$modal.showToast("模块建设中~");
|
|
},
|
|
navigator(item, isNew) {
|
|
if (this.$auth.hasRole("admin") || !this.$auth.hasRole("enterprise")) {
|
|
this.$modal.confirm("非主体用户无法拥有主体！").then(() => { });
|
|
} else {
|
|
this.$tab[item.openType]("/" + item.link).then((res) => {
|
|
if (res[0] !== null) {
|
|
this.$modal.showToast("模块建设中~");
|
|
}
|
|
});
|
|
}
|
|
},
|
|
createEntity() {
|
|
if (this.$auth.hasRole("admin") || !this.$auth.hasRole("enterprise")) {
|
|
this.$modal.confirm("非主体用户无法拥有主体！").then(() => { });
|
|
}
|
|
},
|
|
getEnterprise() {
|
|
selectUserEntity().then((response) => {
|
|
this.options = response.data;
|
|
if (response.data.length !== 0) {
|
|
this.haveEnterprise = true;
|
|
} else {
|
|
this.haveEnterprise = false;
|
|
}
|
|
});
|
|
},
|
|
getBaseInfo() {
|
|
selectBaseInfo().then((response) => {
|
|
this.baseInfo = response.data;
|
|
});
|
|
},
|
|
//获取用户信息
|
|
getUserInfo(){
|
|
getUserProfile().then(res => {
|
|
this.userInfo = res.data
|
|
})
|
|
},
|
|
/**
|
|
* "联系我们"点击事件
|
|
*/
|
|
openDialog(e) {
|
|
const that = this;
|
|
// console.log("=================openDialog-----e=============")
|
|
// console.log(e)
|
|
const item = e.currentTarget.dataset.itemx;
|
|
const name = item.name;
|
|
if (name === "联系我们") {
|
|
uni.showModal({
|
|
title: "联系我们",
|
|
content: "联系电话：" + this.serviceTel,
|
|
cancelText: "取消",
|
|
confirmText: "拨打",
|
|
success: function (res) {
|
|
if (res.confirm) {
|
|
that.collServiceTel();
|
|
} else if (res.cancel) {
|
|
}
|
|
},
|
|
});
|
|
} else {
|
|
// this.showToast();
|
|
let naviItem = item;
|
|
naviItem.link = "pages/mine/" + item.page + "/index";
|
|
this.navigator(naviItem);
|
|
}
|
|
},
|
|
|
|
show() {
|
|
if (typeof this.getTabBar === "function" && this.getTabBar()) {
|
|
this.getTabBar().setData({
|
|
current: 3,
|
|
});
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 对话框取消按钮函数
|
|
*/
|
|
tapDialogButton(e) {
|
|
const button = e.detail.item.text;
|
|
const dialogButtonArray = this.data.dialogButtons;
|
|
if (button === dialogButtonArray[0].text) {
|
|
this.cancel();
|
|
} else {
|
|
this.collServiceTel();
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 联系我们对话框取消按钮
|
|
*/
|
|
cancel() {
|
|
this.setData({
|
|
dialogShow: false,
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 联系我们对话框拨打按钮函数
|
|
*/
|
|
collServiceTel() {
|
|
const phone = this.serviceTel;
|
|
uni.makePhoneCall({
|
|
phoneNumber: phone,
|
|
});
|
|
},
|
|
listallBaseInfo() {
|
|
selectUserEntity().then((response) => {
|
|
const list = response.data;
|
|
let dataList = [];
|
|
for (const item of list) {
|
|
let element = {};
|
|
element["value"] = item.value;
|
|
element["text"] = item.label;
|
|
dataList.push(element);
|
|
}
|
|
this.listBaseInfo = this.selectDefalute.concat(dataList);
|
|
});
|
|
},
|
|
baseAction(action, id) {
|
|
if (action != null && action != "") {
|
|
var baseId = action.toString();
|
|
cacheBaseInfo(baseId).then(res => {
|
|
this.haveEnterprise = !this.haveEnterprise
|
|
this.haveEnterprise = !this.haveEnterprise
|
|
});
|
|
} else if (action === false) {
|
|
this.$tab.navigateTo("/pages/formPages/enterprise/baseInfo/index")
|
|
}
|
|
},
|
|
isLisBasNull() {
|
|
if (this.haveEnterprise === true) {
|
|
try {
|
|
const RL = this.$refs.rudon_left;
|
|
const selectC = RL.$children[0].$children[0].$children
|
|
selectC.forEach(element => {
|
|
if (element.$el._prevClass !== "uni-select__selector") { return };
|
|
const selectorC = element.$children;
|
|
selectorC.forEach(selorC => {
|
|
if (selorC.$el._prevClass !== "uni-select__selector-scroll") { return };
|
|
selorC.$children[0].$children[0].$el.setAttribute("class", "uni-select__selector__add-ent_pri")
|
|
})
|
|
});
|
|
}
|
|
catch (e) { /*console.error(e)*/ }
|
|
} else {
|
|
this.$refs.rudon_left.toggleSelector();
|
|
}
|
|
},
|
|
|
|
//打电话
|
|
call(){
|
|
let that = this
|
|
uni.showModal({
|
|
title: "联系我们",
|
|
content: "联系电话：" + this.serviceTel,
|
|
cancelText: "取消",
|
|
confirmText: "拨打",
|
|
success: function (res) {
|
|
if (res.confirm) {
|
|
that.collServiceTel();
|
|
} else if (res.cancel) {
|
|
}
|
|
},
|
|
});
|
|
},
|
|
|
|
},
|
|
|
|
onBackPress(event) {
|
|
return true
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import url("@/static/scss/infoBody.scss");
|
|
|
|
/* 页面导航链接列表 */
|
|
.navigator {
|
|
background-color: white;
|
|
}
|
|
$color: #FCAA30;
|
|
|
|
.user-top {
|
|
position: relative;
|
|
|
|
.bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
height: 510rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.user-ss{
|
|
position: relative;
|
|
z-index: 666;
|
|
background: #fff;
|
|
width: calc(100% - 60rpx);
|
|
margin: 0 auto 30rpx;
|
|
padding:40rpx 20rpx 20rpx;border-radius: 20rpx;
|
|
box-sizing: border-box;
|
|
.i{
|
|
flex: 1;
|
|
display: flex;align-items: center;flex-direction: column;
|
|
justify-content: center;
|
|
image{
|
|
width: 56rpx;height: 56rpx;
|
|
}
|
|
text{
|
|
margin-top: 20rpx;
|
|
font-size: 24rpx;color: #666;height: 40rpx;line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
.user-info {
|
|
position: relative;
|
|
z-index: 888;
|
|
padding: 50rpx 0 50rpx 30rpx;
|
|
|
|
.l {
|
|
flex: 1;
|
|
width: 1rpx;
|
|
|
|
.img {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.con {
|
|
flex: 1;
|
|
width: 1rpx;
|
|
margin-left: 30rpx;
|
|
|
|
.name {
|
|
font-size: 36rpx;
|
|
color: #333;
|
|
font-weight: 600;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
|
|
text {
|
|
background: #3CC5FF;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
border-radius: 6rpx;
|
|
padding: 0 10rpx;
|
|
color: #fff;
|
|
margin-left: 30rpx;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.tel {
|
|
font-size: 26rpx;
|
|
color: #666;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.r {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 50rpx;
|
|
width: 188rpx;
|
|
height: 53rpx;
|
|
line-height: 53rpx;
|
|
background: #A6D3FF;
|
|
border-top-left-radius: 26rpx;
|
|
border-bottom-left-radius: 26rpx;
|
|
text-align: center;
|
|
padding-right: 15rpx;box-sizing: border-box;
|
|
|
|
text {
|
|
color: #0D0D0D;
|
|
font-size: 24rpx;
|
|
padding-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.user-list {
|
|
position: relative;
|
|
z-index: 888;
|
|
width: calc(100% - 60rpx);
|
|
margin: 30rpx auto;
|
|
background: #fff;
|
|
border-radius: 10rpx;
|
|
padding:10rpx 20rpx;
|
|
box-sizing: border-box;
|
|
|
|
.item {
|
|
padding: 20rpx 0;
|
|
border-bottom: 2rpx solid #eee;
|
|
&:last-child{
|
|
border: 0;
|
|
}
|
|
|
|
.l {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
|
|
image {
|
|
width: 42rpx;
|
|
height: 42rpx;
|
|
}
|
|
|
|
text {
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
|
|
.r {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|