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

fix:修改版本号

Browse Source
This commit is contained in:
lixg
2022-12-07 13:40:56 +08:00
parent a331227ab2
commit 256eaa76aa
6 changed files with 418 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -43,7 +43,7 @@ export default defineComponent({
const store = useStore(); const store = useStore();
const isLogin = ref(false); const isLogin = ref(false);
// console.log("router", router.getRoutes(), route); // console.log("router", router.getRoutes(), route);
console.log("版本0.9.3------------"); console.log("版本0.9.4------------");
const routes = computed(() => { const routes = computed(() => {
return router.getRoutes().filter((e) => e.meta?.isLink); return router.getRoutes().filter((e) => e.meta?.isLink);
}); });

2
src/api/config.js
View File

@@ -2,7 +2,7 @@
* @Author: lixg lixg@dongwu-inc.com * @Author: lixg lixg@dongwu-inc.com
* @Date: 2022-11-21 14:32:52 * @Date: 2022-11-21 14:32:52
* @LastEditors: lixg lixg@dongwu-inc.com * @LastEditors: lixg lixg@dongwu-inc.com
* @LastEditTime: 2022-12-07 08:54:55 * @LastEditTime: 2022-12-07 13:40:40
* @FilePath: /fe-manage/src/api/config.js * @FilePath: /fe-manage/src/api/config.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */

35
src/components/drawers/AddOnline.vue
View File

@@ -21,24 +21,24 @@
<div class="main_items"> <div class="main_items">
<div class="mi_ipts"> <div class="mi_ipts">
<div class="mii_ipt"> <div class="mii_ipt">
<div class="ipt_name">课程编号：</div> <div class="ipt_name">课程信息：</div>
<div class="fi_input"> <div class="fi_input">
<a-input <a-input
v-model:value="inputV1" v-model:value="inputV1"
style="width: 240px; height: 40px; border-radius: 8px" style="width: 240px; height: 40px; border-radius: 8px"
placeholder="请输入项目名称" placeholder="请输入课程名称/编号"
maxlength="20" maxlength="20"
/> />
</div> </div>
</div> </div>
<div class="mii_ipt"> <div class="mii_ipt">
<div class="ipt_name">内容分类：</div> <div class="ipt_name">课程分类：</div>
<div class="select"> <div class="select">
<a-select <a-select
v-model:value="selectV" v-model:value="selectV"
dropdownClassName="dropdown-style" dropdownClassName="dropdown-style"
style="width: 240px" style="width: 240px"
placeholder="请选择" placeholder="请选择课程分类"
:options="options1" :options="options1"
allowClear allowClear
showSearch showSearch
@@ -209,7 +209,7 @@ export default {
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
inputV1: "", inputV1: null,
options1: [ options1: [
{ {
value: "微课", value: "微课",
@@ -223,7 +223,7 @@ export default {
time: undefined, time: undefined,
onlineClassesId: null, onlineClassesId: null,
onlineName: "", onlineName: "",
selectV: "", selectV: null,
selectedRowKeys: [], selectedRowKeys: [],
tableData: [], tableData: [],
addOnlineList: [], addOnlineList: [],
@@ -239,7 +239,8 @@ export default {
state.choicecourse = true; state.choicecourse = true;
ctx.emit("update:addonlineVisible", false); ctx.emit("update:addonlineVisible", false);
ctx.emit("update:edit", false); ctx.emit("update:edit", false);
state.inputV1 = ""; state.inputV1 = null;
state.selectV = null;
state.selectedRowKeys = []; state.selectedRowKeys = [];
state.addOnlineList = []; state.addOnlineList = [];
state.currentPage = 1; state.currentPage = 1;
@@ -258,7 +259,7 @@ export default {
dataIndex: "num", dataIndex: "num",
key: "num", key: "num",
width: "80px", width: "80px",
align: "left", align: "center",
}, },
{ {
title: "名称", title: "名称",
@@ -266,9 +267,10 @@ export default {
key: "name", key: "name",
width: "100px", width: "100px",
align: "center", align: "center",
ellipsis: true,
}, },
{ {
title: "内容分类", title: "课程分类",
dataIndex: "contenttype", dataIndex: "contenttype",
key: "contenttype", key: "contenttype",
width: "80px", width: "80px",
@@ -539,17 +541,13 @@ export default {
}) })
.then(() => { .then(() => {
message.destroy(); message.destroy();
message.success( message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
`${props.edit ? "编辑" : "新增"}任务成功`
);
ctx.emit("changeData", false); ctx.emit("changeData", false);
closeDrawer(); closeDrawer();
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
message.error( message.error(`${props.edit ? "编辑" : "新增"}任务失败`);
`${props.edit ? "编辑" : "新增"}任务失败`
);
}); });
}); });
} }
@@ -583,7 +581,7 @@ export default {
}; };
//搜索在线列表 //搜索在线列表
const searchList = () => { const searchList = () => {
if (state.inputV1 !== "" || state.selectV !== "") { if (state.inputV1 || state.selectV) {
getAllOnlineText(); getAllOnlineText();
} else { } else {
resetOnline(); resetOnline();
@@ -591,8 +589,8 @@ export default {
}; };
//重置在线信息 //重置在线信息
const resetOnline = () => { const resetOnline = () => {
state.inputV1 = ""; state.inputV1 = null;
state.selectV = ""; state.selectV = null;
state.selectedRowKeys = []; state.selectedRowKeys = [];
state.addOnlineList = []; state.addOnlineList = [];
state.currentPage = 1; state.currentPage = 1;
@@ -763,6 +761,7 @@ export default {
} }
.ant-table-selection-column { .ant-table-selection-column {
padding: 0px !important; padding: 0px !important;
padding-left: 5px !important;
} }
.ant-table-thead > tr > th { .ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1); background-color: rgba(239, 244, 252, 1);

17
src/components/drawers/AddTest.vue
View File

@@ -580,6 +580,7 @@ export default {
// state.addLoading = true; // state.addLoading = true;
queryExaminationDetailById({ examinationId: props.EditTestId }) queryExaminationDetailById({ examinationId: props.EditTestId })
.then((res) => { .then((res) => {
console.log("获取编辑考试信息", res);
formState.examinationName = res.data.data.examinationName; formState.examinationName = res.data.data.examinationName;
formState.workRequirement = res.data.data.workRequirement; formState.workRequirement = res.data.data.workRequirement;
formState.examinationDuration = res.data.data.examinationDuration; formState.examinationDuration = res.data.data.examinationDuration;
@@ -594,6 +595,9 @@ export default {
formState.showAnswers = Number(res.data.data.showAnswers) || 1; formState.showAnswers = Number(res.data.data.showAnswers) || 1;
formState.papaerName = res.data.data.examinationTestName; formState.papaerName = res.data.data.examinationTestName;
state.paperName = res.data.data.examinationTestName; state.paperName = res.data.data.examinationTestName;
// state.paperId=
state.paperId = res.data.data.examinationTestId;
state.paperName = res.data.data.examinationTestName;
if ( if (
res.data.data.examinationEndTime && res.data.data.examinationEndTime &&
res.data.data.examinationStartTime res.data.data.examinationStartTime
@@ -658,7 +662,7 @@ export default {
updateExamination(obj) updateExamination(obj)
.then(async (res) => { .then(async (res) => {
await updateTask(res); await updateTask(res);
closeDrawer(); // closeDrawer();
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
@@ -669,7 +673,7 @@ export default {
createExamination(obj) createExamination(obj)
.then(async (res) => { .then(async (res) => {
await updateTask(res); await updateTask(res);
closeDrawer(); // closeDrawer();
}) })
.catch(() => { .catch(() => {
message.destroy(); message.destroy();
@@ -694,7 +698,8 @@ export default {
}; };
RouterEditTask(editObj1) RouterEditTask(editObj1)
.then(() => { .then(() => {
//message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`); console.log("props.edit", props.edit);
message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
state.addLoading = false; state.addLoading = false;
closeDrawer(); closeDrawer();
@@ -715,8 +720,9 @@ export default {
// 新增编辑或新增项目 // 新增编辑或新增项目
ProjectEditTask(editObj) ProjectEditTask(editObj)
.then(() => { .then(() => {
//message.success(`${props.EditTestId ? "编辑" : "新增"}阶段任务成功`); message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
closeDrawer();
}) })
.catch(() => { .catch(() => {
//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);
@@ -732,8 +738,9 @@ export default {
type: 5, type: 5,
}) })
.then(() => { .then(() => {
//message.success( `${props.EditTestId ? "编辑" : "新增"}阶段任务成功`); message.success(`${props.edit ? "编辑" : "新增"}任务成功`);
ctx.emit("changeData", false); ctx.emit("changeData", false);
closeDrawer();
}) })
.catch(() => { .catch(() => {
//message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`); //message.error(`${props.EditTestId ? "编辑" : "新增"}阶段任务失败`);

757
src/components/drawers/EvList.vue
View File

@@ -1,54 +1,57 @@
<template> <template>
<a-drawer <a-drawer
:visible="EvalListVisible" :visible="EvalListVisible"
class="drawerStyle addonlineDrawer" class="drawerStyle addonlineDrawer"
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 class="headerTitle">选择测评</div> <div 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">
<div class="main_items"> <div class="main_items">
<div class="mi_ipts"> <div class="mi_ipts">
<div class="mii_ipt"> <div class="mii_ipt">
<div class="ipt_name">测评信息：</div> <div class="ipt_name">测评信息：</div>
<div class="fi_input"> <div class="fi_input">
<a-input <a-input
v-model:value="inputV1" v-model:value="inputV1"
style="width: 240px; height: 40px; border-radius: 8px" style="width: 240px; height: 40px; border-radius: 8px"
placeholder="请输入项目名称" placeholder="请输入项目名称"
/> />
</div>
</div>
</div>
<div class="mi_btns">
<div class="btn btn1" @click="searchList">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2" @click="resetData">
<div class="search"></div>
<div class="btnText">重置</div>
</div> </div>
</div> </div>
</div> </div>
<div class="main_table"> <div class="mi_btns">
<a-table <div class="btn btn1" @click="searchList">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2" @click="resetData">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
</div>
</div>
<div class="main_table">
<a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="columns" :columns="columns"
:data-source="tableData" :data-source="tableData"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:pagination="false" :pagination="false"
:row-selection="{ selectedRowKeys:selectedRowKeys,onChange:onSelectChange}" :row-selection="{
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
/> />
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
@@ -63,116 +66,116 @@
@change="changePagination" @change="changePagination"
/> />
</div> </div>
</div>
</div>
<div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="checkFinish">确定</button>
</div> </div>
</div> </div>
</a-drawer> <div class="main_btns">
<button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="checkFinish">确定</button>
</div>
</div>
</a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs } from "vue";
import * as api from "../../api/indexEval"; import * as api from "../../api/indexEval";
export default { export default {
name: "EvList", name: "EvList",
props: { props: {
EvalListVisible: { EvalListVisible: {
type: Boolean, type: Boolean,
default: false, default: false,
},
evaluationTypeId: {
type: Number,
default: null,
},
evaluationTypeName:{
type: String,
default: "",
},
}, },
setup(props, ctx) { evaluationTypeId: {
const state = reactive({ type: Number,
currentPage: 1, default: null,
tableDataTotal: 0, },
pageSize: 10, evaluationTypeName: {
inputV1:"", type: String,
evaluationTypeId:null, default: "",
evaluationTypeName:"", },
tableData: [], },
selectedRowKeys:[], setup(props, ctx) {
evListData:{}, const state = reactive({
columns:[ currentPage: 1,
{ tableDataTotal: 0,
title: "课程编号", pageSize: 10,
width: "20%", inputV1: "",
dataIndex: "quiz_code", evaluationTypeId: null,
key: "code", evaluationTypeName: "",
align: "center", tableData: [],
}, selectedRowKeys: [],
{ evListData: {},
title: "课程名称", columns: [
width: "20%", {
dataIndex: "title", title: "课程编号",
key: "title", width: "20%",
align: "center", dataIndex: "quiz_code",
}, key: "code",
{ align: "center",
title: "备注", },
width: "13%", {
dataIndex: "theme_desc", title: "课程名称",
key: "content", width: "20%",
align: "center", dataIndex: "title",
maxWidth: "13%", key: "title",
overflow: 'hidden', align: "center",
whiteSpace: 'nowrap', },
textOverflow: 'ellipsis', {
}, title: "备注",
{ width: "13%",
title: "状态", dataIndex: "theme_desc",
width: "13%", key: "content",
dataIndex: "status", align: "center",
key: "status", maxWidth: "13%",
align: "center", overflow: "hidden",
}, whiteSpace: "nowrap",
{ textOverflow: "ellipsis",
title: "价格", },
width: "13%", {
dataIndex: "quiz_price", title: "状态",
key: "price", width: "13%",
align: "center", dataIndex: "status",
}, key: "status",
{ align: "center",
title: "可答题人数", },
width: "20%", {
dataIndex: "quiz_range", title: "价格",
key: "time", width: "13%",
align: "center", dataIndex: "quiz_price",
}, key: "price",
] align: "center",
}); },
const onSelectChange = (selectedRowKeys,selectedRows)=> { {
if(selectedRowKeys.length>1){ title: "可答题人数",
return width: "20%",
dataIndex: "quiz_range",
key: "time",
align: "center",
},
],
});
const onSelectChange = (selectedRowKeys, selectedRows) => {
if (selectedRowKeys.length > 1) {
return;
} }
state.selectedRowKeys = selectedRowKeys state.selectedRowKeys = selectedRowKeys;
state.evListData = selectedRows[0] ? selectedRows[0] : {} state.evListData = selectedRows[0] ? selectedRows[0] : {};
} };
const closeDrawer = () => { const closeDrawer = () => {
state.selectedRowKeys = [] state.selectedRowKeys = [];
state.evListData = {} state.evListData = {};
state.inputV1 = "" state.inputV1 = "";
ctx.emit("update:EvalListVisible", false); ctx.emit("update:EvalListVisible", false);
}; };
const afterVisibleChange = (bol) => { const afterVisibleChange = (bol) => {
if ( bol == true ) { if (bol == true) {
getAllEvalText(); getAllEvalText();
} }
}; };
const checkFinish =() =>{ const checkFinish = () => {
ctx.emit("getEvListData", state.evListData); ctx.emit("getEvListData", state.evListData);
closeDrawer(); closeDrawer();
} };
const changePagination = (page) => { const changePagination = (page) => {
state.currentPage = page; state.currentPage = page;
getAllEvalText(); getAllEvalText();
@@ -182,73 +185,71 @@ import { reactive, toRefs } from "vue";
let data = tableData; let data = tableData;
let array = []; let array = [];
let arrayKey = []; let arrayKey = [];
if(props.evaluationTypeName != ""){ if (props.evaluationTypeName != "") {
data.map((value,index) => { data.map((value, index) => {
let obj = { let obj = {
key:index+1, key: index + 1,
status:value.status, status: value.status,
quiz_code:value.quiz_code, quiz_code: value.quiz_code,
quiz_kid:value.quiz_kid, quiz_kid: value.quiz_kid,
title:value.title, title: value.title,
theme_desc:value.theme_desc, theme_desc: value.theme_desc,
quiz_price:value.quiz_price, quiz_price: value.quiz_price,
quiz_range:value.quiz_range, quiz_range: value.quiz_range,
}; };
array.push(obj) array.push(obj);
if(obj.title == props.evaluationTypeName){ if (obj.title == props.evaluationTypeName) {
arrayKey.push(obj.key); arrayKey.push(obj.key);
} }
}); });
state.tableData = array; state.tableData = array;
state.selectedRowKeys = arrayKey; state.selectedRowKeys = arrayKey;
} } else {
else{ data.map((value, index) => {
data.map((value,index) => { let obj = {
let obj = { key: index + 1,
key:index+1, status: value.status,
status:value.status, quiz_code: value.quiz_code,
quiz_code:value.quiz_code, quiz_kid: value.quiz_kid,
quiz_kid:value.quiz_kid, title: value.title,
title:value.title, theme_desc: value.theme_desc,
theme_desc:value.theme_desc, quiz_price: value.quiz_price,
quiz_price:value.quiz_price, quiz_range: value.quiz_range,
quiz_range:value.quiz_range, };
}; array.push(obj);
array.push(obj); });
}); state.tableData = array;
state.tableData = array;
} }
}; };
//获取测评列表 //获取测评列表
const getAllEvalText = ()=> { const getAllEvalText = () => {
let objael = { let objael = {
"keyword": state.inputV1, keyword: state.inputV1,
"user_id": "965341999643234304", user_id: "965341999643234304",
} };
api api
.choiceEvaluation(objael) .choiceEvaluation(objael)
.then((res) => { .then((res) => {
getTableDataList(res.data.data) getTableDataList(res.data.data);
}) })
.catch(()=>{ .catch(() => {});
}) };
}
//搜索测评列表 //搜索测评列表
const searchList = ()=> { const searchList = () => {
if(state.inputV1 !== ''){ if (state.inputV1 !== "") {
getAllEvalText() getAllEvalText();
}else { } else {
resetData() resetData();
} }
} };
//重置测评列表 //重置测评列表
const resetData = ()=> { const resetData = () => {
state.currentPage = 1; state.currentPage = 1;
state.selectedRowKeys = []; state.selectedRowKeys = [];
state.evListData = {} state.evListData = {};
getAllEvalText(); getAllEvalText();
} };
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -260,206 +261,206 @@ import { reactive, toRefs } from "vue";
searchList, searchList,
resetData, resetData,
}; };
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.ant-table-striped :deep(.table-striped) td { .ant-table-striped :deep(.table-striped) td {
background-color: #fafafa !important; background-color: #fafafa !important;
} }
.addonlineDrawer { .addonlineDrawer {
.drawerMain { .drawerMain {
.header { .header {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
margin-left: 24px;
}
}
.contentMain {
padding-right: 12px;
.main_items {
display: flex;
margin-bottom: 12px;
flex-wrap: wrap;
.mi_ipts {
display: flex; display: flex;
justify-content: space-between; margin-bottom: 20px;
align-items: center; .mii_ipt {
flex-shrink: 0;
.headerTitle {
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 25px;
margin-left: 24px;
}
}
.contentMain {
padding-right: 12px;
.main_items {
display: flex; display: flex;
margin-bottom: 12px;
flex-wrap: wrap;
.mi_ipts {
display: flex;
margin-bottom: 20px;
.mii_ipt {
display: flex;
align-items: center;
margin-right: 24px;
.ipt_name {
white-space: nowrap;
}
}
}
.mi_btns {
display: flex;
margin-left: 38px;
margin-bottom: 20px;
cursor: pointer;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-left: 14px;
flex-shrink: 0;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 36px;
margin-left: 5px;
}
}
.btn1 {
background: rgb(64, 158, 255);
.search {
width: 15px;
height: 17px;
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: rgb(255, 255, 255);
}
}
.btn2 {
background: rgb(255, 255, 255);
.search {
width: 15px;
height: 17px;
background-image: url("@/assets/images/coursewareManage/reset1.png");
}
.btnText {
color: rgb(64, 158, 255);
}
}
.btn1:hover {
background: rgb(255, 255, 255);
.search {
background-image: url("@/assets/images/courseManage/search1.png");
}
.btnText {
color: #388be1;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("@/assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
}
}
.main_notice {
display: flex;
justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 32px; margin-right: 24px;
height: 40px; .ipt_name {
background-color: #e9f6fe; white-space: nowrap;
.mntc_left {
display: flex;
align-items: center;
.notice_icon {
width: 14px;
height: 14px;
margin-right: 9px;
margin-left: 9px;
background-image: url(@/assets/images/coursewareManage/gan.png);
background-size: 100% 100%;
}
}
.mntc_right {
cursor: pointer;
} }
} }
.main_table {
position: relative;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 60px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
} }
.mi_btns {
.main_btns {
height: 72px;
width: 100%;
bottom: 0;
left: 0;
display: flex; display: flex;
align-items: center; margin-left: 38px;
justify-content: center; margin-bottom: 20px;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16); cursor: pointer;
.btn1 { .btn {
width: 100px; padding: 0px 26px 0px 26px;
height: 40px; height: 38px;
border: 1px solid #4ea6ff;
border-radius: 8px; border-radius: 8px;
color: #4ea6ff; border: 1px solid rgba(64, 158, 255, 1);
background-color: #fff; display: flex;
cursor: pointer; align-items: center;
justify-content: center;
margin-left: 14px;
flex-shrink: 0;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 36px;
margin-left: 5px;
}
}
.btn1 {
background: rgb(64, 158, 255);
.search {
width: 15px;
height: 17px;
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: rgb(255, 255, 255);
}
} }
.btn2 { .btn2 {
cursor: pointer; background: rgb(255, 255, 255);
width: 100px; .search {
height: 40px; width: 15px;
background: #4ea6ff; height: 17px;
border-radius: 8px; background-image: url("@/assets/images/coursewareManage/reset1.png");
border: 0; }
margin-left: 15px; .btnText {
color: #fff; color: rgb(64, 158, 255);
}
}
.btn1:hover {
background: rgb(255, 255, 255);
.search {
background-image: url("@/assets/images/courseManage/search1.png");
}
.btnText {
color: #388be1;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("@/assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
} }
} }
} }
.main_notice {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
height: 40px;
background-color: #e9f6fe;
.mntc_left {
display: flex;
align-items: center;
.notice_icon {
width: 14px;
height: 14px;
margin-right: 9px;
margin-left: 9px;
background-image: url(@/assets/images/coursewareManage/gan.png);
background-size: 100% 100%;
}
}
.mntc_right {
cursor: pointer;
}
}
.main_table {
position: relative;
padding-bottom: 80px;
.classify {
margin-left: 10px !important;
padding-left: 9px !important;
}
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 5px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
}
.main_btns {
height: 72px;
width: 100%;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
.btn1 {
width: 100px;
height: 40px;
border: 1px solid #4ea6ff;
border-radius: 8px;
color: #4ea6ff;
background-color: #fff;
cursor: pointer;
}
.btn2 {
cursor: pointer;
width: 100px;
height: 40px;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-left: 15px;
color: #fff;
}
}
} }
</style> }
</style>

11
src/views/learningpath/LevelAdd.vue
View File

@@ -455,7 +455,9 @@
<div class="iconame"> <div class="iconame">
「{{ checkType(item.type) }}」 「{{ checkType(item.type) }}」
</div> </div>
<div class="icontext">{{ item.name }}</div> <div class="icontext" :title="item.name">
{{ item.name }}
</div>
</div> </div>
</div> </div>
<div class="type"> <div class="type">
@@ -466,7 +468,7 @@
<div class="time"> <div class="time">
<div class="timetext">开始时间</div> <div class="timetext">开始时间</div>
<div class="timetext"> <div class="timetext">
{{ item.startTime !== null ? item.startTime : "" }} {{ item.startTime !== null ? item.startTime : "-" }}
</div> </div>
</div> </div>
<div class="progress"> <div class="progress">
@@ -3751,7 +3753,10 @@ export default {
color: #999ba3; color: #999ba3;
font-size: 14px; font-size: 14px;
margin-left: 12px; margin-left: 12px;
width: 83px; width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
} }