mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 11:26:45 +08:00
Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage
This commit is contained in:
dongwug
55
src/api/index1.js
Normal file
55
src/api/index1.js
Normal file
@@ -0,0 +1,55 @@
|
||||
import http from "./config";
|
||||
// import qs from 'qs';
|
||||
|
||||
|
||||
/**
|
||||
* 接口传参数方式（get）
|
||||
* axios.get('/user', {
|
||||
* params: {
|
||||
* id: 12345，
|
||||
* name: user
|
||||
* }
|
||||
* }).then(res => console.log(res))
|
||||
*
|
||||
* 接口传参三种方式（post/put/patch）
|
||||
*
|
||||
* 1.'Content-Type'= 'multipart/form-data'，传参格式为 formData。
|
||||
* （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
|
||||
* （request的Header:'Content-Type'= 'multipart/form-data'）
|
||||
* var formData=new FormData();
|
||||
* formData.append('user',123456);formData.append('pass',12345678);
|
||||
* axios.post("/notice",formData).then()
|
||||
*
|
||||
* 2.'Content-Type'= 'application/x-www-form-urlencoded'，传参格式为 query 形式,使用$qs.stringify。
|
||||
* （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
|
||||
* （request的Header:'Content-Type'= 'application/x-www-form-urlencoded'）
|
||||
* let data = {"code":"1234","name":"yyyy"};
|
||||
* axios.post(`${this.$url}/test/testRequest`,qs.stringify({data})).then()
|
||||
*
|
||||
* 3.'Content-Type'= 'application/json，传参格式为 raw (JSON格式)。
|
||||
* （全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'）
|
||||
* （request的Header:'Content-Type'= 'application/json;charset=UTF-8'）
|
||||
* let data = {"code":"1234","name":"yyyy"}
|
||||
* axios.post(`${this.$url}/test/testRequest`,data).then()
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
// 接口-请求
|
||||
|
||||
// 获取学习路径图列表
|
||||
export const getLearnPath = (obj) => http.post('/admin/router/list', obj);
|
||||
|
||||
//获取关卡
|
||||
export const getChapter = (obj) => http.post('/admin/router/detail', { params: obj });
|
||||
|
||||
//新建或编辑关卡
|
||||
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
|
||||
|
||||
// 测试方法
|
||||
// import * as api from '../../api/index'
|
||||
// api.getLearnPath({}).then(res => {
|
||||
// console.log(res)
|
||||
// }).catch(err => {
|
||||
// console.log(err)
|
||||
// })
|
||||
@@ -45,31 +45,94 @@ body {
|
||||
/*对水平流动条有效*/
|
||||
}
|
||||
|
||||
::-moz-scrollbar {
|
||||
width: 6px;
|
||||
/*对垂直流动条有效*/
|
||||
height: 6px;
|
||||
/*对水平流动条有效*/
|
||||
}
|
||||
::-o-scrollbar {
|
||||
width: 6px;
|
||||
/*对垂直流动条有效*/
|
||||
height: 6px;
|
||||
/*对水平流动条有效*/
|
||||
}
|
||||
.scrollbar {
|
||||
width: 6px;
|
||||
/*对垂直流动条有效*/
|
||||
height: 6px;
|
||||
/*对水平流动条有效*/
|
||||
}
|
||||
/*定义滚动条的轨道颜色、内阴影及圆角*/
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
::-moz-scrollbar-track {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
::-o-scrollbar-track {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
.scrollbar-track {
|
||||
background-color: rgba(239, 244, 252, 1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/*定义滑块颜色、内阴影及圆角*/
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background-color: rgba(78, 166, 255, 1);
|
||||
}
|
||||
::-moz-scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background-color: rgba(78, 166, 255, 1);
|
||||
}
|
||||
::-o-scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background-color: rgba(78, 166, 255, 1);
|
||||
}
|
||||
.scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background-color: rgba(78, 166, 255, 1);
|
||||
}
|
||||
|
||||
/*定义两端按钮的样式*/
|
||||
::-webkit-scrollbar-button {
|
||||
background-color: cyan;
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-moz-scrollbar-button {
|
||||
background-color: cyan;
|
||||
display: none;
|
||||
}
|
||||
::-o-scrollbar-button {
|
||||
background-color: cyan;
|
||||
display: none;
|
||||
}
|
||||
.scrollbar-button {
|
||||
background-color: cyan;
|
||||
display: none;
|
||||
}
|
||||
/*定义右下角汇合处的样式*/
|
||||
::-webkit-scrollbar-corner {
|
||||
background: rgba(239, 244, 252, 1);
|
||||
;
|
||||
}
|
||||
|
||||
::-moz-scrollbar-corner {
|
||||
background: rgba(239, 244, 252, 1);
|
||||
;
|
||||
}
|
||||
::-o-scrollbar-corner {
|
||||
background: rgba(239, 244, 252, 1);
|
||||
;
|
||||
}
|
||||
.scrollbar-corner {
|
||||
background: rgba(239, 244, 252, 1);
|
||||
;
|
||||
}
|
||||
//隐藏滚动条----------------------------------------------------------------
|
||||
|
||||
//禁止选中----------------------------------------------------------
|
||||
|
||||
@@ -32,7 +32,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -85,7 +84,6 @@ export default {
|
||||
|
||||
<style lang="scss">
|
||||
.changegroup {
|
||||
|
||||
.drawerMain {
|
||||
min-width: 600px;
|
||||
margin: 0px 32px 0px 32px;
|
||||
@@ -125,7 +123,6 @@ export default {
|
||||
}
|
||||
.ant-select-selection-search-input {
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -70,7 +70,7 @@
|
||||
:data-source="tabledata"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
:scroll="{ x: 900, y: 350 }"
|
||||
:scroll="{ x: 900 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
/>
|
||||
|
||||
@@ -6,7 +6,7 @@ const routes = [
|
||||
{
|
||||
path: '/',
|
||||
name: '首页',
|
||||
redirect: routesConfig[0].path
|
||||
redirect: '/learningpath'
|
||||
},
|
||||
...routesConfig
|
||||
]
|
||||
|
||||
@@ -53,7 +53,6 @@
|
||||
|
||||
</div>
|
||||
<div class="btns">
|
||||
|
||||
<!-- <router-link to="/projectadd">
|
||||
<div class="btn btn3">
|
||||
<div class="search"></div>
|
||||
@@ -209,7 +208,6 @@
|
||||
</div></a-modal
|
||||
>
|
||||
|
||||
|
||||
<!-- 编辑路径弹窗 -->
|
||||
<a-modal
|
||||
:closable="sh"
|
||||
@@ -551,6 +549,7 @@ import OwnerShip from "../../components/drawers/Ownership";
|
||||
import PowerList from "../../components/drawers/PowerList";
|
||||
import QueryRight from "../../components/drawers/QueryRight";
|
||||
import ManageRight from "../../components/drawers/ManageRight";
|
||||
import * as api from "../../api/index1";
|
||||
export default {
|
||||
name: "learningPath",
|
||||
components: { OwnerShip, PowerList, QueryRight, ManageRight },
|
||||
@@ -801,8 +800,53 @@ export default {
|
||||
];
|
||||
return columns;
|
||||
};
|
||||
//获取学习路径列表
|
||||
const getLearnPath = () => {
|
||||
let obj = {
|
||||
beginTime: 0,
|
||||
endTime: 0,
|
||||
name: "",
|
||||
pageNo: 0,
|
||||
pageSize: 0,
|
||||
status: 0,
|
||||
};
|
||||
api
|
||||
.getLearnPath(obj)
|
||||
.then((res) => {
|
||||
console.log("获取路径列表数据", res);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取学习路径失败", err);
|
||||
});
|
||||
let getChapterObj = {
|
||||
routerId: 0,
|
||||
};
|
||||
api
|
||||
.getChapter(getChapterObj)
|
||||
.then((res) => {
|
||||
console.log("获取关卡数据", res);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取关卡数据失败", err);
|
||||
});
|
||||
|
||||
// let editChapterObj = {
|
||||
// name: "测试关卡",
|
||||
// remark: "这是测试关卡说明",
|
||||
// routerId: 0,
|
||||
// };
|
||||
// api
|
||||
// .editChapter(editChapterObj)
|
||||
// .then((res) => {
|
||||
// console.log("添加测试关卡数据", res);
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// console.log("添加测试关卡数据失败", err);
|
||||
// });
|
||||
};
|
||||
onMounted(() => {
|
||||
// console.log("执行");
|
||||
getLearnPath();
|
||||
});
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
@@ -888,18 +932,28 @@ export default {
|
||||
>
|
||||
发布
|
||||
</div>
|
||||
<div class="jc" onClick={() => {
|
||||
<div
|
||||
class="jc"
|
||||
onClick={() => {
|
||||
state.out1 = true;
|
||||
}}>编辑</div>
|
||||
}}
|
||||
>
|
||||
编辑
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
)}
|
||||
{value.state === "已发布" ? (
|
||||
<div class="fb">
|
||||
<div class="jc" onClick={() => {
|
||||
<div
|
||||
class="jc"
|
||||
onClick={() => {
|
||||
state.out1 = true;
|
||||
}}>编辑</div>
|
||||
}}
|
||||
>
|
||||
编辑
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
@@ -1649,7 +1703,7 @@ export default {
|
||||
.btn {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: #409EFF;
|
||||
background: #409eff;
|
||||
border-radius: 8px;
|
||||
//border: 1px solid rgba(64, 158, 255, 1);
|
||||
display: flex;
|
||||
@@ -1664,7 +1718,7 @@ export default {
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -1672,7 +1726,7 @@ export default {
|
||||
.btnn {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: #FFFFFF;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(64, 158, 255, 1);
|
||||
display: flex;
|
||||
@@ -1687,7 +1741,7 @@ export default {
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #409EFF;
|
||||
color: #409eff;
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -1716,7 +1770,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.btn1:active {
|
||||
background: #0982FF;
|
||||
background: #0982ff;
|
||||
}
|
||||
.btn2:hover {
|
||||
background: rgba(64, 158, 255, 0.1);
|
||||
@@ -1731,7 +1785,7 @@ export default {
|
||||
.btn {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: #409EFF;
|
||||
background: #409eff;
|
||||
border-radius: 8px;
|
||||
//border: 1px solid rgba(64, 158, 255, 1);
|
||||
display: flex;
|
||||
@@ -1746,7 +1800,7 @@ export default {
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -1769,7 +1823,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.btn3:active {
|
||||
background: #0982FF;
|
||||
background: #0982ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -80,13 +80,6 @@
|
||||
total: tableDataTotal,
|
||||
onChange: (page, pageSize) => {
|
||||
currentPage = page;
|
||||
// console.log('page', page)
|
||||
// 加翻页查找代码
|
||||
// this.setState({
|
||||
// currentPage: page,
|
||||
// }, () => {
|
||||
// this.getMilitaryDeployment()
|
||||
// })
|
||||
},
|
||||
}"
|
||||
>
|
||||
@@ -589,7 +582,9 @@
|
||||
</div>
|
||||
<div class="body">
|
||||
<span>是否结束项目</span>
|
||||
<div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
|
||||
<div class="back">
|
||||
（项目结束后学员将无法继续学习，此操作不可逆）
|
||||
</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
@@ -1070,7 +1065,6 @@ export default {
|
||||
data.map((value) => {
|
||||
if (value.children) {
|
||||
//多层项目
|
||||
console.log("11");
|
||||
value.operation =
|
||||
value.state === "草稿" ? (
|
||||
<div class="operation">
|
||||
@@ -1129,9 +1123,13 @@ export default {
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
@@ -1173,9 +1171,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<span class="more"></span>
|
||||
</div>
|
||||
) : value.state === "已结束" ? (
|
||||
@@ -1215,12 +1218,22 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
<span class="more" onClick={() => {
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<span
|
||||
class="more"
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</span>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
@@ -1278,14 +1291,22 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="复制" label="复制">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</div>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</div>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
@@ -1331,9 +1352,14 @@ export default {
|
||||
<router-link to="/classadd" class="operation3">
|
||||
创建班级
|
||||
</router-link>
|
||||
<span class="more" onClick={() => {
|
||||
<span
|
||||
class="more"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
</div>
|
||||
) : item.state === "已结束" ? (
|
||||
<div class="operation">
|
||||
@@ -1372,12 +1398,22 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
<span class="more" onClick={() => {
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<span
|
||||
class="more"
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</span>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
@@ -1432,19 +1468,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="复制" label="复制">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</div>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</div>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1489,9 +1537,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1500,19 +1553,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
}}>撤回</div>
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
}}>结束</div>
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1557,12 +1622,22 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
<span class="operation3" onClick={() => {
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1571,14 +1646,22 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</div>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1623,9 +1706,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1634,19 +1722,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
}}>结束</div>
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
}}>撤回</div>
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1707,19 +1807,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="复制" label="复制">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</div>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</div>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1764,9 +1876,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1775,19 +1892,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
}}>撤回</div>
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
}}>结束</div>
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1832,9 +1961,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1843,19 +1977,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
}}>删除</div>
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
}}>结束</div>
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1900,9 +2046,14 @@ export default {
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
<div class="tableSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
@@ -1911,19 +2062,31 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
}}>撤回</div>
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
}}>结束</div>
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -1983,9 +2146,14 @@ export default {
|
||||
{value.state === "草稿" ? (
|
||||
<span class="operation3">发布</span>
|
||||
) : (
|
||||
<span class="operation3" onClick={() => {
|
||||
<span
|
||||
class="operation3"
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</span>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</span>
|
||||
)}
|
||||
<div class="tableSelect">
|
||||
{value.state === "草稿" ? (
|
||||
@@ -1996,9 +2164,13 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="复制" label="复制">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showCopyModal();
|
||||
}}>复制</div>
|
||||
}}
|
||||
>
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
@@ -2010,9 +2182,13 @@ export default {
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -2026,9 +2202,13 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div
|
||||
@@ -2040,9 +2220,13 @@ export default {
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
}}>撤回</div>
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="基础信息" label="基础信息">
|
||||
<router-link to="/taskpage">基础信息</router-link>
|
||||
@@ -2056,9 +2240,13 @@ export default {
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="存为模板" label="存为模板">
|
||||
<div onClick={() => {
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
}}>存为模板</div>
|
||||
}}
|
||||
>
|
||||
存为模板
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
@@ -2082,6 +2270,7 @@ export default {
|
||||
}
|
||||
});
|
||||
state.tableData = data;
|
||||
console.log("tableData", state.tableData);
|
||||
};
|
||||
getTableDate();
|
||||
|
||||
|
||||
@@ -54,15 +54,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, defineComponent, toRefs } from "vue";
|
||||
|
||||
const columns1 = [
|
||||
|
||||
{
|
||||
title: "模版名称",
|
||||
width: '20%',
|
||||
width: "20%",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
ellipsis: true,
|
||||
@@ -70,36 +67,34 @@ const columns1 = [
|
||||
},
|
||||
{
|
||||
title: "状态",
|
||||
width: '15%',
|
||||
width: "15%",
|
||||
dataIndex: "status",
|
||||
key: "status",
|
||||
align: "center",
|
||||
},
|
||||
|
||||
{
|
||||
title: "创建人",
|
||||
width: '18%',
|
||||
width: "18%",
|
||||
dataIndex: "creator",
|
||||
key: "creator",
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "最近学习时间",
|
||||
width: '25%',
|
||||
width: "25%",
|
||||
dataIndex: "stutime",
|
||||
key: "stutime",
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
width: '22%',
|
||||
width: "22%",
|
||||
className: "h",
|
||||
dataIndex: "operation",
|
||||
key: "operation",
|
||||
align: "center",
|
||||
},
|
||||
];
|
||||
|
||||
export default defineComponent({
|
||||
name: "TemplateLibrary",
|
||||
setup() {
|
||||
@@ -151,7 +146,10 @@ export default defineComponent({
|
||||
<div class="nselect">
|
||||
<div class="ops2">
|
||||
<router-link to="/libraryadd">
|
||||
<div class="jc">查看 <span style="color:#E9E9E9;margin-left:8px;">|</span></div>
|
||||
<div class="jc">
|
||||
查看{" "}
|
||||
<span style="color:#E9E9E9;margin-left:8px;">|</span>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
@@ -164,11 +162,17 @@ export default defineComponent({
|
||||
{value.status === "未发布" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
<div class="jc">发布<span style="color:#E9E9E9;margin-left:8px;">|</span></div>
|
||||
<div class="jc">
|
||||
发布
|
||||
<span style="color:#E9E9E9;margin-left:8px;">|</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops2">
|
||||
<router-link to="/libraryadd">
|
||||
<div class="jc">查看<span style="color:#E9E9E9;margin-left:8px;">|</span></div>
|
||||
<div class="jc">
|
||||
查看
|
||||
<span style="color:#E9E9E9;margin-left:8px;">|</span>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
@@ -189,13 +193,10 @@ export default defineComponent({
|
||||
return {
|
||||
...toRefs(state),
|
||||
columns1,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.templatelibrary {
|
||||
width: 100%;
|
||||
@@ -254,7 +255,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
.btn1 {
|
||||
background: #409EFF;
|
||||
background: #409eff;
|
||||
.search {
|
||||
width: 15px;
|
||||
height: 17px;
|
||||
@@ -262,8 +263,8 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
.btn2 {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #388BE1;
|
||||
background: #ffffff;
|
||||
border: 1px solid #388be1;
|
||||
.search {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
@@ -272,7 +273,7 @@ export default defineComponent({
|
||||
}
|
||||
.btn1:hover {
|
||||
background: rgb(255, 255, 255);
|
||||
border: 1px solid #388BE1;
|
||||
border: 1px solid #388be1;
|
||||
.search {
|
||||
background-image: url("../../assets/images/courseManage/search1.png");
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@ module.exports = defineConfig({
|
||||
target: "http://111.231.196.214:30001/",
|
||||
changeOrigin: true,
|
||||
secure: false,
|
||||
ws: true,
|
||||
ws: false,
|
||||
pathRewrite: {
|
||||
"^/api": "",
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user