ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
cclu 2023-05-19 19:44:02 +08:00
parent eb7ae3a613
commit 57e6e8f12b
10 changed files with 406 additions and 206 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages.json
View File

@ -167,7 +167,8 @@
"path": "index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
"navigationStyle": "custom",
"disableScroll": true
}
}
]

248
pages/commercialBI/yearPlan.vue
View File

@ -5,11 +5,52 @@
<!-- <view class="content">-->
<!-- <view class="block"></view>-->
<!-- <p class="title">年度经营计划</p>-->
<!-- &lt;!&ndash; 选择月份 &ndash;&gt;-->
<!-- <view class="monthTabs">-->
<!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="current" @scroll="handleScroll">-->
<!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" >{{item.label}}</div>-->
<!-- <scroll-view class="big" :show-scrollbar="false" scroll-with-animation scroll-x="true" enable-flex :scrollIntoView="selectMonthId" >-->
<!-- <div :id="'item'+item.value" :class="selectMonth===item.value?'monthItem selectItem':'monthItem'" v-for="(item,index) in monthList" :key="index" @click="handleSelectMonth(item.value)">{{item.label}}</div>-->
<!-- </scroll-view>-->
<!-- </view>-->
<!-- <view class="monthDetailList">-->
<!-- <swiper class="swiper" previous-margin="40rpx" next-margin="40rpx" @change="handleDetailScroll" :current="selectDetail">-->
<!-- <block v-for="(item,index) in swiperList" :key="index">-->
<!-- <swiper-item class="swiper-item" :item-id="index" :data-item-id="index" bindtap='clickChange'>-->
<!-- <view class="box">-->
<!-- <view :class="selectDetail===index?'detail':'detail noShow'">-->
<!-- <view class="item">-->
<!-- <view class="itemTop">-->
<!-- <view class="left">-->
<!-- <image class="logo" src="/static/images/plan/monthLogo.svg"></image>-->
<!-- <view class="detailContent">-->
<!-- <view class="top">-->
<!-- <span class="money">7,321,433,546</span>-->
<!-- <image class="icon" src="/static/images/index/yearSuccess.svg"></image>-->
<!-- </view>-->
<!-- <p class="text">本月已完成<text class="unit">/元</text></p>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="right">-->
<!-- <p class="add">+8.24%</p>-->
<!-- <text class="compare">比计划</text>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="itemBottom">-->
<!-- <view class="progress">-->
<!-- <view class="have" style="width: 78%"></view>-->
<!-- </view>-->
<!-- <view class="text">-->
<!-- <span class="success">计划完成<span class="unit">/元</span></span>-->
<!-- <span class="target">8,000,000,000</span>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </swiper-item>-->
<!-- </block>-->
<!-- </swiper>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
@ -20,35 +61,52 @@
<!-- name: "yearPlan",-->
<!-- data(){-->
<!-- return {-->
<!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7},-->
<!-- {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],-->
<!-- selectMonth:0,-->
<!-- current:''-->
<!-- monthList:[{label:'1月',value:1},{label:'2月',value:2},{label:'3月',value:3},{label:'4月',value:4},{label:'5月',value:5},{label:'6月',value:6},{label:'7月',value:7}, {label:'8月',value:8},{label:'9月',value:9},{label:'10月',value:10},{label:'11月',value:11},{label:'12月',value:12}],-->
<!-- selectMonth:0,// 选中的月份-->
<!-- selectMonthId:'',// 选中月份的id-->
<!-- swiperList:[{label:1111},{label:2222},{label:3333},{label:4444},{label:5555},{label:6666},{label:7777},{label:8888},{label:9999},{label:1010}, {label:11111111},{label:1212}],-->
<!-- selectDetail:0,// 选中的月份详情卡片-->
<!-- }-->
<!-- },-->
<!-- onLoad(){-->
<!-- // 获取手机参数对页面进行适配-->
<!-- let systemInfo = uni.getSystemInfoSync()-->
<!-- this.windowHeight = systemInfo.windowHeight-->
<!-- this.statusBarHeight = Number(systemInfo.statusBarHeight)-->
<!-- this.menu = uni.getMenuButtonBoundingClientRect()-->
<!-- // 先拿到首页的时间 作为调用接口的统一时间 存的lastDay存当前月份的具体日期切换回本月的日期判断有用-->
<!-- this.searchTime = uni.getStorageSync('lastDay')-->
<!-- this.lastDay = uni.getStorageSync('lastDay')-->
<!-- // 拿到当前时间-->
<!-- const date = new Date(this.searchTime)-->
<!-- let month = date.getMonth() + 1-->
<!-- // 滚动的月份列表-->
<!-- this.monthList = this.monthList.filter(item=>item.value<=month)-->
<!-- },-->
<!-- onReady(){-->
<!-- var _this = this;-->
<!-- _this.getThisMonth()-->
<!-- this.getThisMonth()-->
<!-- },-->
<!-- methods:{-->
<!-- getThisMonth(){-->
<!-- const date = new Date()-->
<!-- const month = date.getMonth() + 1-->
<!-- this.selectMonth = month-->
<!-- this.current='item'+month-->
<!-- console.log('this.current',this.current)-->
<!-- this.selectMonthId = `item${month}`-->
<!-- },-->
<!-- handleScroll(e){-->
<!-- console.log('e',e)-->
<!-- // 点击月份切换月份-->
<!-- handleSelectMonth(value){-->
<!-- this.selectMonth = value-->
<!-- this.selectMonthId = `item${value}`-->
<!-- },-->
<!-- // 月份信息详情的滚动-->
<!-- handleDetailScroll(e){-->
<!-- this.selectDetail = e.detail.current-->
<!-- }-->
<!-- }-->
<!--}-->
<!--</script>-->
<!--<style scoped lang="scss">-->
<!--@import '/static/public/stylesheet.css';-->
<!--.main{-->
<!-- width: 100%;-->
@ -61,7 +119,6 @@
<!-- height: 100%;-->
<!-- position: absolute;-->
<!-- box-sizing: border-box;-->
<!-- padding: 0 16px;-->
<!-- top: 0;left: 0;-->
<!-- z-index: 2;-->
<!-- .block{-->
@ -75,32 +132,34 @@
<!-- line-height: 39px;-->
<!-- font-weight: 600;-->
<!-- text-shadow: 0 4px 8px rgba(2,32,202,0.2);-->
<!-- background: linear-gradient(180deg, #FEFFFE 0%, #B0BBFF 100%);-->
<!-- background: linear-gradient(180deg, #fff 50%, #B0BBFF 100%);-->
<!-- -webkit-background-clip: text;-->
<!-- -webkit-text-fill-color: transparent;-->
<!-- margin: 14px 8px;-->
<!-- margin: 14px 24px;-->
<!-- }-->
<!-- .monthTabs{-->
<!-- width: 100%;-->
<!-- height: 32px;-->
<!-- width: calc(100% - 32px);-->
<!-- height: 34px;-->
<!-- border-radius: 17px;-->
<!-- box-sizing: border-box;-->
<!-- border: 1px solid #798DFF;-->
<!-- background: linear-gradient(180deg, #4863FF 0%, #768DFF 100%);-->
<!-- background: linear-gradient(180deg, #4762FF 0%, #778EFF 100%);-->
<!-- overflow: hidden;-->
<!-- padding: 4px 0;-->
<!-- padding: 2px 0;-->
<!-- margin-top: 16px;-->
<!-- margin-left: 16px;-->
<!-- .big{-->
<!-- text-align: center;-->
<!-- width: 100%;-->
<!-- height: 100%;-->
<!-- white-space: nowrap;-->
<!-- .monthItem{-->
<!-- display: inline-block;-->
<!-- width: 55px;-->
<!-- height: 24px;-->
<!-- font-size: 14px;-->
<!-- padding: 2px 16px;-->
<!-- font-family: PingFangSC-Semibold, PingFang SC;-->
<!-- font-weight: 600;-->
<!-- color: #B8C2FF;-->
<!-- line-height: 20px;-->
<!-- line-height: 24px;-->
<!-- margin-right: 4px;-->
<!-- text-align: center;-->
<!-- border-radius: 12px;-->
@ -113,6 +172,147 @@
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .monthDetailList{-->
<!-- width: 100%;-->
<!-- height: 140px;-->
<!-- margin-top: 12px;-->
<!-- .swiper{-->
<!-- width: 100%;-->
<!-- height: 100%;-->
<!-- .swiper-item{-->
<!-- .box{-->
<!-- width: 100%;-->
<!-- height: 100%;-->
<!-- .detail{-->
<!-- width: calc(100% - 20px);-->
<!-- height: 100%;-->
<!-- background: linear-gradient(314deg, #D8EAFF 0%, #F3F5FF 32%, #F5FCFF 54%, #F0F7FF 70%, #D3D9FF 100%);-->
<!-- margin-left: 10px;-->
<!-- border-radius: 8px;-->
<!-- box-sizing: border-box;-->
<!-- padding: 16px;-->
<!-- .item{-->
<!-- .itemTop{-->
<!-- width: 100%;-->
<!-- display: flex;-->
<!-- justify-content: space-between;-->
<!-- .left{-->
<!-- display: flex;-->
<!-- .logo{-->
<!-- width: 44px;-->
<!-- height: 44px;-->
<!-- margin-right: 8px;-->
<!-- }-->
<!-- .detailContent{-->
<!-- .top{-->
<!-- display: flex;-->
<!-- align-items: center;-->
<!-- margin-bottom: 2px;-->
<!-- .money{-->
<!-- font-size: 18px;-->
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
<!-- font-weight: bold;-->
<!-- color: #160002;-->
<!-- line-height: 24px;-->
<!-- }-->
<!-- .icon{-->
<!-- width: 15px;-->
<!-- height: 15px;-->
<!-- margin-left: 6px;-->
<!-- }-->
<!-- }-->
<!-- .text{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #786B6C;-->
<!-- line-height: 20px;-->
<!-- .unit{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 20px;-->
<!-- margin-left: 2px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .right{-->
<!-- text-align: right;-->
<!-- .add{-->
<!-- font-size: 18px;-->
<!-- font-family: DINAlternate-Bold, DINAlternate;-->
<!-- font-weight: bold;-->
<!-- color: #E83944;-->
<!-- line-height: 24px;-->
<!-- }-->
<!-- .compare{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 18px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .itemBottom{-->
<!-- margin-top: 24px;-->
<!-- .progress{-->
<!-- width: 100%;-->
<!-- height: 10px;-->
<!-- background: #ccc;-->
<!-- border-radius: 5px;-->
<!-- position: relative;-->
<!-- .have{-->
<!-- height: 100%;-->
<!-- position: absolute;-->
<!-- left: 0;-->
<!-- top: 0;-->
<!-- background: #576EFF;-->
<!-- border-radius: 5px;-->
<!-- }-->
<!-- }-->
<!-- .text{-->
<!-- margin-top: 4px;-->
<!-- width: 100%;-->
<!-- display: flex;-->
<!-- justify-content: space-between;-->
<!-- align-items: center;-->
<!-- .success{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #786B6C;-->
<!-- line-height: 20px;-->
<!-- .unit{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #A69E9F;-->
<!-- line-height: 20px;-->
<!-- margin-left: 2px;-->
<!-- }-->
<!-- }-->
<!-- .target{-->
<!-- font-size: 14px;-->
<!-- font-family: PingFangSC-Regular, PingFang SC;-->
<!-- font-weight: 400;-->
<!-- color: #160002;-->
<!-- line-height: 20px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .noShow{-->
<!-- height: 112px;-->
<!-- margin-top: 14px;-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- .headerBg{-->
<!-- position: absolute;-->

26
pages/examine/index.vue
View File

@ -1,5 +1,4 @@
<template>
<scroll-view :style="{height:windowHeight+'px',overflow:'hidden'}" :show-scrollbar="false" scroll-with-animation enable-flex scroll-y="true" @scroll="handlePageScroll">
<view class="main">
<view class="heard">
<image class="headerBg" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png"></image>
@ -46,7 +45,8 @@
<view :class="selectTab===item.value?'tabItem selectItem':'tabItem'" v-for="(item,index) in tabList" :key="index" @click="handleChangeTab(item.value)">{{item.label}}</view>
</view>
</view>
<view v-if="selectTab===1" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 150px)',overflow:scrollTop<95?'hidden':'scroll'}">
<scroll-view scroll-y="true">
<view v-if="selectTab===1" class="serviceList" style="height:calc(100vh - 260px);">
<view v-if="serviceList.length>0">
<view class="serviceItem" v-for="(item,index) in serviceList" :key="index">
<view class="itemTitle">
@ -56,7 +56,7 @@
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop">
<view class="left">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg"></image>
<image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'"></image>
<span class="type">{{subItem.REGION_NAME}}区</span>
</view>
<view class="right">
@ -85,7 +85,7 @@
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===2" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 210px)',overflow:scrollTop<95?'hidden':'scroll'}">
<view v-if="selectTab===2" class="serviceList" style="height:calc(100vh - 300px);">
<view v-if="inspectionList.length>0">
<view class="dailyInspection" v-for="(item,index) in inspectionList" :key="index">
<view class="itemTitle">
@ -98,7 +98,7 @@
<view class="detail" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="detailTop">
<view class="left">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg"></image>
<image class="icon" :src="subItem.REGION_NAME==='南' || subItem.REGION_NAME==='北'?'https://eshangtech.com/ShopICO/ahyd-BID/examine/NS.svg':'/static/images/examine/ES.svg'">
<span class="type">{{subItem.REGION_NAME}}区</span>
<span class="number">({{subItem.SERVERPARTList.length}})</span>
</view>
@ -133,7 +133,7 @@
<p class="text">暂无数据</p>
</view>
</view>
<view v-if="selectTab===3" class="serviceList" :style="{height:scrollTop<1?'calc(100vh - 256px)':'calc(100vh - 210px)',overflow:scrollTop<95?'hidden':'scroll'}">
<view v-if="selectTab===3" class="serviceList" style="height:calc(100vh - 300px);">
<view v-if="meetDetailList.length>0">
<view class="meeting" v-for="(item,index) in meetDetailList">
<p class="title">{{item.SERVERPART_NAME}}</p>
@ -182,6 +182,7 @@
<p class="text">暂无数据</p>
</view>
</view>
</scroll-view>
</view>
<uniPopup type="bottom" :round="true" :show="showPop" @hidePopup="hidePopup">
@ -235,7 +236,6 @@
</view>
</uniPopup>
</view>
</scroll-view>
</template>
<script>
import request from '@/util/index.js'
@ -305,7 +305,7 @@ export default {
methods:{
// 拿到当前月份 用于页面一开始自动滚动到相对应的月份
getThisMonth(){
const date = new Date(this.lastDay)
const date = new Date()
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
@ -527,9 +527,10 @@ export default {
</script>
<style scoped lang="scss">
@import '/static/public/font/stylesheet.css';
.main{
width: 100%;
height: calc(100vh + 105px);
height: calc(100vh - 80px);
background: #fff;
.heard{
width: 100%;
@ -544,12 +545,9 @@ export default {
top: 0;left: 0;
z-index: 2;
.top{
position: absolute;
top: 0;left: 0;
width: 100%;
position: fixed;
left: 0;
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/examine/bg.png");
background-position: 0 0;
z-index:99;
.titleModule{
width: 100%;
bottom: 0;

20
static/images/examine/ES.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>图标/更多备份_5@2x</title>
<defs>
<linearGradient x1="50%" y1="3.05745013e-15%" x2="50%" y2="99.8934659%" id="linearGradient-1">
<stop stop-color="#AF8CFF" offset="0%"></stop>
<stop stop-color="#7242DE" offset="100%"></stop>
</linearGradient>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="考评考核0515" transform="translate(-500.000000, -2623.000000)">
<g id="编组" transform="translate(500.000000, 2623.000000)">
<rect id="矩形" fill="url(#linearGradient-1)" opacity="0.200000003" x="0" y="0" width="24" height="24" rx="3"></rect>
<g id="compass-3-fill" opacity="0.800000012" transform="translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#8441F3" fill-rule="nonzero">
<path d="M8,16 C3.58172,16 0,12.41824 0,8 C0,3.58172 3.58172,0 8,0 C12.41824,0 16,3.58172 16,8 C16,12.41824 12.41824,16 8,16 Z M11.6,4.4 L6.4,6.4 L4.4,11.6 L9.6,9.6 L11.6,4.4 Z M8,8.8 C7.55816,8.8 7.2,8.44184 7.2,8 C7.2,7.55816 7.55816,7.2 8,7.2 C8.44184,7.2 8.8,7.55816 8.8,8 C8.8,8.44184 8.44184,8.8 8,8.8 Z" id="形状"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/public/font/AlimamaShuHeiTi-Bold.ttf Normal file
View File

Binary file not shown.

BIN
static/public/font/AlimamaShuHeiTi-Bold.woff
View File

Binary file not shown.

BIN
static/public/font/AlimamaShuHeiTi-Bold.woff2
View File

Binary file not shown.

3
static/public/font/stylesheet.css
View File

File diff suppressed because one or more lines are too long

9
static/public/stylesheet(1).css
View File

@ -1,9 +0,0 @@
@font-face {
font-family: 'Alimama ShuHeiTi';
src: url("https://eshangtech.com/ShopICO/ahyd-BID/style/woff2.txt") format('woff2'),
url('https://eshangtech.com/ShopICO/ahyd-BID/style/woff.txt') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

9
static/public/stylesheet.css
View File

File diff suppressed because one or more lines are too long