110 lines
3.2 KiB
Vue
110 lines
3.2 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="card">
|
||
<view class="title">{{ questionnaireInfo.NAME }}</view>
|
||
<uni-table border class="mt-10">
|
||
<uni-tr>
|
||
<uni-th>主要安全措施</uni-th>
|
||
<uni-th width="200rpx">是否涉及</uni-th>
|
||
</uni-tr>
|
||
<uni-tr v-for="(item,index) in items" :key="item.itemInfo.EW_RE_QUES_ITEM_ID">
|
||
<uni-td>
|
||
<view>{{ item.itemInfo.TEXT_INFO }}</view>
|
||
<view v-for="item1 in item.inputBoxes" :key="item1.EW_RE_QUES_ITEM_FILL_ID">
|
||
<u-cell :title="item1.TEXT_INFO + '：'" :border="false">
|
||
<template #value>
|
||
<u-input v-model="item1.MARKERS" :customStyle="{marginTop: '8px'}" border="bottom"/>
|
||
</template>
|
||
</u-cell>
|
||
</view>
|
||
</uni-td>
|
||
<uni-td>
|
||
<u-radio-group placement="column" v-model="item.optionsValue" @change="fnRadioChange($event,index)">
|
||
<u-radio :customStyle="{marginTop: '8px'}" v-for="item1 in item.options"
|
||
:key="item1.EW_RE_QUES_ITEM_FILL_ID" :label="item1.TEXT_INFO" :name="item1.VALUE_INFO"/>
|
||
</u-radio-group>
|
||
</uni-td>
|
||
</uni-tr>
|
||
</uni-table>
|
||
<view class="mt-10">
|
||
<u-button type="primary" text="下一步" @click="$u.debounce(fnSubmit, 1000,true)"/>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {setSecurityMeasures} from "@/utils/submitHomeworkProcess";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
EW_RU_JOB_ID: '',
|
||
taskId: '',
|
||
TYPE: '',
|
||
CORP_ID: '',
|
||
questionnaireInfo: {},
|
||
items: []
|
||
}
|
||
},
|
||
onLoad() {
|
||
const eventChannel = this.getOpenerEventChannel();
|
||
eventChannel.on('questionnaire', (data) => {
|
||
this.EW_RU_JOB_ID = data.EW_RU_JOB_ID
|
||
this.taskId = data.taskId
|
||
this.TYPE = data.TYPE
|
||
this.CORP_ID = data.CORP_ID
|
||
this.questionnaireInfo = data.questionnaire.questionnaire
|
||
this.items = data.questionnaire.items
|
||
})
|
||
},
|
||
methods: {
|
||
fnRadioChange(event, index) {
|
||
for (let i = 0; i < this.items[index].options.length; i++) {
|
||
this.items[index].options[i].MARKERS = '0'
|
||
if (this.items[index].options[i].VALUE_INFO === event) {
|
||
this.items[index].options[i].MARKERS = '1'
|
||
}
|
||
}
|
||
},
|
||
async fnSubmit() {
|
||
for (let i = 0; i < this.items.length; i++) {
|
||
for (let j = 0; j < this.items[i].inputBoxes.length; j++) {
|
||
if (!this.items[i].inputBoxes[j].MARKERS) {
|
||
uni.$u.toast(`第${i + 1}行第${j + 1}项未填写`)
|
||
return
|
||
}
|
||
}
|
||
for (let j = 0; j < this.items[i].options.length; j++) {
|
||
if (!this.items[i].options[j].MARKERS) {
|
||
uni.$u.toast(`第${i + 1}行第${j + 1}项未选择`)
|
||
return
|
||
}
|
||
}
|
||
}
|
||
await setSecurityMeasures({
|
||
questionnaires: this.items,
|
||
questionnaireInfo: this.questionnaireInfo,
|
||
taskId: this.taskId,
|
||
EW_RU_JOB_ID: this.EW_RU_JOB_ID,
|
||
CORP_ID: this.CORP_ID,
|
||
TYPE: this.TYPE
|
||
})
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.title {
|
||
text-align: center;
|
||
font-size: 36rpx;
|
||
}
|
||
|
||
::v-deep {
|
||
.u-cell__body {
|
||
padding: 0;
|
||
}
|
||
}
|
||
</style>
|