update
This commit is contained in:
ylj20011123
parent
ff19b35f7b
commit
57c0135413
@ -36,7 +36,6 @@
|
|||||||
"path": "index",
|
"path": "index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "出勤情况",
|
"navigationBarTitleText": "出勤情况",
|
||||||
"enablePullDownRefresh": true,
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -49,11 +48,11 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "serviceFacility",
|
"path": "emergencyEventsDetail",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "服务设施管理",
|
"navigationBarTitleText": "",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": true,
|
||||||
"navigationBarBackgroundColor": "#ffffff"
|
"navigationBarBackgroundColor": "#F5F6F7"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@ -1,9 +1,49 @@
|
|||||||
<!-- 应急事件 -->
|
<!-- 应急事件 -->
|
||||||
<template>
|
<template>
|
||||||
<view class="main">
|
<view class="main">
|
||||||
<view class="event-list pad15">
|
<view class="emergencyList pad15">
|
||||||
<!-- 充电桩设备故障 -->
|
<view class="emergencyItem" v-for="(item, index) in showList" :key="index" @click="handleShowDetail(item)"
|
||||||
<view :class="item.status === 1 ? 'event-item left-ok' : item.status === 2 ? 'event-item' : ''"
|
:style="{
|
||||||
|
marginBottom: index + 1 === showList.length ? '0' : '',
|
||||||
|
border: item.status === 1 ? '2rpx solid #f4db9c' : item.status === 2 ? '2rpx solid #d3d3d3' : ''
|
||||||
|
}">
|
||||||
|
<view class="emergencyItemTitle">
|
||||||
|
<view class="emergencyItemTitleLeft">
|
||||||
|
{{ type === 1 ? item.title || "" : type === 2 ? item.service || "" : "" }}
|
||||||
|
</view>
|
||||||
|
<view class="emergencyItemTitleRight">
|
||||||
|
<view class="emergencyItemStatus" :style="{
|
||||||
|
background: item.status === 1 ? '#ecbd44' : item.status === 2 ? '#d3d3d3' : '',
|
||||||
|
color: item.status === 1 ? '#fff' : item.status === 2 ? '#fff' : ''
|
||||||
|
}">
|
||||||
|
{{ item.status === 1 ? '已完成' : item.status ===
|
||||||
|
2 ? '处理中' : '' }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="emergencyDesc">{{ item.desc || "" }}</view>
|
||||||
|
|
||||||
|
<view class="line"></view>
|
||||||
|
|
||||||
|
<view class="otherMessageRow">
|
||||||
|
<image class="otherMessageIcon" src="https://eshangtech.com/cyy_DIB/personIcon.png" />
|
||||||
|
<view class="otherMessageValue">{{ item.person }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="otherMessageRow">
|
||||||
|
<image class="otherMessageIcon" src="https://eshangtech.com/cyy_DIB/phoneLabelIcon.png" />
|
||||||
|
<view class="otherMessageValue">{{ item.phone }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="otherMessageRow" style="margin-bottom: 0;">
|
||||||
|
<image class="otherMessageIcon" src="https://eshangtech.com/cyy_DIB/timeIcon.png" />
|
||||||
|
<view class="otherMessageValue">{{ item.time }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <view :class="item.status === 1 ? 'event-item left-ok' : item.status === 2 ? 'event-item' : ''"
|
||||||
v-for="(item, index) in showList" :key="index" @click="handleShowDetail(item)">
|
v-for="(item, index) in showList" :key="index" @click="handleShowDetail(item)">
|
||||||
<view class="event-header">
|
<view class="event-header">
|
||||||
<view class="event-title">{{ type === 1 ? item.title || "" : type === 2 ? item.service || "" : "" }}
|
<view class="event-title">{{ type === 1 ? item.title || "" : type === 2 ? item.service || "" : "" }}
|
||||||
@ -25,94 +65,37 @@
|
|||||||
<text class="line">{{ item.desc || "" }}</text>
|
<text class="line">{{ item.desc || "" }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
<!-- 顾客投诉 -->
|
|
||||||
<view class="event-item" v-if="false">
|
|
||||||
<view class="event-header">
|
|
||||||
<view class="event-title">😠 顾客投诉：餐厅服务问题</view>
|
|
||||||
<view class="event-meta">
|
|
||||||
<view class="event-time">
|
|
||||||
<text>🕐</text><text>13:45</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-priority priority-high">高优先级</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="event-content">
|
|
||||||
<view class="event-description">
|
|
||||||
<text class="line">顾客反馈餐厅用餐区卫生状况不佳，桌面未及时清理，垃圾桶满溢。</text>
|
|
||||||
<text class="line">要求立即整改并给出解决方案。</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-actions">
|
|
||||||
<button class="event-action-btn btn-primary" @click="contactStaff('cleaning')">通知保洁</button>
|
|
||||||
<button class="event-action-btn btn-warning"
|
|
||||||
@click="updateEventStatus('complaint', 'processing')">处理中</button>
|
|
||||||
<button class="event-action-btn btn-success" @click="resolveEvent('complaint')">标记解决</button>
|
|
||||||
</view>
|
|
||||||
<view class="event-status">
|
|
||||||
<view class="status-dot status-processing"></view>
|
|
||||||
<text>状态：处理中 | 负责人：陈大哥</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 安全隐患 -->
|
|
||||||
<view class="event-item warning" v-if="false">
|
|
||||||
<view class="event-header">
|
|
||||||
<view class="event-title">⚠️ 停车场照明不足</view>
|
|
||||||
<view class="event-meta">
|
|
||||||
<view class="event-time">
|
|
||||||
<text>🕐</text><text>12:30</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-priority priority-medium">中优先级</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="event-content">
|
|
||||||
<view class="event-description">
|
|
||||||
<text class="line">B区停车场2盏路灯损坏，夜间照明不足，存在安全隐患。</text>
|
|
||||||
<text class="line">建议在晚班前修复，确保顾客夜间停车安全。</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-actions">
|
|
||||||
<button class="event-action-btn btn-primary"
|
|
||||||
@click="contactMaintenance('lighting')">联系电工</button>
|
|
||||||
<button class="event-action-btn btn-warning" @click="scheduleRepair('lighting')">排期维修</button>
|
|
||||||
<button class="event-action-btn btn-success" @click="resolveEvent('lighting')">标记解决</button>
|
|
||||||
</view>
|
|
||||||
<view class="event-status">
|
|
||||||
<view class="status-dot status-pending"></view>
|
|
||||||
<text>状态：待处理 | 负责人：刘师傅</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 已解决事件 -->
|
|
||||||
<view class="event-item resolved" v-if="false">
|
|
||||||
<view class="event-header">
|
|
||||||
<view class="event-title">✅ 洗手间堵塞问题</view>
|
|
||||||
<view class="event-meta">
|
|
||||||
<view class="event-time">
|
|
||||||
<text>🕐</text><text>11:15</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-priority priority-low">已解决</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="event-content">
|
|
||||||
<view class="event-description">
|
|
||||||
<text class="line">男洗手间第3间堵塞，已联系保洁人员处理完毕，设施恢复正常使用。</text>
|
|
||||||
</view>
|
|
||||||
<view class="event-status">
|
|
||||||
<view class="status-dot status-resolved"></view>
|
|
||||||
<text>状态：已解决 | 解决时间：11:45 | 处理人：陈大哥</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 应急事件详情 -->
|
<!-- 应急事件详情 -->
|
||||||
<uni-popup ref="popup" border-radius="10px 10px 0 0" @change="handlePopupChange">
|
<uni-popup ref="popup" border-radius="10px 10px 0 0" @change="handlePopupChange">
|
||||||
<!-- 应急事件的 -->
|
<!-- 应急事件的 -->
|
||||||
<view class="eventsPopupBox" v-if="eventsDetail && type === 1">
|
<view class="eventsPopupBox" v-if="eventsDetail && type === 1">
|
||||||
<view class="eventsItemTitle">应急事件</view>
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/personIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系人：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ eventsDetail.person || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/phoneLabelIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系电话：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ eventsDetail.phone || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/timeIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">处理用时：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ eventsDetail.haveTime || "" }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="line"></view>
|
||||||
|
|
||||||
|
|
||||||
<view class="eventsItem">
|
<view class="eventsItem">
|
||||||
<view class="eventsLabel">标题：</view>
|
<view class="eventsLabel">标题：</view>
|
||||||
@ -126,18 +109,7 @@
|
|||||||
<view class="eventsLabel">事件服务区：</view>
|
<view class="eventsLabel">事件服务区：</view>
|
||||||
<view class="eventsValue">{{ eventsDetail.service || "" }}</view>
|
<view class="eventsValue">{{ eventsDetail.service || "" }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="eventsItem">
|
|
||||||
<view class="eventsLabel">联系人：</view>
|
|
||||||
<view class="eventsValue">{{ eventsDetail.person || "" }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="eventsItem">
|
|
||||||
<view class="eventsLabel">联系电话：</view>
|
|
||||||
<view class="eventsValue">{{ eventsDetail.phone || "" }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="eventsItem">
|
|
||||||
<view class="eventsLabel">处理用时：</view>
|
|
||||||
<view class="eventsValue">{{ eventsDetail.haveTime || "" }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="eventsItem">
|
<view class="eventsItem">
|
||||||
<view class="eventsLabel">死亡人数：</view>
|
<view class="eventsLabel">死亡人数：</view>
|
||||||
<view class="eventsValue">{{ eventsDetail.diePerson || "" }}</view>
|
<view class="eventsValue">{{ eventsDetail.diePerson || "" }}</view>
|
||||||
@ -168,12 +140,28 @@
|
|||||||
|
|
||||||
<!-- 日常问题 -->
|
<!-- 日常问题 -->
|
||||||
<view class="eventsPopupBox" v-if="eventsDetail && type === 2">
|
<view class="eventsPopupBox" v-if="eventsDetail && type === 2">
|
||||||
<view class="eventsItemTitle">应急事件</view>
|
|
||||||
<!-- <view class="eventsItem">
|
<!-- <view class="eventsItem">
|
||||||
<view class="eventsLabel">处理状态：</view>
|
<view class="eventsLabel">处理状态：</view>
|
||||||
<view class="eventsValue"></view>
|
<view class="eventsValue"></view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/personIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系人：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ eventsDetail.person || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/phoneLabelIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系电话：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ eventsDetail.phone || "" }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="line"></view>
|
||||||
|
|
||||||
<view class="eventsItem">
|
<view class="eventsItem">
|
||||||
<view class="eventsLabel">事件片区：</view>
|
<view class="eventsLabel">事件片区：</view>
|
||||||
<view class="eventsValue">{{ eventsDetail.area || "" }}</view>
|
<view class="eventsValue">{{ eventsDetail.area || "" }}</view>
|
||||||
@ -190,14 +178,7 @@
|
|||||||
<view class="eventsLabel">问题描述：</view>
|
<view class="eventsLabel">问题描述：</view>
|
||||||
<view class="eventsValue">{{ eventsDetail.desc || "" }}</view>
|
<view class="eventsValue">{{ eventsDetail.desc || "" }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="eventsItem">
|
|
||||||
<view class="eventsLabel">联系人：</view>
|
|
||||||
<view class="eventsValue">{{ eventsDetail.person || "" }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="eventsItem">
|
|
||||||
<view class="eventsLabel">联系电话：</view>
|
|
||||||
<view class="eventsValue">{{ eventsDetail.phone || "" }}</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="eventsSmallTitle">协调处理情况</view>
|
<view class="eventsSmallTitle">协调处理情况</view>
|
||||||
|
|
||||||
@ -216,7 +197,7 @@
|
|||||||
|
|
||||||
<view class="eventsSmallTitle">经营公司协调处理情况</view>
|
<view class="eventsSmallTitle">经营公司协调处理情况</view>
|
||||||
|
|
||||||
<view class="eventsItemPic">
|
<view class="eventsItem">
|
||||||
<view class="eventsLabel">协调处理结果：</view>
|
<view class="eventsLabel">协调处理结果：</view>
|
||||||
<view class="eventsPic">{{ eventsDetail.endRes || "" }}</view>
|
<view class="eventsPic">{{ eventsDetail.endRes || "" }}</view>
|
||||||
</view>
|
</view>
|
||||||
@ -342,8 +323,10 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleShowDetail(obj) {
|
handleShowDetail(obj) {
|
||||||
this.$refs.popup.open('center')
|
// this.$refs.popup.open('center')
|
||||||
this.eventsDetail = obj
|
// this.eventsDetail = obj
|
||||||
|
this.$util.toNextRoute("navigateTo", `/pages/attendanceStatus/emergencyEventsDetail?detail=${JSON.stringify(obj)}&type=${this.type}`);
|
||||||
|
|
||||||
},
|
},
|
||||||
handlePopupChange(e) {
|
handlePopupChange(e) {
|
||||||
this.showPopup = e.show
|
this.showPopup = e.show
|
||||||
@ -425,162 +408,71 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.event-list {
|
.emergencyList {
|
||||||
padding: 30rpx;
|
padding: 30rpx;
|
||||||
|
|
||||||
.event-item {
|
.emergencyItem {
|
||||||
background: #fff;
|
width: 100%;
|
||||||
border-radius: 24rpx;
|
border-radius: 8rpx;
|
||||||
margin-bottom: 30rpx;
|
background-color: #fff;
|
||||||
overflow: hidden;
|
|
||||||
box-shadow: @shadow;
|
box-shadow: @shadow;
|
||||||
border-left: 8rpx solid @danger;
|
box-sizing: border-box;
|
||||||
|
padding: 24rpx;
|
||||||
&.warning {
|
|
||||||
border-left-color: @warn;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.resolved {
|
|
||||||
border-left-color: @ok;
|
|
||||||
opacity: .85;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.left-ok {
|
|
||||||
border-left-color: @ok;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.left-warn {
|
|
||||||
border-left-color: @warn;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-header {
|
|
||||||
padding: 30rpx;
|
|
||||||
border-bottom: 1rpx solid #f1f3f4;
|
|
||||||
background: #fff;
|
|
||||||
|
|
||||||
.event-title {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 32rpx;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-meta {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: @muted;
|
|
||||||
|
|
||||||
.event-time {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-priority {
|
|
||||||
padding: 6rpx 16rpx;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
font-size: 22rpx;
|
|
||||||
font-weight: 700;
|
|
||||||
|
|
||||||
&.priority-high {
|
|
||||||
background: #ffe6e6;
|
|
||||||
color: #d32f2f;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.priority-medium {
|
|
||||||
background: #fff3e0;
|
|
||||||
color: #f57c00;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.priority-low {
|
|
||||||
background: #e8f5e8;
|
|
||||||
color: #388e3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ok {
|
|
||||||
background: #e8f5e8;
|
|
||||||
color: #2e7d32;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.event-content {
|
|
||||||
padding: 30rpx 30rpx 0;
|
|
||||||
|
|
||||||
.event-description {
|
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
line-height: 1.6;
|
|
||||||
color: #333;
|
.emergencyItemTitle {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
|
||||||
|
.emergencyItemTitleLeft {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emergencyItemStatus {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 16rpx;
|
||||||
|
border-radius: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.emergencyDesc {
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
display: block;
|
width: 100%;
|
||||||
}
|
height: 2rpx;
|
||||||
|
background-color: #dad9d3;
|
||||||
|
margin: 24rpx 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.event-actions {
|
.otherMessageRow {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 20rpx;
|
align-items: flex-start;
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-bottom: 16rpx;
|
|
||||||
|
|
||||||
.event-action-btn {
|
.otherMessageIcon {
|
||||||
padding: 16rpx 24rpx;
|
width: 30rpx;
|
||||||
border: none;
|
height: 30rpx;
|
||||||
border-radius: 12rpx;
|
margin-right: 16rpx;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.otherMessageValue {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: 700;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&.btn-primary {
|
|
||||||
background: @primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.btn-success {
|
|
||||||
background: @ok;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.btn-warning {
|
|
||||||
background: @warn;
|
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.event-status {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
padding: 16rpx 20rpx;
|
|
||||||
background: @bg;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
|
|
||||||
.status-dot {
|
|
||||||
width: 16rpx;
|
|
||||||
height: 16rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
|
|
||||||
&.status-processing {
|
|
||||||
background: @warn;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.status-resolved {
|
|
||||||
background: @ok;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.status-pending {
|
|
||||||
background: @danger;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-event-btn {
|
.add-event-btn {
|
||||||
@ -678,6 +570,24 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.eventsHaveImgLabel {
|
||||||
|
display: flex;
|
||||||
|
width: 200rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.eventsHaveImg {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsHaveLabel {
|
||||||
|
width: 154rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.eventsLabel {
|
.eventsLabel {
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -690,6 +600,14 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 2rpx;
|
||||||
|
background-color: #dad9d3;
|
||||||
|
margin: 24rpx 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.eventsSmallTitle {
|
.eventsSmallTitle {
|
||||||
margin: 16rpx 0;
|
margin: 16rpx 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -708,6 +626,8 @@ export default {
|
|||||||
|
|
||||||
.eventsPic {
|
.eventsPic {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
|
|
||||||
.eventsPicItem {
|
.eventsPicItem {
|
||||||
|
|||||||
405
pages/attendanceStatus/emergencyEventsDetail.vue
Normal file
405
pages/attendanceStatus/emergencyEventsDetail.vue
Normal file
@ -0,0 +1,405 @@
|
|||||||
|
<template>
|
||||||
|
<view class="main">
|
||||||
|
<view class="detailBox">
|
||||||
|
<view class="pageTitle">{{ detailObj.title || "" }}</view>
|
||||||
|
|
||||||
|
<view class="userDetailBox" :style="{ marginTop: pageType === 1 ? '' : '0' }">
|
||||||
|
<view class="userDetailBoxTop">
|
||||||
|
<view class="userDetailBoxService">{{ detailObj.service || "" }}</view>
|
||||||
|
|
||||||
|
<view class="userDetailBoxServiceRight">
|
||||||
|
<view class="userDetailBoxStatus" :style="{
|
||||||
|
background: detailObj.status === 1 ? '#ecbd44' : detailObj.status === 2 ? '#d3d3d3' : '',
|
||||||
|
color: detailObj.status === 1 ? '#fff' : detailObj.status === 2 ? '#fff' : ''
|
||||||
|
}">
|
||||||
|
{{ detailObj.status === 1 ? '已完成' : detailObj.status ===
|
||||||
|
2 ? '处理中' : '' }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="eventsItem" style="margin-top: 24rpx;">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/personIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系人：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.person || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/phoneLabelIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">联系电话：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.phone || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem" style="margin-bottom: 0;">
|
||||||
|
<view class="eventsHaveImgLabel">
|
||||||
|
<image class="eventsHaveImg" src="https://eshangtech.com/cyy_DIB/timeIcon.png" />
|
||||||
|
<view class="eventsHaveLabel">处理用时：</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.haveTime || "" }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="pageText" v-if="pageType === 1">应急事件</view>
|
||||||
|
<view class="pageText" v-if="pageType === 2">日常问题</view>
|
||||||
|
|
||||||
|
<view class="detailBox" v-if="pageType === 1">
|
||||||
|
<view class="userDetailBox noBoxShow">
|
||||||
|
<!-- <view class="eventsItem">
|
||||||
|
<view class="eventsLabel">标题：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.title || "" }}</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件片区：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.area || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件服务区：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.service || "" }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">死亡人数：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.diePerson || "" }}</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件概况：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.desc || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件损失情况：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.lossDesc || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">处理结果：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.res || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItemPic">
|
||||||
|
<view class="eventsLabel">事件现场照片：</view>
|
||||||
|
<view class="eventsPic" v-if="detailObj.imgList && detailObj.imgList.length > 0">
|
||||||
|
<view class="eventsPicItem" v-for="(item, index) in detailObj.imgList" :key="index"
|
||||||
|
@click="showImg(detailObj.imgList, index)">
|
||||||
|
<image class="eventsPicImg" :src="item.url" />
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="detailBox" v-if="pageType === 2" style="padding-bottom: 24rpx;">
|
||||||
|
<view class="userDetailBox noBoxShow">
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件片区：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.area || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="eventsItem">
|
||||||
|
<view class="eventsLabel">事件服务区：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.service || "" }}</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">类型：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.type || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem" style="margin-bottom: 0;">
|
||||||
|
<view class="eventsLabel">问题描述：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.desc || "" }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="pageText" v-if="pageType === 2">协调处理情况</view>
|
||||||
|
|
||||||
|
<view class="detailBox" v-if="pageType === 2" style="padding-bottom: 24rpx;">
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">协调处理结果：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.startRes || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">办理人：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.startPerson || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem" style="margin-bottom: 0;">
|
||||||
|
<view class="eventsLabel">办理完成时间：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.startTime || "" }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="pageText" v-if="pageType === 2">经营公司协调处理情况</view>
|
||||||
|
|
||||||
|
<view class="detailBox" v-if="pageType === 2" style="padding-bottom: 24rpx;">
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">协调处理结果：</view>
|
||||||
|
<view class="eventsPic">{{ detailObj.endRes || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">办理人：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.endPerson || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItem">
|
||||||
|
<view class="eventsLabel">办理完成时间：</view>
|
||||||
|
<view class="eventsValue">{{ detailObj.endTime || "" }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="eventsItemPic" style="margin-bottom: 0;">
|
||||||
|
<view class="eventsLabel">事件现场照片：</view>
|
||||||
|
<view class="eventsPic" v-if="detailObj.imgList && detailObj.imgList.length > 0">
|
||||||
|
<view class="eventsPicItem" v-for="(item, index) in detailObj.imgList" :key="index"
|
||||||
|
@click="showImg(detailObj.imgList, index)">
|
||||||
|
<image class="eventsPicImg" :src="item.url" />
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
detailObj: null,
|
||||||
|
pageType: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(query) {
|
||||||
|
if (query.detail) {
|
||||||
|
this.detailObj = JSON.parse(query.detail)
|
||||||
|
}
|
||||||
|
if (query.type) {
|
||||||
|
this.pageType = Number(query.type)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.pageType === 1) {
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '应急事件'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '日常问题'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 图片预览
|
||||||
|
showImg(list, index) {
|
||||||
|
console.log('list', list);
|
||||||
|
console.log('indexindex', index);
|
||||||
|
let urls = []
|
||||||
|
list.forEach((item) => {
|
||||||
|
urls.push(item.url)
|
||||||
|
})
|
||||||
|
|
||||||
|
uni.previewImage({
|
||||||
|
urls: urls,
|
||||||
|
current: list[index].url,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.main {
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #f0f2f3;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
/* 兼容旧版 iOS */
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
|
||||||
|
/* 兼容新版 */
|
||||||
|
.detailBox {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 24rpx 24rpx 48rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.pageTitle {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userDetailBox {
|
||||||
|
width: calc(100% - 32rpx);
|
||||||
|
margin-top: 24rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16rpx 24rpx;
|
||||||
|
|
||||||
|
.userDetailBoxTop {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.userDetailBoxService {
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userDetailBoxStatus {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 16rpx;
|
||||||
|
border-radius: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.eventsItem {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.eventsHaveImgLabel {
|
||||||
|
display: flex;
|
||||||
|
width: 200rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.eventsHaveImg {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsHaveLabel {
|
||||||
|
width: 154rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsLabel {
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsValue {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsItemPic {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.eventsLabel {
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsPic {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 24rpx;
|
||||||
|
|
||||||
|
.eventsPicItem {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
|
||||||
|
.eventsPicImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.noBoxShow {
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.eventsItem {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.eventsHaveImgLabel {
|
||||||
|
display: flex;
|
||||||
|
width: 200rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.eventsHaveImg {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsHaveLabel {
|
||||||
|
width: 154rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsLabel {
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsValue {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsItemPic {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.eventsLabel {
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eventsPic {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 24rpx;
|
||||||
|
|
||||||
|
.eventsPicItem {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
|
||||||
|
.eventsPicImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageText {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16rpx 40rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #8d8e8e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -23,13 +23,45 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 居中的日历时间 -->
|
<!-- 服务区的信息 -->
|
||||||
<view class="dateBox">
|
<view class="serviceDetail" style="margin-top: 16rpx;">
|
||||||
<view class="centerDateBox" @click="open">
|
<view class="detailTop">
|
||||||
<text class="date-text">{{ selectDate }}</text>
|
<view class="serviceImg" v-if="serviceInfo.ImageLits && serviceInfo.ImageLits.length > 0">
|
||||||
<text class="date-icon">📅</text>
|
<swiper scroll-x="true" circular="true" class="banner" indicator-dots="true"
|
||||||
|
indicator-active-color="#272625" autoplay interval="3000" :current="pageMsg.current"
|
||||||
|
style="width: 100%; height: 100%">
|
||||||
|
<swiper-item v-for="(img, i) in serviceInfo.ImageLits" :key="i"
|
||||||
|
style="width: 100%; height: 100%">
|
||||||
|
<image style="width: 100%; height: 100%" mode="aspectFill" lazy-load="true" :src="img">
|
||||||
|
</image>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- <view class="detailBottom">
|
||||||
|
<view class="detailFirst">
|
||||||
|
<text class="serviceName">{{
|
||||||
|
serviceInfo.SERVERPART_NAME || ""
|
||||||
|
}}</text>
|
||||||
|
<text class="serviceStatus">营业中</text>
|
||||||
|
</view>
|
||||||
|
<view class="detailSecond">
|
||||||
|
<image class="detailFixedIcon" src="/static/images/home/address.png" />
|
||||||
|
<text class="address">
|
||||||
|
<text class="distance">{{
|
||||||
|
serviceInfo.SERVERPART_DISTANCE === 0
|
||||||
|
? 0
|
||||||
|
: serviceInfo.SERVERPART_DISTANCE || "-"
|
||||||
|
}}km</text>
|
||||||
|
<text class="addressText">{{ serviceInfo.ServerpartInfo.SERVERPART_ADDRESS || "-"
|
||||||
|
}}{{ serviceInfo.ServerpartInfo.EXPRESSWAY_NAME || "-" }}</text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="navigationBox" @click="handleGomap">
|
||||||
|
<image class="navigationIcon" src="/static/images/home/navigationIcon.svg" />
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 插入日历 即悬浮框 -->
|
<!-- 插入日历 即悬浮框 -->
|
||||||
<uni-calendar ref="calendar" class="selectDateCalendar" :clear-date="true" :date="selectDate" :insert="false"
|
<uni-calendar ref="calendar" class="selectDateCalendar" :clear-date="true" :date="selectDate" :insert="false"
|
||||||
@ -53,14 +85,16 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="thingBox">
|
||||||
<!-- 特情事件提醒横幅 -->
|
<!-- 特情事件提醒横幅 -->
|
||||||
<view class="emergency-banner" style="margin-top: 24rpx;" @click="showEmergencyDetails(1)">
|
<view class="emergency-banner" @click="showEmergencyDetails(1)">
|
||||||
<view class="emergency-header">
|
<view class="emergency-header">
|
||||||
<view class="emergency-title">
|
<view class="emergency-title">
|
||||||
<text>🚨 应急事件提醒</text>
|
<text>🚨 应急事件</text>
|
||||||
<view class="emergency-count">{{ emergencyCount }}</view>
|
<view class="emergency-count">{{ 2 }}</view>
|
||||||
</view>
|
</view>
|
||||||
<text>👉</text>
|
<!-- <text>👉</text> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -69,11 +103,14 @@
|
|||||||
<view class="emergency-header">
|
<view class="emergency-header">
|
||||||
<view class="emergency-title">
|
<view class="emergency-title">
|
||||||
<text>⚠️ 日常问题</text>
|
<text>⚠️ 日常问题</text>
|
||||||
<view class="emergency-count">{{ warningCount }}</view>
|
<view class="emergency-count">{{ 2 }}</view>
|
||||||
</view>
|
</view>
|
||||||
<text>👉</text>
|
<!-- <text>👉</text> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 在岗人员 -->
|
<!-- 在岗人员 -->
|
||||||
<view class="onDutyPersonBox">
|
<view class="onDutyPersonBox">
|
||||||
@ -81,11 +118,26 @@
|
|||||||
<text class="title">{{ selectTab === 1 ? "👥 当前在岗人员" : selectTab === 2 ? "📋 请假人员列表" : selectTab === 3
|
<text class="title">{{ selectTab === 1 ? "👥 当前在岗人员" : selectTab === 2 ? "📋 请假人员列表" : selectTab === 3
|
||||||
? "👑 值班经理信息" : ""
|
? "👑 值班经理信息" : ""
|
||||||
}}</text>
|
}}</text>
|
||||||
<view class="tab-indicators">
|
|
||||||
|
|
||||||
|
<!-- 居中的日历时间 -->
|
||||||
|
<view class="dateBox">
|
||||||
|
<view class="centerDateBox">
|
||||||
|
<image class="arrowIcon" src="https://eshangtech.com/cyy_DIB/leftArrowIcon.png"
|
||||||
|
@click="handleChangeDate(2)" />
|
||||||
|
<view class="center" @click="open">
|
||||||
|
<text class="date-text">{{ selectDate }}</text>
|
||||||
|
<!-- <text class="date-icon">📅</text> -->
|
||||||
|
</view>
|
||||||
|
<image class="arrowIcon" src="https://eshangtech.com/cyy_DIB/rightArrowIcon.png"
|
||||||
|
@click="handleChangeDate(1)" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <view class="tab-indicators">
|
||||||
<view class="tab-dot" :class="{ active: selectTab === 1 }"></view>
|
<view class="tab-dot" :class="{ active: selectTab === 1 }"></view>
|
||||||
<view class="tab-dot" :class="{ active: selectTab === 2 }"></view>
|
<view class="tab-dot" :class="{ active: selectTab === 2 }"></view>
|
||||||
<view class="tab-dot" :class="{ active: selectTab === 3 }"></view>
|
</view> -->
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 当前在岗人员 -->
|
<!-- 当前在岗人员 -->
|
||||||
@ -169,7 +221,7 @@
|
|||||||
<!-- 其他跳转链接 -->
|
<!-- 其他跳转链接 -->
|
||||||
<view class="otherJumpUrl">
|
<view class="otherJumpUrl">
|
||||||
<view class="jumpItem" v-for="(item, index) in jumpItemList" :key="index"
|
<view class="jumpItem" v-for="(item, index) in jumpItemList" :key="index"
|
||||||
:style="{ marginBottom: index < 4 ? '24rpx' : '' }" @click="handleClickJump(item.value)">
|
@click="handleClickJump(item.value)">
|
||||||
<image class="jumpIcon" :src="item.url" />
|
<image class="jumpIcon" :src="item.url" />
|
||||||
<view class="jumpText">{{ item.label }}</view>
|
<view class="jumpText">{{ item.label }}</view>
|
||||||
</view>
|
</view>
|
||||||
@ -281,6 +333,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import request from "@/util/index.js";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
const nowDay = this.$util.cutDate(new Date(), 'YYYY-MM-DD') // 有数据的最近日期
|
const nowDay = this.$util.cutDate(new Date(), 'YYYY-MM-DD') // 有数据的最近日期
|
||||||
@ -426,12 +479,12 @@ export default {
|
|||||||
{ name: "王五", post: "经理", status: 1, phone: "6666", address: "G56杭瑞高速主干道昆明至滇西方向" },
|
{ name: "王五", post: "经理", status: 1, phone: "6666", address: "G56杭瑞高速主干道昆明至滇西方向" },
|
||||||
],// 值班经理
|
],// 值班经理
|
||||||
jumpItemList: [
|
jumpItemList: [
|
||||||
{ label: "特情事件", value: 1, url: "" },
|
// { label: "应急事件", value: 1, url: "https://eshangtech.com/cyy_DIB/funIcon1.png" },
|
||||||
{ label: "设施状态", value: 2, url: "" },
|
{ label: "设施状态", value: 2, url: "https://eshangtech.com/cyy_DIB/funIcon2.png" },
|
||||||
{ label: "考勤统计", value: 3, url: "" },
|
{ label: "考勤统计", value: 3, url: "https://eshangtech.com/cyy_DIB/funIcon3.png" },
|
||||||
{ label: "请假管理", value: 4, url: "" },
|
{ label: "请假管理", value: 4, url: "https://eshangtech.com/cyy_DIB/funIcon4.png" },
|
||||||
{ label: "排班表", value: 5, url: "" },
|
{ label: "排班表", value: 5, url: "https://eshangtech.com/cyy_DIB/funIcon5.png" },
|
||||||
{ label: "通知公告", value: 6, url: "" },
|
// { label: "通知公告", value: 6, url: "https://eshangtech.com/cyy_DIB/funIcon6.png" },
|
||||||
],
|
],
|
||||||
showPopup: false,
|
showPopup: false,
|
||||||
userDetail: null
|
userDetail: null
|
||||||
@ -440,9 +493,82 @@ export default {
|
|||||||
onLoad() {
|
onLoad() {
|
||||||
this.menu = uni.getMenuButtonBoundingClientRect()
|
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||||
let currentService = uni.getStorageSync('currentService')
|
let currentService = uni.getStorageSync('currentService')
|
||||||
this.serviceInfo = currentService
|
this.handleGetServerpartDetail(currentService.Serverpart_ID || currentService.SERVERPART_ID)
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
let currentService = uni.getStorageSync('currentService')
|
||||||
|
console.log('currentService', currentService);
|
||||||
|
|
||||||
|
if (currentService.Serverpart_ID !== this.serviceInfo.SERVERPART_ID) {
|
||||||
|
this.handleGetServerpartDetail(currentService.Serverpart_ID)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 修改日期
|
||||||
|
handleChangeDate(type) {
|
||||||
|
// type 1 加一天 2 减一天
|
||||||
|
// 兼容 iOS，把 2025-08-15 转成 2025/08/15
|
||||||
|
const date = new Date(this.selectDate.replace(/-/g, "/"));
|
||||||
|
|
||||||
|
if (type === 1) {
|
||||||
|
date.setDate(date.getDate() + 1); // 加一天
|
||||||
|
} else if (type === 2) {
|
||||||
|
date.setDate(date.getDate() - 1); // 减一天
|
||||||
|
}
|
||||||
|
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, "0");
|
||||||
|
const day = String(date.getDate()).padStart(2, "0");
|
||||||
|
|
||||||
|
this.selectDate = `${year}-${month}-${day}`;
|
||||||
|
},
|
||||||
|
// 查询服务区详情
|
||||||
|
async handleGetServerpartDetail(id) {
|
||||||
|
let currentService = uni.getStorageSync("currentService");
|
||||||
|
let seatInfo = uni.getStorageSync("seatInfo");
|
||||||
|
this.seatInfo = JSON.parse(seatInfo);
|
||||||
|
let req = {
|
||||||
|
ServerpartId: id || currentService.Serverpart_ID || currentService.SERVERPART_ID,
|
||||||
|
latitude: this.seatInfo.latitude,
|
||||||
|
longitude: this.seatInfo.longitude,
|
||||||
|
};
|
||||||
|
console.log('req', req);
|
||||||
|
|
||||||
|
uni.showLoading({
|
||||||
|
title: "加载中...",
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await request.$webJavaGet(
|
||||||
|
"/third-party/getServerPartInfo",
|
||||||
|
req
|
||||||
|
);
|
||||||
|
uni.hideLoading();
|
||||||
|
|
||||||
|
let obj = data.Result_Data;
|
||||||
|
this.serviceInfo = obj;
|
||||||
|
this.$forceUpdate();
|
||||||
|
|
||||||
|
console.log('this.serviceInfo', this.serviceInfo);
|
||||||
|
|
||||||
|
},
|
||||||
|
// 打开导航
|
||||||
|
handleGomap() {
|
||||||
|
let obj = this.serviceInfo;
|
||||||
|
uni.openLocation({
|
||||||
|
latitude: obj.latitude ? obj.latitude * 1 : obj.SERVERPART_Y * 1,
|
||||||
|
longitude: obj.longitude ? obj.longitude * 1 : obj.SERVERPART_X * 1,
|
||||||
|
scale: 16, // 缩放比例
|
||||||
|
name: obj.SERVERPART_NAME,
|
||||||
|
// address: "", // 这个可能会影响地图的定位，所以可以选择不填
|
||||||
|
success(data) {
|
||||||
|
},
|
||||||
|
fail(err) {
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleChangeService() {
|
||||||
|
this.$util.toNextRoute("navigateTo", "/pages/map/index?type=attendanceStatus");
|
||||||
|
},
|
||||||
open() {
|
open() {
|
||||||
this.$refs.calendar.open()
|
this.$refs.calendar.open()
|
||||||
},
|
},
|
||||||
@ -481,8 +607,11 @@ export default {
|
|||||||
},
|
},
|
||||||
// 跳转其他页面
|
// 跳转其他页面
|
||||||
handleClickJump(value) {
|
handleClickJump(value) {
|
||||||
if (value === 2) {
|
if (value === 1) {
|
||||||
this.$util.toNextRoute("navigateTo", `/pages/attendanceStatus/serviceFacility`);
|
this.showEmergencyDetails(1)
|
||||||
|
} else if (value === 2) {
|
||||||
|
// this.$util.toNextRoute("navigateTo", `/pages/attendanceStatus/serviceFacility`);
|
||||||
|
this.$util.toNextRoute('navigateTo', `/pages/summaryOfPortraits/index?index=0`)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 会员详情信息
|
// 会员详情信息
|
||||||
@ -514,7 +643,7 @@ export default {
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
// background-image: url("https://eshangtech.com/minTestImg/pageBg.png");
|
// background-image: url("https://eshangtech.com/minTestImg/pageBg.png");
|
||||||
background-color: #fff;
|
background-color: #F5F5F5;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
|
||||||
@ -579,7 +708,7 @@ export default {
|
|||||||
.uni-input {
|
.uni-input {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
font-size: 14px;
|
font-size: 28rpx;
|
||||||
font-family: PingFangSC-Semibold, PingFang SC;
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
@ -620,31 +749,120 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dateBox {
|
.serviceDetail {
|
||||||
width: 100vw;
|
width: calc(100% - 64rpx);
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
|
||||||
|
.detailTop {
|
||||||
|
width: 100%;
|
||||||
|
height: 320rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.serviceImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailBottom {
|
||||||
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 16rpx 0;
|
padding: 4rpx 24rpx 24rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.detailFirst {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.serviceName {
|
||||||
|
width: calc(100% - 190rpx);
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #130f05;
|
||||||
|
line-height: 52rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.serviceStatus {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #009f43;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: justify;
|
||||||
|
font-style: normal;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 2rpx 6rpx;
|
||||||
|
background: #e9f8ee;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailSecond {
|
||||||
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
.centerDateBox {
|
.detailFixedIcon {
|
||||||
display: flex;
|
width: 24rpx;
|
||||||
align-items: center;
|
height: 24rpx;
|
||||||
gap: 10rpx;
|
margin-right: 4rpx;
|
||||||
padding: 10rpx 20rpx;
|
}
|
||||||
border-radius: 30rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 2rpx solid #27B35F;
|
|
||||||
// background: rgba(255, 255, 255, .15);
|
|
||||||
|
|
||||||
.date-text {
|
.address {
|
||||||
font-size: 28rpx;
|
width: calc(100% - 120rpx);
|
||||||
font-weight: 700;
|
display: inline-block;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
.distance {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #130f05;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.addressText {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #716f69;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navigationBox {
|
||||||
|
width: 64rpx;
|
||||||
|
height: 64rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 24rpx;
|
||||||
|
top: 32rpx;
|
||||||
|
|
||||||
|
.navigationIcon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.selectDateCalendar {
|
.selectDateCalendar {
|
||||||
/deep/ .uni-calendar-item__weeks-box-item {
|
/deep/ .uni-calendar-item__weeks-box-item {
|
||||||
width: calc(100% / 7);
|
width: calc(100% / 7);
|
||||||
@ -713,11 +931,19 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.thingBox {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 50rpx;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
|
||||||
.emergency-banner {
|
.emergency-banner {
|
||||||
background: linear-gradient(135deg, @danger, #ff3838);
|
background: linear-gradient(135deg, @danger, #ff3838);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
margin: 0 30rpx 30rpx;
|
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-shadow: 0 4rpx 12rpx rgba(255, 71, 87, .3);
|
box-shadow: 0 4rpx 12rpx rgba(255, 71, 87, .3);
|
||||||
border-left: 8rpx solid #ff1744;
|
border-left: 8rpx solid #ff1744;
|
||||||
@ -726,7 +952,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 10rpx;
|
// margin-bottom: 10rpx;
|
||||||
|
|
||||||
.emergency-title {
|
.emergency-title {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -755,7 +981,6 @@ export default {
|
|||||||
background: linear-gradient(135deg, @warn, #ff8c00);
|
background: linear-gradient(135deg, @warn, #ff8c00);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
margin: 0 30rpx 30rpx;
|
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
box-shadow: 0 4rpx 12rpx rgba(255, 159, 67, .3);
|
box-shadow: 0 4rpx 12rpx rgba(255, 159, 67, .3);
|
||||||
border-left: 8rpx solid #ff8c00;
|
border-left: 8rpx solid #ff8c00;
|
||||||
@ -764,7 +989,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 10rpx;
|
// margin-bottom: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emergency-title {
|
.emergency-title {
|
||||||
@ -788,6 +1013,9 @@ export default {
|
|||||||
opacity: .9;
|
opacity: .9;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.onDutyPersonBox {
|
.onDutyPersonBox {
|
||||||
width: calc(100% - 64rpx);
|
width: calc(100% - 64rpx);
|
||||||
@ -799,7 +1027,7 @@ export default {
|
|||||||
|
|
||||||
.onDutyPersonBoxHeader {
|
.onDutyPersonBoxHeader {
|
||||||
background: @bg;
|
background: @bg;
|
||||||
padding: 30rpx;
|
padding: 10rpx 30rpx;
|
||||||
border-bottom: 1rpx solid #e9ecef;
|
border-bottom: 1rpx solid #e9ecef;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
@ -823,6 +1051,38 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dateBox {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 16rpx 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.centerDateBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10rpx;
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
// border: 2rpx solid #27B35F;
|
||||||
|
// background: rgba(255, 255, 255, .15);
|
||||||
|
|
||||||
|
.arrowIcon {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
.date-text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.onDutyPersonList {
|
.onDutyPersonList {
|
||||||
|
|||||||
@ -3,11 +3,13 @@
|
|||||||
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/noData.svg"></image>
|
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/noData.svg"></image>
|
||||||
<p class="text" v-if="type === 'index'">抱歉,数据为第三方接口传输，无法进行画像分析</p>
|
<p class="text" v-if="type === 'index'">抱歉,数据为第三方接口传输，无法进行画像分析</p>
|
||||||
<p class="noAuthor" v-else-if="type === 'noAuthor'">抱歉，您没有权限查看数智化看板，请联系管理员进行授权</p>
|
<p class="noAuthor" v-else-if="type === 'noAuthor'">抱歉，您没有权限查看数智化看板，请联系管理员进行授权</p>
|
||||||
|
<p class="homeIndex" v-else-if="type === 'homeIndex'">抱歉，您没有权限查看数智化看板，请联系管理员进行授权</p>
|
||||||
<p class="text" v-else>抱歉,第三方数据未传,无法分析</p>
|
<p class="text" v-else>抱歉,第三方数据未传,无法分析</p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
name: "noData",
|
name: "noData",
|
||||||
data() {
|
data() {
|
||||||
@ -15,6 +17,22 @@ export default {
|
|||||||
type: ''
|
type: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters({ user: "getUser" }),
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
user: {
|
||||||
|
handler(newValue, value) {
|
||||||
|
if (this.type === 'homeIndex') {
|
||||||
|
if (newValue && newValue.WeChat_UserId && newValue.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] === 1) {
|
||||||
|
uni.switchTab({
|
||||||
|
url: `/pages/index/index`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
onLoad(query) {
|
onLoad(query) {
|
||||||
if (query.type) {
|
if (query.type) {
|
||||||
this.type = query.type
|
this.type = query.type
|
||||||
@ -50,17 +68,20 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.typeImg {
|
.typeImg {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-top: 40vh;
|
margin-top: 40vh;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<!-- num 是字符串，会被切成片渲染 -->
|
<!-- num 是字符串，会被切成片渲染 -->
|
||||||
<view class="l-num" :style="{width: key===',' || key==='.'?'12rpx':'28rpx'}" v-for="(key,value) in num" :key="value">
|
<view class="l-num" :style="{ width: key === ',' || key === '.' ? '12rpx' : '24rpx' }" v-for="(key, value) in num"
|
||||||
|
:key="value">
|
||||||
<template v-if="key !== '.' && key !== ','">
|
<template v-if="key !== '.' && key !== ','">
|
||||||
<view class="l-son" :style="'transform: translateY(-' + (key * 52) + 'rpx);'">
|
<view class="l-son" :style="'transform: translateY(-' + (key * 52) + 'rpx);'">
|
||||||
<view class="l-num l-posi" v-for="(s, i) in range" :style="'transform: translateY(' + (i * 52) + 'rpx);'" :key="i">
|
<view class="l-num l-posi" v-for="(s, i) in range" :style="'transform: translateY(' + (i * 52) + 'rpx);'" :key="i">
|
||||||
@ -141,7 +142,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.l-num {
|
.l-num {
|
||||||
font-size: 48rpx;
|
font-size: 32rpx;
|
||||||
font-family: DINAlternate-Bold, DINAlternate;
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 月份的轮播框 -->
|
<!-- 月份的轮播框 -->
|
||||||
<view class="monthListBox" :style="{ marginTop: menu.bottom + 8 + 'px' }">
|
<view class="monthListBox" :style="{ paddingTop: menu.bottom + 8 + 'px' }">
|
||||||
<swiper class="swiperBox" previous-margin="40rpx" next-margin="40rpx" :current="selectIndex"
|
<swiper class="swiperBox" previous-margin="40rpx" next-margin="40rpx" :current="selectIndex"
|
||||||
@animationfinish="handleChangeSwiper">
|
@animationfinish="handleChangeSwiper">
|
||||||
<swiper-item class="swiperItem" v-for="(item, index) in monthList" :key="index">
|
<swiper-item class="swiperItem" v-for="(item, index) in monthList" :key="index">
|
||||||
@ -211,8 +211,8 @@
|
|||||||
|
|
||||||
|
|
||||||
<!-- 即时营收 -->
|
<!-- 即时营收 -->
|
||||||
<view class="instantRevenue" style="margin-top: 24rpx">
|
<view class="instantRevenue" style="margin-top: 24rpx;">
|
||||||
<view class="revenue" @click="handlePage">
|
<view class="revenue" @click="handlePage" style="padding-bottom: 0;">
|
||||||
<view class="revenueTop">
|
<view class="revenueTop">
|
||||||
<view class="revenyeTopLeft">
|
<view class="revenyeTopLeft">
|
||||||
<image class="monthIcon"
|
<image class="monthIcon"
|
||||||
@ -233,6 +233,24 @@
|
|||||||
<text class="moneyLabel">实时对客销售/元</text>
|
<text class="moneyLabel">实时对客销售/元</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- <view class="revenue revenueOther">
|
||||||
|
<view class="otherRealDataBox">
|
||||||
|
<view class="revenueMoneyItem" v-for="(subItem, subIndex) in otherRealData"
|
||||||
|
:style="{ marginTop: subIndex >= 2 ? '24rpx' : '' }">
|
||||||
|
<view class="revenueMoneyItemLeft">
|
||||||
|
<image class="leftIcon" :src="subItem.icon" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="revenueMoneyItemRight">
|
||||||
|
<view class="moneyLabel">{{ subItem.label || "" }}</view>
|
||||||
|
<view class="moneyText">{{ subItem.value || "" }}<span class="moneyUnit">{{ subItem.unit
|
||||||
|
|| "" }}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 实时水电、加油、尿素、充电 -->
|
<!-- 实时水电、加油、尿素、充电 -->
|
||||||
@ -247,7 +265,9 @@
|
|||||||
|
|
||||||
<view class="revenueMoneyItemRight">
|
<view class="revenueMoneyItemRight">
|
||||||
<view class="moneyLabel">{{ subItem.label || "" }}</view>
|
<view class="moneyLabel">{{ subItem.label || "" }}</view>
|
||||||
<view class="moneyText">{{ subItem.value || "" }}<span class="moneyUnit">{{ subItem.unit
|
<view class="moneyText">
|
||||||
|
<span class="money">{{ subItem.value || "" }}</span>
|
||||||
|
<span class="moneyUnit">/{{ subItem.unit
|
||||||
|| "" }}</span>
|
|| "" }}</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -349,14 +369,12 @@ export default {
|
|||||||
let userInfo = JSON.parse(JSON.stringify(newValue));
|
let userInfo = JSON.parse(JSON.stringify(newValue));
|
||||||
_this.useInfo = JSON.parse(JSON.stringify(newValue));
|
_this.useInfo = JSON.parse(JSON.stringify(newValue));
|
||||||
|
|
||||||
if (
|
if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] === 1) {
|
||||||
userInfo &&
|
|
||||||
userInfo.WeChat_UserId &&
|
|
||||||
userInfo.AuthorityInfo[
|
|
||||||
"89a1f248-2113-4d57-84b1-c2e6edb9e8ee"
|
|
||||||
] === 1
|
|
||||||
) {
|
|
||||||
_this.isReturn = false;
|
_this.isReturn = false;
|
||||||
|
} else if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] !== 1) {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: `/pages/commercialBI/noData?type=homeIndex`,
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
_this.topShowData = null
|
_this.topShowData = null
|
||||||
_this.moneyRateList = []
|
_this.moneyRateList = []
|
||||||
@ -402,14 +420,15 @@ export default {
|
|||||||
_this.useInfo = JSON.parse(JSON.stringify(this.user));
|
_this.useInfo = JSON.parse(JSON.stringify(this.user));
|
||||||
// console.log('userInfouserInfo', userInfo);
|
// console.log('userInfouserInfo', userInfo);
|
||||||
|
|
||||||
if (
|
console.log('userInfouserInfo', userInfo);
|
||||||
userInfo &&
|
|
||||||
userInfo.WeChat_UserId &&
|
|
||||||
userInfo.AuthorityInfo[
|
if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] === 1) {
|
||||||
"89a1f248-2113-4d57-84b1-c2e6edb9e8ee"
|
|
||||||
] === 1
|
|
||||||
) {
|
|
||||||
_this.isReturn = false;
|
_this.isReturn = false;
|
||||||
|
} else if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] !== 1) {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: `/pages/commercialBI/noData?type=homeIndex`,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('userInfouserInfouserInfo', _this.useInfo);
|
console.log('userInfouserInfouserInfo', _this.useInfo);
|
||||||
@ -423,6 +442,21 @@ export default {
|
|||||||
// 隐藏掉小程序本身自带的 tabbar 让自定义的tabbar出现
|
// 隐藏掉小程序本身自带的 tabbar 让自定义的tabbar出现
|
||||||
uni.hideTabBar();
|
uni.hideTabBar();
|
||||||
},
|
},
|
||||||
|
onPullDownRefresh: function () {
|
||||||
|
let _this = this
|
||||||
|
let userInfo = JSON.parse(JSON.stringify(this.user));
|
||||||
|
if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] === 1) {
|
||||||
|
_this.isReturn = false;
|
||||||
|
} else if (userInfo && userInfo.WeChat_UserId && userInfo.AuthorityInfo["89a1f248-2113-4d57-84b1-c2e6edb9e8ee"] !== 1) {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: `/pages/commercialBI/noData?type=homeIndex`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (!_this.isReturn) {
|
||||||
|
_this.handleGetOnLoad()
|
||||||
|
}
|
||||||
|
uni.stopPullDownRefresh();
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 在onLoad里面调用的 请求整个页面的数据
|
// 在onLoad里面调用的 请求整个页面的数据
|
||||||
async handleGetOnLoad() {
|
async handleGetOnLoad() {
|
||||||
@ -534,31 +568,31 @@ export default {
|
|||||||
list.forEach((item) => {
|
list.forEach((item) => {
|
||||||
if (item.dataType === 2000) {
|
if (item.dataType === 2000) {
|
||||||
result.push({
|
result.push({
|
||||||
label: `今日油品`,
|
label: `油品`,
|
||||||
value: this.$util.fmoney(item.totalCount),
|
value: this.$util.fmoney(item.totalCount),
|
||||||
unit: item.totalCountUnit,
|
unit: item.totalCountUnit,
|
||||||
icon: "http://saas.eshangtech.com/cyy_DIB/oilIcon.png"
|
icon: "https://eshangtech.com/cyy_DIB/oilIcon.png"
|
||||||
})
|
})
|
||||||
} else if (item.dataType === 3000) {
|
} else if (item.dataType === 3000) {
|
||||||
result.push({
|
result.push({
|
||||||
label: `今日加水`,
|
label: `加水`,
|
||||||
value: this.$util.fmoney(item.totalCount),
|
value: this.$util.fmoney(item.totalCount),
|
||||||
unit: item.totalCountUnit,
|
unit: item.totalCountUnit,
|
||||||
icon: "http://saas.eshangtech.com/cyy_DIB/addWaterIcon.png"
|
icon: "https://eshangtech.com/cyy_DIB/addWaterIcon.png"
|
||||||
})
|
})
|
||||||
} else if (item.dataType === 4000) {
|
} else if (item.dataType === 4000) {
|
||||||
result.push({
|
result.push({
|
||||||
label: `今日尿素`,
|
label: `尿素`,
|
||||||
value: this.$util.fmoney(item.totalCount),
|
value: this.$util.fmoney(item.totalCount),
|
||||||
unit: item.totalCountUnit,
|
unit: item.totalCountUnit,
|
||||||
icon: "http://saas.eshangtech.com/cyy_DIB/ureaIcon.png"
|
icon: "https://eshangtech.com/cyy_DIB/ureaIcon.png"
|
||||||
})
|
})
|
||||||
} else if (item.dataType === 5000) {
|
} else if (item.dataType === 5000) {
|
||||||
result.push({
|
result.push({
|
||||||
label: `今日充电`,
|
label: `充电`,
|
||||||
value: this.$util.fmoney(item.totalTicket),
|
value: this.$util.fmoney(item.totalTicket),
|
||||||
unit: item.totalTicketUnit,
|
unit: item.totalTicketUnit,
|
||||||
icon: "http://saas.eshangtech.com/cyy_DIB/chargeIcon.png"
|
icon: "https://eshangtech.com/cyy_DIB/chargeIcon.png"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -816,7 +850,7 @@ export default {
|
|||||||
.swiperItemContentUnit {
|
.swiperItemContentUnit {
|
||||||
font-family: 'PingFangSC';
|
font-family: 'PingFangSC';
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 24rpx;
|
||||||
color: #A69E9F;
|
color: #A69E9F;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -835,7 +869,7 @@ export default {
|
|||||||
.leftRevenueValue {
|
.leftRevenueValue {
|
||||||
font-family: 'DINAlternate';
|
font-family: 'DINAlternate';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 40rpx;
|
font-size: 30rpx;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -849,7 +883,7 @@ export default {
|
|||||||
.addValue {
|
.addValue {
|
||||||
font-family: 'DINAlternate';
|
font-family: 'DINAlternate';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30rpx;
|
font-size: 28rpx;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -858,7 +892,7 @@ export default {
|
|||||||
.rightNav {
|
.rightNav {
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 24rpx;
|
||||||
color: #A69E9F;
|
color: #A69E9F;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -1037,7 +1071,7 @@ export default {
|
|||||||
.revenueNum {
|
.revenueNum {
|
||||||
font-family: DINAlternate-Bold, DINAlternate;
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32rpx;
|
font-size: 28rpx;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -1047,7 +1081,7 @@ export default {
|
|||||||
.revenueAdd {
|
.revenueAdd {
|
||||||
font-family: DINAlternate-Bold, DINAlternate;
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 32rpx;
|
font-size: 28rpx;
|
||||||
color: #e83944;
|
color: #e83944;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -1076,7 +1110,7 @@ export default {
|
|||||||
.swiperItemContentUnit {
|
.swiperItemContentUnit {
|
||||||
font-family: 'PingFangSC';
|
font-family: 'PingFangSC';
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 24rpx;
|
||||||
color: #A69E9F;
|
color: #A69E9F;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -1109,7 +1143,7 @@ export default {
|
|||||||
.addValue {
|
.addValue {
|
||||||
font-family: 'DINAlternate';
|
font-family: 'DINAlternate';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30rpx;
|
font-size: 28rpx;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -1157,7 +1191,7 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 24rpx;
|
padding: 24rpx 24rpx;
|
||||||
background: linear-gradient(180deg, #F0E4ED 0%, #F0E8F1 18%, #FFFFFF 100%);
|
background: linear-gradient(180deg, #F0E4ED 0%, #F0E8F1 18%, #FFFFFF 100%);
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -1189,7 +1223,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.day {
|
.day {
|
||||||
font-size: 28rpx;
|
font-size: 24rpx;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #a69e9f;
|
color: #a69e9f;
|
||||||
@ -1211,7 +1245,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.revenueMoney {
|
.revenueMoney {
|
||||||
height: 52rpx;
|
height: 70rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -1219,19 +1253,21 @@ export default {
|
|||||||
|
|
||||||
.moneyText {
|
.moneyText {
|
||||||
font-size: 44rpx;
|
font-size: 44rpx;
|
||||||
font-family: DINAlternate, DINAlternate;
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 52rpx;
|
|
||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.moneyLabel {
|
.moneyLabel {
|
||||||
font-size: 28rpx;
|
height: 100%;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-size: 24rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #a69e9f;
|
color: #a69e9f;
|
||||||
line-height: 40rpx;
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1268,30 +1304,41 @@ export default {
|
|||||||
width: calc(100% - 86rpx);
|
width: calc(100% - 86rpx);
|
||||||
|
|
||||||
.moneyLabel {
|
.moneyLabel {
|
||||||
font-size: 30rpx;
|
font-size: 28rpx;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #a69e9f;
|
color: #000;
|
||||||
line-height: 30rpx;
|
line-height: 30rpx;
|
||||||
margin-bottom: 16rpx;
|
// margin-bottom: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.moneyText {
|
.moneyText {
|
||||||
font-size: 32rpx;
|
width: 100%;
|
||||||
font-family: 'DINAlternate';
|
margin-top: 12rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.money {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: DINAlternate-Bold, DINAlternate;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 32rpx;
|
line-height: 32rpx;
|
||||||
margin-right: 8rpx;
|
text-align: left;
|
||||||
|
display: inline-block;
|
||||||
|
width: 110rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.moneyUnit {
|
.moneyUnit {
|
||||||
|
width: 70rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #a69e9f;
|
color: #a69e9f;
|
||||||
line-height: 30rpx;
|
line-height: 30rpx;
|
||||||
margin-left: 16rpx;
|
margin-left: 8rpx;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1346,7 +1393,7 @@ export default {
|
|||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #160002;
|
color: #160002;
|
||||||
line-height: 40rpx;
|
line-height: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -328,8 +328,11 @@ export default {
|
|||||||
uni.navigateBack({
|
uni.navigateBack({
|
||||||
delta: 1
|
delta: 1
|
||||||
})
|
})
|
||||||
}
|
} else if (this.type === 'attendanceStatus') {
|
||||||
else {
|
uni.navigateBack({
|
||||||
|
delta: 1
|
||||||
|
})
|
||||||
|
} else {
|
||||||
if (this.chartType) {
|
if (this.chartType) {
|
||||||
uni.navigateBack({
|
uni.navigateBack({
|
||||||
delta: 1
|
delta: 1
|
||||||
|
|||||||
@ -243,6 +243,7 @@ export default {
|
|||||||
currentImg: 0,//当前选中的图片
|
currentImg: 0,//当前选中的图片
|
||||||
come: '',// 来自首页还是用户页,
|
come: '',// 来自首页还是用户页,
|
||||||
topBgRealLength: 0,// 去除添加的上一个 后一个 的真实图片长度
|
topBgRealLength: 0,// 去除添加的上一个 后一个 的真实图片长度
|
||||||
|
seatInfo: {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
@ -338,10 +339,14 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async handleSearch(seat) {
|
async handleSearch(seat) {
|
||||||
|
let currentService = uni.getStorageSync("currentService");
|
||||||
|
let seatInfo = uni.getStorageSync("seatInfo");
|
||||||
|
this.seatInfo = JSON.parse(seatInfo);
|
||||||
|
|
||||||
let reqs = {
|
let reqs = {
|
||||||
longitude: seat.longitude,
|
longitude: this.seatInfo.longitude,
|
||||||
ServerpartId: seat.Serverpart_ID,
|
ServerpartId: currentService.Serverpart_ID || currentService.SERVERPART_ID,
|
||||||
latitude: seat.latitude
|
latitude: this.seatInfo.latitude,
|
||||||
}
|
}
|
||||||
const totalData = await request.$webGet('CommercialApi/BaseInfo/GetServerpartInfo', reqs)
|
const totalData = await request.$webGet('CommercialApi/BaseInfo/GetServerpartInfo', reqs)
|
||||||
console.log('totalData', totalData)
|
console.log('totalData', totalData)
|
||||||
|
|||||||
BIN
static/images/home/address.png
Normal file
BIN
static/images/home/address.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 963 B |
22
static/images/home/navigationIcon.svg
Normal file
22
static/images/home/navigationIcon.svg
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>云南图标/卫生间_2</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50%" y1="100%" x2="50%" y2="1.84889275e-30%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#27B25F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#11BC55" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="100%" x2="50%" y2="1.84889275e-30%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#27B25F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#4CCC7F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="云南小程序-切图" transform="translate(-87.000000, -37.000000)" fill-rule="nonzero">
|
||||||
|
<g id="编组" transform="translate(87.000000, 37.000000)">
|
||||||
|
<circle id="椭圆形" fill="url(#linearGradient-1)" opacity="0.100000001" cx="16" cy="16" r="16"></circle>
|
||||||
|
<path d="M21.4637385,11.8011725 L18.2390216,21.4753234 C18.0643738,21.9992667 17.4980539,22.2824267 16.9741105,22.1077789 C16.7301391,22.0264551 16.5268764,21.8542657 16.4065504,21.6269833 L14.4619849,17.9539153 C14.368178,17.7767245 14.2232755,17.631822 14.0460847,17.5380151 L10.3730167,15.5934496 C9.88491409,15.3350424 9.69870923,14.7298766 9.95711648,14.241774 C10.0774425,14.0144916 10.2807052,13.8423022 10.5246766,13.7609784 L20.1988275,10.5362615 C20.7227708,10.3616137 21.2890908,10.6447737 21.4637385,11.168717 C21.5321608,11.3739838 21.5321608,11.5959057 21.4637385,11.8011725 Z" id="三角形" fill="url(#linearGradient-2)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
x
Reference in New Issue
Block a user