wangchenxing
/
hbj_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

底部

Browse Source
main
Ldy20010130 5 months ago
parent 07cb23a3a7
commit 993a73c9bc
4 changed files with 579 additions and 547 deletions
Show Stats Download Patch File Download Diff File

70
components/tabbar/tabbar.vue
Unescape View File

@ -1,43 +1,17 @@
<template> <template>
<view> <view>
<u-tabbar :value="value1" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false"> <u-tabbar :value="value1" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false">
<u-tabbar-item <u-tabbar-item :badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`"
:badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`" v-for="(item, index) in isMenu" :key="index" :text="item.menuName" :name="item.menuName"
v-for="(item, index) in isMenu" @click="click1(item.path)">
:key="index" <image v-if="item.menuName === '工作待办'" class="u-page item slot-icon" slot="active-icon"
:text="item.menuName" src="../../static/images/login/chat.png" style="height: 25px;width: 25px"></image>
<image v-if="item.menuName === '首页'" class="u-page item slot-icon" slot="active-icon"
:name="item.menuName" src="../../static/images/login/user.png" style="height: 25px;width: 25px"></image>
@click="click1(item.path)" <image v-if="item.menuName === '工作待办'" class="u-page item slot-icon" slot="inactive-icon"
> src="../../static/images/login/chat.png" style="height: 25px;width: 25px"></image>
<image <image v-if="item.menuName === '首页'" class="u-page item slot-icon" slot="inactive-icon"
v-if="item.menuName === '工作待办'" src="../../static/images/login/user.png" style="height: 25px;width: 25px"></image>
class="u-page item slot-icon"
slot="active-icon"
src="../../static/images/login/chat.png"
style="height: 25px;width: 25px"
></image>
<image
v-if="item.menuName === '首页'"
class="u-page item slot-icon"
slot="active-icon"
src="../../static/images/login/user.png"
style="height: 25px;width: 25px"
></image>
<image
v-if="item.menuName === '工作待办'"
class="u-page item slot-icon"
slot="inactive-icon"
src="../../static/images/login/chat.png"
style="height: 25px;width: 25px"
></image>
<image
v-if="item.menuName === '首页'"
class="u-page item slot-icon"
slot="inactive-icon"
src="../../static/images/login/user.png"
style="height: 25px;width: 25px"
></image>
</u-tabbar-item> </u-tabbar-item>
</u-tabbar> </u-tabbar>
<view style="height: 50px; width: 100%;"></view> <view style="height: 50px; width: 100%;"></view>
@ -45,7 +19,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'tabbar', name: 'tabbar',
props: { props: {
value: { value: {
@ -73,7 +47,23 @@ export default {
this.$store.dispatch('getNewsListOne'); this.$store.dispatch('getNewsListOne');
} }
} }
}; };
</script> </script>
<style lang="scss"></style> <style lang="scss">
/deep/.u-tabbar--fixed {
height: calc(45px + constant(safe-area-inset-bottom));
height: 45px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
/* 直接扩展高度，因为padding-bottom是内边距 */
height: calc(45px + env(safe-area-inset-bottom));
/* 直接扩展高度 */
padding-bottom: constant(safe-area-inset-bottom);
/*兼容 iOS<11.2 */
padding-bottom: env(safe-area-inset-bottom);
/* 兼容iOS>= 11.2*/
}
</style>

106
pages/index.vue
Unescape View File

@ -2,13 +2,16 @@
<view class="zhuye"> <view class="zhuye">
<meta name="viewport" <meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/> content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<LoadingPage :loading="loading"></LoadingPage> <LoadingPage :loading="loading"></LoadingPage>
<!-- //导航栏 --> <!-- //导航栏 -->
<!-- <u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true"> <u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true">
<template #left>
</u-navbar> --> <image src='../static/back.png' style="width: 36rpx;height: 36rpx;" @click="goback">
</image>
</template>
</u-navbar>
<view v-show="!loading"> <view v-show="!loading">
<view class="swiper"> <view class="swiper">
@ -23,7 +26,8 @@
<u-grid-item v-for="(item, index) in indexQuanXian" :key="index" :name="item.path"> <u-grid-item v-for="(item, index) in indexQuanXian" :key="index" :name="item.path">
<view class="grid-item-box1"> <view class="grid-item-box1">
<image :src="`${item.pic}`" style="width: 70rpx; height: 70rpx;" /> <image :src="`${item.pic}`" style="width: 70rpx; height: 70rpx;" />
<text style=" font-size: 26rpx;font-family: Noto Sans S Chinese;font-weight: 400;color: #212121;margin-top: 10rpx;">{{ item.menuName }}</text> <text
style=" font-size: 26rpx;font-family: Noto Sans S Chinese;font-weight: 400;color: #212121;margin-top: 10rpx;">{{ item.menuName }}</text>
</view> </view>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
@ -31,7 +35,9 @@
</view> </view>
<view class="box"> <view class="box">
<view class="notice-body" style="margin-top: 15rpx;" @click="goToPage(3)"> <view class="notice-body" style="margin-top: 15rpx;" @click="goToPage(3)">
<view class="notice"><image src="../static/images/zhuye/notice.png" alt=""></image></view> <view class="notice">
<image src="../static/images/zhuye/notice.png" alt=""></image>
</view>
<u-notice-bar color="#212121" bgColor="#FFFFFFF" icon=" " :text="gonggao"></u-notice-bar> <u-notice-bar color="#212121" bgColor="#FFFFFFF" icon=" " :text="gonggao"></u-notice-bar>
<u-icon name="arrow-right" color="#2979ff" size="20"></u-icon> <u-icon name="arrow-right" color="#2979ff" size="20"></u-icon>
</view> </view>
@ -46,12 +52,14 @@
<view style="margin-top: 18rpx;">{{ phoCall }}</view> <view style="margin-top: 18rpx;">{{ phoCall }}</view>
</view> </view>
</view> </view>
<swiper v-if="showYj >= 0 && !list1.length == '0'" style="height: 210rpx;" class="new box" :autoplay="true" :interval="3000" :circular="true"> <swiper v-if="showYj >= 0 && !list1.length == '0'" style="height: 210rpx;" class="new box" :autoplay="true"
:interval="3000" :circular="true">
<swiper-item v-for="(item, index) in list1" :key="index" @click="goToPage(4, item)"> <swiper-item v-for="(item, index) in list1" :key="index" @click="goToPage(4, item)">
<view style="background-color: #fff;width: 100%;"> <view style="background-color: #fff;width: 100%;">
<!-- 头部 --> <!-- 头部 -->
<view class="sortHead"> <view class="sortHead">
<image src="../static/images/Yjplan/sort.png" style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image> <image src="../static/images/Yjplan/sort.png"
style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
<span class="sortTitle">{{ index + 1 }}.{{ item.houseName }}</span> <span class="sortTitle">{{ index + 1 }}.{{ item.houseName }}</span>
</view> </view>
<!-- 卡片 --> <!-- 卡片 -->
@ -72,7 +80,8 @@
<view style="background-color: #fff;width: 100%;"> <view style="background-color: #fff;width: 100%;">
<!-- 头部 --> <!-- 头部 -->
<view class="sortHead"> <view class="sortHead">
<image src="../static/images/Yjplan/sort.png" style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image> <image src="../static/images/Yjplan/sort.png"
style="width: 36rpx;height: 36rpx;margin-right: 22rpx;"></image>
<span class="sortTitle">最近一次演练计划</span> <span class="sortTitle">最近一次演练计划</span>
</view> </view>
<!-- 卡片 --> <!-- 卡片 -->
@ -82,13 +91,17 @@
<view class="content" style="border-left: 13rpx #FFD777 solid;margin-left: 4rpx; "> <view class="content" style="border-left: 13rpx #FFD777 solid;margin-left: 4rpx; ">
<view class="name">{{ backlog.drillName }}</view> <view class="name">{{ backlog.drillName }}</view>
<view class="address" style="display: flex;align-items: center;"> <view class="address" style="display: flex;align-items: center;">
<image src="../static/images/drill/adress.png" style="width: 24rpx;height: 24rpx;margin-right: 5rpx;" /> <image src="../static/images/drill/adress.png"
style="width: 24rpx;height: 24rpx;margin-right: 5rpx;" />
{{ backlog.drillAddress }} {{ backlog.drillAddress }}
</view> </view>
</view> </view>
<view class="content"> <view class="content">
<view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}</view> <view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}
<view class="address" style="display: flex;align-items: center;">{{ backlog.drillDate }}</view> </view>
<view class="address" style="display: flex;align-items: center;">
{{ backlog.drillDate }}
</view>
</view> </view>
</view> </view>
</view> </view>
@ -173,17 +186,30 @@
</view> </view>
</template> </template>
<script> <script>
import { backlog } from '@/api/indexpage/YJDrill/index.js'; import {
//权限控制 backlog
import auth from '@/plugins/auth.js'; } from '@/api/indexpage/YJDrill/index.js';
//车辆预警 //权限控制
import { getUserProfile, listCountByAll, listNotice, getConfigKey, getLessNum } from '@/api/indexpage/user.js'; import auth from '@/plugins/auth.js';
import { appMenuShowInfo, sendList } from '@/api/menu.js'; //车辆预警
// import { getFzTask, getNoReadMessage } from '@/api/indexpage/mine.js'; import {
import Tabbar from '@/components/tabbar/tabbar.vue'; getUserProfile,
import update from '@/components/update/update.vue'; listCountByAll,
import { dateFormat } from '@/minix/timeCommon.js'; listNotice,
export default { getConfigKey,
getLessNum
} from '@/api/indexpage/user.js';
import {
appMenuShowInfo,
sendList
} from '@/api/menu.js';
// import { getFzTask, getNoReadMessage } from '@/api/indexpage/mine.js';
import Tabbar from '@/components/tabbar/tabbar.vue';
import update from '@/components/update/update.vue';
import {
dateFormat
} from '@/minix/timeCommon.js';
export default {
name: 'index', name: 'index',
components: { components: {
Tabbar, Tabbar,
@ -236,10 +262,13 @@ export default {
this.getConfigKeyData(); this.getConfigKeyData();
}, },
methods: { methods: {
goback() {
window.history.back()
},
getYanLian() { getYanLian() {
backlog().then(res => { backlog().then(res => {
this.backlog = res[0]; this.backlog = res[0];
if(this.backlog==null){ if (this.backlog == null) {
} }
}); });
@ -259,7 +288,8 @@ export default {
//D:/公司代码/公司代码20230829/华北石油局/ //D:/公司代码/公司代码20230829/华北石油局/
this.$tab.navigateTo(`/pages/GongGao/GongGao`); this.$tab.navigateTo(`/pages/GongGao/GongGao`);
} else if (bs === 4) { } else if (bs === 4) {
this.$tab.navigateTo(`/pages/indexpage/YJgoods/wzYvJing/wzYvJing?ckId=${item.houseId}&ckName=${item.houseName}`); this.$tab.navigateTo(
`/pages/indexpage/YJgoods/wzYvJing/wzYvJing?ckId=${item.houseId}&ckName=${item.houseName}`);
} }
}, },
getGongGao() { getGongGao() {
@ -328,10 +358,10 @@ export default {
this.$tab.navigateTo(path); this.$tab.navigateTo(path);
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.u-nav-slot { .u-nav-slot {
width: 100vw; width: 100vw;
padding: 0 30rpx; padding: 0 30rpx;
display: flex; display: flex;
@ -354,15 +384,15 @@ export default {
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
} }
} }
page { page {
background-color: #f6f7fb; background-color: #f6f7fb;
box-sizing: border-box !important; box-sizing: border-box !important;
// background: linear-gradient(0deg, #E1E5FD, #F6F7FB) !important; // background: linear-gradient(0deg, #E1E5FD, #F6F7FB) !important;
} }
.sortHead { .sortHead {
background-color: #fff; background-color: #fff;
display: flex; display: flex;
font-weight: 600; font-weight: 600;
@ -376,9 +406,9 @@ page {
color: #333333; color: #333333;
line-height: 40rpx; line-height: 40rpx;
} }
} }
.sortCard { .sortCard {
padding: 0 10rpx; padding: 0 10rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
display: flex; display: flex;
@ -453,13 +483,13 @@ page {
line-height: 40rpx; line-height: 40rpx;
padding: 0 40rpx; padding: 0 40rpx;
} }
} }
.box1 .u-badge--not-dot { .box1 .u-badge--not-dot {
padding: 5px 8px; padding: 5px 8px;
} }
.zhuye { .zhuye {
width: 100%; width: 100%;
.swiper { .swiper {
@ -715,5 +745,5 @@ page {
// margin: 10rpx 0; // margin: 10rpx 0;
} }
} }
} }
</style> </style>

BIN
static/back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

16
static/index.html
Unescape View File

@ -2,13 +2,17 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name='viewport' content="width=device-width, viewport-fit=cover" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>static/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>static/favicon.ico">
<script> <script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />') .supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script> </script>
<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /> <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
</head> </head>
@ -17,4 +21,12 @@
<strong>本站点必须要开启JavaScript才能运行.</strong> <strong>本站点必须要开启JavaScript才能运行.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<style>
#app {
padding-bottom: constant(safe-area-inset-bottom);
/* 兼容 iOS<11.2 */
padding-bottom: env(safe-area-inset-bottom);
/* 兼容iOS>= 11.2 */
}
</style>
</html> </html>
Write Preview
Loading…
Cancel
Save