474 lines
13 KiB
Vue
474 lines
13 KiB
Vue
|
<template>
|
|||
|
|
<view class="fullHeight bgWhite">
|
|||
|
|
<headers :showBack="true" class="fixedHeaderBox">
|
|||
|
|
<view class="headerName">
|
|||
|
|
{{titleList[searchForm.opType-1]}}
|
|||
|
|
</view>
|
|||
|
|
</headers>
|
|||
|
|
<view class="fixedHeaderPageContent" :style="{ 'padding-top': (statusBarHeight+52) * 1.5 + 'rpx' }">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- <scroll-view scroll-y="true" class="pageContent" :refresher-triggered="triggered" @refresherrefresh="onRefresh" @refresherrestore="onRestore" @scrolltolower="loadMore" refresher-enabled="true" @refresherabort="onAbort" :refresher-threshold="50" scroll-with-animation="true" > -->
|
|||
|
|
<view v-for="(item,index) in list" :key="index" class="listBox"
|
|||
|
|
:class="(searchForm.opType==1||searchForm.opType==6)?'listBox2':item.operateType==1?'grey':''">
|
|||
|
|
<view class="item" style="color: rgba(72, 141, 236, 1);font-size: 26rpx;" v-show="searchForm.opType==6">
|
|||
|
|
<text class="label" style="color: rgba(72, 141, 236, 1);font-size: 30rpx;">养护超期提醒：</text>
|
|||
|
|
{{item.createTime}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<text class="label">试块编号：</text> {{item.sampleNo}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<text class="label">样品类型：</text> {{item.sampleTypeName}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<text class="label">成型时间：</text> {{item.formingTime}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<text class="label">入室时间：</text> {{item.addTime?item.addTime:item.sampleAddTime}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<text class="label">养护周期：</text> {{item.curingPeriod}} 天
|
|||
|
|
</view>
|
|||
|
|
<view class="item" v-show="searchForm.opType!=6">
|
|||
|
|
<text class="label">样品数量：</text> {{item.sampleNum}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item" v-show="item.inspectionNo">
|
|||
|
|
<text class="label">送检编号：</text> {{item.inspectionNo}}
|
|||
|
|
</view>
|
|||
|
|
<view class="item" v-show="item.inspectionTime">
|
|||
|
|
<text class="label">送检时间：</text> {{item.inspectionTime}}
|
|||
|
|
</view>
|
|||
|
|
<view class="operateBox" v-show="searchForm.opType==2">
|
|||
|
|
<view class="leftBtn" @click="operateFn(item,1)">
|
|||
|
|
作废
|
|||
|
|
</view>
|
|||
|
|
<view class="rightBtn" @click="sendToCheck(item)">
|
|||
|
|
送检
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="operateBox" v-show="searchForm.opType==3">
|
|||
|
|
<view class="leftBtn" @click="checkFn(item,2)">
|
|||
|
|
检验不合格
|
|||
|
|
</view>
|
|||
|
|
<view class="rightBtn" @click="checkFn(item,1)">
|
|||
|
|
检验合格
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="operateBtn" v-show="searchForm.opType==1" @click="operateFn(item,1)">
|
|||
|
|
作<br>废
|
|||
|
|
</view>
|
|||
|
|
<view class="operateBtn" v-show="searchForm.opType==6" @click="deleteFn(item)">
|
|||
|
|
删<br>除
|
|||
|
|
</view>
|
|||
|
|
<view class="statusBox" v-show="searchForm.opType==4||searchForm.opType==5">
|
|||
|
|
<image src="/static/markRoomImg/buhegei.png" class="statusImg" v-show="item.qualifiedType==2">
|
|||
|
|
</image>
|
|||
|
|
<image src="/static/markRoomImg/hegei.png" class="statusImg" v-show="item.qualifiedType==1"></image>
|
|||
|
|
<image src="/static/markRoomImg/zuofei.png" class="statusImg" v-show="item.operateType==1"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="placeholderBox" v-show="list.length==0">
|
|||
|
|
<image src="/static/noData.png" class="noDataImg"></image>
|
|||
|
|
<view class="text">
|
|||
|
|
暂无数据
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- </scroll-view> -->
|
|||
|
|
</view>
|
|||
|
|
<view class="loadMoreBox" v-if="isLoadMore">
|
|||
|
|
<uni-load-more :status="loadStatus" iconType="auto"></uni-load-more>
|
|||
|
|
</view>
|
|||
|
|
<dialogs ref="dialogs">
|
|||
|
|
<!-- <template v-slot:title>
|
|||
|
|
{{isAdd?'添加':'编辑'}}
|
|||
|
|
</template> -->
|
|||
|
|
<template v-slot:content>
|
|||
|
|
<view class="formBox2">
|
|||
|
|
<form @submit="formSubmit">
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>送检编号
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<input class="uni-input" placeholder-class="cl" name="inspectionNo"
|
|||
|
|
v-model="form.inspectionNo" placeholder="请输入" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>送检时间
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input" style="overflow: hidden;">
|
|||
|
|
<picker class="datePickerBox datePickerBox1" mode="date" :value="form.date"
|
|||
|
|
@change="bindDateChange">
|
|||
|
|
<view class="uni-input cl" v-if="!form.date">选择日期</view>
|
|||
|
|
<view class="uni-input " v-else>{{form.date}}</view>
|
|||
|
|
</picker>
|
|||
|
|
<picker class="datePickerBox datePickerBox2" mode="time" :value="form.time"
|
|||
|
|
start="00:00" end="23:59" @change="bindTimeChange">
|
|||
|
|
<view class="uni-input cl" v-if="!form.time">选择时间</view>
|
|||
|
|
<view class="uni-input" v-else>{{form.time}}</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<button form-type="submit" type="primary" class="btn submitBtn">送检</button>
|
|||
|
|
<view class="closeBtn" @click="closeDialogFn">
|
|||
|
|
关闭
|
|||
|
|
</view>
|
|||
|
|
</form>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
</dialogs>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import headers from "../../../../components/headers/headers.vue"
|
|||
|
|
import uniLoadMore from "../../../../components/uni-load-more/uni-load-more.vue"
|
|||
|
|
import dialogs from "../../../../components/dialog/dialog.vue"
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
headers,
|
|||
|
|
dialogs,
|
|||
|
|
uniLoadMore
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
list: [],
|
|||
|
|
titleList: ['养护中', '到期样品', '送检中样品', '历史养护台账', '历史送检台账', '超期提醒'],
|
|||
|
|
searchForm: {
|
|||
|
|
opType: 1,
|
|||
|
|
devSn: '',
|
|||
|
|
endTime: '',
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 5,
|
|||
|
|
projectSn: '',
|
|||
|
|
startTime: ''
|
|||
|
|
},
|
|||
|
|
loadStatus: 'more', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
|
|||
|
|
isLoadMore: false, //是否加载中
|
|||
|
|
form: {
|
|||
|
|
inspectionNo: '',
|
|||
|
|
date: '',
|
|||
|
|
time: ''
|
|||
|
|
},
|
|||
|
|
itemId: '',
|
|||
|
|
// triggered: false,
|
|||
|
|
// _freshing: false,
|
|||
|
|
// isLoading:true,//加载中
|
|||
|
|
// totalSize:0,
|
|||
|
|
statusBarHeight: 0
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
this.statusBarHeight = uni.getStorageSync('systemInfo').statusBarHeight
|
|||
|
|
this.searchForm.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn
|
|||
|
|
this.searchForm.opType = parseInt(options.opType)
|
|||
|
|
this.searchForm.devSn = options.devSn
|
|||
|
|
this.loadData()
|
|||
|
|
// this._freshing = false;
|
|||
|
|
// setTimeout(() => {
|
|||
|
|
// this.triggered = true;//触发onRefresh来加载自己的数据，如果不用这种方式，不要在此改变triggered的值
|
|||
|
|
// this.loadData()
|
|||
|
|
// }, 1000)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onReachBottom() {
|
|||
|
|
if (!this.isLoadMore) { //此处判断，上锁，防止重复请求
|
|||
|
|
this.isLoadMore = true
|
|||
|
|
this.searchForm.pageNo += 1
|
|||
|
|
this.loadData()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
this.searchForm.pageNo = 1
|
|||
|
|
this.list = []
|
|||
|
|
this.loadData()
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// async loadMore(){
|
|||
|
|
// console.log('loadMore')
|
|||
|
|
// if(this.totalSize == this.list.length || this.isLoading){
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// this.searchForm.pageNo += 1
|
|||
|
|
// await this.loadData()
|
|||
|
|
// },
|
|||
|
|
// // 自定义下拉刷新控件被下拉
|
|||
|
|
// async onPulling(e) {
|
|||
|
|
// console.log('onPulling')
|
|||
|
|
// this.triggered = true; // 需要重置
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// // 自定义下拉刷新被触发
|
|||
|
|
// async onRefresh() {
|
|||
|
|
// console.log('onRefresh')
|
|||
|
|
// if (this._freshing) return;
|
|||
|
|
// this._freshing = true;
|
|||
|
|
// if (!this.triggered) this.triggered = true; //界面下拉触发，triggered可能不是true，要设为true
|
|||
|
|
// const isRefresh = true
|
|||
|
|
|
|||
|
|
// this.triggered = false;
|
|||
|
|
// this._freshing = false;
|
|||
|
|
// this.searchForm.pageNo == 1
|
|||
|
|
// this.list=[]
|
|||
|
|
// await this.loadData(isRefresh)
|
|||
|
|
// },
|
|||
|
|
// // 自定义下拉刷新被复位
|
|||
|
|
// onRestore() {
|
|||
|
|
// console.log('onRestore')
|
|||
|
|
// this.triggered = false; // 需要重置
|
|||
|
|
// },
|
|||
|
|
// // 自定义下拉刷新被中止
|
|||
|
|
// onAbort() {
|
|||
|
|
// console.log('onAbort')
|
|||
|
|
// this.triggered = false;
|
|||
|
|
// },
|
|||
|
|
bindDateChange: function(e) {
|
|||
|
|
this.form.date = e.target.value
|
|||
|
|
},
|
|||
|
|
bindTimeChange: function(e) {
|
|||
|
|
this.form.time = e.target.value
|
|||
|
|
},
|
|||
|
|
closeDialogFn() {
|
|||
|
|
this.$refs.dialogs.hideFn()
|
|||
|
|
},
|
|||
|
|
checkFn(item, qualifiedType) {
|
|||
|
|
var params = {};
|
|||
|
|
params.qualifiedType = qualifiedType
|
|||
|
|
params.id = item.id
|
|||
|
|
this.editFn(params)
|
|||
|
|
},
|
|||
|
|
sendToCheck(item) {
|
|||
|
|
this.form = {
|
|||
|
|
inspectionNo: '',
|
|||
|
|
date: '',
|
|||
|
|
time: ''
|
|||
|
|
}
|
|||
|
|
this.itemId = item.id
|
|||
|
|
this.$refs.dialogs.showFn()
|
|||
|
|
},
|
|||
|
|
formSubmit(e) {
|
|||
|
|
if (this.form.inspectionNo == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请输入送检编号',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
if (this.form.date == '' || this.form.time == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择送检时间',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
var params = {
|
|||
|
|
id: this.itemId
|
|||
|
|
}
|
|||
|
|
params.inspectionNo = this.form.inspectionNo
|
|||
|
|
params.inspectionTime = this.form.date + ' ' + this.form.time
|
|||
|
|
params.operateType = 2
|
|||
|
|
this.editFn(params)
|
|||
|
|
},
|
|||
|
|
operateFn(item, operateType) {
|
|||
|
|
var params = {};
|
|||
|
|
params.operateType = operateType
|
|||
|
|
params.id = item.id
|
|||
|
|
this.editFn(params)
|
|||
|
|
},
|
|||
|
|
editFn(params) {
|
|||
|
|
var that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardSampleRecord/edit",
|
|||
|
|
data: params,
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '操作成功！'
|
|||
|
|
})
|
|||
|
|
that.closeDialogFn()
|
|||
|
|
that.list = []
|
|||
|
|
that.loadData()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
deleteFn(item) {
|
|||
|
|
var that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardSampleNotice/delete",
|
|||
|
|
data: {
|
|||
|
|
id: item.id + ''
|
|||
|
|
},
|
|||
|
|
method: "DELETE",
|
|||
|
|
header: {
|
|||
|
|
'content-type': "application/x-www-form-urlencoded"
|
|||
|
|
},
|
|||
|
|
success(res) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '操作成功！'
|
|||
|
|
})
|
|||
|
|
that.list = []
|
|||
|
|
that.loadData()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
loadData() {
|
|||
|
|
console.log('loadData')
|
|||
|
|
this.isLoading = true
|
|||
|
|
var that = this
|
|||
|
|
var url = "xmgl/standardSampleRecord/selectStandardSamplePageList"
|
|||
|
|
if (this.searchForm.opType == 6) {
|
|||
|
|
url = "xmgl/standardSampleNotice/selectStandardSampleNoticePageList"
|
|||
|
|
}
|
|||
|
|
// that.loadStatus='loading'
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: url,
|
|||
|
|
data: this.searchForm,
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
// that.isLoading=false
|
|||
|
|
// that.totalSize=res.result.total
|
|||
|
|
that.list = that.list.concat(res.result.records)
|
|||
|
|
if (res.result.records.length < that.searchForm.pageSize) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
|||
|
|
that.isLoadMore = true
|
|||
|
|
that.loadStatus = 'nomore'
|
|||
|
|
} else {
|
|||
|
|
that.isLoadMore = false
|
|||
|
|
// that.loadStatus='more'
|
|||
|
|
}
|
|||
|
|
uni.stopPullDownRefresh()
|
|||
|
|
console.log('that.isLoadMore', that.isLoadMore)
|
|||
|
|
},
|
|||
|
|
error(res) {
|
|||
|
|
// uni.showToast({title:res.data.msg,icon:'none'})
|
|||
|
|
that.isLoadMore = false
|
|||
|
|
that.isLoading = false
|
|||
|
|
// that.loadStatus='more'
|
|||
|
|
if (that.searchForm.pageNo > 1) {
|
|||
|
|
that.searchForm.pageNo -= 1
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
// .fixedHeaderPageContent{
|
|||
|
|
// position: relative;
|
|||
|
|
// }
|
|||
|
|
.listBox {
|
|||
|
|
box-shadow: 0px 4rpx 32rpx 0px rgba(212, 220, 236, 0.69);
|
|||
|
|
padding: 30rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #2A2B5B;
|
|||
|
|
position: relative;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
margin: 20rpx 30rpx 20rpx;
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.label {
|
|||
|
|
color: rgba(55, 45, 102, 0.6);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&.grey {
|
|||
|
|
.item {
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.listBox2 {
|
|||
|
|
width: calc(100% - 90px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.statusBox {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 20rpx;
|
|||
|
|
top: 20rpx;
|
|||
|
|
|
|||
|
|
.statusImg {
|
|||
|
|
width: 76px;
|
|||
|
|
height: 54rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.operateBox {
|
|||
|
|
border-top: 1px solid rgba(42, 43, 91, 0.1);
|
|||
|
|
padding-top: 30rpx;
|
|||
|
|
margin-top: 30rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
.leftBtn,
|
|||
|
|
.rightBtn {
|
|||
|
|
width: 130px;
|
|||
|
|
height: 31px;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
line-height: 31px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.leftBtn {
|
|||
|
|
color: rgba(42, 43, 91, 1);
|
|||
|
|
border: 1px solid rgba(42, 43, 91, 0.4);
|
|||
|
|
margin-right: 26rpx;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: top;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rightBtn {
|
|||
|
|
background-color: rgba(43, 141, 243, 1);
|
|||
|
|
color: white;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: top;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.operateBtn {
|
|||
|
|
width: 60rpx;
|
|||
|
|
position: absolute;
|
|||
|
|
right: -60rpx;
|
|||
|
|
background-color: RGBA(207, 209, 211, 1);
|
|||
|
|
top: 20rpx;
|
|||
|
|
border-top-right-radius: 20rpx;
|
|||
|
|
border-bottom-right-radius: 20rpx;
|
|||
|
|
height: calc(100% - 40rpx);
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.closeBtn {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: rgba(42, 43, 91, 0.5);
|
|||
|
|
padding: 20rpx 0;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datePickerBox {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datePickerBox1 {
|
|||
|
|
width: calc(58% - 0px);
|
|||
|
|
// margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datePickerBox2 {
|
|||
|
|
width: 42%;
|
|||
|
|
}
|
|||
|
|
</style>
|