285 lines
7.4 KiB
Vue
285 lines
7.4 KiB
Vue
<template>
|
||
<view>
|
||
<view class="barBox fixedheader">
|
||
<!-- <headers :showBack="true">
|
||
<view class="title">
|
||
<view class="backBtn">
|
||
<view>
|
||
<span class="back" @click="goBack()">返回</span>
|
||
<span class="tip">违章处置</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</headers> -->
|
||
<headers :showBack="true">
|
||
<view class="headerName">
|
||
违章处置
|
||
</view>
|
||
</headers>
|
||
</view>
|
||
<view class="content">
|
||
<view class="row-line">
|
||
<view class="row-label">
|
||
<text style="color: firebrick;">*</text>
|
||
<text>处置结果</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<!-- <text style="color: #d8d8d8;">已处置</text> -->
|
||
<!-- <radio-group @change="isShowContent" v-model="alarmItem.handleResult"> -->
|
||
<radio-group :value="alarmItem.handleResult">
|
||
<!-- <radio :value="1" checked="true">已处置</radio>
|
||
<radio :value="2" disabled="true" style="">误报忽略</radio> -->
|
||
<radio :disabled="true" :checked="alarmItem.handleResult == 1">已处置</radio>
|
||
<radio :disabled="true" :checked="alarmItem.handleResult == 2">误报忽略</radio>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="row-line" v-show="alarmItem.handleResult === 1">
|
||
<view class="row-label">
|
||
<text>描述</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<textarea style="background-color: #e1e1e1;" disabled :value="alarmItem.desc" @blur="bindTextAreaBlur" />
|
||
</view>
|
||
</view> -->
|
||
<view class="row-line" v-show="alarmItem.handleResult === 1">
|
||
<view class="row-label">
|
||
<text style="color: firebrick;">*</text>
|
||
<text>违章人员</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<view style="background-color: #F3F5F7;" class="row-select">
|
||
<text style="margin-left: 26rpx;">{{alarmItem.workerInfoStr}}</text>
|
||
</view>
|
||
<!-- <select v-model="alarmItem.workerInfoStr" class="row-select">
|
||
<option :value="alarmItem.workerInfoStr" checked="true" disabled>{{alarmItem.workerInfoStr}}</option>
|
||
</select> -->
|
||
</view>
|
||
</view>
|
||
<view class="row-line" v-if="projectInfoType.isShowDisposeType == 1">
|
||
<view class="row-label">
|
||
<text style="color: firebrick;">*</text>
|
||
<text>处置方式</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<!-- <text style="color: #d8d8d8;">已处置</text> -->
|
||
<!-- <radio-group @change="isShowContent" v-model="alarmItem.handleResult"> -->
|
||
<radio-group :value="alarmItem.handleType">
|
||
<!-- <radio :value="1" checked="true">已处置</radio>
|
||
<radio :value="2" disabled="true" style="">误报忽略</radio> -->
|
||
<radio :disabled="true" :checked="alarmItem.handleType == 1">违章再教育</radio>
|
||
<radio :disabled="true" :checked="alarmItem.handleType == 2">加入黑名单</radio>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view class="row-line" v-show="alarmItem.handleResult === 1 && projectInfoType.isEnableDeduct == 1">
|
||
<view class="row-label">
|
||
<text style="color: firebrick;">*</text>
|
||
<text>扣</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<view class="row-input" style="background-color: #e1e1e1;">
|
||
<!-- <input disabled="true" style="margin-left: 26rpx;" v-model="alarmItem.deductScore" class="uni-input" type="number" placeholder=""/> -->
|
||
<text style="margin-left: 26rpx;">{{alarmItem.deductScore}}</text>
|
||
</view>
|
||
<text style="display: flex;align-items: center;margin-left: 20rpx;">分</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="confirm-btn" @click="confirm">
|
||
<view class="inner-btn">确认</view>
|
||
</view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
handleResult: '',
|
||
dispositionForm: {
|
||
workerId: '',
|
||
desc: '',
|
||
deductScore: '',
|
||
},
|
||
workerList: [],
|
||
workerInfoList: [],
|
||
handleResult: '',
|
||
handleType: '',
|
||
alarmItem: {},
|
||
projectInfoType: {},
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.alarmItem = JSON.parse(decodeURIComponent(option.item));
|
||
this.alarmItem.deductScore =this.alarmItem.aiDeductRule ? this.alarmItem.aiDeductRule.deductScore : 0;
|
||
// this.handleResult = this.alarmItem.handleResult
|
||
console.log('alarmItem',this.alarmItem)
|
||
},
|
||
mounted() {
|
||
this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||
this.projectInfoType = JSON.parse(uni.getStorageSync('projectInfoType'));
|
||
// this.getWorkerList()
|
||
},
|
||
methods: {
|
||
getWorkerList(){
|
||
this.sendRequest({
|
||
url: 'xmgl/workerInfo/selectWorkerInfoList',
|
||
method: "post",
|
||
data: {
|
||
projectSn: this.projectSn,
|
||
},
|
||
success: res => {
|
||
if (res.code == 200) {
|
||
console.log('workerListRes', res)
|
||
this.workerList = res.result.records
|
||
}
|
||
}
|
||
})
|
||
},
|
||
// isShowContent(e){
|
||
// this.handleResult = e.detail.value
|
||
// if(this.handleResult === 2){
|
||
// this.cleanForm()
|
||
// }
|
||
// console.log(this.dispositionForm);
|
||
// },
|
||
cleanForm(){
|
||
this.dispositionForm.workerId = ''
|
||
this.dispositionForm.desc = ''
|
||
this.dispositionForm.deductScore = ''
|
||
},
|
||
bindTextAreaBlur(e) {
|
||
this.dispositionForm.desc = e.detail.value
|
||
console.log(e.detail.value)
|
||
},
|
||
change(e) {
|
||
console.log("e:", e);
|
||
},
|
||
bindPickerChange: function(e) {
|
||
console.log('picker发送选择改变，携带值为', e.detail.value)
|
||
this.index = e.detail.value
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.confirm-btn{
|
||
width: 100%;
|
||
height: 90rpx;
|
||
position: absolute;
|
||
bottom: 5%;
|
||
display: flex;
|
||
justify-content: center;
|
||
.inner-btn{
|
||
width: 65%;
|
||
height: 90rpx;
|
||
color: #fff;
|
||
background-color: #5181f6;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
border-radius: 10rpx;
|
||
}
|
||
}
|
||
.content{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
.row-line{
|
||
margin-top: 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
width: 100%;
|
||
.row-label{
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
width: 30%;
|
||
}
|
||
.row-content{
|
||
width: 70%;
|
||
margin-left: 40rpx;
|
||
display: flex;
|
||
radio{
|
||
margin-right: 20rpx;
|
||
}
|
||
:deep(uni-textarea ){
|
||
width: 70%;
|
||
height: 200rpx;
|
||
padding: 26rpx 28rpx;
|
||
box-sizing: border-box;
|
||
font-size: 28rpx;
|
||
border: 1px solid #e1e1e1;
|
||
border-radius: 6rpx;
|
||
.uni-textarea-compute {
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow: auto;
|
||
}
|
||
}
|
||
.row-select{
|
||
width: 70%;
|
||
height: 68rpx;
|
||
border: 1px solid #e1e1e1;
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 6rpx;
|
||
}
|
||
.row-input{
|
||
width: 60%;
|
||
height: 68rpx;
|
||
border: 1px solid #e1e1e1;
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 6rpx;
|
||
}
|
||
:deep( .uni-radio-input.uni-radio-input-disabled ){
|
||
border: 2rpx solid #707070;
|
||
background-color: white !important;
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
}
|
||
|
||
:deep( .uni-radio-input.uni-radio-input-checked:before ){
|
||
content: '';
|
||
background-color: #9F9F9F;
|
||
width: 24rpx;
|
||
height: 24rpx;
|
||
border-radius: 50%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.barBox {
|
||
background-color: #5181F6;
|
||
}
|
||
|
||
.title {
|
||
height: 44px;
|
||
line-height: 44px;
|
||
font-size: 40rpx;
|
||
width: 750rpx;
|
||
// background-color: #5181F6;
|
||
// color: #fff;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
|
||
|
||
.backBtn {
|
||
font-size: 30rpx;
|
||
position: absolute;
|
||
left: 20%;
|
||
}
|
||
|
||
.back {
|
||
font-size: 24rpx;
|
||
}
|
||
|
||
.tip {
|
||
margin-left: 5rem;
|
||
}
|
||
</style> |