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

66
components/tabbar/tabbar.vue
Unescape View File

@ -1,43 +1,17 @@
<template>
<view>
<u-tabbar :value="value1" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false">
<u-tabbar-item
:badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`"
v-for="(item, index) in isMenu"
:key="index"
:text="item.menuName"
:name="item.menuName"
@click="click1(item.path)"
>
<image
v-if="item.menuName === '工作待办'"
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 :badge="`${item.menuName === '工作待办' ? $store.state.mine.xiaoxi : 0}`"
v-for="(item, index) in isMenu" :key="index" :text="item.menuName" :name="item.menuName"
@click="click1(item.path)">
<image v-if="item.menuName === '工作待办'" 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>
<view style="height: 50px; width: 100%;"></view>
@ -76,4 +50,20 @@ export default {
};
</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>

62
pages/index.vue
Unescape View File

@ -6,9 +6,12 @@
<LoadingPage :loading="loading"></LoadingPage>
<!-- //导航栏 -->
<!-- <u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true">
</u-navbar> -->
<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="首页" :autoBack="true">
<template #left>
<image src='../static/back.png' style="width: 36rpx;height: 36rpx;" @click="goback">
</image>
</template>
</u-navbar>
<view v-show="!loading">
<view class="swiper">
@ -23,7 +26,8 @@
<u-grid-item v-for="(item, index) in indexQuanXian" :key="index" :name="item.path">
<view class="grid-item-box1">
<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>
</u-grid-item>
</u-grid>
@ -31,7 +35,9 @@
</view>
<view class="box">
<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-icon name="arrow-right" color="#2979ff" size="20"></u-icon>
</view>
@ -46,12 +52,14 @@
<view style="margin-top: 18rpx;">{{ phoCall }}</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)">
<view style="background-color: #fff;width: 100%;">
<!-- 头部 -->
<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>
</view>
<!-- 卡片 -->
@ -72,7 +80,8 @@
<view style="background-color: #fff;width: 100%;">
<!-- 头部 -->
<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>
</view>
<!-- 卡片 -->
@ -82,13 +91,17 @@
<view class="content" style="border-left: 13rpx #FFD777 solid;margin-left: 4rpx; ">
<view class="name">{{ backlog.drillName }}</view>
<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 }}
</view>
</view>
<view class="content">
<view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}</view>
<view class="address" style="display: flex;align-items: center;">{{ backlog.drillDate }}</view>
<view class="name" style="color: #df4d63;font-weight: 600;">{{ backlog.text4 }}
</view>
<view class="address" style="display: flex;align-items: center;">
{{ backlog.drillDate }}
</view>
</view>
</view>
</view>
@ -173,16 +186,29 @@
</view>
</template>
<script>
import { backlog } from '@/api/indexpage/YJDrill/index.js';
import {
backlog
} from '@/api/indexpage/YJDrill/index.js';
//权限控制
import auth from '@/plugins/auth.js';
//车辆预警
import { getUserProfile, listCountByAll, listNotice, getConfigKey, getLessNum } from '@/api/indexpage/user.js';
import { appMenuShowInfo, sendList } from '@/api/menu.js';
import {
getUserProfile,
listCountByAll,
listNotice,
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';
import {
dateFormat
} from '@/minix/timeCommon.js';
export default {
name: 'index',
components: {
@ -236,6 +262,9 @@ export default {
this.getConfigKeyData();
},
methods: {
goback() {
window.history.back()
},
getYanLian() {
backlog().then(res => {
this.backlog = res[0];
@ -259,7 +288,8 @@ export default {
//D:/公司代码/公司代码20230829/华北石油局/
this.$tab.navigateTo(`/pages/GongGao/GongGao`);
} 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() {

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">
<head>
<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 name="renderer" content="webkit">
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>static/favicon.ico">
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.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' : '') + '" />')
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS
.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>
<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
</head>
@ -17,4 +21,12 @@
<strong>本站点必须要开启JavaScript才能运行.</strong>
</noscript>
<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>
Write Preview
Loading…
Cancel
Save