mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 11:26:45 +08:00
-- bug 直播回显
This commit is contained in:
yuping
@@ -1,20 +1,20 @@
|
||||
<!-- 直播抽屉 -->
|
||||
<template>
|
||||
<a-drawer
|
||||
:visible="addliveVisible"
|
||||
class="drawerStyle addliveDrawer"
|
||||
width="80%"
|
||||
title="添加直播"
|
||||
placement="right"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
:visible="addliveVisible"
|
||||
class="drawerStyle addliveDrawer"
|
||||
width="80%"
|
||||
title="添加直播"
|
||||
placement="right"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">{{ edit ? "编辑" : "添加" }}直播</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer"
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer"
|
||||
/>
|
||||
</div>
|
||||
<div class="contentMain">
|
||||
@@ -23,18 +23,18 @@
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">直播名称：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV1"
|
||||
style="width: 400px; height: 32px"
|
||||
placeholder="请输入考试名称"
|
||||
maxlength="20"
|
||||
v-model:value="inputV1"
|
||||
style="width: 400px; height: 32px"
|
||||
placeholder="请输入考试名称"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -44,10 +44,10 @@
|
||||
</div>
|
||||
<div class="textarea">
|
||||
<a-textarea
|
||||
v-model:value="textV1"
|
||||
placeholder="请输入考试说明"
|
||||
allow-clear
|
||||
maxlength="364px"
|
||||
v-model:value="textV1"
|
||||
placeholder="请输入考试说明"
|
||||
allow-clear
|
||||
maxlength="364px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -55,17 +55,17 @@
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">直播时间：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-range-picker
|
||||
style="width: 424px"
|
||||
v-model:value="time"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
style="width: 424px"
|
||||
v-model:value="time"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,24 +73,24 @@
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">直播时长：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input-number
|
||||
:min="0"
|
||||
:max="300"
|
||||
:precision="0"
|
||||
style="
|
||||
:min="0"
|
||||
:max="300"
|
||||
:precision="0"
|
||||
style="
|
||||
width: 364px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
"
|
||||
v-model:value="inputV2"
|
||||
v-model:value="inputV2"
|
||||
></a-input-number>
|
||||
<span style="margin-left: 5px">分钟</span>
|
||||
</div>
|
||||
@@ -99,50 +99,40 @@
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">授课老师：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-auto-complete
|
||||
:value="memberValue.label"
|
||||
show-search
|
||||
:not-found-content="fetching ? undefined : null"
|
||||
placeholder="Select a teacher"
|
||||
style="width: 364px"
|
||||
:options="options"
|
||||
@focus="handleFocus"
|
||||
@change="handleChange2"
|
||||
@popupScroll="templateScroll"
|
||||
@search="handleSearch"
|
||||
></a-auto-complete>
|
||||
<ProjectManager v-model:value="memberValue.value"
|
||||
v-model:name="memberValue.label"></ProjectManager>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items2">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">直播封面</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<a-upload
|
||||
name="avatar"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
:before-upload="beforeUpload"
|
||||
name="avatar"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
:before-upload="beforeUpload"
|
||||
>
|
||||
<img
|
||||
class="i_upload_img"
|
||||
v-if="imageUrl"
|
||||
:src="imageUrl"
|
||||
alt="avatar"
|
||||
class="i_upload_img"
|
||||
v-if="imageUrl"
|
||||
:src="imageUrl"
|
||||
alt="avatar"
|
||||
/>
|
||||
<div class="i_upload" v-else>
|
||||
<div class="addimg">
|
||||
@@ -162,9 +152,9 @@
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV4"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="请输入直播链接"
|
||||
v-model:value="inputV4"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="请输入直播链接"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -173,7 +163,7 @@
|
||||
<span style="margin-right: 3px">回放设置：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-switch v-model:checked="switchC1" @click="PlayBack" />
|
||||
<a-switch v-model:checked="switchC1"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="switchC1">
|
||||
@@ -183,9 +173,9 @@
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV5"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="请输入回放链接"
|
||||
v-model:value="inputV5"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="请输入回放链接"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -196,9 +186,10 @@
|
||||
</div>
|
||||
<div class="btnbox2">
|
||||
<a-checkbox
|
||||
v-model:checked="needEval"
|
||||
@click="needEval = !needEval"
|
||||
>需要评估</a-checkbox
|
||||
v-model:checked="needEval"
|
||||
@click="needEval = !needEval"
|
||||
>需要评估
|
||||
</a-checkbox
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -209,14 +200,14 @@
|
||||
<div v-if="assessmentId > 0">
|
||||
<a-tag closable color="processing" @close="logA">
|
||||
<span style="font-size: 14px; line-height: 33px"
|
||||
>删除评估</span
|
||||
>删除评估</span
|
||||
>
|
||||
</a-tag>
|
||||
</div>
|
||||
<AssessmentList
|
||||
v-model:assessmentVisible="assessmentVisible"
|
||||
v-model:titleTag="titleTag"
|
||||
v-model:assessmentId="assessmentId"
|
||||
v-model:assessmentVisible="assessmentVisible"
|
||||
v-model:titleTag="titleTag"
|
||||
v-model:assessmentId="assessmentId"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -226,38 +217,40 @@
|
||||
</div>
|
||||
<div class="kqszbox">
|
||||
<div class="qdqtbox">
|
||||
<div class="qdbtn"><div class="btntext">签到</div></div>
|
||||
<div class="qdbtn">
|
||||
<div class="btntext">签到</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setbox">
|
||||
<div class="timerbox">
|
||||
<span>开始前：</span>
|
||||
<a-input-number
|
||||
:min="0"
|
||||
:max="30"
|
||||
:precision="0"
|
||||
style="
|
||||
:min="0"
|
||||
:max="30"
|
||||
:precision="0"
|
||||
style="
|
||||
width: 88px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
"
|
||||
v-model:value="inputV6"
|
||||
v-model:value="inputV6"
|
||||
></a-input-number>
|
||||
<span style="color: #999999; margin-left: 8px">分钟</span>
|
||||
</div>
|
||||
<div class="timerbox">
|
||||
<span>开始后：</span>
|
||||
<a-input-number
|
||||
:min="0"
|
||||
:max="30"
|
||||
:precision="0"
|
||||
style="
|
||||
:min="0"
|
||||
:max="30"
|
||||
:precision="0"
|
||||
style="
|
||||
width: 88px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
"
|
||||
v-model:value="inputV7"
|
||||
v-model:value="inputV7"
|
||||
></a-input-number>
|
||||
<span style="color: #999999; margin-left: 8px">分钟</span>
|
||||
</div>
|
||||
@@ -306,9 +299,10 @@
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-checkbox
|
||||
v-model:checked="switchC2"
|
||||
@onclick="switchC2 = !switchC2"
|
||||
>学员请假后记为任务完成</a-checkbox
|
||||
v-model:checked="switchC2"
|
||||
@onclick="switchC2 = !switchC2"
|
||||
>学员请假后记为任务完成
|
||||
</a-checkbox
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -322,28 +316,32 @@
|
||||
</a-drawer>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs, ref } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import {reactive, toRefs, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import * as api from "../../api/indexLiveBroadcast";
|
||||
import * as apiTask from "../../api/indexTaskadd";
|
||||
import { toDate } from "@/api/method";
|
||||
import { RouterEditTask } from "@/api/indexTask";
|
||||
import { addTempTask } from "../../api/indexTaskadd";
|
||||
import { getMemberInfo } from "@/api/index1";
|
||||
import {toDate} from "@/api/method";
|
||||
import {RouterEditTask} from "@/api/indexTask";
|
||||
import {addTempTask} from "../../api/indexTaskadd";
|
||||
import {getMemberInfo} from "@/api/index1";
|
||||
import dayjs from "dayjs";
|
||||
import { fileUp } from "../../api/indexEval";
|
||||
import {fileUp} from "../../api/indexEval";
|
||||
import AssessmentList from "../drawers/ AssessmentList.vue";
|
||||
import { debounce } from "lodash-es";
|
||||
import {debounce} from "lodash-es";
|
||||
import ProjectManager from "@/components/project/ProjectManager";
|
||||
|
||||
// import { useRouter } from "vue-router";
|
||||
function getBase64(img, callback) {
|
||||
const reader = new FileReader();
|
||||
reader.addEventListener("load", () => callback(reader.result));
|
||||
reader.readAsDataURL(img);
|
||||
}
|
||||
|
||||
export default {
|
||||
name: "AddLive",
|
||||
components: {
|
||||
AssessmentList,
|
||||
ProjectManager,
|
||||
},
|
||||
props: {
|
||||
addliveVisible: {
|
||||
@@ -460,51 +458,54 @@ export default {
|
||||
queryLive();
|
||||
}
|
||||
api
|
||||
.queryAssessmentDetailList({
|
||||
assessmentName: "",
|
||||
pageNo: 1,
|
||||
pageSize: 200,
|
||||
releaseStatus: "",
|
||||
searchEndTime: "",
|
||||
searchStartTime: "",
|
||||
})
|
||||
.then((res) => {
|
||||
res.data.data.rows.forEach((item) => {
|
||||
let obj = item;
|
||||
obj.value = item.assessmentId;
|
||||
obj.label = item.assessmentName;
|
||||
state.assessment.push(obj);
|
||||
.queryAssessmentDetailList({
|
||||
assessmentName: "",
|
||||
pageNo: 1,
|
||||
pageSize: 200,
|
||||
releaseStatus: "",
|
||||
searchEndTime: "",
|
||||
searchStartTime: "",
|
||||
})
|
||||
.then((res) => {
|
||||
res.data.data.rows.forEach((item) => {
|
||||
let obj = item;
|
||||
obj.value = item.assessmentId;
|
||||
obj.label = item.assessmentName;
|
||||
state.assessment.push(obj);
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
const queryLive = () => {
|
||||
let d = props.EditLiveId;
|
||||
api
|
||||
.getLiveBroadcastInfor({ liveId: d })
|
||||
.then((res) => {
|
||||
state.inputV1 = res.data.data.liveName;
|
||||
state.time = [
|
||||
dayjs(res.data.data.liveStartTime, "YYYY-MM-DD"),
|
||||
dayjs(res.data.data.liveEndTime, "YYYY-MM-DD"),
|
||||
];
|
||||
state.inputV2 = res.data.data.liveDuration;
|
||||
state.inputV3 = res.data.data.liveTeacherId;
|
||||
//state.fileList= res.data.data
|
||||
state.inputV4 = res.data.data.liveLink;
|
||||
state.inputV5 = res.data.data.livePlaybackLink;
|
||||
state.inputV6 = res.data.data.beforeSignIn;
|
||||
state.inputV7 = res.data.data.afterSignIn;
|
||||
state.inputV8 = res.data.data.signOutTime;
|
||||
state.textV1 = res.data.data.liveExplain;
|
||||
state.radioV1 = Number(res.data.data.standardSettings);
|
||||
//state.= res.data.data
|
||||
state.assessmentId = res.data.data.assessmentId;
|
||||
state.imageUrl = res.data.data.liveCover;
|
||||
state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`查询失败`);
|
||||
});
|
||||
.getLiveBroadcastInfor({liveId: d})
|
||||
.then((res) => {
|
||||
state.inputV1 = res.data.data.liveName;
|
||||
state.time = [
|
||||
dayjs(res.data.data.liveStartTime, "YYYY-MM-DD"),
|
||||
dayjs(res.data.data.liveEndTime, "YYYY-MM-DD"),
|
||||
];
|
||||
state.inputV2 = res.data.data.liveDuration;
|
||||
state.inputV3 = res.data.data.liveTeacherId;
|
||||
//state.fileList= res.data.data
|
||||
state.inputV4 = res.data.data.liveLink;
|
||||
state.inputV5 = res.data.data.livePlaybackLink;
|
||||
state.inputV6 = res.data.data.beforeSignIn;
|
||||
state.inputV7 = res.data.data.afterSignIn;
|
||||
state.inputV8 = res.data.data.signOutTime;
|
||||
state.textV1 = res.data.data.liveExplain;
|
||||
state.radioV1 = Number(res.data.data.standardSettings);
|
||||
//state.= res.data.data
|
||||
state.assessmentId = res.data.data.assessmentId;
|
||||
state.imageUrl = res.data.data.liveCover;
|
||||
state.switchC1 = res.data.data.livePlayback === '1' ? true : false;
|
||||
state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
|
||||
state.needEval = res.data.data.isEvaluate == '1' ? true : false;
|
||||
state.memberValue = {value: res.data.data.liveTeacherId || '', label: res.data.data.liveTeacherName || ''};
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`查询失败`);
|
||||
});
|
||||
};
|
||||
const cloradio1 = (value) => {
|
||||
if (state.radioV1 === value.target._value) {
|
||||
@@ -542,31 +543,31 @@ export default {
|
||||
routerTaskId: props.routerTaskId || 0,
|
||||
type: 6,
|
||||
})
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
|
||||
});
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
|
||||
});
|
||||
} else if (props.isLevel == 2) {
|
||||
apiTask
|
||||
.addTask({
|
||||
courseId: res.data.data.liveId,
|
||||
duration: res.data.data.liveDuration,
|
||||
name: res.data.data.liveName,
|
||||
projectId: props.projectId,
|
||||
projectTaskId: props.projectTaskId || 0,
|
||||
stageId: props.chooseStageId || 0,
|
||||
type: 6,
|
||||
})
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
|
||||
});
|
||||
.addTask({
|
||||
courseId: res.data.data.liveId,
|
||||
duration: res.data.data.liveDuration,
|
||||
name: res.data.data.liveName,
|
||||
projectId: props.projectId,
|
||||
projectTaskId: props.projectTaskId || 0,
|
||||
stageId: props.chooseStageId || 0,
|
||||
type: 6,
|
||||
})
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
|
||||
});
|
||||
} else if (props.isLevel == 3) {
|
||||
console.log("props.projectTemplateId", props.projectTemplateId);
|
||||
addTempTask({
|
||||
@@ -578,13 +579,13 @@ export default {
|
||||
stageId: props.chooseStageId || 0,
|
||||
type: 6,
|
||||
})
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
|
||||
});
|
||||
.then(() => {
|
||||
//message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
})
|
||||
.catch(() => {
|
||||
//message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
|
||||
});
|
||||
}
|
||||
};
|
||||
const showAssessment = () => {
|
||||
@@ -611,12 +612,12 @@ export default {
|
||||
return message.warning("直播时长需大于0");
|
||||
}
|
||||
let startTime = toDate(
|
||||
new Date(state.time[0].$d).getTime() / 1000,
|
||||
"Y-M-D"
|
||||
new Date(state.time[0].$d).getTime() / 1000,
|
||||
"Y-M-D"
|
||||
);
|
||||
let endTime = toDate(
|
||||
new Date(state.time[1].$d).getTime() / 1000,
|
||||
"Y-M-D"
|
||||
new Date(state.time[1].$d).getTime() / 1000,
|
||||
"Y-M-D"
|
||||
);
|
||||
state.obj = {
|
||||
afterSignIn: state.inputV6,
|
||||
@@ -633,7 +634,8 @@ export default {
|
||||
liveName: state.inputV1,
|
||||
livePlayback: state.switchC1 ? "1" : "0",
|
||||
livePlaybackLink: state.switchC1 ? state.inputV5 : "",
|
||||
liveTeacherId: state.inputV3,
|
||||
liveTeacherId: state.memberValue.value,
|
||||
liveTeacherName: state.memberValue.label,
|
||||
otherSettings: state.switchC2 ? "1" : "0", //1或0
|
||||
signOutTime: state.inputV8,
|
||||
standardSettings: state.radioV1, //1或2
|
||||
@@ -641,35 +643,37 @@ export default {
|
||||
};
|
||||
if (props.edit) {
|
||||
api
|
||||
.updateLiveBroadcastMessage(state.obj)
|
||||
.then(async(res) => {
|
||||
message.destroy();
|
||||
message.success("提交成功");
|
||||
await updateTask(res);
|
||||
closeDrawer();
|
||||
})
|
||||
.catch(() => {});
|
||||
.updateLiveBroadcastMessage(state.obj)
|
||||
.then(async (res) => {
|
||||
message.destroy();
|
||||
message.success("提交成功");
|
||||
await updateTask(res);
|
||||
closeDrawer();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
} else {
|
||||
api
|
||||
.createLiveBroadcast(state.obj)
|
||||
.then(async(res) => {
|
||||
message.destroy();
|
||||
message.success("提交成功");
|
||||
await updateTask(res);
|
||||
closeDrawer();
|
||||
})
|
||||
.catch(() => {});
|
||||
.createLiveBroadcast(state.obj)
|
||||
.then(async (res) => {
|
||||
message.destroy();
|
||||
message.success("提交成功");
|
||||
await updateTask(res);
|
||||
closeDrawer();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}
|
||||
};
|
||||
const beforeUpload = (file) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const isJpgOrPng =
|
||||
file.type === "image/jpg" ||
|
||||
file.type === "image/jpeg" ||
|
||||
file.type === "image/png" ||
|
||||
file.type === "image/svg" ||
|
||||
file.type === "image/bmp" ||
|
||||
file.type === "image/gif";
|
||||
file.type === "image/jpg" ||
|
||||
file.type === "image/jpeg" ||
|
||||
file.type === "image/png" ||
|
||||
file.type === "image/svg" ||
|
||||
file.type === "image/bmp" ||
|
||||
file.type === "image/gif";
|
||||
if (!isJpgOrPng) {
|
||||
message.destroy();
|
||||
message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
|
||||
@@ -697,7 +701,7 @@ export default {
|
||||
};
|
||||
const templateScroll = (e) => {
|
||||
console.log("滚动", e);
|
||||
const { target } = e;
|
||||
const {target} = e;
|
||||
const scrllHeight = target.scrollHeight - target.scrollTop;
|
||||
const clientHeight = target.clientHeight;
|
||||
// console.log("scrllHeight", scrllHeight, clientHeight);
|
||||
@@ -723,20 +727,20 @@ export default {
|
||||
pageSize: state.pageSize,
|
||||
};
|
||||
getMemberInfo(obj)
|
||||
.then((res) => {
|
||||
let data = res.data.data.rows;
|
||||
state.totalPages = res.data.data.total;
|
||||
for (let i in data) {
|
||||
options.value.push({
|
||||
value: data[i].id,
|
||||
label: data[i].realName,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
message.destroy();
|
||||
message.error("获取员工失败" + err);
|
||||
});
|
||||
.then((res) => {
|
||||
let data = res.data.data.rows;
|
||||
state.totalPages = res.data.data.total;
|
||||
for (let i in data) {
|
||||
options.value.push({
|
||||
value: data[i].id,
|
||||
label: data[i].realName,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
message.destroy();
|
||||
message.error("获取员工失败" + err);
|
||||
});
|
||||
};
|
||||
const handleSearch = debounce((memberValue) => {
|
||||
console.log("fetching user", memberValue);
|
||||
@@ -786,6 +790,7 @@ export default {
|
||||
.ant-table-striped :deep(.table-striped) td {
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
|
||||
.addliveDrawer {
|
||||
.drawerMain {
|
||||
.header {
|
||||
@@ -795,6 +800,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
.headerTitle {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
@@ -803,32 +809,39 @@ export default {
|
||||
margin-left: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.contentMain {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.main_left {
|
||||
padding-right: 30px;
|
||||
flex: 1;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
margin-top: 32px;
|
||||
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btnbox {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
|
||||
.xkbtn {
|
||||
cursor: pointer;
|
||||
width: 130px;
|
||||
@@ -841,24 +854,29 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main_item2 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 32px;
|
||||
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.kqszbox {
|
||||
.qdqtbox {
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.qdbtn,
|
||||
.qtbtn {
|
||||
width: 75px;
|
||||
@@ -869,15 +887,18 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.btntext {
|
||||
color: #387df7;
|
||||
}
|
||||
}
|
||||
|
||||
.setbox {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.timerbox {
|
||||
margin-top: 6px;
|
||||
margin-right: 32px;
|
||||
@@ -887,10 +908,12 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btnbox2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
|
||||
.xkbtn {
|
||||
cursor: pointer;
|
||||
width: 130px;
|
||||
@@ -905,20 +928,24 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mbl_items2 {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.i_bottom {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.item_nam {
|
||||
width: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
white-space: nowrap;
|
||||
|
||||
.asterisk_icon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
@@ -926,13 +953,16 @@ export default {
|
||||
margin-top: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
.item_inp {
|
||||
flex: 1;
|
||||
|
||||
.i_upload_img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.i_upload {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
@@ -941,8 +971,10 @@ export default {
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
.addimg {
|
||||
position: relative;
|
||||
|
||||
.heng {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
@@ -950,6 +982,7 @@ export default {
|
||||
width: 50px;
|
||||
border: 1px solid #4ea6ff;
|
||||
}
|
||||
|
||||
.shu {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
@@ -963,6 +996,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main_btns {
|
||||
height: 72px;
|
||||
width: 100%;
|
||||
@@ -972,6 +1006,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
|
||||
|
||||
.btn1 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
@@ -981,6 +1016,7 @@ export default {
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
|
||||
Reference in New Issue
Block a user