397 lines
9.5 KiB
Vue
397 lines
9.5 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 class="" :showBack="true">
|
||
<view class="headerName">
|
||
违章处置
|
||
</view>
|
||
</headers>
|
||
</view>
|
||
<view class="content">
|
||
<!-- <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: #e1e1e1;" class="row-select">
|
||
<text style="margin-left: 26rpx;">{{alarmTypeName(alarmItem.alarmType)}}</text>
|
||
</view>
|
||
</view>
|
||
</view> -->
|
||
<!-- <view class="row-line" v-show="alarmItem.handleResult === 1">
|
||
<view class="row-label">
|
||
<text>违规地点</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<view style="background-color: #e1e1e1;" class="row-select">
|
||
<text style="margin-left: 26rpx;">{{alarmItem.alarmDesc}}</text>
|
||
</view>
|
||
</view>
|
||
</view> -->
|
||
<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" :value="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 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 :value="alarmItem.workerInfoStr" class="row-select">
|
||
<option :value="alarmItem.workerInfoStr" checked="true" disabled>{{alarmItem.workerInfoStr}}</option>
|
||
</select> -->
|
||
</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">
|
||
<!-- <text style="color: #d8d8d8;">已处置</text> -->
|
||
<!-- <radio-group @change="isShowContent" :value="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">
|
||
<view class="row-label">
|
||
<text style="color: firebrick;">*</text>
|
||
<text>上传图片</text>
|
||
</view>
|
||
<view class="row-content">
|
||
<view class="uni-form-input imgBox_wrap">
|
||
<view class="imgBox" >
|
||
<image :src="alarmItem.imageUrl" class="img"
|
||
@click="previewImage(alarmItem.imageUrl)">
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</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>
|
||
<!-- <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: '',
|
||
alarmItem: {},
|
||
alarmTypeArrList: [],
|
||
}
|
||
},
|
||
computed: {
|
||
alarmTypeName() {
|
||
return (alarmType) => {
|
||
return this.alarmTypeArrList.filter(item => item.data == alarmType).map(item => item.name).join("、");
|
||
}
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.alarmItem = JSON.parse(decodeURIComponent(option.item));
|
||
// this.alarmItem.deductScore = this.alarmItem.aiDeductRule.deductScore;
|
||
// this.handleResult = this.alarmItem.handleResult
|
||
console.log('alarmItem',this.alarmItem)
|
||
},
|
||
mounted() {
|
||
this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||
// this.getWorkerList()
|
||
this.getDictionaryList();
|
||
},
|
||
methods: {
|
||
//预览图片
|
||
previewImage(url) {
|
||
uni.previewImage({
|
||
urls: [url]
|
||
})
|
||
},
|
||
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
|
||
}
|
||
}
|
||
})
|
||
},
|
||
getDictionaryList(){
|
||
this.sendRequest({
|
||
url: 'xmgl/dictionaryItem/list',
|
||
method: "get",
|
||
data: {
|
||
projectSn: this.projectSn,
|
||
dictionaryEncoding: "ai_analyse_hard_ware_alarm_record_type",
|
||
},
|
||
success: res => {
|
||
if (res.code == 200) {
|
||
console.log('alarmTypeArrList', res)
|
||
this.alarmTypeArrList = res.result
|
||
}
|
||
}
|
||
})
|
||
},
|
||
// 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>
|
||
.uni-input {
|
||
width: 70%;
|
||
height: 78rpx;
|
||
line-height: 78rpx;
|
||
border: 2rpx solid rgba(42, 43, 91, 0.3);
|
||
padding: 0px 30rpx;
|
||
box-sizing: border-box;
|
||
border-radius: 10rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
.uni-input-placeholder{
|
||
color: rgb(225, 225, 225);
|
||
}
|
||
.imgBox_wrap {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
margin-top: 20rpx;
|
||
width: 75%;
|
||
|
||
.imgBox {
|
||
width: 120rpx;
|
||
height: 120rpx;
|
||
display: inline-flex;
|
||
position: relative;
|
||
margin-right: 30rpx;
|
||
margin-bottom: 16rpx;
|
||
|
||
.img {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 20rpx;
|
||
}
|
||
|
||
.deleteImg {
|
||
position: absolute;
|
||
right: -6rpx;
|
||
top: -36rpx;
|
||
font-size: 30rpx;
|
||
color: #fff;
|
||
}
|
||
|
||
}
|
||
|
||
.addImgBox {
|
||
border: 1px solid rgba(42, 43, 91, 0.1);
|
||
background-color: #f6f5f8;
|
||
width: 120rpx;
|
||
height: 120rpx;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 20rpx;
|
||
font-size: 24rpx;
|
||
|
||
.icon-add {
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
}
|
||
}
|
||
}
|
||
.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: 22%;
|
||
}
|
||
.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> |