Skip to content

G
GaoQuYingJiH5-ASD
Commit 561ffbc3 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add:test form

parent 263e92c1
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 7 deletions
src/checklist.html
View file @ 561ffbc3
......@@ -112,7 +112,10 @@
<body>
<div id="app">
<div class="checklist-container">
<div v-for="(item, index) in checklist" :key="item.id" class="check-item">
<div>
{{ checkData[checkPageIndex].title }}
</div>
<div v-for="(item, index) in checkData[checkPageIndex]['checkList']" :key="item.id" class="check-item">
<div class="item-header">
<div class="item-number">{{ index + 1 }}</div>
<div class="item-title">{{ item.title }}</div>
......@@ -182,15 +185,19 @@
<van-cell >
<div>
<van-field label-align="right" readonly clickable label="整改期限" :value="`${item.deadlineDays}天 截至整改日期：${item.deadlineDate}`"
@click="showDeadlinePicker = true" />
@click="showDeadlinePicker = true; currentItem=item" />
</div>
</van-cell>
</van-cell-group>
</div>
</div>
</div>
<div>
<van-button v-show="checkPageIndex<3" type="primary" size="small" @click="checkPageIndex++">下一页</van-button>
<van-button>{{ }}</van-button>
</div>
<!-- 整改天数选择器 -->
<van-popup v-model="showDeadlinePicker" position="bottom">
<van-picker :columns="deadlineOptions" @confirm="handleDeadlineConfirm" show-toolbar title="选择整改天数" />
......@@ -201,6 +208,99 @@
<script src="https://cdn.jsdelivr.net/npm/vant@2/lib/vant.min.js"></script>
<script>
const checkData = [
{
id: 1,
title: '消防安全检查',
checkList: [{
id: 1,
title: '检查项目 1',
selected: null,
subChecks: [
{ id: 1, checked: false },
{ id: 2, checked: false },
{ id: 3, checked: false },
{ id: 4, checked: false }
],
description: '',
photos: [],
deadlineDays: '',
deadlineDate: ''
},{
id: 1,
title: '检查项目 2',
selected: null,
subChecks: [
{ id: 1, checked: false },
{ id: 2, checked: false },
{ id: 3, checked: false },
{ id: 4, checked: false }
],
description: '',
photos: [],
deadlineDays: '',
deadlineDate: ''
}],
},
{
id: 2,
title: '用电安全检查',
checkList: [{
id: 1,
title: '检查项目 1',
selected: null,
subChecks: [
{ id: 1, checked: false },
{ id: 2, checked: false },
{ id: 3, checked: false },
{ id: 4, checked: false }
],
description: '',
photos: [],
deadlineDays: '',
deadlineDate: ''
}],
},
{
id: 3,
title: '用电安全检查2',
checkList: [{
id: 1,
title: '检查项目 1',
selected: null,
subChecks: [
{ id: 1, checked: false },
{ id: 2, checked: false },
{ id: 3, checked: false },
{ id: 4, checked: false }
],
description: '',
photos: [],
deadlineDays: '',
deadlineDate: ''
}],
},
{
id: 4,
title: '用电安全检查4',
checkList: [{
id: 1,
title: '检查项目 1',
selected: null,
subChecks: [
{ id: 1, checked: false },
{ id: 2, checked: false },
{ id: 3, checked: false },
{ id: 4, checked: false }
],
description: '',
photos: [],
deadlineDays: '',
deadlineDate: ''
}],
},
]
// 初始化检查项数据结构
function createCheckItem(id) {
return {
......@@ -224,7 +324,21 @@
showDeadlinePicker: false,
deadlineOptions: ['1', '3', '5', '7'],
currentEditingItem: null,
checklist: Array.from({ length: 40 }, (_, i) => createCheckItem(i + 1))
checkList: Array.from({ length: 40 }, (_, i) => createCheckItem(i + 1)),
checkData,
checkPageIndex: 0,
currentItem: null,
},
watch:{
checkData: {
handler(newVal) {
const snapshot = JSON.parse(JSON.stringify(newVal));
// const snapshot = JSON.stringify(newVal);
console.log('全量变化:', snapshot);
},
deep: true
},
},
methods: {
// 处理单选变化
......@@ -246,9 +360,10 @@
// 整改天数确认
handleDeadlineConfirm(value) {
const days = parseInt(value)
const currentItem = this.checklist.find(
item => item.selected === 'no' && !item.deadlineDays
)
// const currentItem = this.checkList.find(
// item => item.selected === 'no' && !item.deadlineDays
// )
const currentItem = this.currentItem
if (currentItem) {
currentItem.deadlineDays = days
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment