chore(代码复制):调整页面、对接登录、我的、修改密码页面
This commit is contained in:
fhysy
parent
1de84a9f3c
commit
45d08abd36
2
App.vue
2
App.vue
|
|
@ -49,7 +49,7 @@
|
||||||
@import url("static/fonts/iconfont.css");
|
@import url("static/fonts/iconfont.css");
|
||||||
|
|
||||||
page>view {
|
page>view {
|
||||||
background: linear-gradient(to bottom,#CEDCFF,#F0F0F0 554rpx);
|
/* background: linear-gradient(to bottom,#CEDCFF,#F0F0F0 554rpx); */
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,13 @@ export default{
|
||||||
// imgUrl: 'https://digital-core.dieruen-iot.com',
|
// imgUrl: 'https://digital-core.dieruen-iot.com',
|
||||||
// wsUrl: 'wss://digital-core.dieruen-iot.com',
|
// wsUrl: 'wss://digital-core.dieruen-iot.com',
|
||||||
// 谷云正式
|
// 谷云正式
|
||||||
baseUrl: 'https://digital-core.drgyen.com',
|
// baseUrl: 'https://digital-core.drgyen.com',
|
||||||
imgUrl: 'https://digital-core.drgyen.com',
|
// imgUrl: 'https://digital-core.drgyen.com',
|
||||||
|
// wsUrl: 'wss://digital-core.drgyen.com',
|
||||||
|
|
||||||
|
// 商城本地测试环境
|
||||||
|
baseUrl: 'http://192.168.1.17:8080',
|
||||||
|
imgUrl: 'http://192.168.1.17:8080',
|
||||||
wsUrl: 'wss://digital-core.drgyen.com',
|
wsUrl: 'wss://digital-core.drgyen.com',
|
||||||
// 长城
|
// 长城
|
||||||
// baseUrl: 'https://zhny.snc.cn/prod-api/',
|
// baseUrl: 'https://zhny.snc.cn/prod-api/',
|
||||||
|
|
@ -41,4 +46,6 @@ export default{
|
||||||
// mqttUrl:'ws://192.168.18.139:8083/mqtt',
|
// mqttUrl:'ws://192.168.18.139:8083/mqtt',
|
||||||
// mqttUrl:'wx://iot.gkiiot.com:8083/mqtt',
|
// mqttUrl:'wx://iot.gkiiot.com:8083/mqtt',
|
||||||
// #endif
|
// #endif
|
||||||
|
// 客户端id
|
||||||
|
clientId: 'e5cd7e4891bf95d1d19206ce24a7b32e',
|
||||||
}
|
}
|
||||||
|
|
@ -20,7 +20,8 @@ request.interceptors.request.use((request) => {
|
||||||
request.baseURL = config.baseUrl;
|
request.baseURL = config.baseUrl;
|
||||||
const userToken = uni.getStorageSync('userToken');
|
const userToken = uni.getStorageSync('userToken');
|
||||||
if(userToken){
|
if(userToken){
|
||||||
request.headers["Authorization"] = userToken;
|
request.headers["Authorization"] = 'Bearer ' + userToken;
|
||||||
|
request.headers["Clientid"] = config.clientId;
|
||||||
}
|
}
|
||||||
// 防止缓存
|
// 防止缓存
|
||||||
if (request.method === 'POST' && request.headers['Content-Type'] !== 'multipart/form-data') {
|
if (request.method === 'POST' && request.headers['Content-Type'] !== 'multipart/form-data') {
|
||||||
|
|
|
||||||
136
pages.json
136
pages.json
|
|
@ -3,7 +3,13 @@
|
||||||
// 下载安装方式
|
// 下载安装方式
|
||||||
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
|
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
|
||||||
},
|
},
|
||||||
"pages": [
|
"pages": [{
|
||||||
|
"path": "pages/auth/passwordLogin",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "密码登录",
|
||||||
|
"navigationBarBackgroundColor": "#1890ff"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/auth/login",
|
"path": "pages/auth/login",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -12,36 +18,13 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/auth/defalut",
|
"path": "pages/tabBar/new",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "项目"
|
"navigationBarTitleText": "消息",
|
||||||
|
"enablePullDownRefresh": true
|
||||||
|
// "navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"path": "pages/auth/passwordLogin",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "密码登录",
|
|
||||||
"navigationBarBackgroundColor": "#1890ff"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/auth/companyRegister",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "企业注册"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// "path": "pages/index/enter",
|
|
||||||
// "style": {
|
|
||||||
// "navigationBarTitleText": "综合能源管理"
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// "path": "pages/index/guidePage",
|
|
||||||
// "style": {
|
|
||||||
// "navigationBarTitleText": "综合能源管理"
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/order",
|
"path": "pages/tabBar/order",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -73,21 +56,8 @@
|
||||||
"navigationBarTitleText": "我的"
|
"navigationBarTitleText": "我的"
|
||||||
// "navigationStyle": "custom",
|
// "navigationStyle": "custom",
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "pages/tabBar/scan",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "添加设备"
|
|
||||||
// "navigationStyle": "custom",
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// , {
|
|
||||||
// "path": "pages/oneselfUser/index",
|
|
||||||
// "style": {
|
|
||||||
// "navigationBarTitleText": "个人用户",
|
|
||||||
// "enablePullDownRefresh": true
|
|
||||||
// // "navigationStyle": "custom"
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
],
|
],
|
||||||
"subPackages": [
|
"subPackages": [
|
||||||
// {
|
// {
|
||||||
|
|
@ -154,11 +124,6 @@
|
||||||
"navigationBarTitleText": "设置"
|
"navigationBarTitleText": "设置"
|
||||||
// "navigationStyle": "custom"
|
// "navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"path": "passwordModify",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "修改密码"
|
|
||||||
}
|
|
||||||
}, {
|
}, {
|
||||||
"path": "maintenanceRecord",
|
"path": "maintenanceRecord",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -606,7 +571,7 @@
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"root": "pages/user/",
|
"root": "pages/user/",
|
||||||
"pages": [{
|
"pages": [{
|
||||||
"path": "renew",
|
"path": "renew",
|
||||||
|
|
@ -640,6 +605,11 @@
|
||||||
"navigationBarTitleText": "帮助中心",
|
"navigationBarTitleText": "帮助中心",
|
||||||
"navigationBarBackgroundColor": "#fff"
|
"navigationBarBackgroundColor": "#fff"
|
||||||
}
|
}
|
||||||
|
}, {
|
||||||
|
"path": "passwordModify",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "修改密码"
|
||||||
|
}
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
@ -648,44 +618,32 @@
|
||||||
"selectedColor": "#0066cc",
|
"selectedColor": "#0066cc",
|
||||||
"backgroundColor": "#FFFFFF",
|
"backgroundColor": "#FFFFFF",
|
||||||
"list": [{
|
"list": [{
|
||||||
"pagePath": "pages/tabBar/home",
|
"pagePath": "pages/tabBar/new",
|
||||||
"text": "首页",
|
"text": "消息",
|
||||||
"iconPath": "static/images/toolbar/home.png",
|
"iconPath": "static/images/toolbar/new.png",
|
||||||
"selectedIconPath": "static/images/toolbar/home-active.png"
|
"selectedIconPath": "static/images/toolbar/new-active.png"
|
||||||
}, {
|
}, {
|
||||||
"pagePath": "pages/tabBar/project",
|
"pagePath": "pages/tabBar/order",
|
||||||
"text": "项目",
|
"text": "订单",
|
||||||
"iconPath": "static/images/toolbar/project.png",
|
"iconPath": "static/images/toolbar/order.png",
|
||||||
"selectedIconPath": "static/images/toolbar/project-active.png"
|
"selectedIconPath": "static/images/toolbar/order-active.png"
|
||||||
}, {
|
}, {
|
||||||
"pagePath": "pages/tabBar/scan",
|
"pagePath": "pages/tabBar/my",
|
||||||
"text": "扫一扫",
|
"text": "我的",
|
||||||
"iconPath": "static/images/toolbar/scan.png",
|
"iconPath": "static/images/toolbar/my.png",
|
||||||
"selectedIconPath": "static/images/toolbar/scan-active.png"
|
"selectedIconPath": "static/images/toolbar/my-active.png"
|
||||||
}, {
|
}]
|
||||||
"pagePath": "pages/tabBar/alarm",
|
|
||||||
"text": "报警",
|
|
||||||
"iconPath": "static/images/toolbar/alarm.png",
|
|
||||||
"selectedIconPath": "static/images/toolbar/alarm-active.png"
|
|
||||||
}, {
|
|
||||||
"pagePath": "pages/tabBar/my",
|
|
||||||
"text": "我的",
|
|
||||||
"iconPath": "static/images/toolbar/my.png",
|
|
||||||
"selectedIconPath": "static/images/toolbar/my-active.png"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarTitleText": "uni-app",
|
"navigationBarTitleText": "uni-app",
|
||||||
"navigationBarBackgroundColor": "#CEDCFF",
|
"navigationBarBackgroundColor": "#f5f5f5",
|
||||||
// "navigationBarBackgroundColor": "#11BF96",
|
// "navigationBarBackgroundColor": "#11BF96",
|
||||||
"backgroundColor": "#F0F0F0"
|
"backgroundColor": "#F0F0F0"
|
||||||
},
|
},
|
||||||
"condition": { //模式配置，仅开发期间生效
|
"condition": { //模式配置，仅开发期间生效
|
||||||
"current": 0, //当前激活的模式(list 的索引项)
|
"current": 0, //当前激活的模式(list 的索引项)
|
||||||
"list": [
|
"list": [{
|
||||||
{
|
|
||||||
"path": "pages/auth/passwordLogin",
|
"path": "pages/auth/passwordLogin",
|
||||||
"name": "默认页面" //模式名称
|
"name": "默认页面" //模式名称
|
||||||
},
|
},
|
||||||
|
|
@ -699,44 +657,44 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/auth/passwordLogin",
|
"path": "pages/auth/passwordLogin",
|
||||||
"name": "密码登录" ,//模式名称
|
"name": "密码登录", //模式名称
|
||||||
"query": "mode=1&user=17859911022&pwd=888888"
|
"query": "mode=1&user=17859911022&pwd=888888"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/home/wisdomElectricity/realTime/parameterSetup",
|
"path": "pages/home/wisdomElectricity/realTime/parameterSetup",
|
||||||
"name": "设备参数调整" ,//模式名称
|
"name": "设备参数调整", //模式名称
|
||||||
"query": "deviceId=ed41e7462f5041aa98780ce3062765d0&deviceKey=1267240812100022"
|
"query": "deviceId=ed41e7462f5041aa98780ce3062765d0&deviceKey=1267240812100022"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/space/index",
|
"path": "pages/project/space/index",
|
||||||
"name": "标签管理" ,//模式名称
|
"name": "标签管理", //模式名称
|
||||||
// "query": "projectId=62&projectRole=root&typeName=设备组"
|
// "query": "projectId=62&projectRole=root&typeName=设备组"
|
||||||
"query": "projectId=62&projectRole=root&typeName=空间"
|
"query": "projectId=62&projectRole=root&typeName=空间"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/space/deviceList",
|
"path": "pages/project/space/deviceList",
|
||||||
"name": "空间设备管理" ,//模式名称
|
"name": "空间设备管理", //模式名称
|
||||||
"query": "labelCode=16&projectId=63&projectRole=root&tagType=57135cfcdfa74d39b05aa04237893121&isDefault=Y"
|
"query": "labelCode=16&projectId=63&projectRole=root&tagType=57135cfcdfa74d39b05aa04237893121&isDefault=Y"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/deviceGroup/index",
|
"path": "pages/project/deviceGroup/index",
|
||||||
"name": "设备分组" ,//模式名称
|
"name": "设备分组", //模式名称
|
||||||
"query": "projectId=62"
|
"query": "projectId=62"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/space/addDeviceList",
|
"path": "pages/project/space/addDeviceList",
|
||||||
"name": "空间设备添加" ,//模式名称
|
"name": "空间设备添加", //模式名称
|
||||||
"query": "labelCode=16"
|
"query": "labelCode=16"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/home/wisdomElectricity/realTime/alarmConfig",
|
"path": "pages/home/wisdomElectricity/realTime/alarmConfig",
|
||||||
"name": "告警配置" ,//模式名称
|
"name": "告警配置", //模式名称
|
||||||
"query": "deviceKey=1267240812100027"
|
"query": "deviceKey=1267240812100027"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/scan",
|
"path": "pages/tabBar/scan",
|
||||||
"name": "扫码" //模式名称
|
"name": "扫码" //模式名称
|
||||||
},{
|
}, {
|
||||||
"path": "pages/tabBar/home",
|
"path": "pages/tabBar/home",
|
||||||
"name": "首页" //模式名称
|
"name": "首页" //模式名称
|
||||||
},
|
},
|
||||||
|
|
@ -746,7 +704,7 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/index",
|
"path": "pages/project/index",
|
||||||
"name": "项目详情" ,//模式名称
|
"name": "项目详情", //模式名称
|
||||||
"query": "projectId=62&projectCode=bd80a3c80c394dae8a2d8138713f2bcf"
|
"query": "projectId=62&projectCode=bd80a3c80c394dae8a2d8138713f2bcf"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -759,12 +717,12 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/equipmentStatus/status",
|
"path": "pages/project/equipmentStatus/status",
|
||||||
"name": "设备列表" ,//模式名称
|
"name": "设备列表", //模式名称
|
||||||
"query": "projectId=62&adminFlag=true&projectRole=root"
|
"query": "projectId=62&adminFlag=true&projectRole=root"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/project/projectUser",
|
"path": "pages/project/projectUser",
|
||||||
"name": "用户列表" ,//模式名称
|
"name": "用户列表", //模式名称
|
||||||
"query": "projectId=56"
|
"query": "projectId=56"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -810,4 +768,4 @@
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -151,6 +151,13 @@ padding-top: 500rpx;
|
||||||
<view class="login-form-ctn">
|
<view class="login-form-ctn">
|
||||||
<view class="login-form">
|
<view class="login-form">
|
||||||
<u-form :model="form" :rules="rules" ref="uForm">
|
<u-form :model="form" :rules="rules" ref="uForm">
|
||||||
|
<u-form-item label=" " label-width="60" prop="tenantId" left-icon="account"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
|
<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;" @click="tenantShow=true">
|
||||||
|
<text>{{activeTenantObj.companyName}}</text>
|
||||||
|
<u-icon name="arrow-down"></u-icon>
|
||||||
|
</view>
|
||||||
|
</u-form-item>
|
||||||
<u-form-item label=" " label-width="60" prop="username" left-icon="account"
|
<u-form-item label=" " label-width="60" prop="username" left-icon="account"
|
||||||
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
<u-input v-model="form.username" placeholder="请输入手机号/账号" />
|
<u-input v-model="form.username" placeholder="请输入手机号/账号" />
|
||||||
|
|
@ -176,14 +183,14 @@ padding-top: 500rpx;
|
||||||
<view class="protocol-box">
|
<view class="protocol-box">
|
||||||
<u-checkbox v-model="protocolStatus">阅读并同意以下协议<text @click.stop="goPolicy">《用户协议》</text></u-checkbox>
|
<u-checkbox v-model="protocolStatus">阅读并同意以下协议<text @click.stop="goPolicy">《用户协议》</text></u-checkbox>
|
||||||
</view>
|
</view>
|
||||||
<view class="other-login-box">
|
<!-- <view class="other-login-box">
|
||||||
<view class="other-login-item" @click="goWxLogin">
|
<view class="other-login-item" @click="goWxLogin">
|
||||||
<view class="other-login-bg">
|
<view class="other-login-bg">
|
||||||
<u-icon name="weixin-fill" color="#fff" size="56"></u-icon>
|
<u-icon name="weixin-fill" color="#fff" size="56"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
<text class="other-login-name">微信登录</text>
|
<text class="other-login-name">微信登录</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -191,6 +198,7 @@ padding-top: 500rpx;
|
||||||
<view>Copyright 2022-2024 {{appConfig.companyName}} Powered By DSservice</view>
|
<view>Copyright 2022-2024 {{appConfig.companyName}} Powered By DSservice</view>
|
||||||
<view>{{appConfig.contractRecordNumber || ''}}</view>
|
<view>{{appConfig.contractRecordNumber || ''}}</view>
|
||||||
</view>
|
</view>
|
||||||
|
<u-select v-model="tenantShow" :list="tenantList" label-name="companyName" value-name="tenantId" @confirm="changeTenant"></u-select>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -213,9 +221,12 @@ padding-top: 500rpx;
|
||||||
captchaData: null,
|
captchaData: null,
|
||||||
current: 0,
|
current: 0,
|
||||||
form: {
|
form: {
|
||||||
|
clientId: "",
|
||||||
|
grantType: "password",
|
||||||
|
rememberMe: false,
|
||||||
|
tenantId: "",
|
||||||
username: "",
|
username: "",
|
||||||
password: "",
|
password: ""
|
||||||
code: ""
|
|
||||||
},
|
},
|
||||||
mode:null,
|
mode:null,
|
||||||
rules: {
|
rules: {
|
||||||
|
|
@ -224,7 +235,7 @@ padding-top: 500rpx;
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入手机号/账号',
|
message: '请输入手机号/账号',
|
||||||
trigger: ['change', 'blur'],
|
trigger: ['change', 'blur'],
|
||||||
}, ],
|
}],
|
||||||
password: [{
|
password: [{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入密码',
|
message: '请输入密码',
|
||||||
|
|
@ -235,6 +246,15 @@ padding-top: 500rpx;
|
||||||
message: '请输入验证码',
|
message: '请输入验证码',
|
||||||
trigger: ['change', 'blur'],
|
trigger: ['change', 'blur'],
|
||||||
}]
|
}]
|
||||||
|
},
|
||||||
|
tenantShow:false,
|
||||||
|
tenantList:[],
|
||||||
|
activeTenantObj:{
|
||||||
|
tenantId: "",
|
||||||
|
companyName: "",
|
||||||
|
domain: "",
|
||||||
|
logo: null,
|
||||||
|
registerEnable: false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -254,6 +274,7 @@ padding-top: 500rpx;
|
||||||
if(e.mode){
|
if(e.mode){
|
||||||
this.mode = e.mode;
|
this.mode = e.mode;
|
||||||
}
|
}
|
||||||
|
this.getTenantList();
|
||||||
if(e.mode == '1'){ //mode:1 带密码参数直接登录
|
if(e.mode == '1'){ //mode:1 带密码参数直接登录
|
||||||
this.form.username = e.user || '';
|
this.form.username = e.user || '';
|
||||||
this.form.password = e.pwd || '';
|
this.form.password = e.pwd || '';
|
||||||
|
|
@ -263,7 +284,7 @@ padding-top: 500rpx;
|
||||||
console.log("userToken", userToken)
|
console.log("userToken", userToken)
|
||||||
if (userToken) {
|
if (userToken) {
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
url: "../tabBar/project"
|
url: "../tabBar/order"
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
// this.getCodeImageFn();
|
// this.getCodeImageFn();
|
||||||
|
|
@ -297,6 +318,39 @@ padding-top: 500rpx;
|
||||||
this.$refs.uForm.setRules(this.rules);
|
this.$refs.uForm.setRules(this.rules);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getTenantList(){
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/auth/tenant/list",
|
||||||
|
method: "GET",
|
||||||
|
data: {},
|
||||||
|
header: {
|
||||||
|
Clientid: config.clientId
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log("res11",res);
|
||||||
|
if(res.data.code == 200){
|
||||||
|
|
||||||
|
this.tenantList = res.data.data.voList || [];
|
||||||
|
|
||||||
|
if(res.data.data.voList!=[]){
|
||||||
|
this.activeTenantObj = res.data.data.voList[0];
|
||||||
|
this.form.tenantId = res.data.data.voList[0].tenantId;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeTenant(e){
|
||||||
|
console.log("e",e)
|
||||||
|
this.tenantList.forEach((item) => {
|
||||||
|
if (item.tenantId == e[0].value) {
|
||||||
|
this.activeTenantObj = item;
|
||||||
|
this.form.tenantId = item.tenantId;
|
||||||
|
this.appConfig.logo = item.logo;
|
||||||
|
this.appConfig.name = item.companyName;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
GetWxMiniProgramUrlParam(url) {
|
GetWxMiniProgramUrlParam(url) {
|
||||||
let theRequest = {};
|
let theRequest = {};
|
||||||
if (url.indexOf("#") != -1) {
|
if (url.indexOf("#") != -1) {
|
||||||
|
|
@ -347,7 +401,7 @@ padding-top: 500rpx;
|
||||||
password: this.form.password,
|
password: this.form.password,
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT"
|
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT",
|
||||||
},
|
},
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
|
|
@ -378,7 +432,7 @@ padding-top: 500rpx;
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
url: "../tabBar/project"
|
url: "../tabBar/order"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}, 1000)
|
}, 1000)
|
||||||
|
|
@ -400,25 +454,23 @@ padding-top: 500rpx;
|
||||||
this.$refs.uForm.validate(valid => {
|
this.$refs.uForm.validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
uni.request({
|
uni.request({
|
||||||
url: config.baseUrl + "/login",
|
url: config.baseUrl + "/auth/login",
|
||||||
method: "POST",
|
method: "POST",
|
||||||
data: {
|
data: {
|
||||||
username: this.form.username,
|
...this.form,
|
||||||
password: this.form.password,
|
clientId: config.clientId,
|
||||||
// code: this.form.code,
|
|
||||||
// uuid: this.captchaData.uuid,
|
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT"
|
Clientid: config.clientId
|
||||||
},
|
},
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
if (res.data.token) {
|
if (res.data.code == 200 && res.data.data.access_token) {
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
title: '登录成功',
|
title: '登录成功',
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
this.$store.dispatch('setLogin', res.data.token);
|
this.$store.dispatch('setLogin', res.data.data.access_token);
|
||||||
uni.setStorage({
|
uni.setStorage({
|
||||||
key: 'userType',
|
key: 'userType',
|
||||||
data: this.usetTypeValue,
|
data: this.usetTypeValue,
|
||||||
|
|
@ -440,7 +492,7 @@ padding-top: 500rpx;
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
url: "../tabBar/project"
|
url: "../tabBar/order"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}, 1000)
|
}, 1000)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,169 @@
|
||||||
|
<template>
|
||||||
|
<view class="register-ctn">
|
||||||
|
<view class="login-bg">
|
||||||
|
<image src="http://static.drgyen.com/app/hc-app-power/images/login-header.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="login-header">
|
||||||
|
<view class="">
|
||||||
|
<!-- #ifdef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
</view>
|
||||||
|
<!-- <view class="login-header-text">综合能源管理</view> -->
|
||||||
|
</view>
|
||||||
|
<view class="register-form">
|
||||||
|
<view class="login-form-title">修改密码</view>
|
||||||
|
<u-form :model="form" :rules="rules" ref="uForm">
|
||||||
|
<u-form-item label="旧密码" label-width="170" prop="oldPassword" left-icon="lock">
|
||||||
|
<u-input v-model="form.oldPassword" type="password" placeholder="请输入旧密码"/>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="新密码" label-width="170" prop="password" left-icon="lock">
|
||||||
|
<u-input v-model="form.password" type="password" placeholder="请输入新密码"/>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="确认密码" label-width="170" prop="rePassword" left-icon="lock">
|
||||||
|
<u-input v-model="form.rePassword" type="password" placeholder="请确认密码"/>
|
||||||
|
</u-form-item>
|
||||||
|
</u-form>
|
||||||
|
<view class="mt30">
|
||||||
|
<u-button @click="confirmEditFn" type="primary" shape="circle">确认修改</u-button>
|
||||||
|
</view>
|
||||||
|
<u-modal ref="uModal" v-model="isSuccess" content="密码修改成功" confirm-text="好的" @confirm="confirmGoPage" :async-close="true"></u-modal>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form:{
|
||||||
|
oldPassword: '',
|
||||||
|
password: '',
|
||||||
|
rePassword: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
oldPassword:[{
|
||||||
|
required:true,
|
||||||
|
message: '请输入旧密码',
|
||||||
|
trigger: 'blur',
|
||||||
|
}],
|
||||||
|
password:[{
|
||||||
|
required:true,
|
||||||
|
message: '请输入新密码',
|
||||||
|
trigger: 'blur',
|
||||||
|
},{
|
||||||
|
min:6,
|
||||||
|
max:18,
|
||||||
|
message: '请输入6-18位新密码',
|
||||||
|
trigger: 'blur',
|
||||||
|
}],
|
||||||
|
rePassword:[{
|
||||||
|
required:true,
|
||||||
|
message: '请再次输入新密码',
|
||||||
|
trigger: 'blur',
|
||||||
|
},{
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return value === this.form.password;
|
||||||
|
},
|
||||||
|
message: '两次输入的密码不相等',
|
||||||
|
trigger: ['change','blur']
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
isSuccess: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed:{
|
||||||
|
appConfig() {
|
||||||
|
return this.$store.state.app.appConfig
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onReady(){
|
||||||
|
this.$refs.uForm.setRules(this.rules);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 提交修改
|
||||||
|
confirmEditFn(){
|
||||||
|
this.$refs.uForm.validate(valid => {
|
||||||
|
console.log(valid,"valid")
|
||||||
|
if (valid) {
|
||||||
|
this.$put(`/system/user/profile/updatePwd`,{
|
||||||
|
newPassword:this.form.password,
|
||||||
|
oldPassword:this.form.oldPassword,
|
||||||
|
})
|
||||||
|
.then((res)=>{
|
||||||
|
if(res.code==200){
|
||||||
|
this.isSuccess = true;
|
||||||
|
}else{
|
||||||
|
this.$tui.toast(res.msg, 3000);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
console.log('验证失败');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
confirmGoPage() {
|
||||||
|
this.isSuccess = true;
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.register-ctn{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0 60rpx;
|
||||||
|
:not(not) {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.register-form{
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: $uni-border-radius-lg;
|
||||||
|
padding: 40rpx;
|
||||||
|
box-shadow: $box-shadow;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
.login-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: -1;
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.login-header{
|
||||||
|
text-align: center;
|
||||||
|
&-img{
|
||||||
|
width: 160rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
}
|
||||||
|
&-text{
|
||||||
|
font-size: 46rpx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.login-form-title{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #262626;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,64 +1,43 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="my-box">
|
<view class="my-box">
|
||||||
<!-- 个人信息 -->
|
<!-- 顶部用户信息区域 -->
|
||||||
<view class="header-box">
|
<view class="user-info">
|
||||||
<view class="avatar-box">
|
<view class="avatar-box">
|
||||||
<template v-if="userInfo.avatar">
|
<u-image v-if="userInfo.avatar" width="122rpx" height="122rpx" :src="userInfo.avatar" shape="circle"></u-image>
|
||||||
<u-image width="122rpx" height="122rpx" :src="getUrl(userInfo.avatar)" shape="circle"></u-image>
|
<u-image v-else width="122rpx" height="122rpx" src="http://static.drgyen.com/app/hc-app-power/images/my/avatar.png" shape="circle"></u-image>
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<u-image width="122rpx" height="122rpx" src="http://static.drgyen.com/app/hc-app-power/images/my/avatar.png" shape="circle"></u-image>
|
|
||||||
</template>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="userinfo-box">
|
<view class="info-content">
|
||||||
<view class="header-userinfo-name">{{userInfo && userInfo.nickName || userInfo.userName}}</view>
|
<view class="nickname">{{ userInfo.nickName }}</view>
|
||||||
<view class="header-userinfo-company">{{tenantInfo && tenantInfo.tenantName || "-"}}</view>
|
<view class="user-id">手机号：{{ userInfo.phonenumber }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 菜单 -->
|
|
||||||
<view class="menu-box">
|
<!-- 功能列表区域 -->
|
||||||
<view class="home-menu-item menu-item" v-for="(item,index) in menuList" :key="index"
|
<view class="function-list">
|
||||||
@click="goRouterFn(item.url)">
|
<view class="list-item" @click="goRouterFn('/pages/my/passwordModify')">
|
||||||
<view class="home-menu-item-header">
|
<view class="item-left">
|
||||||
<view class="home-menu-item-left">
|
<u-icon name="lock" color="#666666" size="32"></u-icon>
|
||||||
<view class="home-menu-item-name">
|
<text class="item-title">修改密码</text>
|
||||||
{{item.name}}
|
</view>
|
||||||
</view>
|
<view class="item-right">
|
||||||
<view class="home-menu-item-remark">
|
<u-icon name="arrow-right" color="#666666" size="24"></u-icon>
|
||||||
{{item.remark}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="home-menu-item-right">
|
|
||||||
<u-icon name="arrow-right" color="#d4d4d4" size="24"></u-icon>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="home-menu-item-bg" :class="['diconfont',item.icon]" :style="{backgroundImage:item.background}"></view>
|
|
||||||
<view class="home-menu-item-bg-two" :class="['diconfont',item.icon]" :style="{color:item.twoColor}"></view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="home-menu-item menu-item">
|
<view class="list-item">
|
||||||
<view class="home-menu-item-header">
|
<view class="item-left">
|
||||||
<view class="home-menu-item-left">
|
<u-icon name="integral" color="#666666" size="32"></u-icon>
|
||||||
<view class="home-menu-item-name">
|
<text class="item-title">版本号</text>
|
||||||
版本号
|
|
||||||
</view>
|
|
||||||
<view class="home-menu-item-remark">
|
|
||||||
当前软件版本
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- <view class="home-menu-item-right">
|
|
||||||
<u-icon name="arrow-right" color="#d4d4d4" size="24"></u-icon>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
|
||||||
<view class="home-menu-item-value">
|
|
||||||
{{version?'V' + version:''}}
|
|
||||||
</view>
|
|
||||||
<view class="home-menu-item-bg" :class="['diconfont','dicon-icon_banbenhao']" :style="{backgroundImage:'linear-gradient(0deg, #95684B, #F9BA98)'}"></view>
|
|
||||||
<view class="home-menu-item-bg-two" :class="['diconfont','dicon-icon_banbenhao']" :style="{color:'rgba(160,94,29,0.1)'}"></view>
|
|
||||||
</view>
|
</view>
|
||||||
|
<view class="item-right">
|
||||||
|
<text class="item-value">v1.0.0</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!-- 退出 -->
|
<!-- 退出 -->
|
||||||
<view class="btn-box">
|
<view class="btn-box">
|
||||||
<u-button shape="square" :custom-style="{ background: 'linear-gradient(270deg, #0066CC 8%, #1890FF 100%)',borderRadius:'20rpx' }" @click="outLoginFn" type="primary" >退出登录</u-button>
|
<u-button shape="circle" @click="outLoginFn" type="primary" >退出登录</u-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -152,12 +131,12 @@
|
||||||
// let userToken = uni.getStorageSync("userToken");
|
// let userToken = uni.getStorageSync("userToken");
|
||||||
let userType = uni.getStorageSync("userType");
|
let userType = uni.getStorageSync("userType");
|
||||||
// let getUserInfoUrl = userType === "企业用户"?"/system/personal/profile":"/system/user/profile";
|
// let getUserInfoUrl = userType === "企业用户"?"/system/personal/profile":"/system/user/profile";
|
||||||
let getUserInfoUrl = "/system/user/profile";
|
let getUserInfoUrl = "/system/user/getInfo";
|
||||||
|
|
||||||
this.$get(getUserInfoUrl).then((res) => {
|
this.$get(getUserInfoUrl).then((res) => {
|
||||||
console.log(res, "res");
|
console.log(res, "res");
|
||||||
if (!res.data) return;
|
if (!res.data) return;
|
||||||
this.userInfo = res.data;
|
this.userInfo = res.data.user;
|
||||||
this.tenantInfo = res.data.tenant;
|
this.tenantInfo = res.data.tenant;
|
||||||
uni.setStorageSync("tenantInfo", res.data.tenant)
|
uni.setStorageSync("tenantInfo", res.data.tenant)
|
||||||
uni.setStorageSync("userInfo", this.userInfo)
|
uni.setStorageSync("userInfo", this.userInfo)
|
||||||
|
|
@ -181,20 +160,91 @@
|
||||||
// uni.clearStorageSync();
|
// uni.clearStorageSync();
|
||||||
uni.removeStorageSync('userToken');
|
uni.removeStorageSync('userToken');
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url:"../auth/login"
|
url:"../auth/passwordLogin"
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
page {
|
||||||
|
height: 100%;
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
}
|
||||||
.my-box {
|
.my-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10rpx 45rpx 0;
|
// padding: 10rpx 45rpx 0;
|
||||||
font-family: Source Han Sans CN;
|
font-family: Source Han Sans CN;
|
||||||
:not(not) {
|
:not(not) {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
padding: 40rpx 32rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-box {
|
||||||
|
margin-right: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-content {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nickname {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-id {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.function-list {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 32rpx;
|
||||||
|
border-bottom: 1px solid #EEEEEE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333333;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-value {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.header-box {
|
.header-box {
|
||||||
width: 660rpx;
|
width: 660rpx;
|
||||||
|
|
@ -301,6 +351,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-box{
|
.btn-box{
|
||||||
|
margin-top: 100rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,319 @@
|
||||||
|
<template>
|
||||||
|
<view class="new-box">
|
||||||
|
<mescroll-body class="new-mescroll u-skeleton" ref="mescrollRef" top="0" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="upOption" >
|
||||||
|
<view class="new-list" v-if="newsList && newsList.length > 0">
|
||||||
|
<view class="new-list-item " v-for="(item,index) in newsList" :key="index" @tap="goDetail(index)">
|
||||||
|
<view class="item-icon-box u-skeleton-circle" :class="item.readType=='yes'?'':'unread'">
|
||||||
|
<view v-if="item.type=='urgent'" class="item-icon bg-error">
|
||||||
|
<u-icon name="bell" color="#fff" size="54"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view v-else-if="item.type=='warning'" class="item-icon bg-warning">
|
||||||
|
<u-icon name="error" color="#fff" size="54"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view v-else class="item-icon bg-info">
|
||||||
|
<u-icon name="chat" color="#fff" size="54"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-content">
|
||||||
|
<view class="item-content-top">
|
||||||
|
<text class="item-title u-line-1 u-skeleton-fillet">{{item.title}}</text>
|
||||||
|
<text class="item-time u-skeleton-fillet">{{item.createdAt}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="item-content-txt u-line-1 u-skeleton-fillet">{{item.message}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</mescroll-body>
|
||||||
|
<!--引用组件-->
|
||||||
|
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let list = [
|
||||||
|
{
|
||||||
|
id:0,
|
||||||
|
type:'warning',
|
||||||
|
title:'机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警机柜告警',
|
||||||
|
message:'电池长时间没充电',
|
||||||
|
params:'id=xxxx',
|
||||||
|
createdAt:'2020-10-26 10:50:49',
|
||||||
|
status:false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:1,
|
||||||
|
type:'warning',
|
||||||
|
title:'电池告警',
|
||||||
|
message:'短路保护',
|
||||||
|
params:'id=xxxx',
|
||||||
|
createdAt:'2020-10-26 10:40:49',
|
||||||
|
status:false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:2,
|
||||||
|
type:'approval',
|
||||||
|
title:'租金审批',
|
||||||
|
message:'XXX有一笔租金需要审批',
|
||||||
|
params:'id=xxxx',
|
||||||
|
createdAt:'2020-10-26 10:30:49',
|
||||||
|
status:false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:3,
|
||||||
|
type:'approval',
|
||||||
|
title:'改装维修审批',
|
||||||
|
message:'XXX有一笔改装维修需要审批',
|
||||||
|
params:'id=xxxx',
|
||||||
|
createdAt:'2020-10-26 10:20:49',
|
||||||
|
status:true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id:4,
|
||||||
|
type:'new',
|
||||||
|
title:'通知消息',
|
||||||
|
message:'XXX下午开会，XXX下午开会，XXX下午开会，XXX下午开会，XXX下午开会',
|
||||||
|
params:'id=xxxx',
|
||||||
|
createdAt:'2020-10-26 10:20:49',
|
||||||
|
status:true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
newsList:list,
|
||||||
|
unreadNewIdList:[],
|
||||||
|
loading: true, // 是否显示骨架屏组件
|
||||||
|
upOption:{
|
||||||
|
page:{
|
||||||
|
num : 0 ,
|
||||||
|
size : 12 ,
|
||||||
|
time : null
|
||||||
|
},
|
||||||
|
noMoreSize: 4,
|
||||||
|
empty:{
|
||||||
|
icon:'https://fast.gk-hd.com/resource/app-sec/new.png',
|
||||||
|
use : true ,
|
||||||
|
tip: '~ 消息列表为空 ~',
|
||||||
|
fixed: true,
|
||||||
|
top: "200rpx",
|
||||||
|
},
|
||||||
|
bgColor:"#f5f5f5"
|
||||||
|
},
|
||||||
|
isToken:false,
|
||||||
|
tabList:[{
|
||||||
|
name: '我的信息',
|
||||||
|
count: 0
|
||||||
|
}, {
|
||||||
|
name: '系统公告',
|
||||||
|
count: 0
|
||||||
|
}],
|
||||||
|
tabIndex: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mixins:[MescrollMixin],
|
||||||
|
onShow() {
|
||||||
|
console.log("消息页show")
|
||||||
|
this.isToken = uni.getStorageSync('token');
|
||||||
|
this.mescroll.resetUpScroll(false);
|
||||||
|
if(this.isToken){
|
||||||
|
this.getUnreadNewNum();
|
||||||
|
}
|
||||||
|
// this.getUnreadNewNum();
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
tabChange(index) {
|
||||||
|
this.tabIndex = index;
|
||||||
|
this.mescroll.resetUpScroll(false);
|
||||||
|
},
|
||||||
|
/*上拉加载的回调*/
|
||||||
|
upCallback(page) {
|
||||||
|
console.log("查询数据",page)
|
||||||
|
let pageNum = page.num; // 页码, 默认从1开始
|
||||||
|
let pageSize = page.size; // 页长, 默认每页10条
|
||||||
|
let obj = {
|
||||||
|
page:pageNum,
|
||||||
|
limit:pageSize,
|
||||||
|
msgType:this.tabIndex==0?'private':'public'
|
||||||
|
}
|
||||||
|
if (this.isToken) {
|
||||||
|
this.$api.getNewList(obj).then((res)=>{
|
||||||
|
console.log("当前获取到消息",res)
|
||||||
|
if (res.data.rows && res.data.rows.length>0) {
|
||||||
|
// 接口返回的当前页数据列表 (数组)
|
||||||
|
let curPageData = res.data.rows;
|
||||||
|
// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
|
||||||
|
let curPageLen = curPageData && curPageData.length;
|
||||||
|
//设置列表数据
|
||||||
|
console.log(curPageLen,res.data.total);
|
||||||
|
if(pageNum == 1){
|
||||||
|
this.newsList = []; //如果是第一页需手动置空列表
|
||||||
|
// this.getUnreadNewIdList(); //
|
||||||
|
this.getUnreadNewNum();
|
||||||
|
}
|
||||||
|
this.newsList = this.newsList.concat(curPageData); //追加新数据
|
||||||
|
this.mescroll.endBySize(curPageLen, res.data.total); // 推荐
|
||||||
|
this.loading = false;
|
||||||
|
console.log("newsList",this.newsList)
|
||||||
|
} else{
|
||||||
|
this.newsList = [];
|
||||||
|
this.mescroll.endErr();
|
||||||
|
this.mescroll.showEmpty();
|
||||||
|
this.loading = false;
|
||||||
|
// this.mescroll.endUpScroll(true)
|
||||||
|
}
|
||||||
|
}).catch(()=>{
|
||||||
|
this.$u.toast('服务器开小差了呢，请您稍后再试')
|
||||||
|
this.newsList = [];
|
||||||
|
//联网失败, 结束加载
|
||||||
|
this.mescroll.endErr();
|
||||||
|
this.mescroll.showEmpty();
|
||||||
|
this.loading = false;
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.newsList = [];
|
||||||
|
this.mescroll.endErr();
|
||||||
|
this.mescroll.showEmpty();
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
// 跳转消息详情
|
||||||
|
goDetail(index){
|
||||||
|
console.log("当前点击消息",this.newsList[index])
|
||||||
|
let obj = JSON.stringify(this.newsList[index]);
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '../new/detail?obj=' + encodeURIComponent(obj)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getUnreadNewNum(){
|
||||||
|
this.$api.getUnreadNewNum({}).then((res)=>{
|
||||||
|
console.log("当前获取未读消息数量",res)
|
||||||
|
if(res.code == 1){
|
||||||
|
if(res.data.count){
|
||||||
|
uni.showTabBarRedDot({
|
||||||
|
index: 2
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
uni.hideTabBarRedDot({
|
||||||
|
index: 2
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.tabList[0].count = res.data.privateCount;
|
||||||
|
this.tabList[1].count = res.data.publicCount;
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title: res.msg,
|
||||||
|
icon:"none",
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}).catch(()=>{
|
||||||
|
this.$u.toast('服务器开小差了呢，请您稍后再试')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// getUnreadNewIdList(){
|
||||||
|
// this.$api.getUnreadNewIdList({}).then((res)=>{
|
||||||
|
// console.log("当前获取未读消息id列表",res)
|
||||||
|
// if (res.data.ids && res.data.ids.length>0) {
|
||||||
|
// this.unreadNewIdList = res.data.ids;
|
||||||
|
// } else{
|
||||||
|
// this.unreadNewIdList = [];
|
||||||
|
// }
|
||||||
|
// }).catch(()=>{
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.bg-error{
|
||||||
|
background-color: $u-type-error;
|
||||||
|
}
|
||||||
|
.bg-warning{
|
||||||
|
background-color: $u-type-warning;
|
||||||
|
}
|
||||||
|
.bg-info{
|
||||||
|
background-color: $u-type-info;
|
||||||
|
}
|
||||||
|
.tabs-box{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.new-box{
|
||||||
|
height: 100%;
|
||||||
|
.new-list{
|
||||||
|
|
||||||
|
.new-list-item{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 15rpx 30rpx;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
.item-icon-box{
|
||||||
|
position: relative;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
&.unread::after{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0rpx;
|
||||||
|
right: 0rpx;
|
||||||
|
width: 20rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
.item-icon{
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-shadow: 2px 2px 2px -2px rgba(159,159,159,0.66);
|
||||||
|
-webkit-box-shadow: 2px 2px 2px -2px rgba(159,159,159,0.66);
|
||||||
|
-moz-box-shadow: 2px 2px 2px -2px rgba(159,159,159,0.66);
|
||||||
|
.iconfont-gx{
|
||||||
|
color: #fff;
|
||||||
|
font-size: 54rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-content{
|
||||||
|
flex: 1;
|
||||||
|
width: 0;
|
||||||
|
height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
.item-content-top{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.item-title{
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 30rpx;
|
||||||
|
width: 320rpx;
|
||||||
|
}
|
||||||
|
.item-time{
|
||||||
|
color: $u-tips-color;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-content-txt{
|
||||||
|
width: 100%;
|
||||||
|
color: $u-tips-color;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 992 B |
Binary file not shown.
|
After Width: | Height: | Size: 1009 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in New Issue