|
|
@@ -1,148 +1,163 @@
|
|
|
<template>
|
|
|
- <view class="processWrapper ">
|
|
|
- <view style="height:98rpx"></view>
|
|
|
- <view class="ding">
|
|
|
- <calendar></calendar>
|
|
|
+ <view class="processWrapper exportBody ">
|
|
|
+ <view style="height:98rpx"></view>
|
|
|
+ <view class="ding">
|
|
|
+ <!-- <calendar></calendar> -->
|
|
|
+ <view class="example-body">
|
|
|
+ <uni-datetime-picker v-model="datetimerange" type="datetimerange" start-placeholder="请选择"
|
|
|
+ end-placeholder="请选择" start="2000-3-20 12:00:00" end="2021-10-20 20:00:00" rangeSeparator="至" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
- <block v-if="TabCur==0">
|
|
|
- <view class="processList" >
|
|
|
- <view class="cu-list menu-avatar">
|
|
|
-
|
|
|
- <view class="cu-item" v-for="(item,index) in unporcessList" :key="index">
|
|
|
- <view class="cu-avatar lg" >
|
|
|
- <image class="image-bg" src="/static/process-icon.png"/>
|
|
|
- </view>
|
|
|
- <view class="content">
|
|
|
- <view class="pro-title">
|
|
|
- <view class="cut">{{item.title}}</view>
|
|
|
- </view>
|
|
|
- <view class="pro-des ">
|
|
|
- <view class="text-cut">
|
|
|
- {{item.des}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="pro-date ">{{item.time}}</view>
|
|
|
+ <block>
|
|
|
+ <view class="processList">
|
|
|
+ <view class="cu-list menu-avatar">
|
|
|
+ <view class="cu-item" v-for="(item,index) in getExportData" :key="index">
|
|
|
+ <view class="cu-avatar lg">
|
|
|
+ <image class="image-bg"
|
|
|
+ :src="item.clzt==0?'/static/process-icon.png':'/static/processed-icon.png'" />
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="pro-title">
|
|
|
+ <view class="cut" v-if="keyWords=='人工督察单'">{{item.artificial_code}}</view>
|
|
|
+ <view class="cut" v-if="keyWords=='电子督察单'">{{item.supervise_code}}</view>
|
|
|
</view>
|
|
|
- <view class="action" style="z-index:99">
|
|
|
- <view class="unProcess" v-if="type==1" >未处理</view>
|
|
|
- <view class="unProcess" v-else>未处理</view>
|
|
|
+ <view class="pro-des ">
|
|
|
+ <view class="text-cut">{{item.content}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class=" text-center margin-top" v-if="unporcessList.length === 0">暂无数据...</view>
|
|
|
+ <view class="pro-date ">{{item.timestamp}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="action" style="z-index:99">
|
|
|
+ <view class="unProcess" v-if="item.clzt==0">未处理</view>
|
|
|
+ <view class="processed" v-else>已处理</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ <view class=" text-center margin-top" v-if="!this.getExportData.length&&this.dataRes">暂无数据...</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </block>
|
|
|
- <view class="padding-lr padding-bottom-lg" style="position:fixed;bottom:0;width:100%">
|
|
|
- <view class="btn-area">
|
|
|
- <button class="bg-blue round missReport margin-top" @tap="showModal" data-target="DialogModal" >导 出 </button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 弹框 -->
|
|
|
- <view class="cu-modal export-modal" :class="modalName=='DialogModal'?'show':''">
|
|
|
- <view class="cu-dialog">
|
|
|
- <view class="cu-bar bg-white justify-end">
|
|
|
- <view class="action" @tap="hideModal">
|
|
|
- <text class="cuIcon-close"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="padding-sm bg-white">
|
|
|
- <image src="../../static/ok.png" style="width:100rpx;height:100rpx"></image>
|
|
|
- <view style="margin:20rpx 0">已导出文件，是否打开？</view>
|
|
|
- </view>
|
|
|
- <view class="cu-bar bg-white operate" style="min-height: 100rpx;">
|
|
|
- <view class="action margin-0 " @tap="hideModal">
|
|
|
- 另存为</view>
|
|
|
- <view class="action margin-0 solid-left text-blue" @tap="hideModal">打开</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
+ </block>
|
|
|
+ <view class="padding-lr padding-bottom-lg" style="position:fixed;bottom:0;width:100%">
|
|
|
+ <view class="btn-area">
|
|
|
+ <button class="bg-blue round missReport margin-top" @tap="exportButton()">导 出 </button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
+<script>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
|
|
|
<script>
|
|
|
import json from '../../data/json.js';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- unporcessList: json.unprocessList,
|
|
|
- porcessedList: json.processedList,
|
|
|
-
|
|
|
- type: '0',
|
|
|
- modalName: null,
|
|
|
- listTouchStart: 0,
|
|
|
- listTouchDirection: null,
|
|
|
- CustomBar: this.CustomBar,
|
|
|
- TabCur: 0,
|
|
|
- tabNav: ['未处理', '已处理'],
|
|
|
-
|
|
|
-
|
|
|
- CustomBar: this.CustomBar,
|
|
|
- modalName: null,
|
|
|
+ getExportData: [],
|
|
|
+ dataRes: 0,
|
|
|
+ // datetimerange: ['2021-03-20 20:10:10', '2021-05-10 10:10:10'],
|
|
|
+ datetimerange: ['', ''],
|
|
|
+ keyWords:'',
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
- onLoad: function(option) {
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- onNavigationBarButtonTap(e) {
|
|
|
- console.log(e)
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/export/export',
|
|
|
- success: res => {},
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
+ onLoad: function(option) {
|
|
|
+ this.keyWords=option.keywords;
|
|
|
+ alert(this.keyWords)
|
|
|
+ this.getData({
|
|
|
+ "company_code": uni.getStorageSync('selectedCode'),
|
|
|
+ "start_time": '',
|
|
|
+ "end_time": '',
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ datetimerange(newval) {
|
|
|
+ this.getData({
|
|
|
+ "company_code": uni.getStorageSync('selectedCode'),
|
|
|
+
|
|
|
+ "start_time":newval[0],
|
|
|
+ "end_time": newval[1],
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
- methods: {
|
|
|
-
|
|
|
- showModal(e) {
|
|
|
- this.modalName = e.currentTarget.dataset.target
|
|
|
- },
|
|
|
- hideModal(e) {
|
|
|
- this.modalName = null
|
|
|
- },
|
|
|
-
|
|
|
- // exportData(){
|
|
|
- // uni.showModal({
|
|
|
- // title: '提示',
|
|
|
- // content: '已导出文件是否打开？',
|
|
|
- // success: function (res) {
|
|
|
- // if (res.confirm) {
|
|
|
- // console.log('用户点击确定');
|
|
|
- // } else if (res.cancel) {
|
|
|
- // console.log('用户点击取消');
|
|
|
- // }
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
-
|
|
|
- InputFocus(e) {
|
|
|
- this.InputBottom = e.detail.height
|
|
|
- },
|
|
|
- InputBlur(e) {
|
|
|
- this.InputBottom = 0
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- tabSelect(e) {
|
|
|
- console.log(e.currentTarget);
|
|
|
- this.TabCur = e.currentTarget.dataset.id;
|
|
|
- this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
|
|
|
+
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ async getData(params = {}) {
|
|
|
+
|
|
|
+ let listUrl = "";
|
|
|
+ switch (this.keyWords) {
|
|
|
+ case '人工督察单':
|
|
|
+ listUrl = "FireInspector/getManualInspectorList"
|
|
|
+ break;
|
|
|
+ case '电子督察单':
|
|
|
+ listUrl = "FireInspector/getElectronicInspectorList"
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ alert(listUrl)
|
|
|
+
|
|
|
+
|
|
|
+ const res = await this.$myRequest({
|
|
|
+ url: listUrl, //人员督察单渲染
|
|
|
+ data: params,
|
|
|
+ showLoading: true
|
|
|
+ })
|
|
|
+ this.getExportData = res.data.data;
|
|
|
+ this.dataRes = 1;
|
|
|
},
|
|
|
+ exportButton() {
|
|
|
+ let url2 = "";
|
|
|
+ switch (this.keyWords) {
|
|
|
+ case '人工督察单':
|
|
|
+ url2 = "ExportModule/getManualInspectorListExpor"
|
|
|
+ break;
|
|
|
+ case '电子督察单':
|
|
|
+ url2 = "ExportModule/getElectronicInspectorListExpor"
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ //#ifdef H5
|
|
|
+ alert(this.$BASE_URL)
|
|
|
+ alert(url2)
|
|
|
+ let exportUrl = this.$BASE_URL +url2+
|
|
|
+ `/start_time/${this.datetimerange[0]}/end_time/${this.datetimerange[1]}/company_code/${uni.getStorageSync('selectedCode')}/`
|
|
|
+ var ua = window.navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
|
|
+ uni.showModal({
|
|
|
+ showCancel: false,
|
|
|
+ content: '如需下载，请在默认浏览器中操作',
|
|
|
+ success: function(res) {
|
|
|
+ window.location.href = exportUrl;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ window.location.href = exportUrl;
|
|
|
+ }
|
|
|
+ //#endif
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</style>
|
Ming