444 lines
12 KiB
Vue
444 lines
12 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) + 'px' }">
|
||
|
||
|
||
<!-- <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: 13px;" v-show="searchForm.opType==6">
|
||
<text class="label" style="color: rgba(72, 141, 236, 1);font-size: 15px;">养护超期提醒：</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>
|
||
</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 2px 16px 0px rgba(212, 220, 236, 0.69);
|
||
padding: 15px;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #2A2B5B;
|
||
position: relative;
|
||
border-radius: 10px;
|
||
margin: 10px 15px 10px;
|
||
.item{
|
||
margin-bottom: 5px;
|
||
}
|
||
.label{
|
||
color: rgba(55, 45, 102, 0.6);
|
||
}
|
||
&.grey{
|
||
.item{
|
||
opacity: 0.4;
|
||
}
|
||
}
|
||
}
|
||
.listBox2{
|
||
width: calc(100% - 90px);
|
||
}
|
||
.statusBox{
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 10px;
|
||
.statusImg{
|
||
width: 76px;
|
||
height: 52px;
|
||
}
|
||
}
|
||
.operateBox{
|
||
border-top: 1px solid rgba(42, 43, 91, 0.1);
|
||
padding-top: 15px;
|
||
margin-top: 15px;
|
||
text-align: center;
|
||
.leftBtn,.rightBtn{
|
||
width: 130px;
|
||
height: 31px;
|
||
border-radius: 20px;
|
||
font-size: 14px;
|
||
line-height: 31px;
|
||
}
|
||
.leftBtn{
|
||
color: rgba(42, 43, 91, 1);
|
||
border: 1px solid rgba(42, 43, 91, 0.4);
|
||
margin-right: 13px;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.rightBtn{
|
||
background-color: rgba(43, 141, 243, 1);
|
||
color: white;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
}
|
||
.operateBtn{
|
||
width: 30px;
|
||
position: absolute;
|
||
right: -30px;
|
||
background-color: RGBA(207, 209, 211, 1);
|
||
top: 10px;
|
||
border-top-right-radius: 10px;
|
||
border-bottom-right-radius: 10px;
|
||
height: calc(100% - 20px);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: white;
|
||
}
|
||
.closeBtn{
|
||
font-size: 15px;
|
||
color: rgba(42, 43, 91, 0.5);
|
||
padding: 10px 0;
|
||
text-align: center;
|
||
}
|
||
.datePickerBox{
|
||
float: left;
|
||
}
|
||
.datePickerBox1{
|
||
width: calc(58% - 0px);
|
||
// margin-right: 5px;
|
||
}
|
||
.datePickerBox2{
|
||
width: 42%;
|
||
}
|
||
</style>
|