首页页面样式修改

This commit is contained in:
zmj 2024-01-02 22:59:17 +08:00
parent 439a2ce678
commit 4a213dc890
13 changed files with 869 additions and 1006 deletions

View File

@ -2,16 +2,16 @@ let httpApiThree;
let httpApi; // 总域名
let httpApiTwo; // 物流系统域名
const env = 'dev'; // 开发
// const env = 'prod'; // 生产
// const env = 'dev'; // 开发
const env = 'prod'; // 生产
// const env = 'prew'; // 预上线
// const env = 'local'; // 本地
switch (env) {
case 'prod':
httpApi = 'https://worker-task.lihaink.cn' //正式
httpApiTwo = 'https://logistics.lihaink.cn' //正式环境
httpApiThree = 'https://worker-task.lihaink.cn' //正式
httpApi = 'https://new-worker.lihaink.cn/' //正式
httpApiTwo = 'https://new-worker.lihaink.cn/' //正式环境
httpApiThree = 'https://new-worker.lihaink.cn/' //正式
break;
case 'prew':
httpApi = 'https://preview-worker-task.lihaink.cn' //预上线
@ -24,9 +24,9 @@ switch (env) {
httpApiTwo = 'http://192.168.1.21:8083' //预上线
break;
default:
httpApi = 'https://ceshi-worker-task.lihaink.cn' //测试
httpApiThree = 'https://ceshi-worker-task.lihaink.cn' //测试
httpApiTwo = 'https://ceshi-logistics.lihaink.cn' //测试环境
httpApi = 'https://ceshi-new-wokr.lihaink.cn/' //测试
httpApiThree = 'https://ceshi-new-wokr.lihaink.cn/' //测试
httpApiTwo = 'https://ceshi-new-wokr.lihaink.cn/' //测试环境
//测试环境
}

View File

@ -1,10 +1,10 @@
{
"name": "里海社区",
// "appid" : "__UNI__3A527D1",
"appid": "__UNI__B5B1EDD",
"appid": "__UNI__A495155",
"description": "",
"versionName": "1.3.0",
"versionCode": 130,
"versionName": "1.3.1",
"versionCode": 131,
"transformPx": false,
/* 5+App */
"app-plus": {

View File

@ -962,30 +962,8 @@
"iconPath": "static/tabs-icon/home.png",
"selectedIconPath": "static/tabs-icon/home-a.png"
},
{
"pagePath": "pages/oaExamine/oaExamine",
"text": "审批",
"iconPath": "static/tabs-icon/Task.png",
"selectedIconPath": "static/tabs-icon/Task-a.png"
},
{
"pagePath": "pages/oaTask/oaTask",
"text": "任务",
"iconPath": "static/tabs-icon/approval.png",
"selectedIconPath": "static/tabs-icon/approval-a.png"
},
// {
// "pagePath": "pages/oaManager/oaManager",
// "text": "片区经理",
// "iconPath": "static/tabs-icon/manager.png",
// "selectedIconPath": "static/tabs-icon/manager-a.png"
// },
{
"pagePath": "pages/business/business",
"text": "商机",
"iconPath": "static/tabs-icon/manager.png",
"selectedIconPath": "static/tabs-icon/manager-a.png"
},
{
"pagePath": "pages/oaMy/oaMy",
"text": "我的",

File diff suppressed because it is too large Load Diff

View File

@ -9,7 +9,7 @@
<!-- <view style="height: var(--status-bar-height)"></view> -->
<!-- #endif -->
<view class="body">
<view class="title">欢迎进入里海供销平台</view>
<view class="title">欢迎进入里海工作平台</view>
<view class="login-card">
<view class="top">
<view class="text item">
@ -22,17 +22,7 @@
type="tel" placeholder="输入账号" />
<input @click="getId" class="mobile item" v-model="formData.password" maxlength="26"
placeholder="输入密码" password type="safe-password" />
<!-- <input v-if="current == 1" class="mobile item" v-model="formData.account" placeholder="输入手机号" />
<view v-if="current == 1" class="code item">
<input placeholder="输入验证码" v-model="formData.code" maxlength="6" />
<u-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-code>
<view class="get-code" @click="getCode">{{ tips }}</view>
</view>
<view class="btn">
</view> -->
<view class="">
还没有账号? <text class="enroll-text" @click="navgo('/pages/oaLogin/oaEnroll')">点击注册</text>
</view>
</view>
<button class="submit_btn" @click="login">登录</button>

View File

@ -2,20 +2,21 @@
<view class="my">
<view class="head_box" style="position: relative;">
<!-- <image class="head_img" src="../../static/img/home/head-bg.png"></image> -->
<view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0;">
<hx-lottie :options="options" ref="lottie" style="width: 100vw;height: 460rpx;transform: scale(1.2);background-color: #0122c7;"/>
</view>
<!-- <u-navbar v-if="uniMP" @leftClick="leftClick" bgColor="rgba(0,0,0,0)"
<view style="position: absolute;bottom: 0;left: 0;overflow: hidden;border-radius: 0;">
<hx-lottie :options="options" ref="lottie"
style="width: 100vw;height: 460rpx;transform: scale(1.2);background-color: #0122c7;" />
</view>
<!-- <u-navbar v-if="uniMP" @leftClick="leftClick" bgColor="rgba(0,0,0,0)"
leftIconColor=" #fff" :autoBack="false">
</u-navbar> -->
<!-- #ifdef APP-PLUS||H5 -->
<view style="height: var(--status-bar-height)"></view>
<view v-if="uniMP" style="height: 44px;">
<u-icon name="arrow-left" color="#fff" size="20" @click="leftClick"></u-icon>
</view>
<view v-else style="height: 30rpx"></view>
<view style="height: var(--status-bar-height)"></view>
<view v-if="uniMP" style="height: 44px;">
<u-icon name="arrow-left" color="#fff" size="20" @click="leftClick"></u-icon>
</view>
<view v-else style="height: 30rpx"></view>
<!-- <view style="height: 100rpx"></view> -->
<!-- <view v-if="uniMP" style="height: 44px"></view> -->
<!-- <view v-if="uniMP" style="height: 44px"></view> -->
<!-- #endif -->
<view class="personage">
<view class="my_msg flex_a_c_j_sb">
@ -34,22 +35,21 @@
<view v-else class="name_work">
<view class="name">
<text class="nickname">姓名:{{ oaUserInfo.nickname }}</text>
{{ oaUserInfo.admin_id?'超级管理员':'普通用户'}}
<!-- <text class="omit" v-if="oaUserInfo.admin.company">所属公司:{{ oaUserInfo.admin.company.company_name }}</text> -->
</view>
<view class="work">
<view class="wr_item">
<view class="wr_t_left">电话:</view>
<view class="wr_t_right">{{oaUserInfo.account}}</view>
</view>
<view class="wr_item">
<view class="wr_t_left">公司:</view>
<view class="wr_t_right" v-if="oaUserInfo.company">{{oaUserInfo.company.company_name}}</view>
</view>
<view class="wr_item">
<view class="wr_t_left">公司类型:</view>
<view class="wr_t_right" v-if="oaUserInfo.company">{{oaUserInfo.company.company_type_name}}</view>
</view>
<view class="wr_item">
<view class="wr_t_left">电话:</view>
<view class="wr_t_right">{{oaUserInfo.account}}</view>
</view>
<view class="wr_item">
<view class="wr_t_left">类型:</view>
<view class="wr_t_right">
{{oaUserInfo.user_role_name}}
</view>
</view>
<!-- {{ oaUserInfo.did_name }}({{ oaUserInfo.label_name }}) -->
</view>
</view>
@ -100,7 +100,7 @@
import {
myOaData
} from '@/static/server/server.js'
import bj from "@/static/animation/home.json"
import bj from "@/static/animation/home.json"
// import tabbar from '../components/tabbar'
export default {
components: {
@ -108,20 +108,20 @@
},
data() {
return {
options: {
data: '',
},
uniMP: false,
options: {
data: '',
},
uniMP: false,
// myOaData: [],
src: 'https://cdn.uviewui.com/uview/album/1.jpg',
modelShow: false
}
},
onLoad() {
this.options.data = bj;
},
onLoad() {
this.options.data = bj;
},
onShow() {
if(uni.getStorageSync('uniMP'))this.uniMP = true;
if (uni.getStorageSync('uniMP')) this.uniMP = true;
this.getOaUserInfo();
},
onHide() {
@ -141,30 +141,30 @@
}
};
},
myOaData(){
const route = 'pages/oaMy/oaMy';
let arr = [];
this.$store.state.config?.config?.menu?.forEach((item)=>{
if(item.paths.includes(route)){
arr=item.children;
}
})
return arr;
}
myOaData() {
const route = 'pages/oaMy/oaMy';
let arr = [];
this.$store.state.config?.config?.menu?.forEach((item) => {
if (item.paths.includes(route)) {
arr = item.children;
}
})
return arr;
}
},
watch: {
modelShow: function(n, o) {
}
},
watch:{
modelShow: function(n,o){
}
},
methods: {
...mapActions(['getWxLogin']),
leftClick(e) {
uni.sendHostEvent('closeApp', e, (ret) => {
//
console.log('关闭应用'+JSON.stringify(ret));
});
},
leftClick(e) {
uni.sendHostEvent('closeApp', e, (ret) => {
//
console.log('关闭应用' + JSON.stringify(ret));
});
},
login() {
uni.reLaunch({
url: '/pages/oaLogin/oaLogin'
@ -189,25 +189,25 @@
async getOaUserInfo() {
const res = await userInfo();
this.$store.commit('setUserInfo', res.data);
uni.stopPullDownRefresh()
uni.stopPullDownRefresh()
},
navTo (url) {
if(url){
uni.showLoading({
title: '加载中',
mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
},
fail (e) {
uni.hideLoading()
console.log(e);
},
})
}else Toast('暂未开放')
navTo(url) {
if (url) {
uni.showLoading({
title: '加载中',
mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
},
fail(e) {
uni.hideLoading()
console.log(e);
},
})
} else Toast('暂未开放')
},
alterMyInfo() {
uni.navigateTo({
@ -223,7 +223,8 @@
<style lang="scss">
.my {
padding-bottom: 160rpx;
padding-bottom: 160rpx;
.head_box {
position: relative;
padding: 28rpx;
@ -290,13 +291,15 @@
.work {
margin-top: 14.04rpx;
.wr_item{
display: flex;
.wr_t_left{
flex-shrink: 0;
margin-right: 12rpx;
}
}
.wr_item {
display: flex;
.wr_t_left {
flex-shrink: 0;
margin-right: 12rpx;
}
}
}
.omit {

View File

@ -1,174 +1,178 @@
<template>
<view style="padding: 28rpx 0;">
<view class="other_guide">
<block v-for="(item,i) in myOaData" :key="i">
<view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
<view class="flex_a_c left">
<!-- <view class="iconfont2" :class="item.icon"></view> -->
<image v-if="item.icon" :src="item.icon"></image>
<view class="text">{{ item.name }}</view>
</view>
<view style="display: flex;align-items: center;">
<view v-if="i==0">{{version}}</view>
<uni-icons type="forward"></uni-icons>
</view>
</view>
</block>
</view>
<view class="us" @click="copyPhone">
<view>联系我们</view>
<view>0830-2669767</view>
</view>
</view>
<view style="padding: 28rpx 0;">
<view class="other_guide">
<block v-for="(item,i) in myOaData" :key="i">
<view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
<view class="flex_a_c left">
<!-- <view class="iconfont2" :class="item.icon"></view> -->
<image v-if="item.icon" :src="item.icon"></image>
<view class="text">{{ item.name }}</view>
</view>
<view style="display: flex;align-items: center;">
<view v-if="i==0">1.0.1</view>
<uni-icons type="forward"></uni-icons>
</view>
</view>
</block>
</view>
<view class="us" @click="copyPhone">
<view>联系我们</view>
<view>0830-2669767</view>
</view>
</view>
</template>
<script>
import { Toast } from '../../libs/uniApi';
import { destroyAccount } from '@/api/oaUser.js';
export default {
data() {
return {
myOaData: [{
name: '版本更新'
},
{
name: '注销账户'
},
{
name: '隐私政策',
url: 'https://worker-task.lihaink.cn/pc/policy/privacy'
},
{
name: '用户协议',
url: 'https://worker-task.lihaink.cn/pc/policy/service'
},
{
name: '投诉反馈',
url: '/subpkg/complaint/complaint'
},
{
name: '联系我们'
},
],
version: '',
us: "0830-2669767",
};
},
onLoad() {
let os = uni.getSystemInfoSync();
this.version = 'v' + (os?.appWgtVersion || os?.appVersion);
},
methods: {
clickItem(e) {
switch (e.name) {
case '版本更新':
this.updateVersion();
break;
case '注销账户':
this.unsubscribe();
break;
case '联系我们':
this.connectUs();
break;
case '隐私政策':
this.navToWebView(e.url, '隐私政策');
break;
case '用户协议':
this.navToWebView(e.url, '用户协议');
break;
case '投诉反馈':
uni.navigateTo({
url: e.url
});
break;
}
},
updateVersion() {
this.$store.dispatch('initConfig', true);
},
async unsubscribe() {
uni.showModal({
content: '注销账号后不可恢复,确认要注销吗?',
success: async (e) => {
if (e.confirm) {
let res = await destroyAccount();
uni.reLaunch({
url: '/pages/oaLogin/oaLogin'
})
}
}
})
},
connectUs() {
//
uni.makePhoneCall({
phoneNumber: this.us + "",
success: (e) => {
console.log(e);
},
fail: (e) => {
Toast('页面跳转失败,请检查是否开启权限');
this.copyPhone();
}
});
},
copyPhone() {
//
uni.setClipboardData({
data: this.us + "",
showToast: false,
success: (e) => {
Toast('号码已复制')
},
fail: (e) => {
Toast('复制失败')
}
})
},
navToWebView(uri, title) {
uni.navigateTo({
url: `/pages/webView/webView?title=${title}&uri=${uri}`
})
}
}
}
import {
Toast
} from '../../libs/uniApi';
import {
destroyAccount
} from '@/api/oaUser.js';
export default {
data() {
return {
myOaData: [{
name: '版本更新'
},
{
name: '注销账户'
},
{
name: '隐私政策',
url: 'https://worker-task.lihaink.cn/pc/policy/privacy'
},
{
name: '用户协议',
url: 'https://worker-task.lihaink.cn/pc/policy/service'
},
{
name: '投诉反馈',
url: '/subpkg/complaint/complaint'
},
{
name: '联系我们'
},
],
version: '',
us: "0830-2669767",
};
},
onLoad() {
let os = uni.getSystemInfoSync();
this.version = 'v' + (os?.appWgtVersion || os?.appVersion);
},
methods: {
clickItem(e) {
switch (e.name) {
case '版本更新':
this.updateVersion();
break;
case '注销账户':
this.unsubscribe();
break;
case '联系我们':
this.connectUs();
break;
case '隐私政策':
this.navToWebView(e.url, '隐私政策');
break;
case '用户协议':
this.navToWebView(e.url, '用户协议');
break;
case '投诉反馈':
uni.navigateTo({
url: e.url
});
break;
}
},
updateVersion() {
this.$store.dispatch('initConfig', true);
},
async unsubscribe() {
uni.showModal({
content: '注销账号后不可恢复,确认要注销吗?',
success: async (e) => {
if (e.confirm) {
let res = await destroyAccount();
uni.reLaunch({
url: '/pages/oaLogin/oaLogin'
})
}
}
})
},
connectUs() {
//
uni.makePhoneCall({
phoneNumber: this.us + "",
success: (e) => {
console.log(e);
},
fail: (e) => {
Toast('页面跳转失败,请检查是否开启权限');
this.copyPhone();
}
});
},
copyPhone() {
//
uni.setClipboardData({
data: this.us + "",
showToast: false,
success: (e) => {
Toast('号码已复制')
},
fail: (e) => {
Toast('复制失败')
}
})
},
navToWebView(uri, title) {
uni.navigateTo({
url: `/pages/webView/webView?title=${title}&uri=${uri}`
})
}
}
}
</script>
<style lang="scss">
.other_guide {
width: 694.74rpx;
margin: 0 auto;
padding: 28.07rpx;
background-color: #fff;
border-radius: 12px;
.other_guide {
width: 694.74rpx;
margin: 0 auto;
padding: 28.07rpx;
background-color: #fff;
border-radius: 12px;
.other_item {
height: 87.72rpx;
border-bottom: 1px solid #F0F5F7;
.other_item {
height: 87.72rpx;
border-bottom: 1px solid #F0F5F7;
.text {
font-size: 28.07rpx;
margin-left: 20.56rpx;
}
.text {
font-size: 28.07rpx;
margin-left: 20.56rpx;
}
.left {
align-items: center;
}
.left {
align-items: center;
}
image {
width: 42rpx;
height: 42rpx;
}
image {
width: 42rpx;
height: 42rpx;
}
.iconfont2 {
font-size: 42.11rpx;
}
}
}
.iconfont2 {
font-size: 42.11rpx;
}
}
}
.us {
margin: 60rpx 0;
text-align: center;
color: #aaa;
}
.us {
margin: 60rpx 0;
text-align: center;
color: #aaa;
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

BIN
static/newWork/index/YJ.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB