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

修改专业力必修任务编辑模块，新增任务

Browse Source
This commit is contained in:
Pengxiansen
2025-01-23 16:43:18 +08:00
parent 1feef41fdc
commit f1956e6249
8 changed files with 528 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/components/growthpath/GrowthActive.vue
View File

@@ -1,5 +1,5 @@
<template>
<div @click="openDrawer">
<div @click="openDrawer()">
<slot></slot>
</div>
<a-drawer
@@ -11,9 +11,7 @@
>
<div class="drawerMain">
<div class="header">
<div class="headerTitle">
{{ taskIndex >= 0 ? "编辑" : "添加" }}活动
</div>
<div class="headerTitle">{{ formData.id ? "编辑" : "添加" }}活动</div>
<img
style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png"
@@ -34,7 +32,7 @@
</div>
<div class="btnbox">
<a-input
v-model:value="formData.activityName"
v-model:value="formData.info.activityName"
style="width: 400px; height: 40px; border-radius: 8px"
placeholder="请输入活动名称"
maxlength="20"
@@ -77,7 +75,7 @@
:precision="0"
style="width: 400px; height: 40px; border-radius: 8px"
:placeholder="durationText"
v-model:value="formData.activityDuration"
v-model:value="formData.info.activityDuration"
/>
<span style="color: #999999; margin-left: 8px">分钟</span>
</div>
@@ -94,7 +92,7 @@
</div>
<div class="btnbox">
<a-input
v-model:value="formData.activityAddress"
v-model:value="formData.info.activityAddress"
style="width: 400px; height: 40px; border-radius: 8px"
placeholder="请输入活动地点"
maxlength="100"
@@ -113,7 +111,7 @@
</div>
<div class="textarea">
<a-textarea
v-model:value="formData.activityNotice"
v-model:value="formData.info.activityNotice"
placeholder="请输入活动公告"
allow-clear
:rows="6"
@@ -128,7 +126,7 @@
</div>
<div class="textarea">
<a-textarea
v-model:value="formData.activityExplain"
v-model:value="formData.info.activityExplain"
placeholder="请输入活动说明"
allow-clear
:rows="6"
@@ -160,7 +158,7 @@
border-radius: 8px;
overflow: hidden;
"
v-model:value="formData.beforeSignIn"
v-model:value="formData.info.beforeSignIn"
/>
<span style="color: #999999; margin-left: 8px"
>分钟允许签到</span
@@ -178,7 +176,7 @@
border-radius: 8px;
overflow: hidden;
"
v-model:value="formData.afterSignIn"
v-model:value="formData.info.afterSignIn"
/>
<span style="color: #999999; margin-left: 8px"
>分钟允许签到</span
@@ -207,25 +205,29 @@ import { computed, defineEmits, defineProps, ref } from "vue";
import { Form, message } from "ant-design-vue";
import dayjs from "dayjs";
import { useResetRef } from "@/utils/useCommon";
import { saveTask } from "@/api/growthpath";
const props = defineProps({
type: Number,
taskList: [],
// 选秀2 必修1
activeKey: String,
growId: String,
});
const visible = ref(false);
const formData = useResetRef({
activityName: "",
activityNotice: "",
activityStartTime: "",
activityEndTime: "",
activityDuration: "",
activityAddress: "",
activityExplain: "",
beforeSignIn: "",
afterSignIn: "",
info: {
activityName: "",
activityNotice: "",
activityStartTime: "",
activityEndTime: "",
activityDuration: "",
activityAddress: "",
activityExplain: "",
beforeSignIn: "",
afterSignIn: "",
},
});
const emit = defineEmits({});
const taskIndex = ref(-1);
const emit = defineEmits(["refresh"]);
const dateTime = ref([]);
const rulesRef = ref({
activityName: [
@@ -266,7 +268,7 @@ const rulesRef = ref({
],
});
const { validate } = Form.useForm(formData, rulesRef);
const { validate } = Form.useForm(formData.info, rulesRef);
const durationText = computed(() =>
dateTime.value?.length
? dayjs(dateTime.value[1]).diff(dayjs(dateTime.value[0]), "minute")
@@ -275,14 +277,14 @@ const durationText = computed(() =>
const closeDrawer = () => {
visible.value = false;
taskIndex.value = -1;
dateTime.value = [];
formData.reset();
formData.value.info = {};
};
function timeChange(time, timeStr) {
formData.value.activityStartTime = timeStr[0];
formData.value.activityEndTime = timeStr[1];
formData.value.info.activityStartTime = timeStr[0];
formData.value.info.activityEndTime = timeStr[1];
// formData.value.activityDuration || (formData.value.activityDuration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
}
@@ -296,38 +298,40 @@ async function confirm() {
message.warning(errorFields[0].errors.join());
throw Error("数据校验不通过");
});
if (taskIndex.value === -1) {
const list = props.taskList;
list.push({
name: formData.value.activityName,
type: props.type,
duration: dayjs(formData.value.activityEndTime).diff(
formData.value.activityStartTime,
"minutes"
),
info: { ...formData.value },
});
} else {
const data = props.taskList[taskIndex.value];
data.name = formData.value.activityName;
data.info = { ...formData.value };
data.duration = dayjs(formData.value.activityEndTime).diff(
formData.value.activityStartTime,
"minutes"
);
}
emit("update:taskList", [...props.taskList]);
closeDrawer();
// 专业力ID
formData.value.growthId = props.growId;
// 任务类型
formData.value.taskType = props.type;
// 必修/选修
formData.value.type = props.activeKey;
// 任务名称
formData.value.taskName = formData.value.info.activityName;
// 任务时长
formData.value.duration = durationText.value;
formData.value.info.activityDuration = durationText.value;
saveTask(formData.value).then((res) => {
if (res.data.code == 200) {
if (formData.value.id) {
message.success("编辑成功");
} else {
message.success("添加成功");
}
emit("refresh");
} else {
message.error(res.msg);
}
closeDrawer();
});
return;
}
function openDrawer(i, row) {
row && (formData.value = { ...row.info });
function openDrawer(row) {
row && (formData.value = row);
row &&
(dateTime.value = [
dayjs(row.info.activityStartTime, "YYYY-MM-DD HH:mm"),
dayjs(row.info.activityEndTime, "YYYY-MM-DD HH:mm"),
]);
i >= 0 && (taskIndex.value = i);
visible.value = true;
}