1099 lines
35 KiB
Vue
1099 lines
35 KiB
Vue
<template>
|
||
<view class="report-body">
|
||
<view class="title-padding">
|
||
|
||
</view>
|
||
<view class="report-title">
|
||
<view class="report-title-text">
|
||
报表任务
|
||
</view>
|
||
</view>
|
||
<!-- tab选项 -->
|
||
<view class="report-tab">
|
||
<view class="tab-click" v-if="tabNum==1">
|
||
稳态报表
|
||
</view>
|
||
<view class="tab" v-else @click='changeTab(1)'>
|
||
稳态报表
|
||
</view>
|
||
<view class="tab-click" v-if="tabNum==2">
|
||
暂降报表
|
||
</view>
|
||
<view class="tab" v-else @click='changeTab(2)'>
|
||
暂降报表
|
||
</view>
|
||
</view>
|
||
<view class="line">
|
||
|
||
</view>
|
||
<swiper :style="{height:swiperHeight}" :current="current" @change="changeTabBySwiper">
|
||
<swiper-item>
|
||
<view class="steady-block">
|
||
<view class="sroll-block-line-one" @click="jumpToConditionSteady">
|
||
<view class="sroll-block-line-one-text">
|
||
<view class="" v-if="steadyDate!='申请'">
|
||
{{lineInfo.lineName}}
|
||
</view>
|
||
<view class="sroll-block-line-one-text-second">
|
||
<view class="">
|
||
{{steadyDate}}
|
||
</view>
|
||
<view class="sroll-block-line-one-text-second-right" v-if="steadyDate!='申请'">
|
||
{{startDate}}至{{endDate}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- <image class="sroll-block-line-one-pic" src="/static/pic/pull.png"></image> -->
|
||
<image class="sroll-block-line-one-pic" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<!-- <view class="date-block">
|
||
<image src="/static/pic/rectangle.png" class="date-pic"></image>
|
||
<view class="chooseDate-block" @click="steadyChooseDate(1)" v-if="steadyDateChoose==0">
|
||
<view class="date-text">
|
||
{{steadyDate}}
|
||
</view>
|
||
<image src="/static/pic/pull.png" class="date-choose" ></image>
|
||
</view>
|
||
<view class="chooseDate-block" @click="steadyChooseDate(0)" v-else>
|
||
<view class="date-text">
|
||
{{steadyDate}}
|
||
</view>
|
||
<image src="/static/pic/pull_up.png" class="date-choose"></image>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="date-choose-block" v-if="steadyDateChoose==1">
|
||
|
||
<view class="date-choose-line-one-choose" @click="steadyChangeDate('周报')" v-if="steadyDate=='周报'">
|
||
周报
|
||
</view>
|
||
<view class="date-choose-line-one" @click="steadyChangeDate('周报')" v-else>
|
||
周报
|
||
</view>
|
||
<view class="date-choose-line-two-choose" @click="steadyChangeDate('月报')" v-if="steadyDate=='月报'">
|
||
月报
|
||
</view>
|
||
<view class="date-choose-line-two" @click="steadyChangeDate('月报')" v-else>
|
||
月报
|
||
</view>
|
||
<block v-if="userInfo.roleCode==0">
|
||
<view class="date-choose-line-three-choose" @click="steadyChangeDate('申请')" v-if="steadyDate=='申请'">
|
||
申请
|
||
</view>
|
||
<view class="date-choose-line-three" @click="steadyChangeDate('申请')" v-else>
|
||
申请
|
||
</view>
|
||
</block>
|
||
</view> -->
|
||
<!-- 申请 -->
|
||
<view class="apply-block" v-if="steadyDate=='申请'" :style="{height:scrollHeight}">
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
报表类型
|
||
</view>
|
||
<picker class="apply-line-center" :range="types" @change="changeType" mode = "selector">
|
||
{{types[typesIndex]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
时间间隔
|
||
</view>
|
||
<picker class="apply-line-center" mode="selector" :range="years" @change="changeYear" value="9" v-if="typesIndex==0">
|
||
{{years[yearsIndex]}}
|
||
</picker>
|
||
<picker class="apply-line-center" mode="multiSelector" :range="yearsAndQuarter" value="[9,0]" v-if="typesIndex==1" @change="changeYearsAndQuarter">
|
||
{{yearsAndQuarter[0][yearsAndQuarterIndex1]}}--{{yearsAndQuarter[1][yearsAndQuarterIndex2]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line" @click="jumpToChooseLine(2)">
|
||
<view class="apply-line-left">
|
||
监测点选择
|
||
</view>
|
||
<view class="apply-line-center">
|
||
{{steadyLine.lineName}}
|
||
</view>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<button class="apply-button1" @click="applyReport(2)" :disabled="disabledFlag" :loading="loadingFlag">申请</button>
|
||
<view class="apply-button2" @click="jumpToMyApply(2)">查看我的申请</view>
|
||
</view>
|
||
<!-- 内容 -->
|
||
<scroll-view :scroll-y="scrollFlag" class="scroll-view-block" v-else :style="{height:scrollHeight}" @scrolltolower="querySteadyList" @touchend="setScrollFlag" v-if="steadyList.length>0">
|
||
<view class="content-block" v-for="steady in steadyList">
|
||
<view class="content-line-one">
|
||
<view class="content-line-one-text1">
|
||
{{steady.name}}
|
||
</view>
|
||
<view class="content-line-one-text2">
|
||
{{steady.dateString}}
|
||
</view>
|
||
<image src="/static/pic/download.png" class="content-line-one-pic" @click="download(steady.reportPath)" v-if="steady.state==1"></image>
|
||
</view>
|
||
<view class="content-line-two">
|
||
|
||
</view>
|
||
<scroll-view scroll-y="true" class="content-line-three">
|
||
<view class="" v-for="result in steady.listResult">
|
||
{{result}}
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="no-data" :style="{height:scrollHeight}" v-else>
|
||
暂无稳态报表
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
<swiper-item>
|
||
<view class="transient-block">
|
||
<view class="sroll-block-line-one" @click="jumpToConditionTransient">
|
||
<view class="sroll-block-line-one-text">
|
||
<view class="" v-if="transientDate!='申请'">
|
||
{{lineInfo.lineName}}
|
||
</view>
|
||
<view class="sroll-block-line-one-text-second">
|
||
<view class="">
|
||
{{transientDate}}
|
||
</view>
|
||
<view class="sroll-block-line-one-text-second-right" v-if="transientDate!='申请'">
|
||
{{startDate2}}至{{endDate2}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- <image class="sroll-block-line-one-pic" src="/static/pic/pull.png"></image> -->
|
||
<image class="sroll-block-line-one-pic" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<!-- <view class="date-block">
|
||
<image src="/static/pic/rectangle.png" class="date-pic"></image>
|
||
<view class="chooseDate-block" @click="transientChooseDate(1)" v-if="transientDateChoose==0">
|
||
<view class="date-text">
|
||
{{transientDate}}
|
||
</view>
|
||
<image src="/static/pic/pull.png" class="date-choose" ></image>
|
||
</view>
|
||
<view class="chooseDate-block" @click="transientChooseDate(0)" v-else>
|
||
<view class="date-text">
|
||
{{transientDate}}
|
||
</view>
|
||
<image src="/static/pic/pull_up.png" class="date-choose"></image>
|
||
</view>
|
||
<view>
|
||
<uni-calendar ref="calendar" :insert="false" @confirm="confirm" :range='true'></uni-calendar>
|
||
</view>
|
||
<view class="time-block" @click="chooseDate">
|
||
请选择日期: 2019-01-01至2019-01-01
|
||
</view>
|
||
</view> -->
|
||
<view class="date-choose-block" v-if="transientDateChoose==1">
|
||
<view class="date-choose-line-two-choose" @click="transientChangeDate('月报')" v-if="transientDate=='月报'">
|
||
月报
|
||
</view>
|
||
<view class="date-choose-line-two" @click="transientChangeDate('月报')" v-else>
|
||
月报
|
||
</view>
|
||
<block v-if="userInfo.roleCode==0">
|
||
<view class="date-choose-line-three-choose" @click="transientChangeDate('申请')" v-if="transientDate=='申请'">
|
||
申请
|
||
</view>
|
||
<view class="date-choose-line-three" @click="transientChangeDate('申请')" v-else>
|
||
申请
|
||
</view>
|
||
</block>
|
||
</view>
|
||
<!-- 申请 -->
|
||
<view class="apply-block" v-if="transientDate=='申请'" :style="{height:scrollHeight}">
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
报表类型
|
||
</view>
|
||
<picker class="apply-line-center" :range="types" @change="changeType" mode = "selector">
|
||
{{types[typesIndex]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
时间间隔
|
||
</view>
|
||
<picker class="apply-line-center" mode="selector" :range="years" @change="changeYear" value="9" v-if="typesIndex==0">
|
||
{{years[yearsIndex]}}
|
||
</picker>
|
||
<picker class="apply-line-center" mode="multiSelector" :range="yearsAndQuarter" value="[9,0]" v-if="typesIndex==1" @change="changeYearsAndQuarter">
|
||
{{yearsAndQuarter[0][yearsAndQuarterIndex1]}}--{{yearsAndQuarter[1][yearsAndQuarterIndex2]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<!-- <view class="apply-line" @click="jumpToChooseLine(1)">
|
||
<view class="apply-line-left">
|
||
监测点选择
|
||
</view>
|
||
<view class="apply-line-center">
|
||
{{transientLine.lineName}}
|
||
</view>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view> -->
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<button class="apply-button1" @click="applyReport(1)" :disabled="disabledFlag" :loading="loadingFlag">申请</button>
|
||
<view class="apply-button2" @click="jumpToMyApply(1)">查看我的申请</view>
|
||
</view>
|
||
<scroll-view :scroll-y="scrollFlag" class="scroll-view-block" :style="{height:scrollHeight}" @scrolltolower="queryTransientList()" @touchend="setScrollFlag" v-if="transientList.length>0">
|
||
<view class="content-block" v-for="transient in transientList">
|
||
<view class="content-line-one">
|
||
<view class="content-line-one-text1">
|
||
{{transient.name}}
|
||
</view>
|
||
<view class="content-line-one-text2">
|
||
{{transient.dateString}}
|
||
</view>
|
||
<image src="/static/pic/download.png" class="content-line-one-pic" @click="download(transient.reportPath)"></image>
|
||
</view>
|
||
<view class="content-line-two">
|
||
|
||
</view>
|
||
<scroll-view scroll-y="true" class="content-line-three">
|
||
<view class="" v-for="result in transient.listResult">
|
||
{{result}}
|
||
</view>
|
||
</scroll-view>
|
||
<view class="line">
|
||
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="no-data" :style="{height:scrollHeight}" v-else>
|
||
暂无暂态报表
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
<!-- 内容 -->
|
||
<!-- 稳态报表 -->
|
||
<!-- <view class="steady-block" v-if="tabNum==2">
|
||
<view class="date-block">
|
||
<image src="/static/pic/rectangle.png" class="date-pic"></image>
|
||
<view class="chooseDate-block" @click="steadyChooseDate(1)" v-if="steadyDateChoose==0">
|
||
<view class="date-text">
|
||
{{steadyDate}}
|
||
</view>
|
||
<image src="/static/pic/pull.png" class="date-choose" ></image>
|
||
</view>
|
||
<view class="chooseDate-block" @click="steadyChooseDate(0)" v-else>
|
||
<view class="date-text">
|
||
{{steadyDate}}
|
||
</view>
|
||
<image src="/static/pic/pull_up.png" class="date-choose"></image>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="date-choose-block" v-if="steadyDateChoose==1">
|
||
|
||
<view class="date-choose-line-one-choose" @click="steadyChangeDate('周报')" v-if="steadyDate=='周报'">
|
||
周报
|
||
</view>
|
||
<view class="date-choose-line-one" @click="steadyChangeDate('周报')" v-else>
|
||
周报
|
||
</view>
|
||
<view class="date-choose-line-two-choose" @click="steadyChangeDate('月报')" v-if="steadyDate=='月报'">
|
||
月报
|
||
</view>
|
||
<view class="date-choose-line-two" @click="steadyChangeDate('月报')" v-else>
|
||
月报
|
||
</view>
|
||
<block v-if="userInfo.roleCode==0">
|
||
<view class="date-choose-line-three-choose" @click="steadyChangeDate('申请')" v-if="steadyDate=='申请'">
|
||
申请
|
||
</view>
|
||
<view class="date-choose-line-three" @click="steadyChangeDate('申请')" v-else>
|
||
申请
|
||
</view>
|
||
</block>
|
||
</view> -->
|
||
<!-- 申请 -->
|
||
<!-- <view class="apply-block" v-if="steadyDate=='申请'" :style="{height:scrollHeight}">
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
报表类型
|
||
</view>
|
||
<picker class="apply-line-center" :range="types" @change="changeType" mode = "selector">
|
||
{{types[typesIndex]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
时间间隔
|
||
</view>
|
||
<picker class="apply-line-center" mode="selector" :range="years" @change="changeYear" value="9" v-if="typesIndex==0">
|
||
{{years[yearsIndex]}}
|
||
</picker>
|
||
<picker class="apply-line-center" mode="multiSelector" :range="yearsAndQuarter" value="[9,0]" v-if="typesIndex==1" @change="changeYearsAndQuarter">
|
||
{{yearsAndQuarter[0][yearsAndQuarterIndex1]}}--{{yearsAndQuarter[1][yearsAndQuarterIndex2]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line" @click="jumpToChooseLine(2)">
|
||
<view class="apply-line-left">
|
||
监测点选择
|
||
</view>
|
||
<view class="apply-line-center">
|
||
{{steadyLine.lineName}}
|
||
</view>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<button class="apply-button1" @click="applyReport(2)" :disabled="disabledFlag" :loading="loadingFlag">申请</button>
|
||
<view class="apply-button2" @click="jumpToMyApply(2)">查看我的申请</view>
|
||
</view> -->
|
||
<!-- 内容 -->
|
||
<!-- <scroll-view scroll-y="true" class="scroll-view-block" v-else :style="{height:scrollHeight}" @scrolltolower="querySteadyList">
|
||
<view class="content-block" v-for="steady in steadyList">
|
||
<view class="content-line-one">
|
||
<view class="content-line-one-text1">
|
||
{{steady.name}}
|
||
</view>
|
||
<view class="content-line-one-text2">
|
||
{{steady.dateString}}
|
||
</view>
|
||
<image src="/static/pic/download.png" class="content-line-one-pic" @click="download(steady.reportPath)" v-if="steady.state==1"></image>
|
||
</view>
|
||
<view class="content-line-two">
|
||
|
||
</view>
|
||
<scroll-view scroll-y="true" class="content-line-three">
|
||
<view class="" v-for="result in steady.listResult">
|
||
{{result}}
|
||
</view>
|
||
</scroll-view>
|
||
<view class="line">
|
||
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view> -->
|
||
<!-- 暂降报表 -->
|
||
<!-- <view class="transient-block" v-if="tabNum==1">
|
||
<view class="date-block">
|
||
<image src="/static/pic/rectangle.png" class="date-pic"></image>
|
||
<view class="chooseDate-block" @click="transientChooseDate(1)" v-if="transientDateChoose==0">
|
||
<view class="date-text">
|
||
{{transientDate}}
|
||
</view>
|
||
<image src="/static/pic/pull.png" class="date-choose" ></image>
|
||
</view>
|
||
<view class="chooseDate-block" @click="transientChooseDate(0)" v-else>
|
||
<view class="date-text">
|
||
{{transientDate}}
|
||
</view>
|
||
<image src="/static/pic/pull_up.png" class="date-choose"></image>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="date-choose-block" v-if="transientDateChoose==1">
|
||
<view class="date-choose-line-two-choose" @click="transientChangeDate('月报')" v-if="transientDate=='月报'">
|
||
月报
|
||
</view>
|
||
<view class="date-choose-line-two" @click="transientChangeDate('月报')" v-else>
|
||
月报
|
||
</view>
|
||
<block v-if="userInfo.roleCode==0">
|
||
<view class="date-choose-line-three-choose" @click="transientChangeDate('申请')" v-if="transientDate=='申请'">
|
||
申请
|
||
</view>
|
||
<view class="date-choose-line-three" @click="transientChangeDate('申请')" v-else>
|
||
申请
|
||
</view>
|
||
</block>
|
||
</view> -->
|
||
<!-- 申请 -->
|
||
<!-- <view class="apply-block" v-if="transientDate=='申请'" :style="{height:scrollHeight}">
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
报表类型
|
||
</view>
|
||
<picker class="apply-line-center" :range="types" @change="changeType" mode = "selector">
|
||
{{types[typesIndex]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line">
|
||
<view class="apply-line-left">
|
||
时间间隔
|
||
</view>
|
||
<picker class="apply-line-center" mode="selector" :range="years" @change="changeYear" value="9" v-if="typesIndex==0">
|
||
{{years[yearsIndex]}}
|
||
</picker>
|
||
<picker class="apply-line-center" mode="multiSelector" :range="yearsAndQuarter" value="[9,0]" v-if="typesIndex==1" @change="changeYearsAndQuarter">
|
||
{{yearsAndQuarter[0][yearsAndQuarterIndex1]}}--{{yearsAndQuarter[1][yearsAndQuarterIndex2]}}
|
||
</picker>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<view class="apply-line" @click="jumpToChooseLine(1)">
|
||
<view class="apply-line-left">
|
||
监测点选择
|
||
</view>
|
||
<view class="apply-line-center">
|
||
{{transientLine.lineName}}
|
||
</view>
|
||
<image class="apply-line-right" src="/static/pic/jump.png"></image>
|
||
</view>
|
||
<view class="line-fine">
|
||
|
||
</view>
|
||
<button class="apply-button1" @click="applyReport(1)" :disabled="disabledFlag" :loading="loadingFlag">申请</button>
|
||
<view class="apply-button2" @click="jumpToMyApply(1)">查看我的申请</view>
|
||
</view>
|
||
<scroll-view scroll-y="true" class="scroll-view-block" :style="{height:scrollHeight}" @scrolltolower="queryTransientList()">
|
||
<view class="content-block" v-for="transient in transientList">
|
||
<view class="content-line-one">
|
||
<view class="content-line-one-text1">
|
||
{{transient.name}}
|
||
</view>
|
||
<view class="content-line-one-text2">
|
||
{{transient.dateString}}
|
||
</view>
|
||
<image src="/static/pic/download.png" class="content-line-one-pic" @click="download(transient.reportPath)"></image>
|
||
</view>
|
||
<view class="content-line-two">
|
||
|
||
</view>
|
||
<scroll-view scroll-y="true" class="content-line-three">
|
||
<view class="" v-for="result in transient.listResult">
|
||
{{result}}
|
||
</view>
|
||
</scroll-view>
|
||
<view class="line">
|
||
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import uniCalendar from "../../components/uni-calendar/uni-calendar";
|
||
export default {
|
||
data() {
|
||
return {
|
||
tabNum:1,//1-稳态报表 2-暂降报表
|
||
steadyDateChoose:0,
|
||
transientDateChoose:0,
|
||
userInfo:{},
|
||
steadyDate:'周报',
|
||
steadyPage:1,
|
||
steadyLine:{lineName:'请选择'},
|
||
transientPage:1,
|
||
transientDate:'月报',
|
||
// steadyList:[{"name":1,"listResult":{"result":"暂无数据"}},{"name":1}],
|
||
steadyList:[],
|
||
transientList:[],
|
||
transientLine:{lineName:'请选择'},
|
||
types:['年报','季报'],
|
||
typesIndex:0,
|
||
years:[2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025,2026,2027,2028,2029,2030],
|
||
yearsIndex:9,
|
||
yearsAndQuarter:[[2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025,2026,2027,2028,2029,2030],['第一季度','第二季度','第三季度','第四季度']],
|
||
yearsAndQuarterIndex1:9,
|
||
yearsAndQuarterIndex2:0,
|
||
scrollHeight:'',
|
||
swiperHeight:'',
|
||
loadingFlag:false,
|
||
disabledFlag:false,
|
||
current:0,
|
||
scrollFlag:true,
|
||
lineInfo:{
|
||
lineName:'暂无默认监测点，请选择',
|
||
lineIndex:''
|
||
},
|
||
startDate:'',
|
||
endDate:'',
|
||
startDateMills:'',
|
||
endDateMills:'',
|
||
startDate2:'',
|
||
endDate2:'',
|
||
startDateMills2:'',
|
||
endDateMills2:''
|
||
}
|
||
},
|
||
methods: {
|
||
scrollH(){
|
||
var that =this;
|
||
var sys = uni.getSystemInfoSync();
|
||
var winWidth = sys.windowWidth;
|
||
var winrate = 750/winWidth;
|
||
var winHeight= sys.windowHeight;
|
||
var statusBarHeight = sys.statusBarHeight;
|
||
that.scrollHeight = parseInt((winHeight-statusBarHeight)*winrate-274)+'rpx';
|
||
that.swiperHeight=parseInt((winHeight-statusBarHeight)*winrate-172)+'rpx';
|
||
},
|
||
setScrollFlag(){
|
||
var that = this;
|
||
that.scrollFlag=false;
|
||
setTimeout(function(){
|
||
that.scrollFlag=true;
|
||
},30)
|
||
},
|
||
changeTab(tabNum){
|
||
this.tabNum=tabNum;
|
||
this.current=tabNum-1;
|
||
},
|
||
changeTabBySwiper(e){
|
||
this.tabNum=e.detail.current+1;
|
||
this.current=e.detail.current;
|
||
},
|
||
steadyChangeDate(date){
|
||
this.steadyDate = date;
|
||
this.steadyChooseDate(0);
|
||
if(date=='申请'){
|
||
return;
|
||
}
|
||
this.steadyPage=1;
|
||
this.steadyList=[];
|
||
this.querySteadyList();
|
||
},
|
||
transientChangeDate(date){
|
||
this.transientDate = date;
|
||
this.transientChooseDate(0);
|
||
this.transientPage=1;
|
||
this.transientList=[];
|
||
this.queryTransientList();
|
||
},
|
||
querySteadyList(){
|
||
var that = this;
|
||
if(that.judgeLogin()){
|
||
var reportType = '';
|
||
if(that.steadyDate=='周报'){
|
||
reportType=1
|
||
}else if(that.steadyDate=='月报'){
|
||
reportType=2
|
||
}
|
||
uni.request({
|
||
url: that.serverUrl+'/report/reportList',
|
||
method:'POST',
|
||
data: {
|
||
userId:uni.getStorageSync('userInfo').userId,
|
||
systemType:2,
|
||
reportType:reportType,
|
||
page:that.steadyPage++,
|
||
num:20,
|
||
lineIndex:that.lineInfo.lineIndex,
|
||
startTime:that.startDateMills,
|
||
endTime:that.endDateMills,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
uni.hideLoading();
|
||
if(res.data.resultCode=='10000'){
|
||
var list = that.addDateString(eval(res.data.data));
|
||
if(list!=null&&list!=undefined&&list!=''&&list!=[]){
|
||
that.steadyList = that.steadyList.concat(list);
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.querySteadyList();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail:(re)=>{
|
||
uni.hideLoading();
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
queryTransientList(){
|
||
var that = this;
|
||
if(that.judgeLogin()){
|
||
var reportType = '';
|
||
if(that.transientDate=='周报'){
|
||
reportType=1
|
||
}else if(that.transientDate=='月报'){
|
||
reportType=2
|
||
}
|
||
uni.request({
|
||
url: that.serverUrl+'/report/reportList',
|
||
method:'POST',
|
||
data: {
|
||
userId:uni.getStorageSync('userInfo').userId,
|
||
systemType:1,
|
||
reportType:reportType,
|
||
page:that.transientPage++,
|
||
num:20,
|
||
startTime:that.startDateMills2,
|
||
endTime:that.endDateMills2,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
uni.hideLoading();
|
||
if(res.data.resultCode=='10000'){
|
||
var list = that.addDateString(eval(res.data.data));
|
||
if(list!=null&&list!=undefined&&list!=''&&list!=[]){
|
||
that.transientList = that.transientList.concat(list);
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryTransientList();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail:(re)=>{
|
||
uni.hideLoading();
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
download(url){
|
||
var that = this;
|
||
uni.showLoading({
|
||
title:'正在下载',
|
||
mask:true
|
||
})
|
||
uni.downloadFile({
|
||
url: url,
|
||
success: (r) => {
|
||
uni.hideLoading();
|
||
if (r.statusCode === 200) {
|
||
uni.saveFile({
|
||
tempFilePath: r.tempFilePath,
|
||
success: function(res) {
|
||
var savedFilePath = res.savedFilePath;
|
||
uni.showModal({
|
||
title: '下载报告成功',
|
||
// content: '文档保存在：jxkj/CanNengApp/apps/'+savedFilePath,
|
||
content: '下载成功，是否直接打开',
|
||
success: function(re) {
|
||
if (re.confirm) {
|
||
uni.openDocument({
|
||
filePath: r.tempFilePath
|
||
});
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '下载报告失败，请重试',
|
||
confirmText: '重试',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
that.download(url);
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}
|
||
});
|
||
} else {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '下载报告失败，请重试',
|
||
confirmText: '重试',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
that.download(url);
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}
|
||
},
|
||
fail() {
|
||
uni.hideLoading();
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '下载报告失败，请重试',
|
||
confirmText: '重试',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
that.download(url);
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}
|
||
});
|
||
},
|
||
applyReport(systemType){
|
||
var that = this ;
|
||
if(that.judgeLogin()){
|
||
that.disabledFlag=true;
|
||
that.loadingFlag=true;
|
||
var lineIndex='';
|
||
var quarter=0;
|
||
var year=0;
|
||
if(systemType==1){
|
||
// if(that.transientLine==null||that.transientLine==undefined||that.transientLine.lineIndex==null||that.transientLine.lineIndex==undefined||that.transientLine.lineIndex==''){
|
||
// uni.showModal({
|
||
// title:"提示",
|
||
// content:"请选择监测点",
|
||
// showCancel:false
|
||
// })
|
||
// that.loadingFlag=false;
|
||
// that.disabledFlag=false;
|
||
// return;
|
||
// }
|
||
// lineIndex=that.transientLine.lineIndex;
|
||
lineIndex=0;
|
||
}else{
|
||
if(that.steadyLine==null||that.steadyLine==undefined||that.steadyLine.lineIndex==null||that.steadyLine.lineIndex==undefined||that.steadyLine.lineIndex==''){
|
||
uni.showModal({
|
||
title:"提示",
|
||
content:"请选择监测点",
|
||
showCancel:false
|
||
})
|
||
that.loadingFlag=false;
|
||
that.disabledFlag=false;
|
||
return;
|
||
}
|
||
lineIndex=that.steadyLine.lineIndex;
|
||
}
|
||
that.loadingFlag=false;
|
||
that.disabledFlag=false;
|
||
uni.showLoading({
|
||
mask:true
|
||
})
|
||
if(that.typesIndex==0){
|
||
quarter=0;
|
||
year=that.years[that.yearsIndex]
|
||
}else{
|
||
quarter=that.yearsAndQuarterIndex2+1;
|
||
year=that.yearsAndQuarter[0][that.yearsAndQuarterIndex1]
|
||
}
|
||
uni.request({
|
||
url: that.serverUrl+'/report/customReport',
|
||
method:'POST',
|
||
data: {
|
||
userId:uni.getStorageSync('userInfo').userId,
|
||
systemType:systemType,
|
||
lineIndex:lineIndex,
|
||
quarter:quarter,
|
||
year:year
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
uni.hideLoading()
|
||
if(res.data.resultCode=='10000'){
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '申请成功',
|
||
showCancel:false,
|
||
});
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '申请失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.applyReport(systemType);
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail:(re)=>{
|
||
uni.hideLoading()
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
queryDefaultLine(){
|
||
var that=this;
|
||
if(that.judgeLogin()){
|
||
uni.request({
|
||
url: that.serverUrl+'/realtimeinfo/getLineId',
|
||
method:'POST',
|
||
data: {
|
||
userIndex:uni.getStorageSync('userInfo').userId
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
sslVerify:false,
|
||
success: (res) => {
|
||
if(res.data.resultCode=='10000'){
|
||
var lineInfo = res.data.data
|
||
if(lineInfo){
|
||
that.lineInfo= lineInfo
|
||
that.querySteadyList();
|
||
that.queryTransientList();
|
||
}
|
||
}else{
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '查询失败，请重试',
|
||
confirmText:'重试',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
that.queryDefaultLine();
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
},
|
||
});
|
||
}
|
||
},
|
||
fail() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '网络或服务器异常，请稍后再试',
|
||
showCancel:false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
},
|
||
steadyChooseDate(e){
|
||
this.steadyDateChoose=e;
|
||
},
|
||
transientChooseDate(e){
|
||
this.transientDateChoose=e;
|
||
},
|
||
addDateString(list){
|
||
var that=this;
|
||
for(var i=0;i<list.length;i++){
|
||
list[i].dateString = that.formatTime(list[i].startTime)+'至'+that.formatTime(list[i].endTime)
|
||
}
|
||
return list;
|
||
},
|
||
changeType(e){
|
||
this.typesIndex = e.detail.value;
|
||
},
|
||
changeYear(e){
|
||
this.yearsIndex = e.detail.value;
|
||
},
|
||
changeYearsAndQuarter(e){
|
||
this.yearsAndQuarterIndex1 = e.detail.value[0];
|
||
this.yearsAndQuarterIndex2 = e.detail.value[1];
|
||
},
|
||
jumpToMyApply(systemType){
|
||
uni.navigateTo({
|
||
url:'../myApply/myApply?systemType='+systemType
|
||
})
|
||
},
|
||
jumpToChooseLine(type){
|
||
var that=this;
|
||
uni.navigateTo({
|
||
url:'../chooseLine/chooseLine'
|
||
});
|
||
uni.$on('lineInfoSelect',function(data){
|
||
if(type==1){
|
||
that.transientLine=data
|
||
}else{
|
||
that.steadyLine=data
|
||
}
|
||
});
|
||
uni.$on('lineInfoQuery',function(data){
|
||
if(type==1){
|
||
that.transientLine=data
|
||
}else{
|
||
that.steadyLine=data
|
||
}
|
||
})
|
||
},
|
||
jumpToConditionSteady(){
|
||
var that = this;
|
||
var dateTypes=[];
|
||
if(that.userInfo.roleCode==0){
|
||
dateTypes=['周报','月报','申请'];
|
||
}else{
|
||
dateTypes=['周报','月报'];
|
||
}
|
||
uni.navigateTo({
|
||
url:'../condition/condition?lineInfo='+JSON.stringify(that.lineInfo)+'&startDate='+that.startDate+'&endDate='+that.endDate+'&startDateMills='+that.startDateMills+'&endDateMills='+that.endDateMills+'&dateTypes='+JSON.stringify(dateTypes)+'&chooseDateTypeFlag=1&&chooseDateFlag=1&chooseLineFlag=1'
|
||
})
|
||
uni.$once('doQueryInfo',function(e){
|
||
if(e.steadyDate=='申请'){
|
||
that.steadyDate = e.steadyDate;
|
||
}else{
|
||
that.startDate = e.startDate;
|
||
that.endDate = e.endDate;
|
||
that.startDateMills = e.startDateMills;
|
||
that.endDateMills = e.endDateMills;
|
||
that.lineInfo = e.lineInfo;
|
||
that.steadyPage=1;
|
||
that.steadyList=[];
|
||
that.steadyDate = e.steadyDate;
|
||
that.querySteadyList();
|
||
}
|
||
})
|
||
},
|
||
jumpToConditionTransient(){
|
||
var that = this;
|
||
var dateTypes=[];
|
||
if(that.userInfo.roleCode==0){
|
||
dateTypes=['月报','申请'];
|
||
}else{
|
||
dateTypes=['月报'];
|
||
}
|
||
uni.navigateTo({
|
||
url:'../condition/condition?lineInfo='+JSON.stringify(that.lineInfo)+'&startDate='+that.startDate2+'&endDate='+that.endDate2+'&startDateMills='+that.startDateMills2+'&endDateMills='+that.endDateMills2+'&dateTypes='+JSON.stringify(dateTypes)+'&chooseDateTypeFlag=1&&chooseDateFlag=1&chooseLineFlag=0'
|
||
})
|
||
uni.$once('doQueryInfo',function(e){
|
||
if(e.transientDate=='申请'){
|
||
that.transientDate = e.transientDate;
|
||
}else{
|
||
that.startDate2 = e.startDate;
|
||
that.endDate2 = e.endDate;
|
||
that.startDateMills2 = e.startDateMills;
|
||
that.endDateMills2 = e.endDateMills;
|
||
that.transientPage=1;
|
||
that.transientList=[];
|
||
that.transientDate = e.transientDate;
|
||
that.queryTransientList();
|
||
}
|
||
})
|
||
},
|
||
},
|
||
components:{
|
||
uniCalendar
|
||
},
|
||
onLoad() {
|
||
// var userInfo = {};
|
||
// userInfo.userId = '00c37ea1-b5ff-4f35-ba15-51e1c7363e20';
|
||
// userInfo.roleCode=0;
|
||
// uni.setStorageSync('userInfo',userInfo);
|
||
var that = this;
|
||
if(that.judgeLogin()){
|
||
var today = new Date().getMilliseconds();
|
||
that.userInfo = uni.getStorageSync('userInfo');
|
||
console.log(that.userInfo.userId)
|
||
that.scrollH();
|
||
that.endDate=that.formatTime(new Date());
|
||
that.startDate=that.endDate.substring(0,8)+'01';
|
||
that.startDateMills = Date.parse(that.startDate.replace(/-/g, '/'));
|
||
that.endDateMills = Date.parse(that.endDate.replace(/-/g, '/'))+86399999;
|
||
that.endDate2=that.formatTime(new Date());
|
||
that.startDate2=that.endDate.substring(0,8)+'01';
|
||
that.startDateMills2 = Date.parse(that.startDate.replace(/-/g, '/'));
|
||
that.endDateMills2 = Date.parse(that.endDate.replace(/-/g, '/'))+86399999;
|
||
that.queryDefaultLine();
|
||
}
|
||
},
|
||
onShow() {
|
||
var that = this;
|
||
if(that.judgeLogin()){
|
||
var userInfo=uni.getStorageSync('userInfo');
|
||
if(that.userInfo.roleCode!=userInfo.roleCode){
|
||
that.userInfo=userInfo
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
@import url("report.css");
|
||
</style>
|