-- 下载投票模板

This commit is contained in:
yuping
2022-12-06 12:30:12 +08:00
parent 36e6cacda6
commit ca04f9e2d8

View File

@@ -1,20 +1,20 @@
<template> <template>
<a-drawer <a-drawer
:visible="addvoteVisible" :visible="addvoteVisible"
class="drawerStyle addvoteDrawer" class="drawerStyle addvoteDrawer"
width="80%" width="80%"
title="添加投票" title="添加投票"
placement="right" placement="right"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div v-if="edit" class="headerTitle">编辑投票任务</div> <div v-if="edit" class="headerTitle">编辑投票任务</div>
<div v-else class="headerTitle">添加投票任务</div> <div v-else class="headerTitle">添加投票任务</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@click="closeDrawer" @click="closeDrawer"
/> />
</div> </div>
<div class="contentMain"> <div class="contentMain">
@@ -23,18 +23,18 @@
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 3px">任务名称</span> <span style="margin-right: 3px">任务名称</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-input <a-input
v-model:value="inputV1" v-model:value="inputV1"
style="width: 424px; height: 32px" style="width: 424px; height: 32px"
placeholder="请输入投票名称" placeholder="请输入投票名称"
maxlength="20" maxlength="20"
/> />
</div> </div>
</div> </div>
@@ -42,8 +42,8 @@
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span>创建投票</span> <span>创建投票</span>
@@ -61,16 +61,16 @@
</div> </div>
<div> <div>
<CreateVote <CreateVote
v-model:createVoteVisible="createVoteVisible" v-model:createVoteVisible="createVoteVisible"
v-model:ballotId="ballotId" v-model:ballotId="ballotId"
v-model:editChild="editChild" v-model:editChild="editChild"
v-model:ballot_name="ballot_name" v-model:ballot_name="ballot_name"
/> />
</div> </div>
<button <button
class="xkbtn" class="xkbtn"
:style="{ display: creVote ? 'block' : 'none' }" :style="{ display: creVote ? 'block' : 'none' }"
@click="showDrawerCreVote" @click="showDrawerCreVote"
> >
编辑投票 编辑投票
</button> </button>
@@ -85,9 +85,9 @@
<!-- 创建投票侧弹窗 --> <!-- 创建投票侧弹窗 -->
<div> <div>
<create-vote <create-vote
v-model:crevoteVisible="crevotevisible" v-model:crevoteVisible="crevotevisible"
@getData="getStemId" @getData="getStemId"
v-model:ballotId="ballotId" v-model:ballotId="ballotId"
/> />
</div> </div>
<!-- 创建投票侧弹窗 --> <!-- 创建投票侧弹窗 -->
@@ -96,17 +96,17 @@
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 3px">起止时间</span> <span style="margin-right: 3px">起止时间</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
style="width: 424px" style="width: 424px"
v-model:value="time" v-model:value="time"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</div> </div>
</div> </div>
@@ -114,8 +114,8 @@
<div class="signbox"> <div class="signbox">
<div class="sign"> <div class="sign">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 3px">基础投票数</span> <span style="margin-right: 3px">基础投票数</span>
@@ -130,10 +130,10 @@
v-model:file-list="fileList" v-model:file-list="fileList"
> --> > -->
<a-upload <a-upload
:before-upload="beforeUpload" :before-upload="beforeUpload"
:multiple="false" :multiple="false"
:max-count="1" :max-count="1"
v-model:file-list="fileList" v-model:file-list="fileList"
> >
<button class="xkbtn">点击上传</button> <button class="xkbtn">点击上传</button>
</a-upload> </a-upload>
@@ -144,6 +144,8 @@
</span> </span>
</a-tag> </a-tag>
</div> </div>
<button class="xkbtn" @click="downloadTemplate">下载模板
</button>
</div> </div>
</div> </div>
<div class="main_item" style="margin-top: -25px"> <div class="main_item" style="margin-top: -25px">
@@ -158,11 +160,11 @@
</div> </div>
<div class="textarea"> <div class="textarea">
<a-textarea <a-textarea
v-model:value="textV1" v-model:value="textV1"
placeholder="请输入投票说明" placeholder="请输入投票说明"
allow-clear allow-clear
:rows="6" :rows="6"
maxlength="150" maxlength="150"
/> />
</div> </div>
</div> </div>
@@ -176,15 +178,15 @@
</a-drawer> </a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import {reactive, toRefs} from "vue";
import CreateVote from "./CreateVote.vue"; import CreateVote from "./CreateVote.vue";
import * as api from "../../api/indexVote"; import * as api from "../../api/indexVote";
import { message } from "ant-design-vue"; import {message} from "ant-design-vue";
import { RouterEditTask } from "@/api/indexTask"; import {RouterEditTask} from "@/api/indexTask";
import dayjs from "dayjs"; import dayjs from "dayjs";
import * as apiTask from "../../api/indexTaskadd"; import * as apiTask from "../../api/indexTaskadd";
import { addTempTask } from "../../api/indexTaskadd"; import {addTempTask} from "../../api/indexTaskadd";
import { baseVoteupload } from "../../api/indexEval"; import {baseVoteupload} from "../../api/indexEval";
export default { export default {
name: "AddVote", name: "AddVote",
@@ -264,11 +266,11 @@ export default {
}); });
const closeDrawer = () => { const closeDrawer = () => {
(state.inputV1 = ""), (state.inputV1 = ""),
(state.textV1 = ""), (state.textV1 = ""),
(state.time = undefined), (state.time = undefined),
(state.basevote = ""), (state.basevote = ""),
(state.ballotId = ""), (state.ballotId = ""),
ctx.emit("update:addvoteVisible", false); ctx.emit("update:addvoteVisible", false);
ctx.emit("update:edit", false); ctx.emit("update:edit", false);
}; };
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
@@ -320,7 +322,7 @@ export default {
//删除题干信息接口 //删除题干信息接口
const dleVoteStem = () => { const dleVoteStem = () => {
api.deleteVoteStem({ voteStemId: state.ballotId }).then(() => { api.deleteVoteStem({voteStemId: state.ballotId}).then(() => {
message.success("删除题干信息成功"); message.success("删除题干信息成功");
}); });
}; };
@@ -328,22 +330,22 @@ export default {
//根据投票id获取投票信息 //根据投票id获取投票信息
const queryVoteInfo = () => { const queryVoteInfo = () => {
api api
.queryVoteDetailById(props.EditVoteId) .queryVoteDetailById(props.EditVoteId)
.then((res) => { .then((res) => {
console.log("获取投票信息成功", res); console.log("获取投票信息成功", res);
state.inputV1 = res.data.data.voteName; state.inputV1 = res.data.data.voteName;
state.textV1 = res.data.data.voteExplain; state.textV1 = res.data.data.voteExplain;
state.baseVote = res.data.data.baseVote; state.baseVote = res.data.data.baseVote;
state.ascriptionId = res.data.data.ascriptionId; state.ascriptionId = res.data.data.ascriptionId;
state.ballotId = res.data.data.ballotId; state.ballotId = res.data.data.ballotId;
state.time = [ state.time = [
dayjs(res.data.data.voteStartTime, "YYYY-MM-DD"), dayjs(res.data.data.voteStartTime, "YYYY-MM-DD"),
dayjs(res.data.data.voteEndTime, "YYYY-MM-DD"), dayjs(res.data.data.voteEndTime, "YYYY-MM-DD"),
]; ];
}) })
.catch((err) => { .catch((err) => {
console.log("获取投票信息失败", err); console.log("获取投票信息失败", err);
}); });
}; };
const updateToTask = (res) => { const updateToTask = (res) => {
console.log("props.isLevel=====", props.isLevel); console.log("props.isLevel=====", props.isLevel);
@@ -356,31 +358,31 @@ export default {
routerTaskId: props.routerTaskId || 0, routerTaskId: props.routerTaskId || 0,
type: 12, type: 12,
}) })
.then(() => { .then(() => {
//message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`) //message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
ctx.emit("changeData", false); ctx.emit("changeData", false);
state.addLoading = false; state.addLoading = false;
}) })
.catch(() => { .catch(() => {
//message.error(`${props.edit ? '编辑' : '新增'}关卡任务失败`) //message.error(`${props.edit ? '编辑' : '新增'}关卡任务失败`)
}); });
} else if (props.isLevel == 2) { } else if (props.isLevel == 2) {
apiTask apiTask
.addTask({ .addTask({
courseId: res.data.data.voteId, courseId: res.data.data.voteId,
name: res.data.data.voteName, name: res.data.data.voteName,
projectId: props.projectId, projectId: props.projectId,
projectTaskId: props.projectTaskId || 0, projectTaskId: props.projectTaskId || 0,
stageId: props.chooseStageId || 0, stageId: props.chooseStageId || 0,
type: 12, type: 12,
}) })
.then(() => { .then(() => {
//message.success(`${props.edit ? '编辑' : '新增'}阶段任务成功`) //message.success(`${props.edit ? '编辑' : '新增'}阶段任务成功`)
ctx.emit("changeData", false); ctx.emit("changeData", false);
}) })
.catch(() => { .catch(() => {
////message.error(`${props.edit ? '编辑' : '新增'}阶段任务失败`) ////message.error(`${props.edit ? '编辑' : '新增'}阶段任务失败`)
}); });
} else if (props.isLevel == 3) { } else if (props.isLevel == 3) {
addTempTask({ addTempTask({
courseId: res.data.data.voteId, courseId: res.data.data.voteId,
@@ -390,13 +392,13 @@ export default {
stageId: props.chooseStageId || 0, stageId: props.chooseStageId || 0,
type: 12, type: 12,
}) })
.then(() => { .then(() => {
ctx.emit("changeData", false); ctx.emit("changeData", false);
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`); //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
}) })
.catch(() => { .catch(() => {
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
}); });
} }
}; };
//修改投票信息接口 //修改投票信息接口
@@ -433,31 +435,31 @@ export default {
}; };
if (props.edit) { if (props.edit) {
api api
.editVote(obj) .editVote(obj)
.then(async (res) => { .then(async (res) => {
console.log("updte======"); console.log("updte======");
await updateToTask(res); await updateToTask(res);
closeDrawer(); closeDrawer();
message.destroy(); message.destroy();
message.success("修改投票信息成功"); message.success("修改投票信息成功");
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error("修改投票信息失败"); message.error("修改投票信息失败");
}); });
} else { } else {
api api
.createVote(obj) .createVote(obj)
.then(async (res) => { .then(async (res) => {
await updateToTask(res); await updateToTask(res);
closeDrawer(); closeDrawer();
message.destroy(); message.destroy();
message.success("创建投票信息成功"); message.success("创建投票信息成功");
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error("创建投票信息失败"); message.error("创建投票信息失败");
}); });
} }
}; };
const queryStem = () => { const queryStem = () => {
@@ -470,8 +472,14 @@ export default {
state.ballotId = null; state.ballotId = null;
console.log(e); console.log(e);
}; };
function downloadTemplate() {
window.open('/manageApi/投票基础数据模版.xlsx')
}
return { return {
...toRefs(state), ...toRefs(state),
downloadTemplate,
showDrawerCreVote, showDrawerCreVote,
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
@@ -514,8 +522,8 @@ export default {
width: calc(100%); width: calc(100%);
height: 40px; height: 40px;
background: linear-gradient( background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%, rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100% rgba(78, 166, 255, 0) 100%
); );
} }
@@ -699,6 +707,7 @@ export default {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: 32px; margin-bottom: 32px;
.textarea { .textarea {
width: 423px; width: 423px;