383 lines
10 KiB
Vue
383 lines
10 KiB
Vue
|
<template>
|
|||
|
|
<view class="fullHeight">
|
|||
|
|
<headers :showBack="true">
|
|||
|
|
<view class="headerName">
|
|||
|
|
样品录入
|
|||
|
|
</view>
|
|||
|
|
</headers>
|
|||
|
|
<scroll-view scroll-y="true" class="pageContent bgWhite">
|
|||
|
|
<view class="formBox">
|
|||
|
|
<form @submit="formSubmit">
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>设备
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<picker @change="bindPickerChange3" :value="devIndex" :range="devList"
|
|||
|
|
range-key="laboratoryName">
|
|||
|
|
<view class="uni-input uni-select" v-if="devList.length>0">
|
|||
|
|
{{devList[devIndex].laboratoryName}}
|
|||
|
|
<image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-input uni-select cl" v-else>
|
|||
|
|
请选择 <image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>样品类型
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<picker @change="bindPickerChange2" :value="sampleTypeIndex" :range="sampleTypeList"
|
|||
|
|
range-key="sampleTypeName">
|
|||
|
|
<view class="uni-input" v-if="sampleTypeIndex!=null">
|
|||
|
|
{{sampleTypeList[sampleTypeIndex].sampleTypeName}}
|
|||
|
|
<image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-input uni-select cl" v-else>
|
|||
|
|
请选择 <image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>养护周期(天)
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<input disabled class="uni-input disabled" placeholder-class="cl" name="curingPeriod"
|
|||
|
|
v-model="form.curingPeriod" type="number" />
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<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="sampleNo" v-model="form.sampleNo"
|
|||
|
|
placeholder="请输入/扫描" />
|
|||
|
|
<button type="default" class="floatBtn" @click="scanCodeFn()">扫描</button>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>成型时间
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<picker class="datePickerBox datePickerBox1" mode="date" :value="date" :start="startDate"
|
|||
|
|
@change="bindDateChange">
|
|||
|
|
<view class="uni-input cl" v-if="!date">选择日期</view>
|
|||
|
|
<view class="uni-input " v-else>{{date}}</view>
|
|||
|
|
</picker>
|
|||
|
|
<picker class="datePickerBox datePickerBox2" mode="time" :value="time" start="00:00"
|
|||
|
|
end="23:59" @change="bindTimeChange">
|
|||
|
|
<view class="uni-input cl" v-if="!time">选择时间</view>
|
|||
|
|
<view class="uni-input" v-else>{{time}}</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<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="sampleNum" v-model="form.sampleNum"
|
|||
|
|
placeholder="请输入" type="number" />
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
<text class="star">*</text>存放位置
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<picker @change="bindPickerChange" :value="locationIndex" :range="locationData"
|
|||
|
|
range-key="locationName">
|
|||
|
|
<view class="uni-input uni-select cl" v-if="locationIndex==null">
|
|||
|
|
请选择 <image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-input uni-select" v-else>{{locationData[locationIndex].locationName}}
|
|||
|
|
<image class="icon-down" src="../../../../static/icon-down-black.png" mode="">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
</picker>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<view class="uni-form-label">
|
|||
|
|
到期通知人
|
|||
|
|
</view>
|
|||
|
|
<view class="uni-form-input">
|
|||
|
|
<button type="default" class="selectBtn" size="mini" @click="goSelectFn">选择人员
|
|||
|
|
(已选{{selectPersonList.length}}人)</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<button form-type="submit" type="primary" class="btn submitBtn big">保存</button>
|
|||
|
|
</form>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import headers from "../../../../components/headers/headers.vue"
|
|||
|
|
import {
|
|||
|
|
GetDateStr
|
|||
|
|
} from "../../../../static/js/util.js"
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
headers
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
form: {
|
|||
|
|
curingPeriod: "",
|
|||
|
|
devSn: "",
|
|||
|
|
formingTime: "",
|
|||
|
|
locationId: "",
|
|||
|
|
sampleNo: "",
|
|||
|
|
sampleNum: "",
|
|||
|
|
sampleTypeId: "",
|
|||
|
|
projectSn: '',
|
|||
|
|
secondLocationId: ''
|
|||
|
|
},
|
|||
|
|
projectDetail: {},
|
|||
|
|
date: '',
|
|||
|
|
time: '',
|
|||
|
|
locationData: [],
|
|||
|
|
locationDataPicker: [],
|
|||
|
|
locationIndex: null,
|
|||
|
|
sampleTypeList: [],
|
|||
|
|
sampleTypeIndex: null,
|
|||
|
|
devList: [],
|
|||
|
|
devIndex: 0,
|
|||
|
|
selectPersonList: []
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
startDate() {
|
|||
|
|
return GetDateStr(0, '-');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'))
|
|||
|
|
this.getTypeData()
|
|||
|
|
this.loadDevList()
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
if (uni.getStorageSync('person')) {
|
|||
|
|
var person = uni.getStorageSync('person')
|
|||
|
|
if (person.indexOf(',') != -1) {
|
|||
|
|
this.selectPersonList = person.split(',')
|
|||
|
|
} else {
|
|||
|
|
this.selectPersonList = [person]
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//获取类型列表
|
|||
|
|
getTypeData() {
|
|||
|
|
var that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardSampleType/list",
|
|||
|
|
data: {
|
|||
|
|
projectSn: this.projectDetail.projectSn
|
|||
|
|
},
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
that.sampleTypeList = res.result
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 获取存放位置数据
|
|||
|
|
getLocationData() {
|
|||
|
|
var that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardLocation/selectChildrenLocationList",
|
|||
|
|
data: {
|
|||
|
|
projectSn: this.projectDetail.projectSn,
|
|||
|
|
devSn: this.devList[this.devIndex].devSn
|
|||
|
|
},
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
that.locationData = res.result
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 获取设备列表
|
|||
|
|
loadDevList() {
|
|||
|
|
var that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardDev/list",
|
|||
|
|
data: {
|
|||
|
|
projectSn: this.projectDetail.projectSn
|
|||
|
|
},
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
that.devList = res.result
|
|||
|
|
if (that.devList.length > 0) {
|
|||
|
|
that.getLocationData()
|
|||
|
|
// that.isHasVideo()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
bindPickerChange3: function(e) {
|
|||
|
|
console.log('picker发送选择改变，携带值为', e.target.value)
|
|||
|
|
this.devIndex = e.target.value
|
|||
|
|
this.getLocationData()
|
|||
|
|
},
|
|||
|
|
bindPickerChange2: function(e) {
|
|||
|
|
console.log('picker发送选择改变，携带值为', e.target.value)
|
|||
|
|
this.sampleTypeIndex = e.target.value
|
|||
|
|
this.form.curingPeriod = this.sampleTypeList[this.sampleTypeIndex].sampleCuringPeriod
|
|||
|
|
},
|
|||
|
|
bindPickerChange: function(e) {
|
|||
|
|
console.log('picker发送选择改变，携带值为', e.target.value)
|
|||
|
|
this.locationIndex = e.target.value
|
|||
|
|
},
|
|||
|
|
bindDateChange: function(e) {
|
|||
|
|
this.date = e.target.value
|
|||
|
|
},
|
|||
|
|
bindTimeChange: function(e) {
|
|||
|
|
this.time = e.target.value
|
|||
|
|
},
|
|||
|
|
formSubmit(e) {
|
|||
|
|
console.log(e)
|
|||
|
|
var params = e.detail.value
|
|||
|
|
if (this.devIndex == null) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择设备',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.sampleTypeIndex == null) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择样品类型',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (params.curingPeriod == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请填写养护周期',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (params.sampleNo == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请填写样品编号',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.date == '' || this.time == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择成型时间',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (params.sampleNum == '') {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请填写样品数量',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.locationIndex.length == 0 || this.locationIndex == null) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '请选择存放位置',
|
|||
|
|
icon: 'none'
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
params.devSn = this.devList[this.devIndex].devSn
|
|||
|
|
params.projectSn = this.projectDetail.projectSn
|
|||
|
|
params.formingTime = this.date + ' ' + this.time
|
|||
|
|
params.secondLocationId = this.locationData[this.locationIndex].parentId
|
|||
|
|
params.locationId = this.locationData[this.locationIndex].id
|
|||
|
|
params.sampleTypeId = this.sampleTypeList[this.sampleTypeIndex].id
|
|||
|
|
params.expireNotice = this.selectPersonList.join(',')
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: "xmgl/standardSampleRecord/add",
|
|||
|
|
data: params,
|
|||
|
|
method: "POST",
|
|||
|
|
success(res) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '保存成功！'
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
uni.removeStorageSync('person')
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateBack({
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
}, 800)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
goSelectFn() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '../../selectPerson/selectPerson'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
scanCodeFn() {
|
|||
|
|
// 允许从相机和相册扫码
|
|||
|
|
var that = this
|
|||
|
|
uni.scanCode({
|
|||
|
|
// onlyFromCamera: true,
|
|||
|
|
success: function(res) {
|
|||
|
|
console.log('条码类型：' + res.scanType);
|
|||
|
|
console.log('条码内容：' + res.result);
|
|||
|
|
that.form.sampleNo = res.result
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.datePickerBox {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datePickerBox1 {
|
|||
|
|
width: calc(58% - 10rpx);
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datePickerBox2 {
|
|||
|
|
width: 42%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.selectBtn {
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
border: 1px solid #372D66;
|
|||
|
|
color: #372D66;
|
|||
|
|
height: 70rpx;
|
|||
|
|
line-height: 70rpx;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
padding: 0 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.submitBtn {
|
|||
|
|
margin-top: 80rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|