by2025/SmartParks_uniapp
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

工单 预警

Browse Source
This commit is contained in:
liyuanchao 2025-08-22 17:27:27 +08:00
parent 2833f7d28b
commit 58cb07d33f
7 changed files with 295 additions and 263 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/config.js
View File

@ -30,5 +30,5 @@ const config = {
// config.baseUrl = 'http://183.230.235.66:11010/api'; // config.baseUrl = 'http://183.230.235.66:11010/api';
config.baseUrl = 'http://818aa9b.r28.cpolar.top'; config.baseUrl = 'http://9143b75.r28.cpolar.top';
export default config; export default config;

3
common/http.api.js
View File

@ -35,12 +35,14 @@ const install = (Vue, vm) => {
addOrder2:(params = {})=>vm.$u.post(config.adminPath+'/property/mobile/workOrders',params), addOrder2:(params = {})=>vm.$u.post(config.adminPath+'/property/mobile/workOrders',params),
//修改订单 //修改订单
updateOrder:(params = {})=>vm.$u.put(config.adminPath+'/property/workOrders',params), updateOrder:(params = {})=>vm.$u.put(config.adminPath+'/property/workOrders',params),
updateOrder2:(params = {})=>vm.$u.put(config.adminPath+'/property/mobile/workOrders',params),
//获取处理人 //获取处理人
getHandler:(params = {})=>vm.$u.get(config.adminPath+'/property/enum-fetcher/enum-values/getServiceWorkOrdersHandler',params), getHandler:(params = {})=>vm.$u.get(config.adminPath+'/property/enum-fetcher/enum-values/getServiceWorkOrdersHandler',params),
getHandler2:(params = {})=>vm.$u.get(config.adminPath+'/property/enum-fetcher/enum-values/getAccount',params), getHandler2:(params = {})=>vm.$u.get(config.adminPath+'/property/enum-fetcher/enum-values/getAccount',params),
getHandler3:(params = {}, type) => vm.$u.get(config.adminPath+`/property/enum-fetcher/enum-getShiftScheduler/${type}`,params),
//会议列表 //会议列表
getMeetings:(params = {})=>vm.$u.get(config.adminPath+'/property/roomBooking/list',params), getMeetings:(params = {})=>vm.$u.get(config.adminPath+'/property/roomBooking/list',params),
@ -57,6 +59,7 @@ const install = (Vue, vm) => {
warnsProcess:(params = {})=>vm.$u.post(config.adminPath+'/sis/alarmEvents/complete',params), warnsProcess:(params = {})=>vm.$u.post(config.adminPath+'/sis/alarmEvents/complete',params),
getWarnDetail:(params = {}, id) => vm.$u.get(config.adminPath+`/sis/alarmEvents/${id}`,params), getWarnDetail:(params = {}, id) => vm.$u.get(config.adminPath+`/sis/alarmEvents/${id}`,params),
getWarnEventInfo:(params = {}, alarmId) => vm.$u.get(config.adminPath+`/sis/alarmEventAttachments/query/${alarmId}`,params),
//巡检任务列表 //巡检任务列表
getInspection:(params = {})=>vm.$u.get(config.adminPath+'/property/item/list',params), getInspection:(params = {})=>vm.$u.get(config.adminPath+'/property/item/list',params),

8
components/SelectUser.vue
View File

@ -19,7 +19,7 @@
<!-- 列表 --> <!-- 列表 -->
<scroll-view class="user-list" scroll-y> <scroll-view class="user-list" scroll-y>
<view v-for="item in filteredList" :key="item.id" class="user-item" @click="selectUser(item)"> <view v-for="item in filteredList" :key="item.value" class="user-item" @click="selectUser(item)">
<view class="radio" :class="{ checked: isSelected(item) }"></view> <view class="radio" :class="{ checked: isSelected(item) }"></view>
<text>{{ item.name }}（{{ item.department }}）</text> <text>{{ item.name }}（{{ item.department }}）</text>
</view> </view>
@ -64,7 +64,7 @@
computed: { computed: {
filteredList() { filteredList() {
if (!this.keyword) return this.list; if (!this.keyword) return this.list;
return this.list.filter(item => item.name.includes(this.keyword) || item.id.includes(this.keyword)); return this.list.filter(item => item.name.includes(this.keyword) || item.value.includes(this.keyword));
} }
}, },
methods: { methods: {
@ -74,7 +74,7 @@
selectUser(item) { selectUser(item) {
if (this.multiple) { if (this.multiple) {
if (this.isSelected(item)) { if (this.isSelected(item)) {
this.selected = this.selected.filter(i => i.id !== item.id); this.selected = this.selected.filter(i => i.value !== item.value);
} else { } else {
this.selected.push(item); this.selected.push(item);
} }
@ -83,7 +83,7 @@
} }
}, },
isSelected(item) { isSelected(item) {
return this.selected.some(i => i.id === item.id); return this.selected.some(i => i.value === item.value);
}, },
confirm() { confirm() {
this.$emit('confirm', this.selected); this.$emit('confirm', this.selected);

2
pages/sys/login/login.vue
View File

@ -14,7 +14,7 @@
</view> </view>
<view class="input-row"> <view class="input-row">
<image class="iconfont2" src="/static/ic_login_code.png" /> <image class="iconfont2" src="/static/ic_login_code.png" />
<input class="login-input" type="text" placeholder="请输入验证码" /> <input class="login-input" type="text" placeholder="请输入验证码" v-model="password"/>
<button class="code-btn">获取校验码</button> <button class="code-btn">获取校验码</button>
</view> </view>
<view class="protocol-row"> <view class="protocol-row">

6
pages/sys/workbench/earlyWarning/warnDetail.vue
View File

@ -136,11 +136,11 @@ export default {
} }
}, },
created() { created() {
this.loadDetail(); this.loadEevetInfo();
}, },
methods: { methods: {
async loadDetail() { async loadEevetInfo() {
let res = await this.$u.api.getWarnDetail({}, this.warnInfo.id); let res = await this.$u.api.getWarnEventInfo({}, this.warnInfo.id);
if (res.code == "200") { if (res.code == "200") {
} }

421
pages/sys/workbench/order/order.vue
View File

@ -4,7 +4,7 @@
<view class="filter"> <view class="filter">
<!-- 工单类型按钮 --> <!-- 工单类型按钮 -->
<view class="filter-btn" @click.stop="togglePopup('type')"> <view class="filter-btn" @click.stop="togglePopup('type')">
{{ !selectedFilters.type || selectedFilters.type.orderTypeName === '全部' ? '工单类型' : selectedFilters.type.orderTypeName }} {{ (!selectedFilters.type || selectedFilters.type.orderTypeName === '全部') ? '工单类型' : (selectedFilters.type.orderTypeName.length > 5 ? selectedFilters.type.orderTypeName.substring(0, 5) + '...' : selectedFilters.type.orderTypeName) }}
<image class="filter-img" src="/static/ic_down_arrow_g.png" /> <image class="filter-img" src="/static/ic_down_arrow_g.png" />
<view v-if="activePopup === 'type'" class="dropdown"> <view v-if="activePopup === 'type'" class="dropdown">
<view class="dropdown-triangle"></view> <view class="dropdown-triangle"></view>
@ -19,7 +19,7 @@
<!-- 工单状态按钮 --> <!-- 工单状态按钮 -->
<view v-if="activeTab == 1" class="filter-btn" @click.stop="togglePopup('status')"> <view v-if="activeTab == 1" class="filter-btn" @click.stop="togglePopup('status')">
{{ !selectedFilters.status || selectedFilters.status.name === '全部' ? '工单状态' : selectedFilters.status.name }} {{ (!selectedFilters.status || selectedFilters.status.name === '全部') ? '工单状态' : (selectedFilters.status.name.length > 5 ? selectedFilters.status.name.substring(0, 5) + '...' : selectedFilters.status.name) }}
<image class="filter-img" src="/static/ic_down_arrow_g.png" /> <image class="filter-img" src="/static/ic_down_arrow_g.png" />
<view v-if="activePopup === 'status'" class="dropdown"> <view v-if="activePopup === 'status'" class="dropdown">
<view class="dropdown-triangle"></view> <view class="dropdown-triangle"></view>
@ -33,8 +33,8 @@
</view> </view>
<!-- 处理人按钮 --> <!-- 处理人按钮 -->
<view class="filter-btn" @click.stop="togglePopup('handler')"> <view v-if="isManager" class="filter-btn" @click.stop="togglePopup('handler')">
{{ !selectedFilters.handler || selectedFilters.handler.name === '全部' ? '处理人' : selectedFilters.handler.name }} {{ (!selectedFilters.handler || selectedFilters.handler.name === '全部') ? '处理人' : (selectedFilters.handler.name.length > 5 ? selectedFilters.handler.name.substring(0, 5) + '...' : selectedFilters.handler.name) }}
<image class="filter-img" src="/static/ic_down_arrow_g.png" /> <image class="filter-img" src="/static/ic_down_arrow_g.png" />
<view v-if="activePopup === 'handler'" class="dropdown"> <view v-if="activePopup === 'handler'" class="dropdown">
<view class="dropdown-triangle"></view> <view class="dropdown-triangle"></view>
@ -102,6 +102,7 @@
export default { export default {
data() { data() {
return { return {
tabs: ["待办", "全部"], tabs: ["待办", "全部"],
activeTab: 0, activeTab: 0,
// 每个 tab 分页数据 // 每个 tab 分页数据
@ -123,6 +124,7 @@ export default {
typeList: [{ orderTypeName: '全部' }], typeList: [{ orderTypeName: '全部' }],
statusList: [], statusList: [],
handlerList: [{ name: "全部" }], handlerList: [{ name: "全部" }],
isManager: false,
}; };
}, },
computed: { computed: {
@ -136,10 +138,17 @@ export default {
created() { created() {
this.loadFilterData() this.loadFilterData()
this.onRefresh(); this.onRefresh();
this.isManager = this.vuex_user.roles[0].roleId == 1
},
onShow() {
uni.$once('refreshData', () => {
this.onRefresh()
});
}, },
methods: { methods: {
async changeTab(idx) { async changeTab(idx) {
this.activeTab = idx; this.activeTab = idx;
console.log('t1',"11111111")
if (!this.tabLoaded[idx]) { if (!this.tabLoaded[idx]) {
this.isRefreshing = true; this.isRefreshing = true;
await this.onRefresh(); await this.onRefresh();
@ -256,206 +265,206 @@ export default {
}, },
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.order-container { .order-container {
height: 100vh; height: 100vh;
background: #f7f7f7; background: #f7f7f7;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.filter { .filter {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background: #fff; background: #fff;
padding-left: 36rpx; padding-left: 36rpx;
padding-top: 15rpx; padding-top: 15rpx;
padding-bottom: 15rpx; padding-bottom: 15rpx;
} }
.filter-btn { .filter-btn {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
background: #f7f7f7; background: #f7f7f7;
border-radius: 25rpx; border-radius: 25rpx;
height: 58rpx; height: 58rpx;
color: #9a9a9a; color: #9a9a9a;
font-size: 28rpx; font-size: 28rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-right: 24rpx; margin-right: 24rpx;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.filter-img { .filter-img {
width: 18rpx; width: 18rpx;
height: 10rpx; height: 10rpx;
margin-left: 8rpx; margin-left: 8rpx;
} }
.dropdown { .dropdown {
position: absolute; position: absolute;
top: calc(100% + 10rpx); top: calc(100% + 10rpx);
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
background: #fff; background: #fff;
border-radius: 12rpx; border-radius: 12rpx;
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1); box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
z-index: 999; z-index: 999;
width: 200rpx; width: 200rpx;
} }
/* 三角 */ /* 三角 */
.dropdown-triangle { .dropdown-triangle {
position: absolute; position: absolute;
top: -10rpx; top: -10rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 0; width: 0;
height: 0; height: 0;
border-left: 10rpx solid transparent; border-left: 10rpx solid transparent;
border-right: 10rpx solid transparent; border-right: 10rpx solid transparent;
border-bottom: 10rpx solid #fff; border-bottom: 10rpx solid #fff;
filter: drop-shadow(0 1rpx 1rpx rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 1rpx 1rpx rgba(0, 0, 0, 0.05));
z-index: 1000; z-index: 1000;
} }
.dropdown-list { .dropdown-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.dropdown-item { .dropdown-item {
padding: 20rpx; padding: 20rpx;
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
text-align: center; text-align: center;
} }
.dropdown-item:last-child { .dropdown-item:last-child {
border-bottom: none; border-bottom: none;
} }
.dropdown-item:hover { .dropdown-item:hover {
background: #f5f5f5; background: #f5f5f5;
} }
.order-tabs { .order-tabs {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
background: #fff; background: #fff;
height: 80rpx; height: 80rpx;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
flex-shrink: 0; flex-shrink: 0;
} }
.order-tab { .order-tab {
flex: 1; flex: 1;
text-align: center; text-align: center;
font-size: 30rpx; font-size: 30rpx;
color: #888; color: #888;
position: relative; position: relative;
font-weight: 500; font-weight: 500;
padding: 0 0 10rpx 0; padding: 0 0 10rpx 0;
cursor: pointer; cursor: pointer;
} }
.order-tab.active { .order-tab.active {
color: #2186ff; color: #2186ff;
font-weight: bold; font-weight: bold;
} }
.tab-underline { .tab-underline {
width: 60rpx; width: 60rpx;
height: 6rpx; height: 6rpx;
background: #2186ff; background: #2186ff;
border-radius: 3rpx; border-radius: 3rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 8rpx; margin-top: 8rpx;
} }
.order-list { .order-list {
margin: 32rpx 0 0 0; margin: 32rpx 0 0 0;
padding: 0 24rpx; padding: 0 24rpx;
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding-bottom: 30rpx; padding-bottom: 30rpx;
height: calc(100vh - 80rpx - 32rpx); height: calc(100vh - 80rpx - 32rpx);
} }
.order-card { .order-card {
background: #fff; background: #fff;
border-radius: 12rpx; border-radius: 12rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03); box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
padding-top: 25rpx; padding-top: 25rpx;
padding-bottom: 32rpx; padding-bottom: 32rpx;
} }
.order-row { .order-row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 12rpx; margin-bottom: 12rpx;
margin-top: 25rpx; margin-top: 25rpx;
margin-left: 19rpx; margin-left: 19rpx;
margin-right: 50rpx; margin-right: 50rpx;
} }
.order-no { .order-no {
font-size: 24rpx; font-size: 24rpx;
color: #0b0b0b; color: #0b0b0b;
font-weight: 500; font-weight: 500;
} }
.order-status { .order-status {
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
} }
.order-line-image { .order-line-image {
margin-left: 29rpx; margin-left: 29rpx;
margin-right: 39rpx; margin-right: 39rpx;
height: 2rpx; height: 2rpx;
margin-bottom: 29rpx; margin-bottom: 29rpx;
} }
.order-status.orange { .order-status.orange {
color: #f3ab44; color: #f3ab44;
} }
.order-status.doing { .order-status.doing {
color: #00c9aa; color: #00c9aa;
} }
.order-status.done { .order-status.done {
color: #8a8a8a; color: #8a8a8a;
} }
.order-info { .order-info {
font-size: 24rpx; font-size: 24rpx;
color: #888; color: #888;
margin-bottom: 30rpx; margin-bottom: 30rpx;
margin-left: 47rpx; margin-left: 47rpx;
} }
.order-add-btn-fixed { .order-add-btn-fixed {
position: fixed; position: fixed;
right: 40rpx; right: 40rpx;
bottom: 80rpx; bottom: 80rpx;
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
z-index: 100; z-index: 100;
transition: transform 0.3s ease; transition: transform 0.3s ease;
transform: translateX(0); transform: translateX(0);
} }
.order-add-btn-fixed.hide { .order-add-btn-fixed.hide {
transform: translateX(200%); transform: translateX(200%);
} }
</style> </style>

116
pages/sys/workbench/order/orderDetail.vue
View File

@ -38,22 +38,23 @@
</view> </view>
<!-- 底部操作按钮 --> <!-- 底部操作按钮 -->
<view v-if="((!this.isManager&&this.detailStep != 0) || (this.isManager&&this.detailStep == 0))&&this.detailStep!=3" class="btn-group"> <view
v-if="((!this.isManager&&this.detailStep != 0) || (this.isManager&&this.detailStep == 0))&&this.detailStep!=3"
class="btn-group">
<button class="btn ghost" <button class="btn ghost"
@click="transfer">{{this.isManager ? '指派':this.detailStep == 1 ? '开始':'完成'}}</button> @click="transfer(1)">{{this.isManager ? '指派':this.detailStep == 2 ? '完成':'开始'}}</button>
<button v-if="this.detailStep == 1" class="btn primary" <button v-if="this.detailStep == 1" class="btn primary" @click="transfer(2)">转派</button>
@click="complete">转派</button>
</view> </view>
<SelectUser :visible.sync="showSelect" :list="users" :multiple="false" @confirm="onConfirm" /> <SelectUser :visible.sync="showSelect" :list="users" :multiple="false" @confirm="onConfirm" />
</view> </view>
</template> </template>
<script> <script>
import SelectUser from '@/components/SelectUser.vue' import SelectUser from '@/components/SelectUser.vue'
export default { export default {
components: { components: {
SelectUser SelectUser
}, },
data() { data() {
return { return {
@ -64,22 +65,7 @@
detail: {}, detail: {},
isManager: false, isManager: false,
showSelect: false, showSelect: false,
users: [{ users: []
id: '1',
name: '秦玉兰',
department: '物业修维部'
},
{
id: '2',
name: '秦桂花',
department: '物业修维部'
},
{
id: '3',
name: '李小明',
department: '物业修维部'
}
]
}; };
}, },
onLoad(options) { onLoad(options) {
@ -87,29 +73,39 @@
if (options.item) { if (options.item) {
const item = JSON.parse(decodeURIComponent(options.item)); const item = JSON.parse(decodeURIComponent(options.item));
this.detail = item; this.detail = item;
this.detail.orderImgUrl =
"https://picsum.photos/80/80?random=3,https://picsum.photos/80/80?random=3,https://picsum.photos/80/80?random=3";
// 现在可以使用item对象了 // 现在可以使用item对象了
// 进度映射 // 进度映射
if (item.status == 0) { this.getStepInfo()
this.detailStep = 0; }
this.detailStatus = '创建工单'; if ((this.isManager && this.detailStep == 0) || (!this.isManager && this.detailStep == 1)) {
} else if (item.status == 4) { this.getHandler()
this.detailStep = 3;
this.detailStatus = '已结束';
} else if (item.status == 3) {
this.detailStep = 2;
this.detailStatus = '处理中';
} else {
this.detailStep = 1;
this.detailStatus = '已接单';
}
} }
}, },
methods: { methods: {
goBack() { goBack() {
uni.navigateBack(); uni.navigateBack();
}, },
async getHandler() {
let handlers = await this.$u.api.getHandler3({}, this.detail.type);
if (handlers.code === 200) {
this.users = [...this.users, ...handlers.data];
}
},
getStepInfo(){
if (this.detail.status == 0) {
this.detailStep = 0;
this.detailStatus = '创建工单';
} else if (this.detail.status == 4) {
this.detailStep = 3;
this.detailStatus = '已结束';
} else if (this.detail.status == 3) {
this.detailStep = 2;
this.detailStatus = '处理中';
} else {
this.detailStep = 1;
this.detailStatus = '已接单';
}
},
previewImage(urls, index) { previewImage(urls, index) {
// 使用uView的图片预览组件 // 使用uView的图片预览组件
this.$u.previewImage({ this.$u.previewImage({
@ -117,18 +113,42 @@
current: index current: index
}); });
}, },
onConfirm(selected) { async onConfirm(selected) {
let params = this.detail
params.handler = selected[0].value
params.status = 1
let res = await this.$u.api.updateOrder2(params);
if (res.code == '200') {
// 关闭页面前发送事件通知前页面刷新
uni.$emit('refreshData', '');
this.detail.handler = selected.value
this.detail.status = 1
this.getStepInfo()
}
}, },
transfer() { async submit() {
this.showSelect = true let params = this.detail
if(this.detail.status == 1||this.detail.status == 2){
params.status = 3
}else {
params.status = 4
}
let res = await this.$u.api.updateOrder2(params);
if (res.code == '200') {
// 关闭页面前发送事件通知前页面刷新
uni.$emit('refreshData', '');
this.detail.status = params.status
console.log("t1", params.status)
this.getStepInfo()
}
}, },
complete() { transfer(type) {
uni.showToast({ if (this.isManager || type == 2) {
title: '操作成功', this.showSelect = true
icon: 'success' } else {
}); this.submit()
}
}, },
} }
}; };
</script> </script>