parent
39d12797ca
commit
78dcc7cac9
23 changed files with 1843 additions and 547 deletions
@ -0,0 +1,252 @@ |
||||
<template> |
||||
<view> |
||||
<u-collapse :accordion="false"> |
||||
<u-collapse-item v-for="(item, index) in itemList" :key="index" > |
||||
<view slot="title"> |
||||
<text class="collapse-title">实验室楼层：{{ item.title }}</text> |
||||
</view> |
||||
<view v-for="(v, vindex) in item.fangjian" :key="vindex" class="collapse-room"> |
||||
<view>房间名称：{{ v.fangjianmingcheng }}</view> |
||||
<view v-for="(s, sindex) in v.neirong" :key="sindex" class="collapse-major"> |
||||
<view>专业分类：{{ s.xitong }}</view> |
||||
<view v-for="(n, nindex) in s.detection" :key="nindex" class="n-box"> |
||||
<u-tag :text="nindex + 1" type="info" class="left-tag" /> |
||||
<u-tag text="已检" type="success" class="right-tag" /> |
||||
<view class="n-box-title"> 各排/出水口通水顺畅</view> |
||||
<view class="n-box-info"> 工艺内容工艺内容工艺内容工艺内容工艺内容工艺内容工艺内容</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">状态：</text> |
||||
<text class="item_right_txt"> |
||||
<u-radio-group v-model="n.radioValue"> |
||||
<u-radio name="1">正常</u-radio> |
||||
<u-radio name="0">异常</u-radio> |
||||
</u-radio-group> |
||||
|
||||
</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">现场照片：</text> |
||||
<text class="item_right_txt"> |
||||
<view class="btn">上传照片</view> |
||||
</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">使用人签字：</text> |
||||
<text class="item_right_txt"> |
||||
<image v-if="n.qianzi" :src="n.qianzi" style="width: 144px;height: 77rpx;" mode="widthFix" @click="toPop1(index,vindex,sindex,nindex)"></image> |
||||
<view v-else class="btn" @click="toPop1(index,vindex,sindex,nindex)">签字</view> |
||||
</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">备注：</text> |
||||
<text class="item_right_txt"> |
||||
<betone-new-input type="textarea" :placeholder="'请输入'"></betone-new-input> |
||||
</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</u-collapse-item> |
||||
</u-collapse> |
||||
|
||||
<jp-signature-popup ref="signature1" popup v-model="image2" @change="signChange" /> |
||||
</view> |
||||
|
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
image2:'',//签字路径 |
||||
signIndex:[], |
||||
satisfactionList: [ |
||||
{ |
||||
text: '正常', |
||||
value: 1 |
||||
}, |
||||
{ |
||||
text: '异常', |
||||
value: 0 |
||||
} |
||||
], |
||||
itemList: [ |
||||
{ |
||||
title: '三层', |
||||
fangjian: [ |
||||
{ |
||||
fangjianmingcheng: '房间一', |
||||
neirong: [{ |
||||
xitong: '水系统', |
||||
detection: [ |
||||
{ |
||||
title1: '水量水压满足用水要求1', |
||||
radioValue: null, |
||||
qianzi:'',//签字图片 |
||||
}, |
||||
{ |
||||
title1: '水量水压满足用水要求2', |
||||
radioValue: null, |
||||
qianzi:'',//签字图片 |
||||
} |
||||
] |
||||
}] |
||||
}, |
||||
{ |
||||
fangjianmingcheng: '房间二', |
||||
neirong: [{ |
||||
xitong: '水系统', |
||||
detection: [ |
||||
{ |
||||
title1: '水量水压满足用水要求1', |
||||
radioValue: 0 |
||||
}, |
||||
{ |
||||
title1: '水量水压满足用水要求2', |
||||
radioValue: 1 |
||||
} |
||||
] |
||||
}, { |
||||
xitong: '水系统2', |
||||
detection: [ |
||||
{ |
||||
title1: '水量水压满足用水要求1', |
||||
radioValue: 0 |
||||
}, |
||||
{ |
||||
title1: '水量水压满足用水要求2', |
||||
radioValue: 1 |
||||
} |
||||
] |
||||
}] |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
title: '四层', |
||||
fangjian: [ |
||||
{ |
||||
fangjianmingcheng: '房间一', |
||||
neirong: [{ |
||||
xitong: '水系统' |
||||
}] |
||||
} |
||||
] |
||||
} |
||||
], |
||||
|
||||
} |
||||
}, |
||||
methods:{ |
||||
toPop1(index,vindex,sindex,nindex){ |
||||
|
||||
this.signIndex=[index,vindex,sindex,nindex] |
||||
this.$refs.signature1.toPop() |
||||
|
||||
}, |
||||
signChange(e){ |
||||
console.log(11111,e) |
||||
this.itemList[this.signIndex[0]].fangjian[this.signIndex[1]].neirong[this.signIndex[2]].detection[this.signIndex[3]].qianzi = e |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
.collapse-title { |
||||
line-height: 60rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 32rpx; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-bold; |
||||
margin: 18rpx 0 0rpx 20rpx; |
||||
} |
||||
|
||||
.collapse-room { |
||||
margin: 0 32rpx 20rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
} |
||||
|
||||
.collapse-major { |
||||
margin: 0 32rpx 20rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
margin: 12rpx 24rpx 12rpx; |
||||
|
||||
.n-box { |
||||
border: 1px solid rgba(239, 239, 239, 1); |
||||
padding: 32rpx 54rpx 0; |
||||
margin-top: 24rpx; |
||||
margin-bottom: 24rpx; |
||||
position: relative; |
||||
|
||||
.right-tag { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
} |
||||
|
||||
.left-tag { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
padding-left: 10rpx; |
||||
padding-right: 10rpx; |
||||
} |
||||
|
||||
.n-box-title { |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
text-align: left; |
||||
} |
||||
|
||||
.n-box-info { |
||||
line-height: 32rpx; |
||||
color: rgba(154, 154, 154, 1); |
||||
font-size: 24rpx; |
||||
padding-top: 12rpx; |
||||
padding-bottom: 12rpx; |
||||
} |
||||
|
||||
.info_item { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: row; |
||||
margin: 24rpx 0 24rpx; |
||||
|
||||
.item_left_txt { |
||||
color: rgba(108, 108, 108, 1); |
||||
font-size: 28rpx; |
||||
text-align: left; |
||||
width: 170rpx; |
||||
margin-right: 20rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
|
||||
.item_right_txt { |
||||
flex: 1; |
||||
max-width: calc(100% - 220rpx); |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
// text-align: left; |
||||
text-align: justify; |
||||
font-family: SourceHanSansSC-regular; |
||||
|
||||
/deep/.u-radio-group { |
||||
flex-wrap: nowrap; |
||||
padding-right: 48rpx; |
||||
} |
||||
|
||||
.btn { |
||||
width: 260rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
border-radius: 8rpx; |
||||
background-color: rgba(255, 255, 255, 1); |
||||
color: rgba(58, 98, 215, 1); |
||||
font-size: 28rpx; |
||||
text-align: center; |
||||
border: 2rpx dashed rgba(58, 98, 215, 1); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,372 @@ |
||||
<template> |
||||
<view class="page-css"> |
||||
<view class="page-search-top"> |
||||
<betone-new-input v-model="searchInfo.requirementCode" placeholder='搜索巡检单单号' icon="search" |
||||
style="margin-bottom: 32rpx" @changevalue="searchData()" /> |
||||
<u-tabs :list="tabList" :is-scroll="false" :current="current" @change="changeTab" |
||||
bg-color="rgba(248, 248, 248, 1)"></u-tabs> |
||||
</view> |
||||
<view class="order-box"> |
||||
<!-- @click="goPage(item, 'details')" --> |
||||
<view class="order-item" v-for="(item, index) in orderData" :key="index"> |
||||
<view class="item-top"> |
||||
|
||||
<view class="item-left"> |
||||
<text class="item-orderNo">{{ item.unitName }}</text> |
||||
<text class="item-time"> 单号：{{ item.inspectionNo }}</text> |
||||
</view> |
||||
<view class="item-right"> |
||||
<u-tag :text="statusName(item.status)" type="success" mode="dark" shape="circle" |
||||
:bg-color="tagColor[statusName(item.status)]" /> |
||||
</view> |
||||
</view> |
||||
<view class="item-con"> |
||||
<view class="con-right"> |
||||
<text class="con-title">提报类型：{{ item.faultType }}</text> |
||||
<text class="con-title">巡检项目名称：{{ item.inspectionName }}</text> |
||||
<text class="con-title">项目地址：{{ item.projectAddr }}</text> |
||||
<text class="con-title">巡检周期：{{ item.cycle }}</text> |
||||
<text class="con-title">巡检时间：{{ item.startTime }}-{{ item.nextDate }} </text> |
||||
|
||||
<!-- <view class="con-btn"> |
||||
|
||||
</view> --> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<betone-loading ref="BetLoading" /> |
||||
|
||||
|
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
props: { |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
searchInfo: { |
||||
requirementCode: "", |
||||
type: '',//状态 |
||||
}, |
||||
tabList: [ |
||||
{ |
||||
name: "全部", |
||||
key: "9999", |
||||
}, |
||||
{ |
||||
name: "启用", |
||||
key: "1", |
||||
}, |
||||
{ |
||||
name: "停用", |
||||
key: "0", |
||||
}, |
||||
], |
||||
tagColor: { |
||||
停用: "#909399", |
||||
启用: "#67c23a", |
||||
}, |
||||
|
||||
current: 0, |
||||
|
||||
orderData: [], |
||||
|
||||
|
||||
}; |
||||
}, |
||||
computed: { |
||||
|
||||
dataTypes() { |
||||
return this.$store.state.dataType |
||||
}, |
||||
}, |
||||
|
||||
mounted() { |
||||
this.$nextTick(() => { |
||||
this.getRecordsList() |
||||
|
||||
}); |
||||
}, |
||||
methods: { |
||||
// 获取列表 |
||||
getRecordsList() { |
||||
|
||||
// this.$refs.BetLoading.show(); |
||||
|
||||
// this.$u.api.getDictionaryList().then(res => { |
||||
// if (res.code == 200) { |
||||
|
||||
|
||||
// this.orderData = res.data; |
||||
|
||||
// this.$refs.BetLoading.hide(); |
||||
// } |
||||
// }).catch(err => { |
||||
|
||||
// }) |
||||
this.orderData = [ |
||||
{ |
||||
inspectionNo: 'WX-20240820-01', |
||||
unitName: '济南安池实验室', |
||||
inspectionName: '实验室设备巡检', |
||||
projectAddr: '济南市钢城区', |
||||
team: '巡检班组一，巡检班组二', |
||||
startTime: '2024-05-21', |
||||
cycle: '季度', |
||||
nextDate: '2024-07-21', |
||||
status: 0, |
||||
tableData: [ |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求1' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
] |
||||
}, |
||||
{ |
||||
inspectionNo: 'WX-20240820-01', |
||||
unitName: '济南安池实验室', |
||||
inspectionName: '实验室设备巡检', |
||||
projectAddr: '济南市钢城区', |
||||
team: '巡检班组一，巡检班组二', |
||||
startTime: '2024-09-21', |
||||
cycle: '季度', |
||||
nextDate: '2024-12-21', |
||||
status: 1, |
||||
tableData: [ |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求1' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
] |
||||
}, |
||||
{ |
||||
inspectionNo: 'WX-20240820-01', |
||||
unitName: '济南安池实验室', |
||||
inspectionName: '实验室设备巡检', |
||||
projectAddr: '济南市钢城区', |
||||
team: '巡检班组一，巡检班组二', |
||||
startTime: '2024-09-21', |
||||
cycle: '季度', |
||||
nextDate: '2024-12-21', |
||||
status: 1, |
||||
tableData: [ |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求1' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '水系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求2' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
{ majorName: '电气系统', inspectionCon: '1、水量水压满足用水要求', techRequire: '工艺要求3' }, |
||||
] |
||||
}, |
||||
] |
||||
}, |
||||
// 搜索 单号 |
||||
searchData() { |
||||
if (this.dataTypes != 1) { |
||||
// 非管理员和客户 不传提报单位 |
||||
this.searchInfo.reportUnit = this.searchInfo.requirementCode |
||||
} else { |
||||
this.searchInfo.reportUnit = '' |
||||
} |
||||
this.isNomore = false |
||||
// this.page.currentPage = 1; |
||||
this.getRecordsList() |
||||
}, |
||||
// tab切换 |
||||
changeTab(index) { |
||||
this.current = index; |
||||
this.searchInfo.type = this.tabList[index].key == '9999' ? '' : this.tabList[index].key |
||||
this.isNomore = false |
||||
// this.page.currentPage = 1; |
||||
this.getRecordsList() |
||||
}, |
||||
// 获取状态信息 |
||||
statusName(item) { |
||||
if (item == 0) { |
||||
return '停用' |
||||
} |
||||
if (item == 1) { |
||||
return '启用' |
||||
} |
||||
|
||||
}, |
||||
|
||||
|
||||
|
||||
|
||||
// 跳转详情 |
||||
goPage(item, type) { |
||||
if (type == 'details') { |
||||
uni.navigateTo({ |
||||
url: "/pages/submission/recordsdetails?id=" + item.id, |
||||
}); |
||||
} |
||||
|
||||
if (type == 'breakdownView') { |
||||
let param = { |
||||
id: item.id, |
||||
type: type |
||||
} |
||||
uni.navigateTo({ |
||||
url: `/pages/submission/submissionDetails${this.$u.queryParams(param)}`, |
||||
}); |
||||
} |
||||
if (type == 'breakdownUpdate') { |
||||
let param = { |
||||
id: item.id, |
||||
type: type |
||||
} |
||||
uni.navigateTo({ |
||||
url: `/pages/submission/submissionDetails${this.$u.queryParams(param)}`, |
||||
}); |
||||
} |
||||
if (type == 'evaluate') { |
||||
let param = { |
||||
id: item.id, |
||||
} |
||||
uni.navigateTo({ |
||||
url: `/pages/submission/evaluate${this.$u.queryParams(param)}`, |
||||
}); |
||||
} |
||||
}, |
||||
|
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.page-css { |
||||
padding: 0; |
||||
|
||||
.page-search-top { |
||||
height: 210rpx; |
||||
background-color: rgba(248, 248, 248, 1); |
||||
padding: 0 40rpx 0; |
||||
} |
||||
|
||||
.order-box { |
||||
margin-top: 20rpx; |
||||
|
||||
.order-item { |
||||
min-height: 414rpx; |
||||
margin: 0 24rpx 20rpx; |
||||
border-radius: 20rpx; |
||||
background: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
.item-top { |
||||
height: 114rpx; |
||||
border-bottom: 1px solid rgba(239, 239, 239, 1); |
||||
display: flex; |
||||
flex-direction: row; |
||||
width: 100%; |
||||
|
||||
.item-left { |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.item-orderNo { |
||||
color: rgba(51, 51, 51, 1); |
||||
font-size: 28rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
|
||||
.item-time { |
||||
color: rgba(190, 190, 190, 1); |
||||
font-size: 24rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
} |
||||
|
||||
.item-right { |
||||
width: 132rpx; |
||||
height: 48rpx; |
||||
margin: 36rpx 24rpx 0 0; |
||||
} |
||||
} |
||||
|
||||
.item-con { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: row; |
||||
margin-bottom: 32rpx; |
||||
|
||||
.con-left { |
||||
width: 150rpx; |
||||
height: 150rpx; |
||||
margin: 24rpx 28rpx 0 28rpx; |
||||
|
||||
image { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.con-right { |
||||
flex: 1; |
||||
margin-right: 24rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 32rpx; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.con-title { |
||||
margin-top: 12rpx; |
||||
line-height: 60rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.con-content { |
||||
|
||||
color: rgba(108, 108, 108, 1); |
||||
font-size: 24rpx; |
||||
// line-height: 36rpx; |
||||
margin-top: 14rpx; |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 2; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
line-height: 1.5em; |
||||
/* 这个值根据你的需求调整，这里假设为1.5倍行高 */ |
||||
max-height: 3em; |
||||
/* 3行的高度 */ |
||||
width: 100%; |
||||
/* 根据需要设置宽度 */ |
||||
word-wrap: break-word; |
||||
/* 允许在单词内换行 */ |
||||
word-break: break-all; |
||||
/* 允许在任意字符处换行 */ |
||||
} |
||||
} |
||||
|
||||
.con-btn { |
||||
margin-top: 56rpx; |
||||
margin-bottom: 32rpx; |
||||
display: inline-block; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,167 @@ |
||||
<template> |
||||
<view class="page-css"> |
||||
<view class="page-header-txt">科研医疗建筑运维平台</view> |
||||
<planList></planList> |
||||
<betone-tabbar ref="tabbarRef" /> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import planList from './components/plan-list.vue' |
||||
export default { |
||||
components: { |
||||
planList, |
||||
}, |
||||
props: { |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
|
||||
|
||||
}; |
||||
}, |
||||
computed: { |
||||
|
||||
}, |
||||
onShow() { |
||||
this.$nextTick(() => { |
||||
this.$refs.tabbarRef.getPermission(); |
||||
}); |
||||
}, |
||||
|
||||
methods: { |
||||
|
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.page-css { |
||||
padding: 0; |
||||
|
||||
.page-search-top { |
||||
height: 210rpx; |
||||
background-color: rgba(248, 248, 248, 1); |
||||
padding: 0 40rpx 0; |
||||
} |
||||
|
||||
.order-box { |
||||
margin-top: 20rpx; |
||||
|
||||
.order-item { |
||||
min-height: 414rpx; |
||||
margin: 0 24rpx 20rpx; |
||||
border-radius: 20rpx; |
||||
background: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
.item-top { |
||||
height: 114rpx; |
||||
border-bottom: 1px solid rgba(239, 239, 239, 1); |
||||
display: flex; |
||||
flex-direction: row; |
||||
width: 100%; |
||||
|
||||
.item-left { |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.item-orderNo { |
||||
color: rgba(51, 51, 51, 1); |
||||
font-size: 28rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
|
||||
.item-time { |
||||
color: rgba(190, 190, 190, 1); |
||||
font-size: 24rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
} |
||||
|
||||
.item-right { |
||||
width: 132rpx; |
||||
height: 48rpx; |
||||
margin: 36rpx 24rpx 0 0; |
||||
} |
||||
} |
||||
|
||||
.item-con { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: row; |
||||
margin-bottom: 24rpx; |
||||
|
||||
.con-left { |
||||
width: 150rpx; |
||||
height: 150rpx; |
||||
margin: 24rpx 28rpx 0 28rpx; |
||||
|
||||
image { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.con-right { |
||||
flex: 1; |
||||
margin-right: 24rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 32rpx; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.con-title { |
||||
margin-top: 12rpx; |
||||
line-height: 60rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.con-content { |
||||
|
||||
color: rgba(108, 108, 108, 1); |
||||
font-size: 24rpx; |
||||
// line-height: 36rpx; |
||||
margin-top: 14rpx; |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 2; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
line-height: 1.5em; |
||||
/* 这个值根据你的需求调整，这里假设为1.5倍行高 */ |
||||
max-height: 3em; |
||||
/* 3行的高度 */ |
||||
width: 100%; |
||||
/* 根据需要设置宽度 */ |
||||
word-wrap: break-word; |
||||
/* 允许在单词内换行 */ |
||||
word-break: break-all; |
||||
/* 允许在任意字符处换行 */ |
||||
} |
||||
} |
||||
|
||||
.con-btn { |
||||
margin-top: 56rpx; |
||||
margin-bottom: 32rpx; |
||||
display: inline-block; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,349 @@ |
||||
<template> |
||||
<view class="page-css"> |
||||
<view class="page-header-txt">科研医疗建筑运维平台</view> |
||||
<view class="page-search-top"> |
||||
<betone-new-input v-model="searchInfo.requirementCode" placeholder="搜索巡检单单号" icon="search" |
||||
style="margin-bottom: 32rpx" @changevalue="searchData()" /> |
||||
<u-tabs :list="tabList" :is-scroll="false" :current="current" @change="changeTab" |
||||
bg-color="rgba(248, 248, 248, 1)"></u-tabs> |
||||
</view> |
||||
<view class="order-box"> |
||||
<view class="order-item" v-for="(item, index) in orderData" :key="index" |
||||
@click="goPage(item, '/pages/inspection/questDetails')"> |
||||
<view class="item-top"> |
||||
<view class="item-left"> |
||||
<text class="item-orderNo">{{ item.reportUnit }}</text> |
||||
<text class="item-time"> 单号：{{ item.requirementCode }} {{ item.fillingTime }}</text> |
||||
</view> |
||||
<view class="item-right"> |
||||
<u-tag :text="statusName(item.status)" type="success" mode="dark" shape="circle" |
||||
:bg-color="tagColor[statusName(item.status)]" /> |
||||
</view> |
||||
</view> |
||||
<view class="item-con"> |
||||
<view class="con-left"> |
||||
<image src="@/static/images/pic-default.png" alt="" /> |
||||
</view> |
||||
<view class="con-right"> |
||||
<text class="con-title">提报类型：{{ item.faultType }}</text> |
||||
<view class="con-content"> |
||||
<text>{{ item.faultDescribe }}</text> |
||||
</view> |
||||
<view class="con-btn"> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<u-loadmore margin-top="10" margin-bottom="40" :status="loadingState" /> |
||||
|
||||
<betone-loading ref="BetLoading" /> |
||||
<betone-tabbar ref="tabbarRef" /> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
props: { |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
searchInfo: { |
||||
requirementCode: "", |
||||
type: '',//状态 |
||||
reportUnit: '',//提报单位 |
||||
}, |
||||
tagColor: { |
||||
维修中: "#3A62D7", |
||||
待确认: "#81B337", |
||||
待维修: "#3A62D7", |
||||
待提报: "#81B337", |
||||
已完成: "#CECECE", |
||||
待维修: '#E99D42' |
||||
}, |
||||
tabList: [ |
||||
{ |
||||
name: "全部", |
||||
key: "9999", |
||||
}, |
||||
{ |
||||
name: "待提报", |
||||
key: "-1", |
||||
}, |
||||
{ |
||||
name: "维修中", |
||||
key: "1,2,3", |
||||
}, |
||||
{ |
||||
name: "已完成", |
||||
key: "4,5,6", |
||||
}, |
||||
|
||||
], |
||||
current: 0, |
||||
loadingState: "loadmore", |
||||
isNomore: false, |
||||
noDataFlag: false, |
||||
|
||||
orderData: [], |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
}, |
||||
|
||||
|
||||
}; |
||||
}, |
||||
computed: { |
||||
noData() { |
||||
return this.orderData && this.orderData.length == 0; |
||||
}, |
||||
dataTypes() { |
||||
return this.$store.state.dataType |
||||
}, |
||||
}, |
||||
onShow() { |
||||
this.$nextTick(() => { |
||||
this.$refs.tabbarRef.getPermission(); |
||||
this.$refs.BetLoading.show(); |
||||
setTimeout(() => { |
||||
this.$refs.BetLoading.hide(); |
||||
}, 1000); |
||||
}); |
||||
}, |
||||
onReachBottom() { |
||||
if (this.isNomore) { |
||||
return; |
||||
} |
||||
this.page.currentPage++; |
||||
this.getRecordsList(); |
||||
}, |
||||
onPullDownRefresh() { |
||||
this.isNomore = false |
||||
this.page.currentPage = 1; |
||||
this.getRecordsList(); |
||||
uni.stopPullDownRefresh(); |
||||
}, |
||||
mounted() { |
||||
this.$nextTick(() => { |
||||
this.getRecordsList() |
||||
|
||||
}); |
||||
}, |
||||
methods: { |
||||
// 获取列表 |
||||
getRecordsList() { |
||||
this.$refs.BetLoading.show(); |
||||
this.loadingState = "loading"; |
||||
let query = { |
||||
current: this.page.currentPage, //页数 |
||||
size: this.page.pageSize, //条数 |
||||
dataType: this.dataTypes,//数据权限 |
||||
// ...this.searchInfo |
||||
// reportUnit: this.searchInfo.reportUnit |
||||
} |
||||
|
||||
this.$u.api.getWorkOrderRecords(query).then(res => { |
||||
if (res.code == 200) { |
||||
|
||||
var totalPage = res.data.total; |
||||
var newOrders = res.data.records; |
||||
if (this.page.currentPage == 1) { |
||||
this.orderData = []; |
||||
} |
||||
|
||||
this.orderData = [...this.orderData, ...(res.data.records || [])]; |
||||
if (newOrders.length == 0) { |
||||
this.loadingState = "nomore"; |
||||
this.isNomore = true; |
||||
} |
||||
if (totalPage == this.orderData.length) { |
||||
this.loadingState = "nomore"; |
||||
this.isNomore = true; |
||||
} |
||||
this.$refs.BetLoading.hide(); |
||||
} |
||||
}).catch(err => { |
||||
|
||||
}) |
||||
}, |
||||
// 搜索 单号 |
||||
searchData() { |
||||
if (this.dataTypes != 1) { |
||||
// 非管理员和客户 不传提报单位 |
||||
this.searchInfo.reportUnit = this.searchInfo.requirementCode |
||||
} else { |
||||
this.searchInfo.reportUnit = '' |
||||
} |
||||
this.isNomore = false |
||||
this.page.currentPage = 1; |
||||
this.getRecordsList() |
||||
}, |
||||
// tab切换 |
||||
changeTab(index) { |
||||
this.current = index; |
||||
this.searchInfo.type = this.tabList[index].key == '9999' ? '' : this.tabList[index].key |
||||
this.isNomore = false |
||||
this.page.currentPage = 1; |
||||
this.getRecordsList() |
||||
}, |
||||
// 获取状态信息 |
||||
statusName(item) { |
||||
if (item == -1) { |
||||
return '待提报' |
||||
} |
||||
if (item == 0) { |
||||
return '待接单' |
||||
} |
||||
if (item == 1 || item == 2 || item == 3) { |
||||
return '待维修' |
||||
} |
||||
if (item == 4 || item == 5 || item == 6) { |
||||
return '已完成' |
||||
} |
||||
}, |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 跳转详情 |
||||
goPage(item, path) { |
||||
uni.navigateTo({ |
||||
url: path, |
||||
}); |
||||
}, |
||||
|
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.page-css { |
||||
padding: 0; |
||||
|
||||
.page-search-top { |
||||
height: 210rpx; |
||||
background-color: rgba(248, 248, 248, 1); |
||||
padding: 0 40rpx 0; |
||||
} |
||||
|
||||
.order-box { |
||||
margin-top: 20rpx; |
||||
|
||||
.order-item { |
||||
height: 414rpx; |
||||
margin: 0 24rpx 20rpx; |
||||
border-radius: 20rpx; |
||||
background: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
.item-top { |
||||
height: 114rpx; |
||||
border-bottom: 1px solid rgba(239, 239, 239, 1); |
||||
display: flex; |
||||
flex-direction: row; |
||||
width: 100%; |
||||
|
||||
.item-left { |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.item-orderNo { |
||||
color: rgba(51, 51, 51, 1); |
||||
font-size: 28rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
|
||||
.item-time { |
||||
color: rgba(190, 190, 190, 1); |
||||
font-size: 24rpx; |
||||
padding: 12rpx 0 0 26rpx; |
||||
} |
||||
} |
||||
|
||||
.item-right { |
||||
width: 132rpx; |
||||
height: 48rpx; |
||||
margin: 36rpx 24rpx 0 0; |
||||
} |
||||
} |
||||
|
||||
.item-con { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: row; |
||||
|
||||
.con-left { |
||||
width: 150rpx; |
||||
height: 150rpx; |
||||
margin: 24rpx 28rpx 0 28rpx; |
||||
|
||||
image { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.con-right { |
||||
flex: 1; |
||||
margin-right: 24rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
text { |
||||
display: block; |
||||
} |
||||
|
||||
.con-title { |
||||
margin-top: 12rpx; |
||||
line-height: 60rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.con-content { |
||||
|
||||
color: rgba(108, 108, 108, 1); |
||||
font-size: 24rpx; |
||||
// line-height: 36rpx; |
||||
margin-top: 14rpx; |
||||
flex: 1; |
||||
|
||||
text { |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 2; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
line-height: 1.5em; |
||||
/* 这个值根据你的需求调整，这里假设为1.5倍行高 */ |
||||
max-height: 3em; |
||||
/* 3行的高度 */ |
||||
width: 100%; |
||||
/* 根据需要设置宽度 */ |
||||
word-wrap: break-word; |
||||
/* 允许在单词内换行 */ |
||||
word-break: break-all; |
||||
/* 允许在任意字符处换行 */ |
||||
} |
||||
} |
||||
|
||||
.con-btn { |
||||
margin-top: 56rpx; |
||||
margin-bottom: 32rpx; |
||||
display: inline-block; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,99 @@ |
||||
<template> |
||||
<view class="page-css"> |
||||
<view class="info"> |
||||
<view class="info_title">基本信息</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">单位名称：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">巡检项目名称：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">项目地址：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
</view> |
||||
<view class="info"> |
||||
<view class="info_title">巡检配置</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">巡检内容：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">任务开始时间：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
<view class="info_item"> |
||||
<text class="item_left_txt">预约上门时间：</text> |
||||
<text class="item_right_txt">张三</text> |
||||
</view> |
||||
</view> |
||||
<view class="info"> |
||||
<view class="info_title">巡检任务</view> |
||||
<detailsCollapse></detailsCollapse> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
<script> |
||||
import detailsCollapse from './components/detailsCollapse.vue' |
||||
export default { |
||||
components: { |
||||
detailsCollapse, |
||||
}, |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
.page-css { |
||||
width: 100%; |
||||
padding: 0; |
||||
padding-top: 26rpx; |
||||
padding-bottom: 180rpx; |
||||
|
||||
.info { |
||||
margin: 0 24rpx 20rpx; |
||||
border-radius: 20rpx; |
||||
background-color: rgba(255, 255, 255, 1); |
||||
padding: 6rpx 0 34rpx; |
||||
|
||||
.info_title { |
||||
line-height: 60rpx; |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 32rpx; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-bold; |
||||
margin: 18rpx 0 0rpx 20rpx; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.info_item { |
||||
padding: 4rpx 20rpx 0; |
||||
|
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.item_left_txt { |
||||
color: rgba(108, 108, 108, 1); |
||||
font-size: 28rpx; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-regular; |
||||
width: 210rpx; |
||||
margin-right: 20rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
|
||||
.item_right_txt { |
||||
max-width: calc(100% - 220rpx); |
||||
color: rgba(0, 0, 0, 1); |
||||
font-size: 28rpx; |
||||
// text-align: left; |
||||
text-align: justify; |
||||
font-family: SourceHanSansSC-regular; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,97 @@ |
||||
<template> |
||||
<view style="width: 100%;height: 100vh;"> |
||||
<map :scale="scale" style="width: 100%; height: 100%;" :show-compass="true" |
||||
:enable-overlooking="false" :enable-satellite="false" :enable-traffic="true" :show-location="true" |
||||
:latitude="latitude" :longitude="longitude" :markers="markers" > |
||||
</map> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
scale: 12,//地图的缩放 5-18取值 |
||||
latitude: 30.64525,//蓝色点的位置---自己当前的位置 纬度 |
||||
longitude: 114.17240, //自己当 前位置的经度 |
||||
markers: [{ |
||||
id: 1, |
||||
latitude: 30.51242,//门店图片点的 纬度 |
||||
longitude: 114.18055,//经度 |
||||
height: 80,//图片的宽高 |
||||
width: 80, |
||||
callout: { |
||||
color: '#007AFF', // 文本颜色 |
||||
bgColor: '#fff', // 背景色 |
||||
display: "ALWAYS", // 'BYCLICK':点击显示; 'ALWAYS':常显 |
||||
fontSize: 15, |
||||
textAlign: 'left', // 文本对齐方式。有效值: left, right, center |
||||
padding: 10, // 文本边缘留白 |
||||
borderRadius: 5, |
||||
content: '距离5km', |
||||
}, |
||||
|
||||
iconPath: 'https://zpkoss.oss-cn-shenzhen.aliyuncs.com/newsys/dms_app/logo/house.jpg'//图 |
||||
}, ] |
||||
}; |
||||
}, |
||||
methods: { |
||||
//计算距离的方法实现 |
||||
rad(d) { |
||||
return d * Math.PI / 180.0; |
||||
}, |
||||
// 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度 |
||||
getDistances(lat1, lng1, lat2, lng2) { |
||||
var radLat1 = this.rad(lat1); |
||||
var radLat2 = this.rad(lat2); |
||||
var a = radLat1 - radLat2; |
||||
var b = this.rad(lng1) - this.rad(lng2); |
||||
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + |
||||
Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2))); |
||||
s = s * 6378.137; |
||||
s = Math.round(s * 10000) / 10000; |
||||
|
||||
var distance = s; |
||||
var distance_str = ""; |
||||
|
||||
if (parseInt(distance) >= 1) { |
||||
distance_str = distance.toFixed(2) + "km"; |
||||
} else { |
||||
distance_str = (distance * 1000).toFixed(2) + "m"; |
||||
} |
||||
let objData = { |
||||
distance: distance, |
||||
distance_str: distance_str |
||||
} |
||||
this.markers[0].callout.content = '距离您' + objData.distance_str |
||||
} |
||||
}, |
||||
mounted() { |
||||
let that = this |
||||
//获取当前位置 |
||||
uni.getLocation({ |
||||
type: 'wgs84', |
||||
geocode: true, //设置该参数为true可直接获取经纬度及城市信息 |
||||
success: function(res) { |
||||
console.log(res) |
||||
that.latitude = res.latitude//当前位置 |
||||
that.longitude = res.longitude |
||||
that.markers[0].latitude = 30.51242//配送员位置 可调接口实时获取并且赋值 |
||||
that.markers[0].longitude = 114.18055 |
||||
}, |
||||
fail: function() { |
||||
uni.showToast({ |
||||
title: '获取地址失败，将导致部分功能不可用', |
||||
icon: 'none' |
||||
}); |
||||
} |
||||
}); |
||||
//调用计算距离方法 |
||||
this.getDistances(30.64525, 114.17240, 30.51242, 114.18055) |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -1,35 +1,76 @@ |
||||
// 工作台
|
||||
// 工作台 客服看到的菜单
|
||||
const ordinary = [{ |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "接单记录", |
||||
pagePath: "pages/order/tasking", |
||||
}, { |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "巡检计划", |
||||
pagePath: "pages/inspection/plan", |
||||
}, { |
||||
iconPath: "account", |
||||
selectedIconPath: "account-fill", |
||||
text: "我的", |
||||
pagePath: "pages/my/my", |
||||
}] |
||||
|
||||
// 客户看到的页面
|
||||
const member = [{ |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "工作台", |
||||
pagePath: "pages/home/index", |
||||
}, |
||||
{ |
||||
iconPath: "https://cdn.uviewui.com/uview/common/min_button.png", |
||||
selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png", |
||||
text: "一键报送", |
||||
pagePath: "pages/submission/index", |
||||
}, { |
||||
iconPath: "account", |
||||
selectedIconPath: "account-fill", |
||||
text: "我的", |
||||
pagePath: "pages/my/my", |
||||
}, |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "工作台", |
||||
pagePath: "pages/home/index", |
||||
}, |
||||
{ |
||||
iconPath: "https://cdn.uviewui.com/uview/common/min_button.png", |
||||
selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png", |
||||
text: "一键报送", |
||||
pagePath: "pages/submission/index", |
||||
}, { |
||||
iconPath: "account", |
||||
selectedIconPath: "account-fill", |
||||
text: "我的", |
||||
pagePath: "pages/my/my", |
||||
}, |
||||
] |
||||
// 维修负责人看到的页面
|
||||
const manage = [{ |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "接单记录", |
||||
pagePath: "pages/order/tasking", |
||||
}, { |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "巡检计划", |
||||
pagePath: "pages/inspection/plan", |
||||
}, { |
||||
iconPath: "account", |
||||
selectedIconPath: "account-fill", |
||||
text: "我的", |
||||
pagePath: "pages/my/my", |
||||
}] |
||||
// 维修人员 看到的菜单
|
||||
const repair = [{ |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "接单记录", |
||||
pagePath: "pages/order/tasking", |
||||
}, { |
||||
iconPath: "photo", |
||||
selectedIconPath: "photo-fill", |
||||
text: "维修任务", |
||||
pagePath: "pages/inspection/quest", |
||||
}, { |
||||
iconPath: "account", |
||||
selectedIconPath: "account-fill", |
||||
text: "我的", |
||||
pagePath: "pages/my/my", |
||||
}] |
||||
export default { |
||||
ordinary, |
||||
member |
||||
member, |
||||
manage, |
||||
repair |
||||
} |
||||
Loading…
Reference in new issue