233 lines
6.5 KiB
Vue
233 lines
6.5 KiB
Vue
<template>
|
||
<view>
|
||
<view class="myContainer redMi acceptTitle">验收评价</view>
|
||
<view class="myContainer myContentBox">
|
||
<view class="star_content">
|
||
<view class="star_name">完成效率</view>
|
||
<view class="star">
|
||
<uni-rate :value="value1" active-color="#3382FF" color="#C1C1C1" @change="changeValue1"></uni-rate>
|
||
</view>
|
||
</view>
|
||
<view class="star_content">
|
||
<view class="star_name">完成质量</view>
|
||
<view class="star">
|
||
<uni-rate :value="value2" active-color="#3382FF" color="#C1C1C1" @change="changeValue2"></uni-rate>
|
||
</view>
|
||
</view>
|
||
<view class="star_content">
|
||
<view class="star_name">工作态度</view>
|
||
<view class="star">
|
||
<uni-rate :value="value3" active-color="#3382FF" color="#C1C1C1" @change="changeValue3" ></uni-rate>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="myContainer redMi acceptTitle">验收意见</view>
|
||
<view class="myContainer myContentBox">
|
||
<textarea placeholder="请输入验收意见" class="mytextarea" v-model="content"></textarea>
|
||
</view>
|
||
<view class="myContainer myContentBox">
|
||
<view class="myItemBox">
|
||
<view class="myItemBox_name">验收结果</view>
|
||
<view class="myItemBox_value" @click="showSinglePicker" :value="result.level_label">{{result.level_label}}</view>
|
||
<uni-icons type="arrowright" class="myarrowright"></uni-icons>
|
||
</view>
|
||
<view class="myItemBox" @click="onShowDatePicker()">
|
||
<view class="myItemBox_name">验收时间</view>
|
||
<view >
|
||
<view class="myItemBox_value">{{timevalue!=''?timevalue:"请选择时间"}}</view>
|
||
<img src="../../static/img/dateIcon.png" class="riliIcon" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="fixMargin"></view>
|
||
<view class="fixBottom">
|
||
<button type="primary" style="width: 100%;" @click="submit">确认验收</button>
|
||
</view>
|
||
<mx-datepicker type="datetime" :value="timevalue" :show="showPicker" @confirm="onSelected" @cancel="onSelected"></mx-datepicker>
|
||
<mpvue-picker themeColor="#007AFF" ref="mpvuePicker" mode="selector" :deepLength="deepLength"
|
||
@onConfirm="pickerConfirm" :pickerValueArray="resultArray"></mpvue-picker>
|
||
<view class="goHome" @click='goMain()'>
|
||
<img src="../../static/img/gohome.png">
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import uniRate from "@/components/uni-rate/uni-rate.vue";
|
||
import mpvuePicker from '@/components/mpvue-picker/mpvuePicker.vue';
|
||
import uniIcons from "@/components/uni-icons/uni-icons.vue"
|
||
import mxDatepicker from '@/components/mx-datepicker/mx-datepicker.vue'
|
||
export default {
|
||
components: {uniRate,uniIcons,mxDatepicker,mpvuePicker},
|
||
data(){
|
||
return{
|
||
id:'',
|
||
showPicker: false,
|
||
timevalue: '',
|
||
value1:0,
|
||
value2:0,
|
||
value3:0,
|
||
content:'',
|
||
deepLength:1,
|
||
resultArray:[],
|
||
result:{
|
||
level_value:'',
|
||
level_label:''
|
||
},
|
||
pickerValueDefault:[0]
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
var _this = this;
|
||
let d = new Date();
|
||
this.id = option.id;
|
||
if (this.id == undefined) {
|
||
uni.reLaunch({
|
||
url: 'eqRepair'
|
||
});
|
||
return false;
|
||
}
|
||
this.timevalue=d.getFullYear()+'-'+this.formatDate(d.getMonth()+1)+"-"+this.formatDate(d.getDate())+' '+this.formatDate(d.getHours())+":"+this.formatDate(d.getMinutes())
|
||
|
||
//初始化获取 任务等级数据字典。
|
||
this.$http.request({
|
||
url: '/apis/dict/getDictsByType',
|
||
params: {
|
||
type: 'acceptance_result'
|
||
},
|
||
}).then(res=>{
|
||
if(res.statusCode == '200'){
|
||
var useType = res.data.datas;
|
||
for (let i = 0; i < useType.length; i++) {
|
||
var myVal=
|
||
{
|
||
'label': useType[i].name,
|
||
'value': useType[i].id
|
||
}
|
||
_this.resultArray.push(myVal);
|
||
}
|
||
if(!_this.result.level_value){
|
||
_this.result.level_value = useType[0].id;
|
||
_this.result.level_label = useType[0].name;
|
||
}
|
||
}
|
||
}).catch(err=>{
|
||
console.log(err);
|
||
});
|
||
},
|
||
methods:{
|
||
formatDate(v){
|
||
v=v.toString();
|
||
if(v.length<2){
|
||
return '0'+v;
|
||
}else{
|
||
return v;
|
||
}
|
||
},
|
||
changeValue1(v){
|
||
this.value1=v.value;
|
||
},
|
||
changeValue2(v){
|
||
this.value2=v.value;
|
||
},
|
||
changeValue3(v){
|
||
this.value3=v.value;
|
||
},
|
||
pickerConfirm(e){
|
||
this.result.level_label = e.label;
|
||
this.result.level_value = e.value[0];
|
||
},
|
||
showSinglePicker() {
|
||
this.pickerValueDefault = [0];
|
||
this.$refs.mpvuePicker.show();
|
||
},
|
||
bindPickerChange: function(e) {
|
||
this.index = e.target.value
|
||
},
|
||
onShowDatePicker() { //显示
|
||
this.showPicker = true;
|
||
},
|
||
onSelected(e) { //选择
|
||
this.showPicker = false;
|
||
if (e) {
|
||
this.timevalue = e.value;
|
||
//选择的值
|
||
// console.log('value => ' + e.value);
|
||
//原始的Date对象
|
||
// console.log('date => ' + e.date);
|
||
}
|
||
},
|
||
submit(){
|
||
|
||
if(this.value1==0||this.value2==0||this.value3==0){
|
||
uni.showToast({
|
||
title: '请填写验收评价',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
return false;
|
||
}
|
||
if(this.content.trim()==''){
|
||
uni.showToast({
|
||
title: '请填写验收意见',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
return false;
|
||
}
|
||
var json_ = {
|
||
eventId: this.id,
|
||
result: this.result.level_value,
|
||
content:this.content,
|
||
// checkTime:this.timevalue, //pc端暂时没有用到。所以这里先注释掉。界面暂时不变。
|
||
xlGrade:this.value1,
|
||
qaGrade:this.value2,
|
||
tdGrade:this.value3
|
||
}
|
||
|
||
var _this = this;
|
||
this.$http.request({
|
||
url: '/apis/repairCheck/completeCheck',
|
||
params: json_,
|
||
}).then(res => {
|
||
if (res.data.code == 0) {
|
||
uni.showToast({
|
||
title: '提交成功',
|
||
icon: 'none',
|
||
duration: 1000
|
||
});
|
||
setTimeout(function(){
|
||
//这里如何确定是2？在评价之前，如果我查看详情，所以这里就不能是2。因此，暂时跳转页面处理。
|
||
// _this.$eventHub.$emit('changestate',{id:_this.id,state:"已验收"});
|
||
// uni.navigateBack({
|
||
// delta: 2
|
||
// });
|
||
uni.navigateTo({
|
||
url: "repairDetail?id="+_this.id
|
||
});
|
||
},1000)
|
||
|
||
}else{
|
||
uni.showToast({
|
||
title: '提交失败，请稍后重试',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(err => {});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
.mytextarea{
|
||
width: 100%;
|
||
height: 280upx;
|
||
padding: 20upx;
|
||
box-sizing: border-box;
|
||
font-size: 28upx;
|
||
}
|
||
</style>
|