检测界面修改

This commit is contained in:
xiaofajia 2024-12-15 16:55:30 +08:00
parent 66064942ff
commit 4ebf74ce11
5 changed files with 973 additions and 870 deletions

View File

@ -1,8 +1,8 @@
// 应用全局配置
module.exports = {
// baseUrl: 'https://www.nuoyunr.com/admin-api',
// baseUrl: 'http://127.0.0.1:48080/admin-api',
baseUrl: 'http://zjcptv.natappfree.cc/admin-api',
baseUrl: 'http://127.0.0.1:48080/admin-api',
// baseUrl: 'http://zjcptv.natappfree.cc/admin-api',
imagesUrl: 'http://www.nuoyunr.com/lananRsc',
baseImageUrl: 'https://www.nuoyunr.com/minio',
wsUrl: 'ws://127.0.0.1:48080',

View File

@ -6,17 +6,36 @@
<view style="width: 100%; height: 44px;"></view>
<view class="top-ail">
<!-- 新增 -->
<view style="text-align: left;margin: 0 32rpx;">
<text class="t-title">{{ user.partnerName }}</text>
</view>
<view class="top-two">
<view class="dix">
<view class="touxiang">
<image :src="baseImageUrl+user.partnerLogo" mode=""></image>
<view class="dix" style="margin: 0 32rpx;margin-top: 10rpx">
<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;"
v-if="userInfo && userInfo.avatar === null" :src="defaultAvatar" mode="scaleToFill" @error="avatarErr"></image>
<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;" v-else
:src="userInfo.avatar" mode="scaleToFill" @error="avatarErr"></image>
<view class="userInfo" @click="showUserDetail">
<text class="userName">{{ userInfo.nickname }}</text>
<text class="userType" >{{ userInfo.roleNames }}</text>
<!-- <text class="userType" v-if="ifLeader">班组长</text>-->
</view>
<view class="t-title">{{user.partnerName}} 欢迎您</view>
<!-- <view class="touxiang">-->
<!-- <image :src="baseImageUrl+user.partnerLogo" mode=""></image>-->
<!-- </view>-->
<!-- <view class="t-title">{{user.partnerName}} 欢迎您</view>-->
</view>
<view class="dix">
<text class="baizi" v-if="user.isWorking == 1">营业中</text>
<text class="baizi" v-if="user.isWorking == 0">休息中</text>
<switch :checked="isWorking" @change="getying()" color="#3CBC6F" style="transform:scale(0.7)" />
<view class="msg-box" @click="gotoMsg">
<image mode="aspectFita" class="white-image" src="@/static/imgs/msg.png"
style="width: 48rpx;height: 48rpx;"></image>
<view class="msg-num" v-if="noReadNum>0">{{ noReadNum }}</view>
</view>
<image class="white-image" @click="showUserDetail" style="width: 48rpx;height: 48rpx"
src="/static/icons/more.png" mode="aspectFita"></image>
<!-- <text class="baizi" v-if="user.isWorking == 1">营业中</text>-->
<!-- <text class="baizi" v-if="user.isWorking == 0">休息中</text>-->
<!-- <switch :checked="isWorking" @change="getying()" color="#3CBC6F" style="transform:scale(0.7)" />-->
</view>
</view>
<view class="threebox">
@ -39,7 +58,7 @@
<view class="gangbox">
<view class="ang-box1" @click="goindex()">
<view class="bs-di">
<text>信息管理</text>
<text>功能管理</text>
<uni-icons type="arrow-right" color="#6FA1CD" size="20"></uni-icons>
</view>
<view class="xzi">
@ -66,7 +85,7 @@
</view>
<view class="ang-box3" @click="goxiaoxi()">
<view class="bs-di">
<text>监管通知</text>
<text>通知提醒</text>
<uni-icons type="arrow-right" color="#775FAE" size="20"></uni-icons>
</view>
<view class="xzi">
@ -94,38 +113,38 @@
<text>公司简介</text>
</view> -->
</view>
<view class="gangbox">
<view class="san-box2" @click="gorwm()">
<view class="cnm-icon">
<image src="../../static/detection/dddhex.png" mode=""></image>
</view>
<text>订单核销</text>
</view>
<view class="san-box" @click="reservations()">
<view class="j-icon" v-if="appAndPick.appointNum != 0">
<text>{{appAndPick.appointNum }}</text>
</view>
<!-- <view >
<view class="jbBox">
<u-badge :type="type" max="99" :value="value"></u-badge>
</view>
</view> -->
<view class="cnm-icon">
<image src="../../static/detection/gsjj.png" mode=""></image>
</view>
<text>预约记录</text>
</view>
<!-- <view class="gangbox">-->
<!-- <view class="san-box2" @click="gorwm()">-->
<!-- <view class="cnm-icon">-->
<!-- <image src="../../static/detection/dddhex.png" mode=""></image>-->
<!-- </view>-->
<!-- <text>订单核销</text>-->
<!-- </view>-->
<!-- <view class="san-box" @click="reservations()">-->
<!-- <view class="j-icon" v-if="appAndPick.appointNum != 0">-->
<!-- <text>{{appAndPick.appointNum }}</text>-->
<!-- </view>-->
<!-- &lt;!&ndash; <view >-->
<!-- <view class="jbBox">-->
<!-- <u-badge :type="type" max="99" :value="value"></u-badge>-->
<!-- </view>-->
<!-- </view> &ndash;&gt;-->
<!-- <view class="cnm-icon">-->
<!-- <image src="../../static/detection/gsjj.png" mode=""></image>-->
<!-- </view>-->
<!-- <text>预约记录</text>-->
<!-- </view>-->
<view class="san-box3" @click="gohomecar()">
<view class="j-icon" v-if="appAndPick.pickNum != 0">
<text>{{appAndPick.pickNum }}</text>
</view>
<view class="cnm-icon">
<image src="../../static/detection/smqc.png" mode=""></image>
</view>
<text>上门取车</text>
</view>
</view>
<!-- <view class="san-box3" @click="gohomecar()">-->
<!-- <view class="j-icon" v-if="appAndPick.pickNum != 0">-->
<!-- <text>{{appAndPick.pickNum }}</text>-->
<!-- </view>-->
<!-- <view class="cnm-icon">-->
<!-- <image src="../../static/detection/smqc.png" mode=""></image>-->
<!-- </view>-->
<!-- <text>上门取车</text>-->
<!-- </view>-->
<!-- </view>-->
<view class="dqtime">
<text>今天是{{ dateStr || '' }} {{ week || '' }} {{ time || '' }}</text>
</view>
@ -150,7 +169,9 @@
<script>
import request from '../../utils/request';
import tabBar from '../../components/tabBar/tabBar.vue'
import {getStorageWithExpiry, setStorageWithExpiry} from "../../utils/auth";
import config from '@/config'
export default {
data() {
return {
@ -179,8 +200,10 @@
appointNum: 0,
pickNum: 0
},
baseImageUrl:this.$baseImageUrl
baseImageUrl: this.$baseImageUrl,
noReadNum: 1,
userInfo: {},
defaultAvatar: require('@/static/icons/avatar.png'),
}
},
onLoad() {
@ -193,12 +216,44 @@
this.getindex()
// this.getwarnMsglist()
this.getbottom()
this.getUserInfo()
},
components: {
tabBar,
},
methods: {
avatarErr(err) {
console.log('err', err)
this.userInfo.avatar = this.defaultAvatar
},
getUserInfo() {
let roleNames = getStorageWithExpiry("roleNames")
if (!roleNames){
request({
url: '/inspection/util/getRoleName',
method: 'get'
}).then(res => {
roleNames = res.data
setStorageWithExpiry("roleNames", roleNames)
})
}
const data = getStorageWithExpiry("userInfo")
if (!data) {
request({
url: '/system/user/profile/get',
method: 'get'
}).then(res => {
this.userInfo = res.data
if (this.userInfo.avatar) {
this.userInfo.avatar = config.baseImageUrl + this.userInfo.avatar
}
this.userInfo.roleNames = roleNames
setStorageWithExpiry("userInfo", this.userInfo)
})
} else {
this.userInfo = data
}
},
ToToday() {
uni.navigateTo({
url: '/pages/index/TodayTable'
@ -575,7 +630,7 @@
border-radius: 10px;
margin-top: 10px;
font-weight: bold;
font-size: 12;
font-size: 12px;
position: relative;
}
@ -627,7 +682,6 @@
}
.dqtime {
width: 100%;
display: flex;
@ -897,4 +951,53 @@
height: 100%;
}
}
.white-image {
width: 48rpx;
height: 48rpx;
filter: invert(100%) grayscale(100%);
}
.msg-box {
position: relative;
margin-right: 40rpx;
.msg-num {
position: absolute;
right: -15rpx;
color: white;
background: #d74a43;
width: 35rpx;
height: 35rpx;
line-height: 35rpx;
text-align: center;
font-weight: 800;
font-size: 11px;
border-radius: 50%;
top: -15rpx;
}
}
.userInfo {
flex: 1;
//width: 0;
.userName {
font-weight: bold;
font-size: 36rpx;
color: white;
display: block;
margin-bottom: 16rpx;
margin-left: 10rpx;
}
.userType {
font-size: 24rpx;
color: white;
display: inline-block;
border-radius: 24rpx 24rpx 24rpx 24rpx;
border: 1rpx solid white;
padding: 8rpx 16rpx;
margin-left: 10rpx;
}
}
</style>

BIN
static/icons/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/icons/more.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 B

BIN
static/imgs/msg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 512 B