|
|
@@ -9,533 +9,79 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<!-- 导航栏 #3F9EFF-->
|
|
|
- <uni-nav-bar :fixed="true" backgroundColor="#3F9EFF" statusBar="false" height="75px">
|
|
|
+ <uni-nav-bar :fixed="true" backgroundColor="#f7f7f7" statusBar="false" height="75px">
|
|
|
<block slot="left">
|
|
|
<view class="view-flex-block-center">
|
|
|
- <image src="/static/images/logo_start.png" class="logo" mode="widthFix"></image>
|
|
|
+ <image src="/static/images/logo_start.png"
|
|
|
+ style="width: 100rpx;height: 100rpx;background: lightgray;border-radius: 50%;" mode="widthFix">
|
|
|
+ </image>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <view class="view-flex-block-center" style="width: 100%;">
|
|
|
- <view class="view-flex-inline-center">
|
|
|
- <text style="color: #ffffff; font-size: 1.2rem;font-family: Microsoft YaHei;">{{title}}</text>
|
|
|
- </view>
|
|
|
+ <view class="view-flex-inline">
|
|
|
+ <uni-list style="background-color: #f7f7f7;" :border="false">
|
|
|
+
|
|
|
+ <uni-list-item v-if="isLogin" :border="false" style="background-color: #f7f7f7;" showArrow
|
|
|
+ :title="userName" :note="userNote" :clickable="true" @click="onUserInfoClick()" />
|
|
|
+
|
|
|
+ <uni-list-item v-else :border="false" style="background-color: #f7f7f7;" showArrow title="登录/注册"
|
|
|
+ note="快速登录 注册体验更多功能" :clickable="true" @click="onLoginClick()" />
|
|
|
+ </uni-list>
|
|
|
</view>
|
|
|
<block slot="right">
|
|
|
- <view style="margin-right:20rpx" @click="onNoticeMoreClick">
|
|
|
+ <view style="margin-right:0rpx" @click="onNoticeMoreClick">
|
|
|
<uni-badge class="uni-badge-left-margin" absolute="rightTop" :is-dot="noticeDot" :text="noticeValue"
|
|
|
size="small">
|
|
|
- <uni-icons class="input-uni-icon" type="notification" size="24" color="#FFFFFF" />
|
|
|
+ <uni-icons class="input-uni-icon" type="email" size="24" color="#000000" />
|
|
|
+ </uni-badge>
|
|
|
+ </view>
|
|
|
+ <view style="margin-right:10rpx;margin-left: 10px;" @click="onNoticeMoreClick">
|
|
|
+ <uni-badge class="uni-badge-left-margin" absolute="rightTop" size="small">
|
|
|
+ <uni-icons class="input-uni-icon" type="scan" size="24" color="#000000" />
|
|
|
</uni-badge>
|
|
|
</view>
|
|
|
</block>
|
|
|
</uni-nav-bar>
|
|
|
- <!-- 头部按钮 -->
|
|
|
- <view class="nav">
|
|
|
- <u-grid :col="4" :border="false">
|
|
|
- <u-grid-item v-if="navButtonIndex[index]" bg-color="transparent" v-for="(item, index) in navButton"
|
|
|
- :key="index">
|
|
|
- <navigator v-if="item.badge" :url="item.url" hover-class="none" class="nav-item"
|
|
|
- open-type="navigate">
|
|
|
- <uni-badge class="uni-badge-left-margin" absolute="rightTop" :text="item.value" size="small">
|
|
|
- <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
|
|
|
- </uni-badge>
|
|
|
- <view style="font-size: 0.9rem;font-weight: bold;">{{ item.name }}</view>
|
|
|
- </navigator>
|
|
|
- <navigator v-else :url="item.url" hover-class="none" class="nav-item" open-type="navigate">
|
|
|
- <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
|
|
|
- <view style="font-size: 0.9rem;font-weight: bold;">{{ item.name }}</view>
|
|
|
- </navigator>
|
|
|
- </u-grid-item>
|
|
|
- </u-grid>
|
|
|
- </view>
|
|
|
- <uni-card v-if="permission.orgAdmin || (permission.companyServciePerson && postName=='servicePerson')"
|
|
|
- title="快捷操作">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="phone" size="18" color="coral" />
|
|
|
- <text class="text-under-line" style="color: coral;font-size: 1rem;"
|
|
|
- @click="toShortcutCreateOrder">发起工单</text>
|
|
|
- </view>
|
|
|
- </uni-card>
|
|
|
- <!-- <uni-card v-if="permission.companyServciePerson && postName=='engineer'" title="新的工单">
|
|
|
- <view v-if="todoOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in todoOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="gear" size="18" color="lightblue" />
|
|
|
- <view v-if="item.orderType==1" class="text" style="width: 90%;color: gray;">
|
|
|
- 工单类型: <span style="margin-left: 5px;color: cornflowerblue;">维修工单</span>
|
|
|
- </view>
|
|
|
- <view v-else class="text" style="width: 90%;color: gray;">
|
|
|
- 工单类型: <span style="margin-left: 5px;color: cornflowerblue;">服务工单</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="personadd" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 工单发起人: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.createOrderPersonName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 发起时间: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.createTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="help" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 问题描述: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-underline"
|
|
|
- style="color: coral;margin-left: 2px;font-size: 1rem;" @click="toDo(item)">
|
|
|
- 去处理
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待处理工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-card>
|
|
|
- <uni-card v-if="permission.orgAdmin" title="待审批费用申请" >
|
|
|
- <view v-if="costsApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in costsApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 费用审批申请人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 申请时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 费用说明:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.costsReportDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderCostsApprove(item)">
|
|
|
- 去审批
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待费用审批工单</text>
|
|
|
+
|
|
|
+ <uni-card title="待办工单" :thumbnail="orderLogo">
|
|
|
+ <uni-list v-if="permission.admin || permission.orgAdmin">
|
|
|
+ <uni-list-item showArrow title="会议室音响没有声音" note="2024年3月1日 12时10分" rightText="去处理" />
|
|
|
+ </uni-list>
|
|
|
+ <uni-card v-else title="快捷操作">
|
|
|
+ <view class="view-flex-inline">
|
|
|
+ <uni-icons class="input-uni-icon" type="phone" size="18" color="coral" />
|
|
|
+ <text class="text-under-line" style="color: coral;font-size: 1rem;"
|
|
|
+ @click="toShortcutCreateOrder">发起工单</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </uni-card>
|
|
|
</uni-card>
|
|
|
- <uni-card v-if="permission.companyServciePerson && postName=='engineer'" title="费用已审批工单">
|
|
|
- <view v-if="costsApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in costsApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 费用审批人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 审批时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 审批意见:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderProcess(item)">
|
|
|
- 去处理
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无费用已审批工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <uni-card title="巡检保养任务" :thumbnail="checkLogo">
|
|
|
+ <uni-list>
|
|
|
+ <uni-list-item showArrow title="1-10号门禁查看" note="2024年3月1日 12时10分" :clickable="true" rightText="去处理" />
|
|
|
+ </uni-list>
|
|
|
</uni-card>
|
|
|
- <uni-card v-if="permission.orgAdmin" title="待完结审批工单">
|
|
|
- <view v-if="closeApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in closeApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 工单处理人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 处理时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 解决措施说明:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderCloseApprove(item)">
|
|
|
- 去审批
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待完结审批工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-card> -->
|
|
|
- <uni-card title="待处理事件">
|
|
|
- <uni-section v-if="permission.companyServciePerson && postName=='engineer'" title="新的工单"
|
|
|
- ftitleFontSize="0.8rem" type="circle">
|
|
|
-<!-- <template v-slot:decoration>
|
|
|
- <view class="decoration"></view>
|
|
|
- </template> -->
|
|
|
- <view v-if="todoOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in todoOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="gear" size="18" color="lightblue" />
|
|
|
- <view v-if="item.orderType==1" class="text" style="width: 90%;color: gray;">
|
|
|
- 工单类型: <span style="margin-left: 5px;color: cornflowerblue;">维修工单</span>
|
|
|
- </view>
|
|
|
- <view v-else class="text" style="width: 90%;color: gray;">
|
|
|
- 工单类型: <span style="margin-left: 5px;color: cornflowerblue;">服务工单</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="personadd" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 工单发起人: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.createOrderPersonName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 发起时间: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.createTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="help" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 问题描述: <span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-underline"
|
|
|
- style="color: coral;margin-left: 2px;font-size: 1rem;" @click="toDo(item)">
|
|
|
- 去处理
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待处理工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-section>
|
|
|
- <uni-section v-if="permission.orgAdmin" title="待审批费用申请" ftitleFontSize="0.8rem" type="circle">
|
|
|
-<!-- <template v-slot:decoration>
|
|
|
- <view class="decoration"></view>
|
|
|
- </template> -->
|
|
|
- <view v-if="costsApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in costsApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 费用申请人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 申请时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 费用说明:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.costsReportDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderCostsApprove(item)">
|
|
|
- 去审批
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待审批费用申请工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-section>
|
|
|
- <uni-section v-if="permission.companyServciePerson && postName=='engineer'" title="费用已审批工单"
|
|
|
- ftitleFontSize="0.8rem" type="circle">
|
|
|
-<!-- <template v-slot:decoration>
|
|
|
- <view class="decoration"></view>
|
|
|
- </template> -->
|
|
|
- <view v-if="costsApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in costsApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 费用审批人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 审批时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 审批意见:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderProcess(item)">
|
|
|
- 去处理
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无费用已审批工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-section>
|
|
|
- <uni-section v-if="permission.orgAdmin" title="待完结审批工单" ftitleFontSize="0.8rem" type="circle">
|
|
|
- <view v-if="closeApproveOrderCount>0">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in closeApproveOrderList" :key="item.id">
|
|
|
- <template v-slot:body>
|
|
|
- <view class="list-item-block">
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="auth" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 工单处理人:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processorName}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="calendar" size="18" color="lightblue" />
|
|
|
- <view class="text" style="width: 90%;color: gray;">
|
|
|
- 处理时间:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.orderProcessTime}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <uni-icons type="info" size="18" color="lightblue" />
|
|
|
- <view class="text text-ellipsis" style="width: 90%;color: gray;">
|
|
|
- 解决措施说明:<span
|
|
|
- style="margin-left: 5px;color: cornflowerblue;">{{item.processDesc}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line">
|
|
|
- <view class="block">
|
|
|
- <uni-icons type="arrow-right" size="20" color="coral" />
|
|
|
- </view>
|
|
|
- <view class="text text-ellipsis text-underline"
|
|
|
- style="width: 90%;color: coral;font-size: 1rem;"
|
|
|
- @click="toOrderCloseApprove(item)">
|
|
|
- 去审批
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </uni-list-item>
|
|
|
- </uni-list>
|
|
|
- </view>
|
|
|
- <view v-else class="view-flex-inline">
|
|
|
- <image src="/static/images/todo/todo.png" style="width: 40px;margin-left: 10px;" mode="widthFix">
|
|
|
- </image>
|
|
|
- <view class="view-flex-block-center" style="margin-left: 10px;align-items: flex-start;">
|
|
|
- <text>暂无待完结审批工单</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-section>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <uni-card :isFull="true">
|
|
|
+ <swiper style="height: 200px;" circular :indicator-dots="false" :autoplay="true" :interval="2000"
|
|
|
+ :duration="500">
|
|
|
+ <swiper-item style="height: 200px;line-height: 300rpx;">
|
|
|
+ <view style="background-color: lavenderblush;">A</view>
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item style="height: 200px;line-height: 300rpx;">
|
|
|
+ <view style="background-color: darkcyan;">B</view>
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item style="height: 200px;line-height: 300rpx;">
|
|
|
+ <view style="background-color: darkgoldenrod;">C</view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
</uni-card>
|
|
|
- <!-- <uni-card title="云监控">
|
|
|
- <uni-row>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="calendar" size="18" color="orangered" />
|
|
|
- <text>未关闭工单 {{realData.orderCount}}</text>
|
|
|
- </view>
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="calendar" size="18" color="orangered" />
|
|
|
- <text>工单处理超时 {{realData.delayComfireOrders}}</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="notification" size="18" color="orangered" />
|
|
|
- <text>设备异常 {{realData.warningRtus}}</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </uni-card> -->
|
|
|
- <!--
|
|
|
- <uni-card title="我的资源">
|
|
|
- <uni-row>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="home" size="18" color="orangered" />
|
|
|
- <text>运维机构数量</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="folder-add" size="18" color="orangered" />
|
|
|
- <text>项目数量</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="staff" size="18" color="orangered" />
|
|
|
- <text>运维人员数量</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="12">
|
|
|
- <view class="view-flex-inline">
|
|
|
- <uni-icons class="input-uni-icon" type="videocam" size="18" color="orangered" />
|
|
|
- <text>设备数量 {{realData.rtus}}</text>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </uni-card> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -562,6 +108,9 @@
|
|
|
'companyServciePerson': false,
|
|
|
'yjServicePerson': false,
|
|
|
},
|
|
|
+ userLoginStatus: 0,
|
|
|
+ userName: 'guest',
|
|
|
+ userNote: '泰山云服务已服务您180天',
|
|
|
postName: '',
|
|
|
currentRole: '',
|
|
|
current: 0,
|
|
|
@@ -581,6 +130,8 @@
|
|
|
costsApproveOrderList: [],
|
|
|
closeApproveOrderCount: 0,
|
|
|
closeApproveOrderList: [],
|
|
|
+ orderLogo: "/static/images/logo_pc.png",
|
|
|
+ checkLogo: "/static/images/home/inspection.png",
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
@@ -614,67 +165,81 @@
|
|
|
this.postName = "servicePerson";
|
|
|
}
|
|
|
}
|
|
|
- if (this.$u.func.checkLogin()) {
|
|
|
- console.log("timer start +++++++ ")
|
|
|
- this.timer = true;
|
|
|
- setTimeout(this.timeCall, 10);
|
|
|
- }
|
|
|
+ // if (this.$u.func.checkLogin()) {
|
|
|
+ // console.log("timer start +++++++ ")
|
|
|
+ // this.timer = true;
|
|
|
+ // setTimeout(this.timeCall, 10);
|
|
|
+ // }
|
|
|
},
|
|
|
onUnload() {
|
|
|
- this.timer = false;
|
|
|
+ //this.timer = false;
|
|
|
},
|
|
|
onReady() {
|
|
|
- if (this.$u.func.checkLogin()) {} else {
|
|
|
- this.$u.func.logout();
|
|
|
- }
|
|
|
+ // if (this.$u.func.checkLogin()) {} else {
|
|
|
+ // this.$u.func.logout();
|
|
|
+ // }
|
|
|
},
|
|
|
onShow() {
|
|
|
- if (this.$u.func.checkLogin()) {
|
|
|
- if (this.userInfo.role_name !== this.currentRole) {
|
|
|
- this.permission.admin = false;
|
|
|
- this.permission.orgAdmin = false;
|
|
|
- this.permission.companyAdmin = false;
|
|
|
- this.permission.companyServciePerson = false;
|
|
|
- this.permission.yjServicePerson = false;
|
|
|
- this.navButton = navBtns.navButtons;
|
|
|
- if (this.userInfo.role_name === role.admin) {
|
|
|
- this.permission.admin = true;
|
|
|
- this.navButtonIndex = navBtns.sysAdminNavButton;
|
|
|
- this.currentRole = role.admin;
|
|
|
- } else if (this.userInfo.role_name === role.orgAdmin) {
|
|
|
- this.permission.orgAdmin = true;
|
|
|
- this.currentRole = role.orgAdmin;
|
|
|
- this.navButtonIndex = navBtns.orgAdminNavButton;
|
|
|
- } else if (this.userInfo.role_name === role.companyAdmin) {
|
|
|
- this.permission.companyAdmin = true;
|
|
|
- this.currentRole = role.companyAdmin;
|
|
|
- this.navButtonIndex = navBtns.companyAdminNavButton;
|
|
|
- } else if (this.userInfo.role_name === role.companyServciePerson) {
|
|
|
- this.permission.companyServciePerson = true;
|
|
|
- this.currentRole = role.companyServciePerson;
|
|
|
- this.navButtonIndex = navBtns.companyServicePersonNavButton;
|
|
|
- if (this.userInfo.post_id == '1706859505948098562') {
|
|
|
- this.postName = "engineer";
|
|
|
- } else if (this.userInfo.post_id == '1730535542909140993') {
|
|
|
- this.postName = "servicePerson";
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.timer == false) {
|
|
|
- this.timer = true;
|
|
|
- setTimeout(this.timeCall, 10);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$u.func.logout();
|
|
|
- }
|
|
|
+ // if (this.$u.func.checkLogin()) {
|
|
|
+ // if (this.userInfo.role_name !== this.currentRole) {
|
|
|
+ // this.permission.admin = false;
|
|
|
+ // this.permission.orgAdmin = false;
|
|
|
+ // this.permission.companyAdmin = false;
|
|
|
+ // this.permission.companyServciePerson = false;
|
|
|
+ // this.permission.yjServicePerson = false;
|
|
|
+ // this.navButton = navBtns.navButtons;
|
|
|
+ // if (this.userInfo.role_name === role.admin) {
|
|
|
+ // this.permission.admin = true;
|
|
|
+ // this.navButtonIndex = navBtns.sysAdminNavButton;
|
|
|
+ // this.currentRole = role.admin;
|
|
|
+ // } else if (this.userInfo.role_name === role.orgAdmin) {
|
|
|
+ // this.permission.orgAdmin = true;
|
|
|
+ // this.currentRole = role.orgAdmin;
|
|
|
+ // this.navButtonIndex = navBtns.orgAdminNavButton;
|
|
|
+ // } else if (this.userInfo.role_name === role.companyAdmin) {
|
|
|
+ // this.permission.companyAdmin = true;
|
|
|
+ // this.currentRole = role.companyAdmin;
|
|
|
+ // this.navButtonIndex = navBtns.companyAdminNavButton;
|
|
|
+ // } else if (this.userInfo.role_name === role.companyServciePerson) {
|
|
|
+ // this.permission.companyServciePerson = true;
|
|
|
+ // this.currentRole = role.companyServciePerson;
|
|
|
+ // this.navButtonIndex = navBtns.companyServicePersonNavButton;
|
|
|
+ // if (this.userInfo.post_id == '1706859505948098562') {
|
|
|
+ // this.postName = "engineer";
|
|
|
+ // } else if (this.userInfo.post_id == '1730535542909140993') {
|
|
|
+ // this.postName = "servicePerson";
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // if (this.timer == false) {
|
|
|
+ // this.timer = true;
|
|
|
+ // setTimeout(this.timeCall, 10);
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // this.$u.func.logout();
|
|
|
+ // }
|
|
|
},
|
|
|
onHide() {
|
|
|
- this.timer = false;
|
|
|
+ //this.timer = false;
|
|
|
},
|
|
|
methods: {
|
|
|
toOss(path) {
|
|
|
return oss + path;
|
|
|
},
|
|
|
+ onLoginClick() {
|
|
|
+ console.log("onLoginClick")
|
|
|
+ var url = '/pages/login/login-account';
|
|
|
+ uni.navigateTo({
|
|
|
+ url: url
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onUserInfoClick() {
|
|
|
+ console.log("onUserInfoClick")
|
|
|
+ var url = '/pages/user/center-simple';
|
|
|
+ uni.navigateTo({
|
|
|
+ url: url
|
|
|
+ })
|
|
|
+ },
|
|
|
timeCall() {
|
|
|
if (this.timer == true) {
|
|
|
this.getHomeInfo();
|
|
|
@@ -782,6 +347,69 @@
|
|
|
<style lang="scss" scoped>
|
|
|
$nav-height: 75px;
|
|
|
|
|
|
+
|
|
|
+ .user-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 20rpx 0 64rpx;
|
|
|
+ margin-top: 36rpx;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .avatar {
|
|
|
+ width: 128rpx;
|
|
|
+ height: 128rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-name {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tag {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 5rpx 16rpx;
|
|
|
+ border: 1px solid #f5f5f5;
|
|
|
+ border-radius: 7rpx;
|
|
|
+
|
|
|
+ font-size: 19rpx;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+ font-weight: 300;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .edit-btn {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ flex-shrink: 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ width: 165rpx;
|
|
|
+ height: 54rpx;
|
|
|
+ border: 2rpx solid #f5f5f5;
|
|
|
+ border-radius: 11rpx;
|
|
|
+
|
|
|
+ font-size: 27rpx;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.decoration {
|
|
|
width: 6px;
|
|
|
height: 6px;
|
|
|
@@ -917,10 +545,10 @@
|
|
|
}
|
|
|
|
|
|
.container {
|
|
|
- background-color: #f7f7f7;
|
|
|
- min-height: 100vh;
|
|
|
+ // background-color: #f7f7f7;
|
|
|
+ // min-height: 100vh;
|
|
|
overflow: hidden;
|
|
|
-
|
|
|
+ padding: 0 0 75rpx;
|
|
|
}
|
|
|
|
|
|
.nav {
|
