9 changed files with 2014 additions and 5 deletions
@ -0,0 +1,52 @@ |
|||
import http from '../http' |
|||
// 获取巡检工单
|
|||
export function inspectionOrderPage(params) { |
|||
return http.get('/eam/equipment-inspection-main/page',{params}) |
|||
} |
|||
|
|||
// 获取巡检工单
|
|||
export function inspectionOrder(number) { |
|||
return http.get('/eam/equipment-inspection-main/get?id=' + number) |
|||
} |
|||
|
|||
//接单
|
|||
export function inspectionUpdateOrder(params) { |
|||
return http.post('/eam/equipment-inspection-main/updateOrder',params) |
|||
} |
|||
|
|||
//完成
|
|||
export function inspectionExecuteOrder(params) { |
|||
return http.post('/eam/equipment-inspection-main/execute',params) |
|||
} |
|||
|
|||
|
|||
// 获取巡检工单
|
|||
export function inspectionOrderDetail(params) { |
|||
return http.get('/eam/equipment-inspection-detail/getList',{params}) |
|||
} |
|||
|
|||
//更新巡检项
|
|||
export function inspectionOrderItemUpdate(params) { |
|||
return http.put('/eam/equipment-inspection-detail/update',params) |
|||
} |
|||
|
|||
//新增非必选巡检项
|
|||
export function inspectionOrderItemCreate(params) { |
|||
return http.post('/eam/equipment-inspection-detail/create',params) |
|||
} |
|||
|
|||
//获取非必选的巡检项
|
|||
export function inspectionPlanItemList(params) { |
|||
return http.post('/eam/relation-inspection-plan-item/getList',params) |
|||
} |
|||
|
|||
//验证驳回
|
|||
export function inspectionOrderRejected(params) { |
|||
return http.post('/eam/equipment-inspection-main/fallback',params) |
|||
} |
|||
|
|||
//验证通过
|
|||
export function inspectionOrderPassed(params) { |
|||
return http.put('/eam/equipment-inspection-main/update',params) |
|||
} |
|||
|
|||
@ -0,0 +1,741 @@ |
|||
<template> |
|||
<!-- 详情 --> |
|||
<view class="detail-container"> |
|||
<view class="info"> |
|||
|
|||
<view class="title"> |
|||
<view>巡检工单</view> |
|||
</view> |
|||
<view class="dec"> |
|||
<view class="dec-item"> |
|||
<view>工单单号：</view> |
|||
<view>{{data.number}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>工单状态：</view> |
|||
<u-tag text="待派工" v-if="data.status == '0'" bg-color='rgba(255,255,255,0)' color='#fe8463' border-color='#fe8463' type="info" shape='circle'/> |
|||
<u-tag text="已逾期" v-else-if="data.status=='1'" bg-color='rgba(255,255,255,0)' color='#d7d7d7' border-color='#d7d7d7 ' type="info" shape='circle'/> |
|||
<u-tag text="已退单" v-else-if="data.status=='2'" bg-color='rgba(255,255,255,0)' color='#e01f54' border-color='#e01f54' type="info" shape='circle'/> |
|||
<u-tag text="待接单" v-else-if="data.status=='3'" bg-color='rgba(255,255,255,0)' color='#005eaa' border-color='#005eaa ' type="info" shape='circle'/> |
|||
<u-tag text="待执行" v-else-if="data.status=='4'" bg-color='rgba(255,255,255,0)' color='#2EC7C9' border-color='#2EC7C9' type="info" shape='circle'/> |
|||
<u-tag text="执行中" v-else-if="data.status=='5'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="待验证" v-else-if="data.status=='6'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已完成" v-else-if="data.status=='7'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已作废" v-else-if="data.status=='8'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>巡检描述：</view> |
|||
<view>{{data.describes}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>班组：</view> |
|||
<view>{{data.classType}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>巡检人：</view> |
|||
<view>{{data.maintenancer}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>巡检人电话：</view> |
|||
<view>{{data.maintenancePhone}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>巡检开始时间：</view> |
|||
<view>{{data.endTime == null ? '':$time.formatDate(data.startTime)}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>巡检结束时间：</view> |
|||
<view>{{data.endTime == null ? '':$time.formatDate(data.endTime)}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>完成时间：</view> |
|||
<view>{{data.completionTime == null ? '':$time.formatDate(data.completionTime)}}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<div class="line"></div> |
|||
<view class="info" style="padding-bottom: 130rpx;"> |
|||
<view class="tab"> |
|||
<u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current" |
|||
@change="change"></u-tabs> |
|||
</view> |
|||
|
|||
<view> |
|||
<view class="dec" v-if="current == 0 "> |
|||
<view class="dec-item"> |
|||
<view>编号：</view> |
|||
<view>{{data.equipmentCode}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>所属车间：</view> |
|||
<view>{{data.workshopCode}}</view> |
|||
</view> |
|||
<view class="dec-item"> |
|||
<view>类型：</view> |
|||
<view>{{data.type == 'DEVICE'?'设备':data.type == 'EQUIPMENT'?'工装':''}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list" v-if="current == 1 "> |
|||
<view class="item " v-for="(item,index) in subList" :key="index" @click="upSubForm('update',item)"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
{{item.name}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<u-col :span="12"> |
|||
<view class="dec"> |
|||
<view class=""> |
|||
巡检内容: {{item.content}} |
|||
</view> |
|||
</view> |
|||
<view class="dec"> |
|||
<view class=""> |
|||
结果: {{item.result == '0'?'完成':item.result == '1'?'未完成':''}} |
|||
</view> |
|||
</view> |
|||
<view class="dec"> |
|||
<view class=""> |
|||
未完成原因: {{item.uncompletedCause==null?'':item.uncompletedCause}} |
|||
</view> |
|||
</view> |
|||
<view class="dec"> |
|||
<view class=""> |
|||
完成时间: {{item.completionTime == null ? '':$time.formatDate(item.completionTime)}} |
|||
</view> |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="upSubForm('create','')" v-if="data.status=='5'"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>巡检</u-button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="footer"> |
|||
<view class="btns" v-if="data.status == '3'"> |
|||
<u-button type="primary" @click="handleReceive()" :loading='loading' :disabled='loading'>接单</u-button> |
|||
</view> |
|||
<view class="btns" v-if="data.status == '4'"> |
|||
<u-button type="primary" @click="handleExecute()" :loading='loading' :disabled='loading'>执行</u-button> |
|||
</view> |
|||
<view class="btns" v-if="data.status == '5'"> |
|||
<u-button type="primary" @click="handleFinish()" :loading='loading' :disabled='loading'>完成</u-button> |
|||
</view> |
|||
<view class="btns" v-if="data.status == '6'"> |
|||
<u-button type="primary" @click="handleValidate()" :loading='loading' :disabled='loading'>验证</u-button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
|
|||
<!-- 时间弹出框 --> |
|||
<u-popup v-model="formPopupVisible" @close="formPopupVisible = false" mode="bottom"> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="formRef2" label-width="160rpx"> |
|||
<u-form-item label="巡检开始时间:" prop="startTime" required > |
|||
<view class="select" @click="openDatetime('startTime',formatDate,params,formatValue)"> |
|||
<view class="input" v-if='formatStartDate'> |
|||
{{formatStartDate}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
{{`请选择开始时间`}} |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="巡检结束时间:" prop="endTime" required> |
|||
<view class="select" @click="openDatetime('endTime',formatDate,params,formatValue)"> |
|||
<view class="input" v-if='formatEndDate'> |
|||
{{formatEndDate}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
{{`请选择完成时间`}} |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
</u-form> |
|||
<view class="popup-footer"> |
|||
<u-button @click="formPopupVisible = false">取消</u-button> |
|||
<u-button type="primary" @click="confirmKeepOrderForm">确认</u-button> |
|||
</view> |
|||
</view> |
|||
</u-popup> |
|||
<u-picker mode="time" v-model="datetimeShow" :default-time='datetimeDefaultValue' :params="params" @confirm='chooseDatetime' @cancle='datetimeShow = false'></u-picker> |
|||
|
|||
|
|||
<!-- 验证完结--> |
|||
<u-popup v-model="formPopupValidate" mode="center" border-radius="14"> |
|||
<view class="popup-title">验证内容</view> |
|||
<view class="popup"> |
|||
<textarea v-model="verifyContentStr" placeholder="请输入内容"></textarea> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view class="sure" @click="apply('PASSED')">通过</view> |
|||
<view class="reject" @click="apply('REJECTED')" style="color: red;">驳回</view> |
|||
</view> |
|||
</u-popup> |
|||
|
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad, |
|||
onShow |
|||
} from '@dcloudio/uni-app' |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
|
|||
import * as inspectionOrderApi from "@/api/eam/inspection" |
|||
|
|||
const { proxy } = getCurrentInstance() |
|||
const subList = ref([]) |
|||
const data = ref({}) |
|||
const loading = ref(false) |
|||
const number = ref('') |
|||
|
|||
|
|||
|
|||
const current = ref(0) |
|||
const id = ref('') |
|||
const type = ref('')//设备类型 设备/工装 |
|||
const list = ref([{ |
|||
name: '', |
|||
value: 1 |
|||
}, { |
|||
name: '', |
|||
value: 2 |
|||
}]) |
|||
|
|||
//时间弹出层 |
|||
const formPopupVisible = ref(false) |
|||
const form2 = ref({ |
|||
startTime: '', |
|||
endTime: '' |
|||
}) |
|||
const params = ref({ |
|||
year: true, |
|||
month: true, |
|||
day: true, |
|||
hour: true, |
|||
minute: true, |
|||
second: true, |
|||
timestamp: true, |
|||
}) |
|||
const datetimeDefaultValue = ref('') |
|||
const formatValue = ref('YYYY-MM-DD hh:mm:ss') |
|||
const field = ref('') |
|||
const datetimeShow = ref(false) |
|||
const formatStartDate = ref('')//日期展示 |
|||
const formatEndDate = ref('')//日期展示 |
|||
|
|||
|
|||
// 日期模式点击确定之后 |
|||
function chooseDatetime(e) { |
|||
let array1 = [] |
|||
let array2 = [] |
|||
if (formatValue.value.indexOf('YYYY') > -1) { |
|||
array1.push(e.year) |
|||
} |
|||
if (formatValue.value.indexOf('MM') > -1) { |
|||
array1.push(e.month) |
|||
} |
|||
if (formatValue.value.indexOf('DD') > -1) { |
|||
array1.push(e.day) |
|||
} |
|||
if (formatValue.value.indexOf('hh') > -1) { |
|||
array2.push(e.hour) |
|||
} |
|||
if (formatValue.value.indexOf('mm') > -1) { |
|||
array2.push(e.minute) |
|||
} |
|||
if (formatValue.value.indexOf('ss') > -1) { |
|||
array2.push(e.second) |
|||
} |
|||
let str = array1.join('-') + ' ' + array2.join(':') |
|||
if(field.value == 'startTime'){ |
|||
formatStartDate.value = str |
|||
}else if(field.value == 'endTime'){ |
|||
formatEndDate.value = str |
|||
} |
|||
form2.value[field.value] = e.timestamp*1000 |
|||
} |
|||
|
|||
//时间确认 |
|||
function confirmKeepOrderForm(){ |
|||
if (!(formatStartDate.value && formatStartDate.value.trim() != '')) { |
|||
proxy.$modal.showToast('请选择创建时间') |
|||
return |
|||
}else if (!(formatEndDate.value && formatStartDate.value.trim() != '')) { |
|||
proxy.$modal.showToast('请选择结束时间') |
|||
return |
|||
}else if(form2.value.startTime >= form2.value.endTime){ |
|||
proxy.$modal.showToast('创建时间要小于结束时间') |
|||
return |
|||
}else{ |
|||
formPopupVisible.value = false |
|||
} |
|||
const paramsData = { |
|||
id: id.value, |
|||
startTime: form2.value.startTime, |
|||
endTime: form2.value.endTime, |
|||
status:'5' |
|||
} |
|||
proxy.$modal.confirm('是否完成？').then(() => { |
|||
proxy.$modal.loading('加载中') |
|||
loading.value = true |
|||
inspectionOrderApi.inspectionExecuteOrder(paramsData).then((res) => { |
|||
if (res.data) { |
|||
proxy.$modal.showToast('操作成功') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
}, 1500) |
|||
} else { |
|||
proxy.$modal.showToast(res.msg) |
|||
loading.value = false |
|||
} |
|||
}).catch((e) => { |
|||
proxy.$modal.closeLoading() |
|||
loading.value = false |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
//选择时间函数 |
|||
function openDatetime(fieldName, val, params, format) { |
|||
params.value = params |
|||
formatValue.value = format |
|||
field.value = fieldName |
|||
datetimeDefaultValue.value = val ? val : proxy.$time.formatDate() |
|||
datetimeShow.value = true |
|||
} |
|||
|
|||
|
|||
//接单 |
|||
function handleReceive(){ |
|||
const datas = { |
|||
id: id.value, |
|||
status: '4' |
|||
} |
|||
proxy.$modal.confirm("是否确认接单").then(()=>{ |
|||
inspectionOrderApi.inspectionUpdateOrder(datas).then((res) => { |
|||
if (res.data) { |
|||
proxy.$modal.showToast('接单成功') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
}else{ |
|||
proxy.$modal.showToast('接单失败') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
//执行 |
|||
function handleExecute(){ |
|||
const datas = { |
|||
id: id.value, |
|||
status: '5' |
|||
} |
|||
proxy.$modal.confirm("是否确认执行").then(()=>{ |
|||
inspectionOrderApi.inspectionUpdateOrder(datas).then((res) => { |
|||
if (res.data) { |
|||
proxy.$modal.showToast('执行成功') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
}else{ |
|||
proxy.$modal.showToast('执行失败') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
//完成 |
|||
function handleFinish(){ |
|||
proxy.$modal.confirm("是否完成").then(()=>{ |
|||
formPopupVisible.value = true |
|||
}) |
|||
} |
|||
|
|||
//验证标识 |
|||
const formPopupValidate = ref(false) |
|||
//验证 |
|||
function handleValidate(){ |
|||
formPopupValidate.value = true |
|||
} |
|||
//验证提交 |
|||
const verifyContentStr = ref(''); |
|||
function apply(fieldName){ |
|||
if(fieldName == 'PASSED'){ |
|||
const paramsData = { |
|||
id: id.value, |
|||
status:'7', |
|||
verifyContent:verifyContentStr.value |
|||
} |
|||
formPopupValidate.value = false |
|||
proxy.$modal.confirm("是否确认执行").then(()=>{ |
|||
inspectionOrderApi.inspectionOrderPassed(paramsData).then((res) => { |
|||
console.log(res); |
|||
proxy.$modal.showToast('执行成功') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
}) |
|||
}) |
|||
}else if(fieldName == 'REJECTED'){ |
|||
const paramsData = { |
|||
id: id.value, |
|||
status:'5', |
|||
} |
|||
formPopupValidate.value = false |
|||
proxy.$modal.confirm("是否确认执行").then(()=>{ |
|||
inspectionOrderApi.inspectionOrderRejected(paramsData).then((res) => { |
|||
console.log(res); |
|||
proxy.$modal.showToast('执行成功') |
|||
setTimeout(() => { |
|||
selectDetail() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
|
|||
//新增非必选巡检项 |
|||
function openInspectionItem(){ |
|||
if (data.value.status == '3') { |
|||
proxy.$modal.showToast('请先接单') |
|||
return |
|||
} |
|||
} |
|||
//切换Tab页 |
|||
function change(index) { |
|||
current.value = index |
|||
} |
|||
// 更新巡检项 |
|||
function upSubForm(clickType,item) { |
|||
if (data.value.status == '3') { |
|||
proxy.$modal.showToast('请先接单') |
|||
return |
|||
} |
|||
if (data.value.status == '4'|| data.value.status == '6' || data.value.status == '7'|| data.value.status == '8'){ |
|||
proxy.$modal.showToast('当前工单状态不允许修改巡检项') |
|||
return |
|||
} |
|||
if (clickType == 'update') { |
|||
proxy.$tab.navigateTo( |
|||
`/pages/eam/inspectionOrder/item?type=${clickType}&data=${encodeURIComponent(JSON.stringify(item))}` |
|||
) |
|||
}else{ |
|||
proxy.$tab.navigateTo( |
|||
`/pages/eam/inspectionOrder/item?type=${clickType}&data=${encodeURIComponent(JSON.stringify(data.value))}` |
|||
) |
|||
} |
|||
|
|||
} |
|||
|
|||
|
|||
onLoad(async (option) => { |
|||
if (option.id) { |
|||
id.value = option.id |
|||
} |
|||
if (option.type) type.value = option.type; |
|||
}) |
|||
onShow(async () => { |
|||
list.value = [{ |
|||
name: type.value == 'DEVICE' ? '设备信息' : '工装信息', |
|||
value: 1 |
|||
}, { |
|||
name: '巡检项内容', |
|||
value: 2 |
|||
}] |
|||
selectDetail() |
|||
selectListByNumber() |
|||
}) |
|||
function selectDetail() { |
|||
inspectionOrderApi.inspectionOrder(id.value).then((res) => { |
|||
if (res.data) { |
|||
data.value = res.data |
|||
} |
|||
}) |
|||
} |
|||
|
|||
function selectListByNumber() { |
|||
const data = { |
|||
masterId: id.value |
|||
} |
|||
inspectionOrderApi.inspectionOrderDetail(data).then((res) => { |
|||
if (res.data) { |
|||
subList.value = res.data |
|||
} |
|||
}) |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.detail-container { |
|||
min-height: 100vh; |
|||
background: white; |
|||
} |
|||
|
|||
.line { |
|||
background: #f5f5f5; |
|||
height: 20rpx; |
|||
} |
|||
|
|||
.info { |
|||
background: white; |
|||
} |
|||
|
|||
.tab { |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
} |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
flex: 1; |
|||
border-left: 10rpx solid #409eff; |
|||
padding-left: 20rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding: 30rpx; |
|||
|
|||
.dec-item { |
|||
padding-bottom: 30rpx; |
|||
display: flex; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
width: 160rpx; |
|||
} |
|||
|
|||
&:nth-child(2) { |
|||
color: #888888; |
|||
flex: 1; |
|||
width: 0px; |
|||
word-wrap: break-word; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dec2 { |
|||
padding: 10rpx 30rpx; |
|||
display: flex; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
width: 160rpx; |
|||
} |
|||
|
|||
&:nth-child(2) { |
|||
color: #888888; |
|||
flex: 1; |
|||
width: 0px; |
|||
word-wrap: break-word; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.items { |
|||
margin: 20rpx 30rpx; |
|||
border-radius: 12rpx; |
|||
background: #F5F5F5; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.items-name { |
|||
padding: 20rpx; |
|||
border-bottom: 1px solid #dedede; |
|||
} |
|||
|
|||
.items-dec { |
|||
padding: 0px 20rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
} |
|||
|
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 0rpx 60rpx 0rpx; |
|||
|
|||
} |
|||
|
|||
.popup-footer { |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
|
|||
&.sure { |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
background: white; |
|||
z-index: 22; |
|||
} |
|||
|
|||
.btns { |
|||
display: flex; |
|||
|
|||
padding: 20rpx; |
|||
box-shadow: 0px -2rpx 20rpx rgba(0, 0, 0, 0.1); |
|||
|
|||
|
|||
button { |
|||
flex: 1; |
|||
margin: 0px 10rpx; |
|||
} |
|||
|
|||
.sure { |
|||
background: #409eff; |
|||
color: white; |
|||
border-radius: 8rpx; |
|||
|
|||
&::after { |
|||
border: 1px solid #409eff; |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
padding: 20rpx; |
|||
|
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
border-radius: 12rpx; |
|||
border: 1px solid #dedede; |
|||
border-radius: 12rpx; |
|||
|
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
display: flex; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 0rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
|
|||
::v-deep .u-radio-group { |
|||
display: grid !important; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.images { |
|||
display: flex; |
|||
width: 100%; |
|||
|
|||
image { |
|||
width: 30%; |
|||
margin-right: 20rpx; |
|||
height: 200rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
} |
|||
|
|||
.select { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 72rpx; |
|||
width: 100%; |
|||
|
|||
.input { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.placeholder { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: rgb(192, 196, 204); |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,243 @@ |
|||
<template> |
|||
<!-- 巡检工单 --> |
|||
<view class="container"> |
|||
<u-navbar back-icon-color='#fff' :background="{ background: '#409eff'}" back-text="" title-color='#fff' |
|||
title="巡检工单"> |
|||
<template v-slot:right> |
|||
<u-icon name="plus" color="#fff" size="36" style="padding-right: 30rpx;" @click="addForm" ></u-icon> |
|||
</template> |
|||
</u-navbar> |
|||
<view class="list"> |
|||
<view class="item" v-for="(item,index) in list" :key="index" > |
|||
<view class="" @click="itemClick(item,index)"> |
|||
<view class="title"> |
|||
<view class="title-txt"> |
|||
{{item.number}} |
|||
</view> |
|||
<u-tag text="待派工" v-if="item.status == '0'" bg-color='rgba(255,255,255,0)' color='#fe8463' border-color='#fe8463' type="info" shape='circle'/> |
|||
<u-tag text="已逾期" v-else-if="item.status=='1'" bg-color='rgba(255,255,255,0)' color='#d7d7d7' border-color='#d7d7d7 ' type="info" shape='circle'/> |
|||
<u-tag text="已退单" v-else-if="item.status=='2'" bg-color='rgba(255,255,255,0)' color='#e01f54' border-color='#e01f54' type="info" shape='circle'/> |
|||
<u-tag text="待接单" v-else-if="item.status=='3'" bg-color='rgba(255,255,255,0)' color='#005eaa' border-color='#005eaa ' type="info" shape='circle'/> |
|||
<u-tag text="待执行" v-else-if="item.status=='4'" bg-color='rgba(255,255,255,0)' color='#2EC7C9' border-color='#2EC7C9' type="info" shape='circle'/> |
|||
<u-tag text="执行中" v-else-if="item.status=='5'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="待验证" v-else-if="item.status=='6'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已完成" v-else-if="item.status=='7'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已作废" v-else-if="item.status=='8'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
</view> |
|||
<view class="dec"> |
|||
工单单号:<span>{{item.number}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
类型:<span>{{item.type=='DEVICE'?'设备':item.type=='EQUIPMENT'?'工装':''}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
{{`${params.type=='DEVICE'?'设备' : '工装'}`}}编号:<span>{{item.equipmentCode}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
所属车间:<span>{{item.workshopCode}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
班组:<span>{{item.classType}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
巡检人:<span>{{item.maintenancer}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
完成时间:<span>{{`${$time.formatDate(item.completionTime)}`}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<view class="time" style="flex: 1;"> |
|||
创建时间：{{`${$time.formatDate(item.createTime)}`}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="height: 94rpx;padding-top: 30rpx;"> |
|||
<u-loadmore :status="status" v-if="status != 'loadmore'" /> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad, |
|||
onShow, |
|||
onReachBottom |
|||
} from '@dcloudio/uni-app' |
|||
|
|||
import { |
|||
ref, |
|||
getCurrentInstance, |
|||
nextTick |
|||
} from 'vue' |
|||
|
|||
import * as inspectionOrderApi from "@/api/eam/inspection" |
|||
|
|||
const { proxy } = getCurrentInstance() |
|||
const params = ref({ |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
type: '', |
|||
}) |
|||
const status = ref('loadmore') //是否显示没有更多了 |
|||
const list = ref([]) |
|||
|
|||
//点击详情 |
|||
function itemClick(item, index) { |
|||
proxy.$tab.navigateTo(`/pages/eam/inspectionOrder/detail?type=${params.value.type}&id=${encodeURIComponent(JSON.stringify(item.id))}`) |
|||
} |
|||
// function addForm(item) { |
|||
// proxy.$tab.navigateTo(`/pages/spotCheckOrder/addForm?type=${params.value.type}&data=${encodeURIComponent(JSON.stringify(item))}`) |
|||
// } |
|||
|
|||
async function getList() { |
|||
if (status.value == 'nomore') return; |
|||
status.value = 'loading'; |
|||
proxy.$modal.loading('加载中') |
|||
await inspectionOrderApi.inspectionOrderPage(params.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
if (res.data.list.length > 0) { |
|||
list.value = list.value.concat(res.data.list); |
|||
params.value.pageNo++; |
|||
status.value = 'loadmore' |
|||
} else { |
|||
status.value = 'nomore' |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
}) |
|||
} |
|||
onLoad((option) => { |
|||
if (option.type) params.value.type = option.type; |
|||
if (option.flag) params.value.flag = option.flag; |
|||
}) |
|||
onShow(() => { |
|||
params.value.pageNo = 1 |
|||
list.value = [] |
|||
status.value = 'loadmore' |
|||
getList() |
|||
|
|||
}) |
|||
onReachBottom(() => { |
|||
status.value = 'loading' |
|||
getList() |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.container{ |
|||
background: #f5f5f5; |
|||
min-height: 100vh; |
|||
} |
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
position: relative; |
|||
|
|||
|
|||
.button { |
|||
position: absolute; |
|||
right: 0rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,93 @@ |
|||
<template> |
|||
<view class="add-form-container"> |
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>巡检类型选择 |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="openDevice"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>设备巡检</u-button> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="openTool"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>工装巡检</u-button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
const { proxy } = getCurrentInstance() |
|||
function openDevice() { |
|||
proxy.$tab.navigateTo(`/pages/eam/inspectionOrder/index?type=DEVICE&flag=2`) |
|||
} |
|||
function openTool() { |
|||
proxy.$tab.navigateTo(`/pages/eam/inspectionOrder/index?type=EQUIPMENT&flag=2`) |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.add-form-container { |
|||
min-height: calc(100vh - 140rpx); |
|||
background: white; |
|||
padding: 0px 0rpx 140rpx; |
|||
} |
|||
|
|||
.list { |
|||
padding: 20rpx; |
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
border-radius: 12rpx; |
|||
border: 1px solid #dedede; |
|||
border-radius: 12rpx; |
|||
|
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
display: flex; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 0rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
.title { |
|||
padding: 32rpx 0rpx; |
|||
position: relative; |
|||
|
|||
span { |
|||
position: absolute; |
|||
left: -16rpx; |
|||
color: #fa3534; |
|||
top: 19px; |
|||
} |
|||
} |
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,517 @@ |
|||
<template> |
|||
<!-- 详情 update用--> |
|||
<view class="detail-container" v-if="show1"> |
|||
<view class="popup" > |
|||
<u-form :model="form1" label-width="160rpx"> |
|||
<u-form-item label="工单编号" prop="number" required> |
|||
<u-input v-model="form1.number" :disabled=true/> |
|||
</u-form-item> |
|||
<u-form-item label="巡检项名称" prop="name" required> |
|||
<u-input v-model="form1.name" :disabled=true/> |
|||
</u-form-item> |
|||
<u-form-item label="巡检内容" prop="content" required> |
|||
<u-input v-model="form1.content" :disabled=true/> |
|||
</u-form-item> |
|||
<u-form-item label="结果" prop="resultStr" required> |
|||
<u-input v-model="form1.resultStr" placeholder="请选择" :disabled=true /> |
|||
<u-select v-model="show" mode ='single-column' :list="list" @confirm="confirm"></u-select> |
|||
<u-button type="primary" @click="show = true">选择</u-button> |
|||
</u-form-item> |
|||
<u-form-item label="未完成原因" :required="causeFlag" > |
|||
<u-input v-model="form1.uncompletedCause" placeholder="请输入未完成原因" :disabled="causeDisabled" /> |
|||
</u-form-item> |
|||
</u-form> |
|||
</view> |
|||
<div class="line"></div> |
|||
<view class="footer"> |
|||
<view class="btns" > |
|||
<u-button type="primary" @click="submitForm1()" :loading='loading' :disabled='loading'>提交</u-button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
<!-- 验证完结--> |
|||
<u-popup v-model="isVerifyShowSuccess" mode="center" border-radius="14"> |
|||
<view class="popup-title">意见</view> |
|||
<view class="popup"> |
|||
<textarea v-model="data.applyContent" placeholder="请输入内容"></textarea> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view class="sure" @click="apply('APPROVEPASS')">通过</view> |
|||
<view class="reject" @click="apply('APPROVEREJECTED')" style="color: red;">驳回</view> |
|||
</view> |
|||
</u-popup> |
|||
|
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
<!-- 详情 create用--> |
|||
<view class="detail-container" v-if="show2"> |
|||
<view class="popup" > |
|||
<!-- 表单 --> |
|||
<u-form :model="form2" label-width="160rpx"> |
|||
<u-form-item label="工单编号" prop="number" required> |
|||
<u-input v-model="form2.number" :disabled=true/> |
|||
</u-form-item> |
|||
<u-form-item label="巡检项" prop="chargePeoples" required> |
|||
<view class="select" @click="addItem()"> |
|||
<view class="input" v-if='form2.name'> |
|||
{{form2.name}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
请选择非必选巡检项 |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> |
|||
</u-form> |
|||
<!-- 弹出非必选巡检项 --> |
|||
<u-popup v-model="isShowItem" mode="center" border-radius="14"> |
|||
<view class="popup-title">非必选巡检项</view> |
|||
<view class="popup"> |
|||
<u-checkbox-group @change="checkboxItemChange"> |
|||
<u-checkbox v-model="item.checked" v-for="(item, index) in itemList" :key="index" |
|||
:name="item.itemName">{{item.itemName}}</u-checkbox> |
|||
</u-checkbox-group> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="isShowItem = false">取消</view> |
|||
<view class="sure" @click="chooseItem">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
<view class="footer"> |
|||
<view class="btns" > |
|||
<u-button type="primary" @click="submitForm2()" :loading='loading' :disabled='loading'>提交</u-button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad, |
|||
onShow |
|||
} from '@dcloudio/uni-app' |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
|
|||
import * as inspectionOrderApi from "@/api/eam/inspection" |
|||
|
|||
const { proxy } = getCurrentInstance() |
|||
const subList = ref([]) |
|||
const data = ref({}) |
|||
const loading = ref(false) |
|||
const number = ref('') |
|||
const show = ref(false) |
|||
|
|||
const show1 = ref(false) |
|||
const show2 = ref(false) |
|||
const isShowItem = ref(false) |
|||
const itemList = ref([])//查询非必选巡检项List |
|||
const chooseItemList = ref([])//选中非必选巡检项List |
|||
|
|||
|
|||
|
|||
|
|||
const current = ref(0) |
|||
const id = ref('') |
|||
const type = ref('')//设备类型 设备/工装 |
|||
const causeFlag = ref(false) |
|||
const causeDisabled = ref(false) |
|||
|
|||
const list = ref([{ |
|||
label: '完成', |
|||
value: '0' |
|||
}, { |
|||
label: '未完成', |
|||
value: '1' |
|||
}]) |
|||
|
|||
const form1 = ref({ |
|||
id:"", |
|||
masterId:"", |
|||
number: "", |
|||
result:"", |
|||
resultStr:"", |
|||
uncompletedCause: "", |
|||
content:"", |
|||
}) |
|||
|
|||
const form2 = ref({ |
|||
id:"", |
|||
masterId:"", |
|||
number: "", |
|||
name:"", |
|||
}) |
|||
|
|||
function addItem(){ |
|||
isShowItem.value = true |
|||
} |
|||
|
|||
function checkboxItemChange(e) { |
|||
chooseItemList.value = e |
|||
} |
|||
|
|||
function chooseItem() { |
|||
form2.value.name = chooseItemList.value.join(',') |
|||
isShowItem.value = false |
|||
} |
|||
|
|||
|
|||
function submitForm1(){ |
|||
// 校验 |
|||
if (form1.value.resultStr.length == 0) { |
|||
proxy.$modal.alert('请选择结果') |
|||
return; |
|||
} |
|||
if(form1.value.resultStr == '未完成' && form1.value.uncompletedCause.length == 0) { |
|||
proxy.$modal.alert('请输入未完成原因') |
|||
return; |
|||
} |
|||
|
|||
proxy.$modal.confirm("是否确认提交").then(()=>{ |
|||
proxy.$modal.loading('加载中') |
|||
inspectionOrderApi.inspectionOrderItemUpdate(form1.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
if(res.data){ |
|||
proxy.$modal.showToast('成功') |
|||
setTimeout(() => { |
|||
proxy.$tab.navigateBack() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
loading.value = false |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
function submitForm2(){ |
|||
// 校验 |
|||
if (form2.value.name.length == 0) { |
|||
proxy.$modal.alert('请选择非必须巡检项') |
|||
return; |
|||
} |
|||
proxy.$modal.confirm("是否确认提交").then(()=>{ |
|||
proxy.$modal.loading('加载中') |
|||
inspectionOrderApi.inspectionOrderItemCreate(form2.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
console.log(res) |
|||
if(res.code == 0){ |
|||
proxy.$modal.showToast('成功') |
|||
setTimeout(() => { |
|||
proxy.$tab.navigateBack() |
|||
loading.value = false |
|||
proxy.$modal.closeLoading() |
|||
}, 1000) |
|||
}else{ |
|||
proxy.$modal.showToast(res.msg) |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
loading.value = false |
|||
}) |
|||
|
|||
}) |
|||
} |
|||
|
|||
const confirm =(e)=>{ |
|||
if(e[0].value == '0'){ |
|||
form1.value.result = '0' |
|||
form1.value.resultStr = '完成' |
|||
form1.value.uncompletedCause = '' |
|||
causeFlag.value = false |
|||
causeDisabled.value = true |
|||
} |
|||
if(e[0].value == '1'){ |
|||
form1.value.result = '1' |
|||
form1.value.resultStr = '未完成' |
|||
causeFlag.value = true |
|||
causeDisabled.value = false |
|||
} |
|||
} |
|||
onLoad(async (option) => { |
|||
if (option.data && option.type == 'update') { |
|||
show1.value = true |
|||
show2.value = false |
|||
data.value = JSON.parse(decodeURIComponent(option.data)) |
|||
console.log(data.value) |
|||
form1.value.id = data.value.id |
|||
form1.value.masterId = data.value.masterId |
|||
form1.value.number = data.value.number |
|||
form1.value.name = data.value.name |
|||
form1.value.content = data.value.content |
|||
if(data.value.result == '0'){ |
|||
form1.value.resultStr = '完成' |
|||
}else if(data.value.result == '1'){ |
|||
form1.value.resultStr = '未完成' |
|||
}else{ |
|||
form1.value.resultStr = '' |
|||
} |
|||
form1.value.uncompletedCause = data.value.uncompletedCause |
|||
}else if(option.data && option.type == 'create'){ |
|||
show1.value = false |
|||
show2.value = true |
|||
data.value = JSON.parse(decodeURIComponent(option.data)) |
|||
console.log(data.value) |
|||
form2.value.masterId = data.value.id |
|||
form2.value.number = data.value.number |
|||
//查询非必选巡检项 |
|||
const paras1 = { |
|||
planNumber: data.value.planNumber, |
|||
available: 'TRUE', |
|||
isSelectd: 'false' |
|||
} |
|||
inspectionOrderApi.inspectionPlanItemList(paras1).then((res) => { |
|||
if (res.data) { |
|||
itemList.value = res.data |
|||
} |
|||
}) |
|||
|
|||
} |
|||
if (option.type) type.value = option.type; |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.detail-container { |
|||
min-height: 100vh; |
|||
background: white; |
|||
} |
|||
|
|||
.line { |
|||
background: #f5f5f5; |
|||
height: 20rpx; |
|||
} |
|||
|
|||
.info { |
|||
background: white; |
|||
} |
|||
|
|||
.tab { |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
} |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
flex: 1; |
|||
border-left: 10rpx solid #409eff; |
|||
padding-left: 20rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding: 30rpx; |
|||
|
|||
.dec-item { |
|||
padding-bottom: 30rpx; |
|||
display: flex; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
width: 160rpx; |
|||
} |
|||
|
|||
&:nth-child(2) { |
|||
color: #888888; |
|||
flex: 1; |
|||
width: 0px; |
|||
word-wrap: break-word; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dec2 { |
|||
padding: 10rpx 30rpx; |
|||
display: flex; |
|||
|
|||
view { |
|||
&:nth-child(1) { |
|||
width: 160rpx; |
|||
} |
|||
|
|||
&:nth-child(2) { |
|||
color: #888888; |
|||
flex: 1; |
|||
width: 0px; |
|||
word-wrap: break-word; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.items { |
|||
margin: 20rpx 30rpx; |
|||
border-radius: 12rpx; |
|||
background: #F5F5F5; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.items-name { |
|||
padding: 20rpx; |
|||
border-bottom: 1px solid #dedede; |
|||
} |
|||
|
|||
.items-dec { |
|||
padding: 0px 20rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
} |
|||
|
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 0rpx 60rpx 0rpx; |
|||
|
|||
} |
|||
|
|||
.popup-footer { |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
|
|||
&.sure { |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
background: white; |
|||
z-index: 22; |
|||
} |
|||
|
|||
.btns { |
|||
display: flex; |
|||
|
|||
padding: 20rpx; |
|||
box-shadow: 0px -2rpx 20rpx rgba(0, 0, 0, 0.1); |
|||
|
|||
|
|||
button { |
|||
flex: 1; |
|||
margin: 0px 10rpx; |
|||
} |
|||
|
|||
.sure { |
|||
background: #409eff; |
|||
color: white; |
|||
border-radius: 8rpx; |
|||
|
|||
&::after { |
|||
border: 1px solid #409eff; |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
padding: 20rpx; |
|||
|
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
border-radius: 12rpx; |
|||
border: 1px solid #dedede; |
|||
border-radius: 12rpx; |
|||
|
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
display: flex; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 0rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
|
|||
::v-deep .u-radio-group { |
|||
display: grid !important; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.images { |
|||
display: flex; |
|||
width: 100%; |
|||
|
|||
image { |
|||
width: 30%; |
|||
margin-right: 20rpx; |
|||
height: 200rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
} |
|||
|
|||
.select { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 72rpx; |
|||
width: 100%; |
|||
|
|||
.input { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.placeholder { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: rgb(192, 196, 204); |
|||
|
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,242 @@ |
|||
<template> |
|||
<!-- 巡检工单 --> |
|||
<view class="container"> |
|||
<u-navbar back-icon-color='#fff' :background="{ background: '#409eff'}" back-text="" title-color='#fff' |
|||
title="巡检工单"> |
|||
<template v-slot:right> |
|||
<u-icon name="plus" color="#fff" size="36" style="padding-right: 30rpx;" @click="addForm" ></u-icon> |
|||
</template> |
|||
</u-navbar> |
|||
<view class="list"> |
|||
<view class="item" v-for="(item,index) in list" :key="index" > |
|||
<view class="" @click="itemClick(item,index)"> |
|||
<view class="title"> |
|||
<view class="title-txt"> |
|||
{{item.number}} |
|||
</view> |
|||
<u-tag text="待派工" v-if="item.status == '0'" bg-color='rgba(255,255,255,0)' color='#fe8463' border-color='#fe8463' type="primary" shape='circle'/> |
|||
<u-tag text="已逾期" v-else-if="item.status=='1'" bg-color='rgba(255,255,255,0)' color='#d7d7d7' border-color='#d7d7d7 ' type="warning" shape='circle'/> |
|||
<u-tag text="已退单" v-else-if="item.status=='2'" bg-color='rgba(255,255,255,0)' color='#e01f54' border-color='#e01f54' type="success" shape='circle'/> |
|||
<u-tag text="待接单" v-else-if="item.status=='3'" bg-color='rgba(255,255,255,0)' color='#005eaa' border-color='#005eaa ' type="error" shape='circle'/> |
|||
<u-tag text="待执行" v-else-if="item.status=='4'" bg-color='rgba(255,255,255,0)' color='#2EC7C9' border-color='#2EC7C9' type="info" shape='circle'/> |
|||
<u-tag text="执行中" v-else-if="item.status=='5'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="待验证" v-else-if="item.status=='6'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已完成" v-else-if="item.status=='7'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
<u-tag text="已作废" v-else-if="item.status=='8'" bg-color='rgba(255,255,255,0)' color='#2ba471' border-color='#2ba471' type="info" shape='circle'/> |
|||
</view> |
|||
<view class="dec"> |
|||
工单单号:<span>{{item.number}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
类型:<span>{{item.type=='DEVICE'?'设备':item.type=='EQUIPMENT'?'工装':''}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
{{`${params.type=='DEVICE'?'设备' : '工装'}`}}编号:<span>{{item.equipmentCode}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
所属车间:<span>{{item.workshopCode}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
班组:<span>{{item.classType}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
巡检人:<span>{{item.maintenancer}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
完成时间:<span>{{`${$time.formatDate(item.completionTime)}`}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<view class="time" style="flex: 1;"> |
|||
创建时间：{{`${$time.formatDate(item.createTime)}`}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="height: 94rpx;padding-top: 30rpx;"> |
|||
<u-loadmore :status="status" v-if="status != 'loadmore'" /> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad, |
|||
onShow, |
|||
onReachBottom |
|||
} from '@dcloudio/uni-app' |
|||
|
|||
import { |
|||
ref, |
|||
getCurrentInstance, |
|||
nextTick |
|||
} from 'vue' |
|||
|
|||
import * as inspectionOrderApi from "@/api/eam/inspection" |
|||
|
|||
const { proxy } = getCurrentInstance() |
|||
const params = ref({ |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
type: '', |
|||
}) |
|||
const status = ref('loadmore') //是否显示没有更多了 |
|||
const list = ref([]) |
|||
// function itemClick(item, index) { |
|||
// proxy.$tab.navigateTo(`/pages/spotCheckOrder/detail?type=${params.value.type}&number=${item.number}&data=${encodeURIComponent(JSON.stringify(item))}`) |
|||
// } |
|||
// function addForm(item) { |
|||
// proxy.$tab.navigateTo(`/pages/spotCheckOrder/addForm?type=${params.value.type}&data=${encodeURIComponent(JSON.stringify(item))}`) |
|||
// } |
|||
|
|||
async function getList() { |
|||
if (status.value == 'nomore') return; |
|||
status.value = 'loading'; |
|||
proxy.$modal.loading('加载中') |
|||
await inspectionOrderApi.inspectionOrderPage(params.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
if (res.data.list.length > 0) { |
|||
list.value = list.value.concat(res.data.list); |
|||
params.value.pageNo++; |
|||
status.value = 'loadmore' |
|||
} else { |
|||
status.value = 'nomore' |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
}) |
|||
console.log(list.value) |
|||
} |
|||
onLoad((option) => { |
|||
if (option.type) params.value.type = option.type; |
|||
if (option.flag) params.value.flag = option.flag; |
|||
}) |
|||
onShow(() => { |
|||
params.value.pageNo = 1 |
|||
list.value = [] |
|||
status.value = 'loadmore' |
|||
getList() |
|||
|
|||
}) |
|||
onReachBottom(() => { |
|||
status.value = 'loading' |
|||
getList() |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.container{ |
|||
background: #f5f5f5; |
|||
min-height: 100vh; |
|||
} |
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
position: relative; |
|||
|
|||
|
|||
.button { |
|||
position: absolute; |
|||
right: 0rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,93 @@ |
|||
<template> |
|||
<view class="add-form-container"> |
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>点检类型选择 |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="openDevice"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>设备点检</u-button> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="openTool"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>工装点检</u-button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
const { proxy } = getCurrentInstance() |
|||
function openDevice() { |
|||
proxy.$tab.navigateTo(`/pages/eam/spotcheckOrder/index?type=DEVICE&flag=2`) |
|||
} |
|||
function openTool() { |
|||
proxy.$tab.navigateTo(`/pages/eam/spotcheckOrder/index?type=EQUIPMENT&flag=2`) |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.add-form-container { |
|||
min-height: calc(100vh - 140rpx); |
|||
background: white; |
|||
padding: 0px 0rpx 140rpx; |
|||
} |
|||
|
|||
.list { |
|||
padding: 20rpx; |
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
border-radius: 12rpx; |
|||
border: 1px solid #dedede; |
|||
border-radius: 12rpx; |
|||
|
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
display: flex; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 0rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
.title { |
|||
padding: 32rpx 0rpx; |
|||
position: relative; |
|||
|
|||
span { |
|||
position: absolute; |
|||
left: -16rpx; |
|||
color: #fa3534; |
|||
top: 19px; |
|||
} |
|||
} |
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue