hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-22 01:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feaet:投票题干删除、选项删除

Browse Source
This commit is contained in:
Ggysh-7
2022-11-13 14:56:16 +08:00
parent e28a948e15
commit d08bd5e10e
1 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/drawers/CreVote.vue
View File

@@ -36,7 +36,7 @@
<button class="cjtpbtn" @click="addQue()">创建题干</button> <button class="cjtpbtn" @click="addQue()">创建题干</button>
</div> </div>
<div class="queBox" v-for="(q, index) in questions" :key="index"> <div class="queBox" v-for="(q, index) in questions" :key="index">
<div class="delBtn" v-if="questions.length > 1"> <div class="delBtn" v-if="questions.length > 1" @click="delQue(questions,index)">
<img src="@/assets/images/projectadd/delete.png" alt="" /> <img src="@/assets/images/projectadd/delete.png" alt="" />
<div class="btnText">删除题干</div> <div class="btnText">删除题干</div>
</div> </div>
@@ -77,10 +77,18 @@
v-model:value="o.opvalue" v-model:value="o.opvalue"
style="width: 424px; height: 32px" style="width: 424px; height: 32px"
/> />
<button v-if="q.options.length > 2" class="delbtn" :key="index" @click="delOpt(q.options)"> <button v-if="q.options.length > 2" class="delbtn" @click="delOpt(q.options,index)">
删除 删除
</button> </button>
</div> </div>
<!-- <a-upload
v-show="!item.imgVal"
class="in uploadBtn"
:show-upload-list="false"
:before-upload="beforeUpload"
>
<div class="addimg">+ 上传图片</div>
</a-upload> -->
<a-button type="link">+ 上传图片</a-button> <a-button type="link">+ 上传图片</a-button>
<!-- <input class="file-upload" type="file" accept="image/*" name="picture"/> --> <!-- <input class="file-upload" type="file" accept="image/*" name="picture"/> -->
</div> </div>
@@ -155,6 +163,10 @@ export default {
], ],
}); });
}; };
const delQue = (value,index)=>{
console.log('gyd',value,index);
value.splice(value[index],1)
}
const addOpt = (value) => { const addOpt = (value) => {
console.log(value); console.log(value);
value.push({ value.push({
@@ -163,10 +175,10 @@ export default {
opvalue: "", opvalue: "",
}); });
}; };
const delOpt = (value) => { const delOpt = (value,index) => {
console.log('gys', value); console.log('gys', value,index);
// delete value[0] // delete value
value.pop() value.splice(value[index],1)
} }
const closeDrawer = () => { const closeDrawer = () => {
@@ -186,10 +198,10 @@ export default {
// message.destroy(); // message.destroy();
// return message.info("请输入题干"); // return message.info("请输入题干");
// } // }
// if (!state.questions.optins.opvalue) { if (!state.questions.optins.opvalue) {
// message.destroy(); message.destroy();
// return message.info("请输入选项"); return message.info("请输入选项");
// } }
console.log("111111", state.questions); console.log("111111", state.questions);
// console.log('22222',state.questions.inputV); // console.log('22222',state.questions.inputV);
// console.log('333333',state.questions.options); // console.log('333333',state.questions.options);
@@ -258,6 +270,7 @@ export default {
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
addQue, addQue,
delQue,
addOpt, addOpt,
delOpt, delOpt,
createQueTit, createQueTit,