mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-23 01:36:47 +08:00
Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage
This commit is contained in:
dongwug
106
package-lock.json
generated
106
package-lock.json
generated
@@ -9,6 +9,7 @@
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"ant-design-vue": "^3.2.12",
|
||||
"axios": "^1.1.3",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.2.17",
|
||||
"jquery": "^3.6.1",
|
||||
@@ -3549,6 +3550,11 @@
|
||||
"resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
|
||||
"integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"node_modules/at-least-node": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
|
||||
@@ -3581,6 +3587,16 @@
|
||||
"postcss": "^8.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.1.3.tgz",
|
||||
"integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.0",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/babel-loader": {
|
||||
"version": "8.2.5",
|
||||
"resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.2.5.tgz",
|
||||
@@ -4166,6 +4182,17 @@
|
||||
"integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"dependencies": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/commander": {
|
||||
"version": "8.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
|
||||
@@ -4858,6 +4885,14 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/depd": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
|
||||
@@ -6036,7 +6071,6 @@
|
||||
"version": "1.15.2",
|
||||
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz",
|
||||
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=4.0"
|
||||
},
|
||||
@@ -6046,6 +6080,19 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
|
||||
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
|
||||
"dependencies": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"mime-types": "^2.1.12"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/forwarded": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
|
||||
@@ -7442,7 +7489,6 @@
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
@@ -7451,7 +7497,6 @@
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"mime-db": "1.52.0"
|
||||
},
|
||||
@@ -8838,6 +8883,11 @@
|
||||
"node": ">= 0.10"
|
||||
}
|
||||
},
|
||||
"node_modules/proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||
},
|
||||
"node_modules/pseudomap": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
|
||||
@@ -13962,6 +14012,11 @@
|
||||
"resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
|
||||
"integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
|
||||
},
|
||||
"asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"at-least-node": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
|
||||
@@ -13982,6 +14037,16 @@
|
||||
"postcss-value-parser": "^4.2.0"
|
||||
}
|
||||
},
|
||||
"axios": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.1.3.tgz",
|
||||
"integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==",
|
||||
"requires": {
|
||||
"follow-redirects": "^1.15.0",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"babel-loader": {
|
||||
"version": "8.2.5",
|
||||
"resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.2.5.tgz",
|
||||
@@ -14468,6 +14533,14 @@
|
||||
"integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
|
||||
"dev": true
|
||||
},
|
||||
"combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"requires": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
}
|
||||
},
|
||||
"commander": {
|
||||
"version": "8.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
|
||||
@@ -15006,6 +15079,11 @@
|
||||
"object-keys": "^1.1.1"
|
||||
}
|
||||
},
|
||||
"delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
|
||||
},
|
||||
"depd": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
|
||||
@@ -15963,8 +16041,17 @@
|
||||
"follow-redirects": {
|
||||
"version": "1.15.2",
|
||||
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz",
|
||||
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
|
||||
"dev": true
|
||||
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
|
||||
},
|
||||
"form-data": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
|
||||
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
|
||||
"requires": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"mime-types": "^2.1.12"
|
||||
}
|
||||
},
|
||||
"forwarded": {
|
||||
"version": "0.2.0",
|
||||
@@ -17078,14 +17165,12 @@
|
||||
"mime-db": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"dev": true
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
|
||||
},
|
||||
"mime-types": {
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"mime-db": "1.52.0"
|
||||
}
|
||||
@@ -18105,6 +18190,11 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||
},
|
||||
"pseudomap": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
|
||||
|
||||
@@ -9,6 +9,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"ant-design-vue": "^3.2.12",
|
||||
"axios": "^1.1.3",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.2.17",
|
||||
"jquery": "^3.6.1",
|
||||
@@ -41,7 +42,11 @@
|
||||
"parserOptions": {
|
||||
"parser": "@babel/eslint-parser"
|
||||
},
|
||||
"rules": {}
|
||||
"rules": {
|
||||
"no-console": "off",
|
||||
"no-debugger": "off",
|
||||
"no-mixed-spaces-and-tabs": "off"
|
||||
}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
|
||||
8
src/api/config.js
Normal file
8
src/api/config.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import axios from "axios";
|
||||
|
||||
const http = axios.create({
|
||||
baseURL: 'http://localhost:8082/api',
|
||||
timeout: 1000 * 100
|
||||
});
|
||||
|
||||
export default http;
|
||||
20
src/api/index.js
Normal file
20
src/api/index.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import http from "./config";
|
||||
|
||||
// 接口
|
||||
export const getUserInfo = () => http.get('/');
|
||||
export const getUserById = (x, y, z) => http.post('/getuserbyid', { x, y, z });
|
||||
|
||||
|
||||
// 使用方法
|
||||
// import * as api from '../../api/index'
|
||||
// api.getUserById(6, 7, 8).then(res => {
|
||||
// console.log(res)
|
||||
// }).catch(err => {
|
||||
// console.log(err)
|
||||
// })
|
||||
|
||||
// api.getUserInfo().then(res => {
|
||||
// console.log(res)
|
||||
// }).catch(err => {
|
||||
// console.log(err)
|
||||
// })
|
||||
@@ -8,7 +8,7 @@
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">【考试】管理</div>
|
||||
<div class="headerTitle">{{ title }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@@ -93,6 +93,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
@@ -297,7 +301,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
<style lang="scss">
|
||||
// .drawerStyle {
|
||||
// .ant-drawer-content-wrapper {
|
||||
// // max-width: 1000px;
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">【在线】时间管理</div>
|
||||
<div class="headerTitle">{{ title }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@@ -104,6 +104,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
@@ -274,7 +278,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
<style lang="scss">
|
||||
// .drawerStyle {
|
||||
// .ant-drawer-content-wrapper {
|
||||
// // max-width: 1000px;
|
||||
|
||||
@@ -221,234 +221,139 @@
|
||||
<span class="editext">编辑</span>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="stage">
|
||||
<span class="stageimg"
|
||||
><img src="../../assets/images/projectadd/open.png"
|
||||
/></span>
|
||||
<span class="stagename">阶段1腾飞班阶级1</span>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="taskSyllabus">
|
||||
<a-collapse v-model:activeKey="taskSyllabusActive" accordion>
|
||||
<template #expandIcon="{ isActive }">
|
||||
<img
|
||||
:style="{
|
||||
width: isActive ? 9.1 : 8.1,
|
||||
height: isActive ? 8.1 : 9.1,
|
||||
'margin-right': isActive ? '12px' : '13px',
|
||||
}"
|
||||
:src="
|
||||
isActive
|
||||
? require('../../assets/images/projectadd/open.png')
|
||||
: require('../../assets/images/projectadd/close.png')
|
||||
"
|
||||
/>
|
||||
<div></div>
|
||||
</template>
|
||||
<a-collapse-panel
|
||||
v-for="(value, index) in taskSyllabus"
|
||||
:key="index"
|
||||
:header="value.text"
|
||||
>
|
||||
<div
|
||||
class="course"
|
||||
v-for="(item, key) in value.children"
|
||||
:key="key"
|
||||
>
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/zai.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「在线」</div>
|
||||
<div class="icontext">时间管理</div>
|
||||
<div class="iconame">「{{ item.course }}」</div>
|
||||
<div class="icontext">{{ item.name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename">选修</div>
|
||||
<div
|
||||
:class="
|
||||
item.classify == '必修' ? 'typename1' : 'typename'
|
||||
"
|
||||
>
|
||||
{{ item.classify }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
<div class="timetext">{{ item.beginTime }}</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">25/50人</div>
|
||||
<div class="progresstext">
|
||||
{{ item.complete }}/{{ item.total }}人
|
||||
</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="50"
|
||||
:percent="item.percent"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">50%</span>
|
||||
<span class="progresstext" style="margin-left: 10px"
|
||||
>{{ item.percent }}%</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer" @click="showTime">
|
||||
管理
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/zhi.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「直播」</div>
|
||||
<div class="icontext">管理直播间</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename1">必修</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">0/50人</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="0"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer">考勤</div>
|
||||
<div class="operation" style="cursor: pointer">管理</div>
|
||||
<div class="operation" style="cursor:pointer">二维码</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/mian.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「面授」</div>
|
||||
<div class="icontext">管理面授课</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename">选修</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">0/50人</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="0"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer" @click="showFS">
|
||||
<div
|
||||
class="operation"
|
||||
style="cursor: pointer"
|
||||
:style="{
|
||||
display: item.course === '面授' ? 'flex' : 'none',
|
||||
}"
|
||||
@click="showFS"
|
||||
>
|
||||
学员
|
||||
</div>
|
||||
<div class="operation" style="cursor: pointer" @click="showFace">
|
||||
管理
|
||||
</div>
|
||||
<div class="operation" style="cursor:pointer">二维码</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/huo.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「活动」</div>
|
||||
<div class="icontext">管理活动</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename1">必修</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">0/50人</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="0"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer" @click="showAA">
|
||||
<div
|
||||
class="operation"
|
||||
style="cursor: pointer"
|
||||
@click="showAA"
|
||||
:style="{
|
||||
display:
|
||||
item.course === '直播' || item.course === '活动'
|
||||
? 'flex'
|
||||
: 'none',
|
||||
}"
|
||||
>
|
||||
考勤
|
||||
</div>
|
||||
<div class="operation" style="cursor: pointer">管理</div>
|
||||
<div class="operation" style="cursor:pointer">二维码</div>
|
||||
<div
|
||||
class="operation"
|
||||
style="cursor: pointer"
|
||||
:style="{
|
||||
display:
|
||||
item.course === '直播' ||
|
||||
item.course === '活动' ||
|
||||
item.course === '面授'
|
||||
? 'flex'
|
||||
: 'none',
|
||||
}"
|
||||
>
|
||||
二维码
|
||||
</div>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/zuo.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「作业」</div>
|
||||
<div class="icontext">管理者作业</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename">选修</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">0/50人</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="0"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer" @click="showWork">
|
||||
<div
|
||||
class="operation"
|
||||
style="cursor: pointer; margin-right: 35px"
|
||||
@click="
|
||||
item.course === '在线' ||
|
||||
item.course === '案例' ||
|
||||
item.course === '外链' ||
|
||||
item.course === '讨论' ||
|
||||
item.course === '直播' ||
|
||||
item.course === '调研' ||
|
||||
item.course === '投票' ||
|
||||
item.course === '活动'
|
||||
? showTime(item.course, item.name)
|
||||
: item.course === '考试' || item.course === '测评'
|
||||
? showTest(item.course, item.name)
|
||||
: item.course === '面授'
|
||||
? showFace(item.course)
|
||||
: item.course === '作业'
|
||||
? showWork(item.course)
|
||||
: null
|
||||
"
|
||||
>
|
||||
管理
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course">
|
||||
<div class="first">
|
||||
<div class="icon">
|
||||
<img src="../../assets/images/leveladd/kao.png" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「考试」</div>
|
||||
<div class="icontext">管理者考试</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div class="typename">选修</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
<div class="timetext">开始时间</div>
|
||||
<div class="timetext">2022-09-16 14:03</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progresstext">0/50人</div>
|
||||
<div style="display: flex">
|
||||
<a-progress
|
||||
:showInfo="false"
|
||||
:percent="0"
|
||||
strokeColor="#FFC067"
|
||||
trailColor="rgba(253, 209, 98, 0.2)"
|
||||
/>
|
||||
<span class="progresstext" style="margin-left: 10px">0%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operations">
|
||||
<div class="operation" style="cursor: pointer" @click="showTest">
|
||||
管理
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stage" style="margin-top: 0">
|
||||
<span class="stageimg"
|
||||
><img src="../../assets/images/projectadd/close.png"
|
||||
/></span>
|
||||
<span class="stagename">阶段2 腾飞班阶级2</span>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; height: 20px"></div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="3" tab="学员">
|
||||
@@ -532,7 +437,7 @@
|
||||
<img src="../../assets/images/courseManage/reset2.png" />
|
||||
<span class="btn2text">导入学员</span>
|
||||
</div>
|
||||
<div class="btn2" >
|
||||
<div class="btn2">
|
||||
<img src="../../assets/images/projectadd/delete.png" />
|
||||
<span class="btn2text">批量删除</span>
|
||||
</div>
|
||||
@@ -875,7 +780,8 @@
|
||||
v-model:value="valuestu1"
|
||||
style="width: 80px; margin-right: 16px"
|
||||
:options="rankjindu"
|
||||
></a-select>
|
||||
>
|
||||
</a-select>
|
||||
<a-select
|
||||
v-model:value="valuestu2"
|
||||
style="width: 112px"
|
||||
@@ -1036,7 +942,7 @@
|
||||
</a-tabs>
|
||||
</div>
|
||||
<!-- 时间管理抽屉 -->
|
||||
<time-manage v-model:Tvisible="visible" />
|
||||
<time-manage v-model:Tvisible="visible" :title="showTimeText" />
|
||||
<!-- 面授管理抽屉 -->
|
||||
<face-manage v-model:Fvisible="FaceVisivle" />
|
||||
<!-- 学员（小组管理）创建小组抽屉 -->
|
||||
@@ -1058,7 +964,7 @@
|
||||
<!-- 作业管理抽屉 -->
|
||||
<work-manage v-model:Wvisible="Wvisible" />
|
||||
<!-- 考试管理抽屉 -->
|
||||
<test-manage v-model:TMvisible="TMvisible" />
|
||||
<test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
|
||||
|
||||
<!-- 概览（无数据）-项目发布弹窗 -->
|
||||
<div>
|
||||
@@ -1155,7 +1061,6 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
"
|
||||
>
|
||||
<div class="headerLeft" style="margin-left: 32px">
|
||||
@@ -1245,6 +1150,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs } from "vue";
|
||||
// import { CaretRightOutlined } from "@ant-design/icons-vue";
|
||||
import TimeManage from "../../components/drawers/TimeManage";
|
||||
import FaceManage from "../../components/drawers/FaceManage";
|
||||
import SubsetManage from "../../components/drawers/SubsetManage";
|
||||
@@ -1260,6 +1166,7 @@ import ChangeGroup from "../../components/drawers/ChangeGroup";
|
||||
export default {
|
||||
name: "taskPage",
|
||||
components: {
|
||||
// CaretRightOutlined,
|
||||
TimeManage,
|
||||
FaceManage,
|
||||
SubsetManage,
|
||||
@@ -1448,7 +1355,7 @@ export default {
|
||||
checked2: false,
|
||||
checkedd: false, //设置按钮1
|
||||
checkedd2: false, //设置按钮2
|
||||
activeKey: "1",
|
||||
activeKey: "2",
|
||||
activeKey1: "8",
|
||||
valueName: "", //排行榜输入姓名
|
||||
valueDate: "", //排行榜输入日期
|
||||
@@ -1776,6 +1683,133 @@ export default {
|
||||
className: "h",
|
||||
},
|
||||
],
|
||||
|
||||
//任务大纲列表
|
||||
taskSyllabus: [
|
||||
{
|
||||
text: "阶段1腾飞班阶段1",
|
||||
children: [
|
||||
{
|
||||
course: "在线",
|
||||
name: "时间管理",
|
||||
classify: "选修",
|
||||
beginTime: "2022-09-10 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 20, //完成人数
|
||||
percent: 40,
|
||||
},
|
||||
{
|
||||
course: "直播",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-12 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "面授",
|
||||
name: "管理面授课",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 80, //总人数
|
||||
complete: 0, //完成人数
|
||||
percent: 0,
|
||||
},
|
||||
{
|
||||
course: "活动",
|
||||
name: "管理活动",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 40, //完成人数
|
||||
percent: 80,
|
||||
},
|
||||
{
|
||||
course: "作业",
|
||||
name: "管理者作业",
|
||||
classify: "选修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 30, //完成人数
|
||||
percent: 60,
|
||||
},
|
||||
{
|
||||
course: "考试",
|
||||
name: "管理者考试",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 50, //完成人数
|
||||
percent: 100,
|
||||
},
|
||||
{
|
||||
course: "案例",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "外链",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
text: "阶段2腾飞班阶段2",
|
||||
children: [
|
||||
{
|
||||
course: "讨论",
|
||||
name: "时间管理",
|
||||
classify: "选修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 20, //完成人数
|
||||
percent: 40,
|
||||
},
|
||||
{
|
||||
course: "测评",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "调研",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "投票",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
taskSyllabusActive: 0,
|
||||
//在线管理等页面传递参数
|
||||
showTimeText: "",
|
||||
//考试、测评页面传递参数
|
||||
showTestText: "",
|
||||
});
|
||||
const showModal = () => {
|
||||
state.pubproject = true;
|
||||
@@ -1796,9 +1830,11 @@ export default {
|
||||
state.stugroup = false;
|
||||
};
|
||||
//新增
|
||||
const showTime = () => {
|
||||
const showTime = (course, name) => {
|
||||
console.log("点击管理");
|
||||
state.visible = true;
|
||||
state.showTimeText = "【" + course + "】" + name;
|
||||
// console.log("state.showTimeText", state.showTimeText);
|
||||
};
|
||||
//新增
|
||||
const showFace = () => {
|
||||
@@ -1828,8 +1864,9 @@ export default {
|
||||
state.Wvisible = true;
|
||||
};
|
||||
//考试管理的抽屉
|
||||
const showTest = () => {
|
||||
const showTest = (course, name) => {
|
||||
state.TMvisible = true;
|
||||
state.showTestText = "【" + course + "】" + name;
|
||||
};
|
||||
const showStuAdd = () => {
|
||||
state.Stuvisible = true;
|
||||
@@ -1882,6 +1919,7 @@ export default {
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.pubproject {
|
||||
.ant-modal {
|
||||
.ant-modal-body {
|
||||
@@ -1891,7 +1929,9 @@ export default {
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
}
|
||||
|
||||
padding: 0;
|
||||
|
||||
.modalHeader {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
@@ -1899,6 +1939,7 @@ export default {
|
||||
rgba(78, 166, 255, 0.2) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.modalMain {
|
||||
.projectname {
|
||||
color: rgba(79, 81, 86, 1);
|
||||
@@ -1907,23 +1948,28 @@ export default {
|
||||
margin-left: 62px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.projecttime {
|
||||
margin-left: 221px;
|
||||
|
||||
.timeti {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.timeme {
|
||||
color: rgba(79, 81, 86, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.projectbox {
|
||||
margin-top: 26px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.promessage {
|
||||
width: 280px;
|
||||
height: 110px;
|
||||
@@ -1934,6 +1980,7 @@ export default {
|
||||
);
|
||||
border-radius: 10px;
|
||||
margin-right: 7px;
|
||||
|
||||
.messageme {
|
||||
color: rgba(255, 182, 78, 1);
|
||||
font-size: 14px;
|
||||
@@ -1941,12 +1988,14 @@ export default {
|
||||
margin-top: 17px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.messagege {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.stumessage {
|
||||
width: 280px;
|
||||
height: 110px;
|
||||
@@ -1956,6 +2005,7 @@ export default {
|
||||
rgba(240, 248, 254, 1)
|
||||
);
|
||||
border-radius: 10px;
|
||||
|
||||
.messageme1 {
|
||||
color: rgba(78, 166, 255, 1);
|
||||
font-size: 14px;
|
||||
@@ -1963,6 +2013,7 @@ export default {
|
||||
margin-top: 17px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.messagege1 {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
@@ -1970,30 +2021,37 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.send {
|
||||
margin-top: 30px;
|
||||
margin-left: 61px;
|
||||
|
||||
.sendtext {
|
||||
margin-left: 11px;
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.ckb {
|
||||
margin-top: 20px;
|
||||
margin-left: 62px;
|
||||
|
||||
.sendpeo {
|
||||
color: rgba(109, 117, 132, 1);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ant-checkbox-inner {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.pubtn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 25px;
|
||||
|
||||
//margin-bottom: 29px;
|
||||
.pubtn1 {
|
||||
width: 100px;
|
||||
@@ -2008,6 +2066,7 @@ export default {
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.pubtn2 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
@@ -2025,6 +2084,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.canclestu {
|
||||
.ant-modal {
|
||||
width: 424px !important;
|
||||
@@ -2141,6 +2201,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.doublepro {
|
||||
.ant-modal {
|
||||
.ant-modal-body {
|
||||
@@ -2229,6 +2290,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taskpage {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@@ -2401,8 +2463,15 @@ export default {
|
||||
.content {
|
||||
//display: flex;
|
||||
//margin: 0 37px;
|
||||
.ant-tabs-top > .ant-tabs-nav::before,
|
||||
.ant-tabs-bottom > .ant-tabs-nav::before,
|
||||
.ant-tabs-top > div > .ant-tabs-nav::before,
|
||||
.ant-tabs-bottom > div > .ant-tabs-nav::before {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.ant-tabs-nav-wrap {
|
||||
margin-left: 30px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.onerow {
|
||||
//width: 100%;
|
||||
@@ -2431,7 +2500,7 @@ export default {
|
||||
}
|
||||
.edit {
|
||||
position: absolute;
|
||||
right: 48px;
|
||||
right: 38px;
|
||||
top: 0;
|
||||
color: #409eff;
|
||||
width: 100px;
|
||||
@@ -2625,6 +2694,38 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.taskSyllabus {
|
||||
.ant-collapse {
|
||||
border: 0px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.ant-collapse-content > .ant-collapse-content-box {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.ant-collapse > .ant-collapse-item {
|
||||
border: 0px;
|
||||
}
|
||||
.ant-collapse-header {
|
||||
display: flex;
|
||||
height: 49px;
|
||||
background-color: #eff4fc;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
margin-left: 38px;
|
||||
margin-right: 40px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #409eff;
|
||||
line-height: 36px;
|
||||
.ant-collapse-arrow {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
}
|
||||
.ant-collapse-content {
|
||||
border-top: 0px;
|
||||
}
|
||||
}
|
||||
.stage {
|
||||
display: flex;
|
||||
height: 49px;
|
||||
@@ -2648,11 +2749,12 @@ export default {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
margin-left: 38px;
|
||||
margin-right: 38px;
|
||||
padding: 25px 0px;
|
||||
margin-left: 22px;
|
||||
margin-right: 24px;
|
||||
//margin: 0 12px;
|
||||
border: 1px solid #f2f6fc;
|
||||
border-top: 0px;
|
||||
.first {
|
||||
//position: relative;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user