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> |