mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 05:16:45 +08:00
feat:修改学习路径操作
This commit is contained in:
李晓鸽
43
package-lock.json
generated
43
package-lock.json
generated
@@ -14,8 +14,10 @@
|
|||||||
"element-plus": "^2.2.17",
|
"element-plus": "^2.2.17",
|
||||||
"jquery": "^3.6.1",
|
"jquery": "^3.6.1",
|
||||||
"qs": "^6.11.0",
|
"qs": "^6.11.0",
|
||||||
|
"sortablejs": "^1.15.0",
|
||||||
"vue": "^3.2.13",
|
"vue": "^3.2.13",
|
||||||
"vue-router": "^4.0.3",
|
"vue-router": "^4.0.3",
|
||||||
|
"vuedraggable": "^4.1.0",
|
||||||
"vuex": "^4.0.0"
|
"vuex": "^4.0.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
@@ -9658,6 +9660,11 @@
|
|||||||
"websocket-driver": "^0.7.4"
|
"websocket-driver": "^0.7.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/sortablejs": {
|
||||||
|
"version": "1.15.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
|
||||||
|
"integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
|
||||||
|
},
|
||||||
"node_modules/source-map": {
|
"node_modules/source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
|
||||||
@@ -10601,6 +10608,22 @@
|
|||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/vuedraggable": {
|
||||||
|
"version": "4.1.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz",
|
||||||
|
"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
|
||||||
|
"dependencies": {
|
||||||
|
"sortablejs": "1.14.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vue": "^3.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vuedraggable/node_modules/sortablejs": {
|
||||||
|
"version": "1.14.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
|
||||||
|
"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
|
||||||
|
},
|
||||||
"node_modules/vuex": {
|
"node_modules/vuex": {
|
||||||
"version": "4.0.2",
|
"version": "4.0.2",
|
||||||
"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
|
"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
|
||||||
@@ -18839,6 +18862,11 @@
|
|||||||
"websocket-driver": "^0.7.4"
|
"websocket-driver": "^0.7.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"sortablejs": {
|
||||||
|
"version": "1.15.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
|
||||||
|
"integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
|
||||||
|
},
|
||||||
"source-map": {
|
"source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
|
||||||
@@ -19589,6 +19617,21 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"vuedraggable": {
|
||||||
|
"version": "4.1.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz",
|
||||||
|
"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
|
||||||
|
"requires": {
|
||||||
|
"sortablejs": "1.14.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"sortablejs": {
|
||||||
|
"version": "1.14.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
|
||||||
|
"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"vuex": {
|
"vuex": {
|
||||||
"version": "4.0.2",
|
"version": "4.0.2",
|
||||||
"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
|
"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
|
||||||
|
|||||||
@@ -14,8 +14,10 @@
|
|||||||
"element-plus": "^2.2.17",
|
"element-plus": "^2.2.17",
|
||||||
"jquery": "^3.6.1",
|
"jquery": "^3.6.1",
|
||||||
"qs": "^6.11.0",
|
"qs": "^6.11.0",
|
||||||
|
"sortablejs": "^1.15.0",
|
||||||
"vue": "^3.2.13",
|
"vue": "^3.2.13",
|
||||||
"vue-router": "^4.0.3",
|
"vue-router": "^4.0.3",
|
||||||
|
"vuedraggable": "^4.1.0",
|
||||||
"vuex": "^4.0.0"
|
"vuex": "^4.0.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
@@ -75,7 +75,7 @@ export default defineComponent({
|
|||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
// flex-shrink: 0;
|
// flex-shrink: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// flex: 1 1 auto;
|
// flex: 1 1 auto;
|
||||||
width: calc(100% - 40px);
|
width: calc(100% - 40px);
|
||||||
|
|||||||
@@ -59,7 +59,8 @@ export const getRouterDetail = (routerId) => http.get('/admin/router/detail', {
|
|||||||
routerId: routerId,
|
routerId: routerId,
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
//添加学员
|
||||||
|
export const addStudent = (obj) => http.post('/admin/router/addStudent', obj);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -345,14 +345,14 @@ textarea {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 700px;
|
min-width: 700px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.contentMain {
|
.contentMain {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -376,7 +376,7 @@ textarea {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 700px;
|
min-width: 700px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@@ -392,7 +392,7 @@ textarea {
|
|||||||
.ant-modal {
|
.ant-modal {
|
||||||
height: calc(100% - 200px);
|
height: calc(100% - 200px);
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
min-width: 900px;
|
min-width: 900px;
|
||||||
max-width: 1300px;
|
max-width: 1300px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -428,7 +428,7 @@ textarea {
|
|||||||
.modalMain {
|
.modalMain {
|
||||||
height: 0px;
|
height: 0px;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
margin: 0px 52px;
|
margin: 0px 52px;
|
||||||
|
|
||||||
|
|||||||
@@ -1,37 +1,51 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="openPages">
|
<div class="openPages">
|
||||||
<div
|
<draggable
|
||||||
v-for="(value, index) in openList"
|
v-model="openList"
|
||||||
:key="index"
|
chosenClass="chosen"
|
||||||
style="position: relative"
|
forceFallback="true"
|
||||||
|
group="people"
|
||||||
|
animation="1000"
|
||||||
|
@start="onStart"
|
||||||
|
@end="onEnd"
|
||||||
|
:list="openList"
|
||||||
|
style="display: flex"
|
||||||
>
|
>
|
||||||
<router-link
|
<template #item="{ element }">
|
||||||
:to="value.href"
|
<div style="position: relative">
|
||||||
class="openItems"
|
<router-link
|
||||||
:style="{ background: value.active ? '#f5f7fa' : '' }"
|
:to="element.href"
|
||||||
>
|
class="openItems"
|
||||||
<div
|
:style="{ background: element.active ? '#f5f7fa' : '' }"
|
||||||
:style="{
|
>
|
||||||
color: value.active
|
<div
|
||||||
? 'rgba(64, 158, 255, 1)'
|
:style="{
|
||||||
: 'rgba(135, 139, 146, 1)',
|
color: element.active
|
||||||
}"
|
? 'rgba(64, 158, 255, 1)'
|
||||||
>
|
: 'rgba(135, 139, 146, 1)',
|
||||||
{{ value.pagename }}
|
}"
|
||||||
|
>
|
||||||
|
{{ element.pagename }}
|
||||||
|
</div>
|
||||||
|
</router-link>
|
||||||
|
<div class="close" @click.stop="closePage(element)">
|
||||||
|
<img src="../assets/images/openPages/close.png" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</template>
|
||||||
<div class="close" @click.stop="closePage(value)">
|
</draggable>
|
||||||
<img src="../assets/images/openPages/close.png" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs } from "vue";
|
import { reactive, toRefs } from "vue";
|
||||||
import { useStore } from "vuex";
|
import { useStore } from "vuex";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
|
import draggable from "vuedraggable";
|
||||||
export default {
|
export default {
|
||||||
name: "OpenPages",
|
name: "OpenPages",
|
||||||
|
components: {
|
||||||
|
draggable,
|
||||||
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const $router = useRouter();
|
const $router = useRouter();
|
||||||
@@ -69,7 +83,7 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style lang="scss">
|
||||||
.openPages {
|
.openPages {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 50px;
|
// height: 50px;
|
||||||
|
|||||||
@@ -709,7 +709,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-x: scroll;
|
// overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
<span style="margin-right: 3px">讨论设置：</span>
|
<span style="margin-right: 3px">讨论设置：</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnbox">
|
<div class="btnbox">
|
||||||
<a-checkbox v-model:checked="checkedC1">允许讨论</a-checkbox>
|
<a-checkbox v-model:checked="checkedC1">允许评论</a-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs, ref } from "vue";
|
import { reactive, toRefs, ref } from "vue";
|
||||||
import * as api from "../../api/indexDiscuss";
|
import * as api from "../../api/indexDiscuss";
|
||||||
import { message } from "ant-design-vue";
|
import { message } from "ant-design-vue";
|
||||||
@@ -114,10 +114,10 @@ export default {
|
|||||||
const afterVisibleChange = (bool) => {
|
const afterVisibleChange = (bool) => {
|
||||||
console.log("state", bool);
|
console.log("state", bool);
|
||||||
};
|
};
|
||||||
|
|
||||||
//创建讨论
|
//创建讨论
|
||||||
const createDiscuss = () => {
|
const createDiscuss = () => {
|
||||||
if(!state.inputV1) return message.warning("请输入讨论名称");
|
if (!state.inputV1) return message.warning("请输入讨论名称");
|
||||||
let obj = {
|
let obj = {
|
||||||
discussName: state.inputV1, //讨论名称
|
discussName: state.inputV1, //讨论名称
|
||||||
discussExplain: state.textV1, //讨论说明
|
discussExplain: state.textV1, //讨论说明
|
||||||
@@ -141,7 +141,6 @@ export default {
|
|||||||
message.success("创建成功");
|
message.success("创建成功");
|
||||||
ctx.emit("update:adddiscussVisible", false);
|
ctx.emit("update:adddiscussVisible", false);
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log("创建失败", err);
|
console.log("创建失败", err);
|
||||||
@@ -157,7 +156,7 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
</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;
|
||||||
}
|
}
|
||||||
@@ -237,15 +236,15 @@ export default {
|
|||||||
}
|
}
|
||||||
.ant-input-textarea-show-count {
|
.ant-input-textarea-show-count {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.ant-input-textarea-show-count::after {
|
.ant-input-textarea-show-count::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
.ant-input {
|
.ant-input {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -282,4 +281,3 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -104,7 +104,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -1051,7 +1051,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -139,7 +139,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.AddLevelImpStu {
|
.AddLevelImpStu {
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 450px;
|
min-width: 450px;
|
||||||
@@ -164,7 +164,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.main {
|
.main {
|
||||||
overflow: scroll;
|
overflow: auto;
|
||||||
.minatitl {
|
.minatitl {
|
||||||
display: flex;
|
display: flex;
|
||||||
.up1 {
|
.up1 {
|
||||||
@@ -419,4 +419,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -89,7 +89,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -223,7 +223,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -78,7 +78,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss" >
|
<style scoped lang="scss">
|
||||||
// .drawerStyle {
|
// .drawerStyle {
|
||||||
// .ant-drawer-content-wrapper {
|
// .ant-drawer-content-wrapper {
|
||||||
// // max-width: 1000px;
|
// // max-width: 1000px;
|
||||||
@@ -99,7 +99,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 400px;
|
min-width: 400px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-x: scroll;
|
// overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -189,4 +189,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -385,7 +385,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
// .drawerStyle {
|
// .drawerStyle {
|
||||||
// .ant-drawer-content-wrapper {
|
// .ant-drawer-content-wrapper {
|
||||||
// // max-width: 1000px;
|
// // max-width: 1000px;
|
||||||
@@ -513,7 +513,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.noticebox {
|
.noticebox {
|
||||||
@@ -820,4 +820,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -722,7 +722,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -831,7 +831,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
placeholder="请输入姓名"
|
placeholder="请输入姓名"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btns">
|
<div class="btns">
|
||||||
<div class="btn btn1" style="margin-right: 20px">
|
<div class="btn btn1" style="margin-right: 20px">
|
||||||
<div class="img1"></div>
|
<div class="img1"></div>
|
||||||
@@ -67,18 +67,18 @@
|
|||||||
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
|
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
|
||||||
<a-table
|
<a-table
|
||||||
style="border: 1px solid #f2f6fe"
|
style="border: 1px solid #f2f6fe"
|
||||||
:columns="tablecolumns"
|
:columns="tablecolumns"
|
||||||
:data-source="tabledata"
|
:data-source="tabledata"
|
||||||
:loading="tableDataTotal === -1 ? true : false"
|
:loading="tableDataTotal === -1 ? true : false"
|
||||||
expandRowByClick="true"
|
expandRowByClick="true"
|
||||||
:scroll="{ x: 900 }"
|
:scroll="{ x: 900 }"
|
||||||
@expand="expandTable"
|
@expand="expandTable"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:row-selection="{
|
:row-selection="{
|
||||||
columnWidth: 30,
|
columnWidth: 30,
|
||||||
selectedRowKeys: selectedRowKeys,
|
selectedRowKeys: selectedRowKeys,
|
||||||
onChange: onSelectChange,
|
onChange: onSelectChange,
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
@@ -104,11 +104,11 @@
|
|||||||
centered="true"
|
centered="true"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
wrapClassName="FacMa"
|
wrapClassName="FacMa"
|
||||||
>
|
>
|
||||||
<div class="head">
|
<div class="head">
|
||||||
<div class="inhead">
|
<div class="inhead">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<img src="../../assets/images/coursewareManage/notice.png"/>
|
<img src="../../assets/images/coursewareManage/notice.png" />
|
||||||
<div class="tis">提示</div>
|
<div class="tis">提示</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right" @click="closeModal"></div>
|
<div class="right" @click="closeModal"></div>
|
||||||
@@ -123,7 +123,6 @@
|
|||||||
<stu-add v-model:Stuvisible="Stuvisible" />
|
<stu-add v-model:Stuvisible="Stuvisible" />
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -145,7 +144,7 @@ export default {
|
|||||||
name: null,
|
name: null,
|
||||||
showmodal: false,
|
showmodal: false,
|
||||||
closable: false, //modal右上角的关闭按钮
|
closable: false, //modal右上角的关闭按钮
|
||||||
|
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: 100,
|
tableDataTotal: 100,
|
||||||
@@ -279,12 +278,11 @@ export default {
|
|||||||
const showStuAdd = () => {
|
const showStuAdd = () => {
|
||||||
state.Stuvisible = true;
|
state.Stuvisible = true;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
closeDrawer,
|
closeDrawer,
|
||||||
|
|
||||||
showModal,
|
showModal,
|
||||||
closeModal,
|
closeModal,
|
||||||
showStuAdd,
|
showStuAdd,
|
||||||
@@ -293,12 +291,12 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.MemberList {
|
.MemberList {
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
//overflow-x: scroll;
|
//overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
@@ -388,7 +386,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn1 {
|
.btn1 {
|
||||||
background: #409EFF;
|
background: #409eff;
|
||||||
|
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
@@ -396,8 +394,8 @@ export default {
|
|||||||
.btn2 {
|
.btn2 {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
|
||||||
color: #409EFF;
|
color: #409eff;
|
||||||
border: 1px solid #409EFF;
|
border: 1px solid #409eff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -441,7 +439,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn1 {
|
.btn1 {
|
||||||
background: #409EFF;
|
background: #409eff;
|
||||||
|
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
@@ -449,8 +447,8 @@ export default {
|
|||||||
.btn2 {
|
.btn2 {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
color:#409EFF;
|
color: #409eff;
|
||||||
border: 1px solid #409EFF;
|
border: 1px solid #409eff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -519,11 +517,11 @@ export default {
|
|||||||
|
|
||||||
.ant-table-thead > tr > th {
|
.ant-table-thead > tr > th {
|
||||||
background-color: rgba(239, 244, 252, 1) !important;
|
background-color: rgba(239, 244, 252, 1) !important;
|
||||||
color: rgba(0, 0, 0, 0.8500);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-cell {
|
.ant-table-cell {
|
||||||
color: rgba(0, 0, 0, 0.6500);
|
color: rgba(0, 0, 0, 0.65);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-selection-column {
|
.ant-table-selection-column {
|
||||||
@@ -545,11 +543,10 @@ export default {
|
|||||||
.ant-table-tbody
|
.ant-table-tbody
|
||||||
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
|
||||||
> td {
|
> td {
|
||||||
|
|
||||||
background: #f6f9fd;
|
background: #f6f9fd;
|
||||||
}
|
}
|
||||||
.ant-table-tbody > tr > td {
|
.ant-table-tbody > tr > td {
|
||||||
border-bottom: 1px solid rgba(240, 244, 254, 1);
|
border-bottom: 1px solid rgba(240, 244, 254, 1);
|
||||||
}
|
}
|
||||||
.pa {
|
.pa {
|
||||||
// left: 0;
|
// left: 0;
|
||||||
@@ -599,4 +596,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -78,17 +78,17 @@
|
|||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize"
|
:pageSize="pageSize"
|
||||||
:current="currentPage"
|
:current="currentPage"
|
||||||
:total="tableDataTotal"
|
:total="tableDataTotal"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -160,16 +160,16 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize1"
|
:pageSize="pageSize1"
|
||||||
:current="currentPage1"
|
:current="currentPage1"
|
||||||
:total="tableDataTotal1"
|
:total="tableDataTotal1"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -243,16 +243,16 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize2"
|
:pageSize="pageSize2"
|
||||||
:current="currentPage2"
|
:current="currentPage2"
|
||||||
:total="tableDataTotal2"
|
:total="tableDataTotal2"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -306,8 +306,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs } from "vue";
|
import { reactive, toRefs } from "vue";
|
||||||
export default {
|
export default {
|
||||||
name: "OwnPower",
|
name: "OwnPower",
|
||||||
@@ -779,8 +779,8 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.ownpower {
|
.ownpower {
|
||||||
// .ant-drawer-content-wrapper {
|
// .ant-drawer-content-wrapper {
|
||||||
// // max-width: 1000px;
|
// // max-width: 1000px;
|
||||||
@@ -794,7 +794,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -1003,25 +1003,25 @@ export default {
|
|||||||
// align-items: center;
|
// align-items: center;
|
||||||
// margin-top: -2px;
|
// margin-top: -2px;
|
||||||
// }
|
// }
|
||||||
.tableBox{
|
.tableBox {
|
||||||
.pa {
|
.pa {
|
||||||
// left: 0;
|
// left: 0;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 20px;
|
// height: 20px;
|
||||||
// background-color: red;
|
// background-color: red;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
// position: absolute;
|
// position: absolute;
|
||||||
// bottom: 20px;
|
// bottom: 20px;
|
||||||
.ant-pagination-item,
|
.ant-pagination-item,
|
||||||
.ant-pagination-prev,
|
.ant-pagination-prev,
|
||||||
.ant-pagination-next,
|
.ant-pagination-next,
|
||||||
.ant-pagination-options {
|
.ant-pagination-options {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab2 {
|
.tab2 {
|
||||||
@@ -1230,4 +1230,4 @@ export default {
|
|||||||
background-color: #4ea6ff !important;
|
background-color: #4ea6ff !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -786,7 +786,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -329,7 +329,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.me {
|
.me {
|
||||||
.ant-modal-body {
|
.ant-modal-body {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
@@ -461,7 +461,7 @@ export default {
|
|||||||
// overflow: auto;
|
// overflow: auto;
|
||||||
min-width: 500px;
|
min-width: 500px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -670,4 +670,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -17,12 +17,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="one">
|
<div class="one">
|
||||||
<span class="left">班级名称：</span>
|
<span class="left">班级名称：</span>
|
||||||
<span class="right">产品经理管理-腾飞班1</span>
|
<span class="right">产品经理管理-腾飞班1</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="one second">
|
<div class="one second">
|
||||||
<span class="left">说明：</span>
|
<span class="left">说明：</span>
|
||||||
<span class="right">班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span>
|
<span class="right"
|
||||||
|
>班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnn">
|
<div class="btnn">
|
||||||
@@ -30,7 +32,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -63,7 +64,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss" >
|
<style scoped lang="scss">
|
||||||
.promess {
|
.promess {
|
||||||
.ant-drawer-content-wrapper {
|
.ant-drawer-content-wrapper {
|
||||||
// max-width: 1000px;
|
// max-width: 1000px;
|
||||||
@@ -77,7 +78,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -101,13 +102,13 @@ export default {
|
|||||||
margin-top: 38px;
|
margin-top: 38px;
|
||||||
margin-left: 53px;
|
margin-left: 53px;
|
||||||
.left {
|
.left {
|
||||||
color: rgba(51, 51, 51, 1);
|
color: rgba(51, 51, 51, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
color: rgba(102, 102, 102, 1);
|
color: rgba(102, 102, 102, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.second {
|
.second {
|
||||||
@@ -137,4 +138,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -80,18 +80,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize"
|
:pageSize="pageSize"
|
||||||
:current="currentPage"
|
:current="currentPage"
|
||||||
:total="tableDataTotal"
|
:total="tableDataTotal"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="2" tab="添加组织" force-render>
|
<a-tab-pane key="2" tab="添加组织" force-render>
|
||||||
@@ -162,18 +161,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize1"
|
:pageSize="pageSize1"
|
||||||
:current="currentPage1"
|
:current="currentPage1"
|
||||||
:total="tableDataTotal1"
|
:total="tableDataTotal1"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -246,18 +244,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize2"
|
:pageSize="pageSize2"
|
||||||
:current="currentPage2"
|
:current="currentPage2"
|
||||||
:total="tableDataTotal2"
|
:total="tableDataTotal2"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
@@ -789,7 +786,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -80,18 +80,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize"
|
:pageSize="pageSize"
|
||||||
:current="currentPage"
|
:current="currentPage"
|
||||||
:total="tableDataTotal"
|
:total="tableDataTotal"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="2" tab="添加组织" force-render>
|
<a-tab-pane key="2" tab="添加组织" force-render>
|
||||||
@@ -162,18 +161,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize1"
|
:pageSize="pageSize1"
|
||||||
:current="currentPage1"
|
:current="currentPage1"
|
||||||
:total="tableDataTotal1"
|
:total="tableDataTotal1"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -246,18 +244,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize2"
|
:pageSize="pageSize2"
|
||||||
:current="currentPage2"
|
:current="currentPage2"
|
||||||
:total="tableDataTotal2"
|
:total="tableDataTotal2"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
@@ -789,7 +786,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -59,16 +59,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize"
|
:pageSize="pageSize"
|
||||||
:current="currentPage"
|
:current="currentPage"
|
||||||
:total="tableDataTotal"
|
:total="tableDataTotal"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
|
<!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
|
||||||
@@ -329,7 +329,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.me {
|
.me {
|
||||||
.ant-modal-body {
|
.ant-modal-body {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
@@ -350,7 +350,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-x: scroll;
|
// overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -553,4 +553,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -80,16 +80,16 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize"
|
:pageSize="pageSize"
|
||||||
:current="currentPage"
|
:current="currentPage"
|
||||||
:total="tableDataTotal"
|
:total="tableDataTotal"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -161,16 +161,16 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize1"
|
:pageSize="pageSize1"
|
||||||
:current="currentPage1"
|
:current="currentPage1"
|
||||||
:total="tableDataTotal1"
|
:total="tableDataTotal1"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -244,16 +244,16 @@
|
|||||||
/>
|
/>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<div class="pa">
|
<div class="pa">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
showSizeChanger="true"
|
showSizeChanger="true"
|
||||||
showQuickJumper="true"
|
showQuickJumper="true"
|
||||||
hideOnSinglePage="true"
|
hideOnSinglePage="true"
|
||||||
:pageSize="pageSize2"
|
:pageSize="pageSize2"
|
||||||
:current="currentPage2"
|
:current="currentPage2"
|
||||||
:total="tableDataTotal2"
|
:total="tableDataTotal2"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
@@ -786,7 +786,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -786,7 +786,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-drawer
|
<a-drawer
|
||||||
:visible="Seevisible"
|
:visible="Seevisible"
|
||||||
class="drawerStyle seestu"
|
class="drawerStyle seestu"
|
||||||
@@ -69,60 +69,76 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mainbox">
|
<div class="mainbox">
|
||||||
<a-collapse v-model:activeKey="stageListActive" >
|
<a-collapse v-model:activeKey="stageListActive">
|
||||||
<template #expandIcon="{ isActive }">
|
<template #expandIcon="{ isActive }">
|
||||||
<img style="margin-right: 20px"
|
<img
|
||||||
:src="
|
style="margin-right: 20px"
|
||||||
isActive
|
:src="
|
||||||
? require('../../assets/images/studentimg/open.png')
|
isActive
|
||||||
: require('../../assets/images/studentimg/close.png')
|
? require('../../assets/images/studentimg/open.png')
|
||||||
" />
|
: require('../../assets/images/studentimg/close.png')
|
||||||
<div></div>
|
"
|
||||||
|
/>
|
||||||
|
<div></div>
|
||||||
</template>
|
</template>
|
||||||
<a-collapse-panel v-for="(value, index) in stageList" :key="index" :header="value.text">
|
<a-collapse-panel
|
||||||
<div class="rowclass" v-for="(item, key) in value.children" :key="key">
|
v-for="(value, index) in stageList"
|
||||||
|
:key="index"
|
||||||
|
:header="value.text"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="rowclass"
|
||||||
|
v-for="(item, key) in value.children"
|
||||||
|
:key="key"
|
||||||
|
>
|
||||||
<div class="leftclass">
|
<div class="leftclass">
|
||||||
<div><img :src="
|
<div>
|
||||||
item.course === '在线'
|
<img
|
||||||
? require('../../assets/images/leveladd/zai.png')
|
:src="
|
||||||
: item.course === '面授'
|
item.course === '在线'
|
||||||
? require('../../assets/images/leveladd/mian.png')
|
? require('../../assets/images/leveladd/zai.png')
|
||||||
: item.course === '案例'
|
: item.course === '面授'
|
||||||
? require('../../assets/images/leveladd/an.png')
|
? require('../../assets/images/leveladd/mian.png')
|
||||||
: item.course === '作业'
|
: item.course === '案例'
|
||||||
? require('../../assets/images/leveladd/zuo.png')
|
? require('../../assets/images/leveladd/an.png')
|
||||||
: item.course === '考试'
|
: item.course === '作业'
|
||||||
? require('../../assets/images/leveladd/kao.png')
|
? require('../../assets/images/leveladd/zuo.png')
|
||||||
: item.course === '直播'
|
: item.course === '考试'
|
||||||
? require('../../assets/images/leveladd/zhi.png')
|
? require('../../assets/images/leveladd/kao.png')
|
||||||
: item.course === '外链'
|
: item.course === '直播'
|
||||||
? require('../../assets/images/leveladd/wai.png')
|
? require('../../assets/images/leveladd/zhi.png')
|
||||||
: item.course === '讨论'
|
: item.course === '外链'
|
||||||
? require('../../assets/images/leveladd/tao.png')
|
? require('../../assets/images/leveladd/wai.png')
|
||||||
: item.course === '活动'
|
: item.course === '讨论'
|
||||||
? require('../../assets/images/leveladd/huo.png')
|
? require('../../assets/images/leveladd/tao.png')
|
||||||
: item.course === '测评'
|
: item.course === '活动'
|
||||||
? require('../../assets/images/leveladd/ce.png')
|
? require('../../assets/images/leveladd/huo.png')
|
||||||
: item.course === '调研'
|
: item.course === '测评'
|
||||||
? require('../../assets/images/leveladd/diao.png')
|
? require('../../assets/images/leveladd/ce.png')
|
||||||
: item.course === '投票'
|
: item.course === '调研'
|
||||||
? require('../../assets/images/leveladd/tou.png')
|
? require('../../assets/images/leveladd/diao.png')
|
||||||
: null
|
: item.course === '投票'
|
||||||
" /></div>
|
? require('../../assets/images/leveladd/tou.png')
|
||||||
<div class="text1">{{item.course}}</div>
|
: null
|
||||||
<div class="text2">{{item.name}}</div>
|
"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="text1">{{ item.course }}</div>
|
||||||
|
<div class="text2">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="alreadyclass">
|
<div class="alreadyclass">
|
||||||
<div class="alimg">
|
<div class="alimg">
|
||||||
<img :src="
|
<img
|
||||||
item.complete === '已完成'
|
:src="
|
||||||
? require('../../assets/images/studentimg/complete.png')
|
item.complete === '已完成'
|
||||||
: require('../../assets/images/studentimg/notice.png')
|
? require('../../assets/images/studentimg/complete.png')
|
||||||
"/>
|
: require('../../assets/images/studentimg/notice.png')
|
||||||
|
"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="altext">{{item.complete}}</div>
|
<div class="altext">{{ item.complete }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-collapse-panel>
|
</a-collapse-panel>
|
||||||
</a-collapse>
|
</a-collapse>
|
||||||
</div>
|
</div>
|
||||||
@@ -136,7 +152,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { reactive, toRefs} from "vue";
|
import { reactive, toRefs } from "vue";
|
||||||
import ProMess from "./ProMess.vue";
|
import ProMess from "./ProMess.vue";
|
||||||
export default {
|
export default {
|
||||||
name: "SeeStu",
|
name: "SeeStu",
|
||||||
@@ -149,72 +165,72 @@ export default {
|
|||||||
},
|
},
|
||||||
setup(props, ctx) {
|
setup(props, ctx) {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
Provisible: false,
|
Provisible: false,
|
||||||
showDown: true,
|
showDown: true,
|
||||||
showDown1: false,
|
showDown1: false,
|
||||||
stageList: [
|
stageList: [
|
||||||
{
|
{
|
||||||
text: "阶段1腾飞班阶段1",
|
text: "阶段1腾飞班阶段1",
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
course: "在线",
|
course: "在线",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "已完成",
|
complete: "已完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "直播",
|
course: "直播",
|
||||||
name: "管理直播课",
|
name: "管理直播课",
|
||||||
complete: "已完成",
|
complete: "已完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "面授",
|
course: "面授",
|
||||||
name: "管理面授课",
|
name: "管理面授课",
|
||||||
complete: "未完成",
|
complete: "未完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "活动",
|
course: "活动",
|
||||||
name: "管理活动",
|
name: "管理活动",
|
||||||
complete: "未完成",
|
complete: "未完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "作业",
|
course: "作业",
|
||||||
name: "管理者作业",
|
name: "管理者作业",
|
||||||
complete: "未完成",
|
complete: "未完成",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "阶段2腾飞班阶段2",
|
text: "阶段2腾飞班阶段2",
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
course: "考试",
|
course: "考试",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "已完成",
|
complete: "已完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "案例",
|
course: "案例",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "已完成",
|
complete: "已完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "外链",
|
course: "外链",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "已完成",
|
complete: "已完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "讨论",
|
course: "讨论",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "未完成",
|
complete: "未完成",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
course: "测评",
|
course: "测评",
|
||||||
name: "如何成为一个产品经理",
|
name: "如何成为一个产品经理",
|
||||||
complete: "未完成",
|
complete: "未完成",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
stageListActive: 0,
|
stageListActive: 0,
|
||||||
});
|
});
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
ctx.emit("update:Seevisible", false);
|
ctx.emit("update:Seevisible", false);
|
||||||
@@ -245,7 +261,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.seestu {
|
.seestu {
|
||||||
.ant-drawer-content-wrapper {
|
.ant-drawer-content-wrapper {
|
||||||
// max-width: 1000px;
|
// max-width: 1000px;
|
||||||
@@ -259,7 +275,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -361,7 +377,7 @@ export default {
|
|||||||
//border: 1px solid rgba(221, 238, 255, 1);
|
//border: 1px solid rgba(221, 238, 255, 1);
|
||||||
//border-radius: 6px;
|
//border-radius: 6px;
|
||||||
.ant-collapse {
|
.ant-collapse {
|
||||||
background-color: #FFFFFF;
|
background-color: #ffffff;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.ant-collapse-content > .ant-collapse-content-box {
|
.ant-collapse-content > .ant-collapse-content-box {
|
||||||
@@ -448,4 +464,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1050,7 +1050,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-y: scroll;
|
// overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|||||||
@@ -57,7 +57,6 @@
|
|||||||
<!-- 创建小组抽屉 -->
|
<!-- 创建小组抽屉 -->
|
||||||
<add-group v-model:Avisible="Avisible" />
|
<add-group v-model:Avisible="Avisible" />
|
||||||
</a-drawer>
|
</a-drawer>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -76,7 +75,7 @@ export default {
|
|||||||
const state = reactive({
|
const state = reactive({
|
||||||
Avisible: false,
|
Avisible: false,
|
||||||
value1: "",
|
value1: "",
|
||||||
value2:"",
|
value2: "",
|
||||||
value3: "",
|
value3: "",
|
||||||
});
|
});
|
||||||
const closeDrawer = () => {
|
const closeDrawer = () => {
|
||||||
@@ -120,7 +119,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -129,12 +129,12 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
.TaskFaceImpStu {
|
.TaskFaceImpStu {
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -353,4 +353,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -365,7 +365,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 520px;
|
min-width: 520px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
// overflow-x: scroll;
|
// overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -318,11 +318,11 @@ export default {
|
|||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
.TimeManage {
|
.TimeManage {
|
||||||
// overflow-x: scroll;
|
// overflow-x: auto;
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.noticebox {
|
.noticebox {
|
||||||
|
|||||||
@@ -17,73 +17,86 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="onerow">
|
<div class="onerow">
|
||||||
<div class="assname">评估名称：</div>
|
<div class="assname">评估名称：</div>
|
||||||
<div class="asscontent">产品经理面授课评估</div>
|
<div class="asscontent">产品经理面授课评估</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="onerow" style="margin-top: 30px">
|
<div class="onerow" style="margin-top: 30px">
|
||||||
<div class="assname">评估说明：</div>
|
<div class="assname">评估说明：</div>
|
||||||
<div class="asscontent">-</div>
|
<div class="asscontent">-</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="assessbox" style="margin-top: 30px">
|
<div class="assessbox" style="margin-top: 30px">
|
||||||
<div class="box1">
|
<div class="box1">
|
||||||
<div class="asstype">评估类型：</div>
|
<div class="asstype">评估类型：</div>
|
||||||
<div class="typename">单选</div>
|
<div class="typename">单选</div>
|
||||||
|
</div>
|
||||||
|
<div class="box1" style="margin-left: 64px">
|
||||||
|
<div class="asstype">题干：</div>
|
||||||
|
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||||
|
这个课程你觉得对你有用吗？
|
||||||
</div>
|
</div>
|
||||||
<div class="box1" style="margin-left: 64px">
|
</div>
|
||||||
<div class="asstype">题干：</div>
|
<a-radio-group v-model:value="value">
|
||||||
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">这个课程你觉得对你有用吗？</div>
|
<div class="box1" style="margin-left: 55px; margin-top: 20px">
|
||||||
|
<div class="asstype">选择1：</div>
|
||||||
|
<a-radio :value="1">有用</a-radio>
|
||||||
</div>
|
</div>
|
||||||
<a-radio-group v-model:value="value">
|
<div
|
||||||
<div class="box1" style="margin-left: 55px;margin-top: 20px">
|
class="box1"
|
||||||
<div class="asstype">选择1：</div>
|
style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
|
||||||
<a-radio :value="1">有用</a-radio>
|
>
|
||||||
</div>
|
<div class="asstype">选择2：</div>
|
||||||
<div class="box1" style="margin-left: 55px;margin-top: 20px;margin-bottom: 30px">
|
<a-radio :value="2">没用</a-radio>
|
||||||
<div class="asstype">选择2：</div>
|
</div>
|
||||||
<a-radio :value="2">没用</a-radio>
|
</a-radio-group>
|
||||||
</div>
|
|
||||||
</a-radio-group>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="assessbox" style="margin-top: 30px">
|
<div class="assessbox" style="margin-top: 30px">
|
||||||
<div class="box1">
|
<div class="box1">
|
||||||
<div class="asstype">评估类型：</div>
|
<div class="asstype">评估类型：</div>
|
||||||
<div class="typename">问答题</div>
|
<div class="typename">问答题</div>
|
||||||
|
</div>
|
||||||
|
<div class="box1" style="margin-left: 64px">
|
||||||
|
<div class="asstype">标题：</div>
|
||||||
|
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||||
|
对这个课程有什么建议吗？
|
||||||
</div>
|
</div>
|
||||||
<div class="box1" style="margin-left: 64px">
|
</div>
|
||||||
<div class="asstype">标题：</div>
|
<div
|
||||||
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">对这个课程有什么建议吗？</div>
|
class="box1"
|
||||||
</div>
|
style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
|
||||||
<div class="box1" style="margin-left: 64px;margin-top: 20px;margin-bottom: 30px">
|
>
|
||||||
<div class="asstype">描述：</div>
|
<div class="asstype">描述：</div>
|
||||||
<div style="color: rgba(51, 51, 51, 1);font-size: 14px">希望以后这样的课程能够躲开，让我们多多了解！</div>
|
<div style="color: rgba(51, 51, 51, 1); font-size: 14px">
|
||||||
|
希望以后这样的课程能够躲开，让我们多多了解！
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="assessbox" style="margin-top: 30px">
|
<div class="assessbox" style="margin-top: 30px">
|
||||||
<div class="box1">
|
<div class="box1">
|
||||||
<div class="asstype">评估类型：</div>
|
<div class="asstype">评估类型：</div>
|
||||||
<div class="typename">评分题</div>
|
<div class="typename">评分题</div>
|
||||||
|
</div>
|
||||||
|
<div class="box1" style="margin-left: 64px">
|
||||||
|
<div class="asstype">标题：</div>
|
||||||
|
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||||
|
请给当前课程打分
|
||||||
</div>
|
</div>
|
||||||
<div class="box1" style="margin-left: 64px">
|
</div>
|
||||||
<div class="asstype">标题：</div>
|
<div class="lastbox">
|
||||||
<div style="color: rgba(153, 153, 153, 1);font-size: 14px">请给当前课程打分</div>
|
<div class="sorcetext">非常不满意</div>
|
||||||
</div>
|
<div class="sorcebox">
|
||||||
<div class="lastbox">
|
<div class="numbox">1</div>
|
||||||
<div class="sorcetext">非常不满意</div>
|
<div class="numbox">2</div>
|
||||||
<div class="sorcebox">
|
<div class="numbox">3</div>
|
||||||
<div class="numbox" >1</div>
|
<div class="numbox">4</div>
|
||||||
<div class="numbox">2</div>
|
<div class="numbox">5</div>
|
||||||
<div class="numbox">3</div>
|
<div class="numbox">6</div>
|
||||||
<div class="numbox">4</div>
|
<div class="numbox">7</div>
|
||||||
<div class="numbox">5</div>
|
<div class="numbox">8</div>
|
||||||
<div class="numbox">6</div>
|
<div class="numbox1">9</div>
|
||||||
<div class="numbox">7</div>
|
<div class="numbox1">10</div>
|
||||||
<div class="numbox">8</div>
|
|
||||||
<div class="numbox1">9</div>
|
|
||||||
<div class="numbox1">10</div>
|
|
||||||
</div>
|
|
||||||
<div class="sorcetext">非常满意</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="sorcetext">非常满意</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btnn">
|
<div class="btnn">
|
||||||
@@ -131,7 +144,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -160,13 +173,13 @@ export default {
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
.assname {
|
.assname {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.asscontent {
|
.asscontent {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.assessbox {
|
.assessbox {
|
||||||
@@ -175,66 +188,65 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.box1 {
|
.box1 {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 36px;
|
||||||
|
align-items: center;
|
||||||
|
.asstype {
|
||||||
|
color: rgba(51, 51, 51, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.typename {
|
||||||
|
width: 80px;
|
||||||
|
height: 32px;
|
||||||
|
//margin-left: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid rgba(64, 158, 255, 1);
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 20px;
|
justify-content: center;
|
||||||
margin-left: 36px;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.asstype {
|
color: rgba(64, 158, 255, 1);
|
||||||
color: rgba(51, 51, 51, 1);
|
font-size: 14px;
|
||||||
font-size: 14px;
|
background: rgba(64, 158, 255, 0.1);
|
||||||
font-weight: 500;
|
}
|
||||||
}
|
|
||||||
.typename {
|
|
||||||
width: 80px;
|
|
||||||
height: 32px;
|
|
||||||
//margin-left: 10px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid rgba(64, 158, 255, 1);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: rgba(64, 158, 255, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
background: rgba(64,158,255,0.1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.lastbox {
|
.lastbox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 30px;
|
||||||
|
.sorcetext {
|
||||||
|
color: rgba(153, 153, 153, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.sorcebox {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
.numbox {
|
||||||
margin-left: 30px;
|
width: 32px;
|
||||||
.sorcetext {
|
height: 32px;
|
||||||
color: rgba(153, 153, 153, 1);
|
display: flex;
|
||||||
font-size: 14px;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(64, 158, 255, 1);
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 14px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 20px 5px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.sorcebox {
|
.numbox1 {
|
||||||
display: flex;
|
width: 32px;
|
||||||
.numbox {
|
height: 32px;
|
||||||
width: 32px;
|
display: flex;
|
||||||
height: 32px;
|
justify-content: center;
|
||||||
display: flex;
|
align-items: center;
|
||||||
justify-content: center;
|
border: 1px solid rgba(151, 151, 151, 0.29);
|
||||||
align-items: center;
|
color: rgba(0, 0, 0, 0.65);
|
||||||
background: rgba(64, 158, 255, 1);
|
margin: 20px 5px;
|
||||||
color: #FFFFFF;
|
cursor: pointer;
|
||||||
font-size: 14px;
|
border-radius: 4px;
|
||||||
border-radius: 4px;
|
|
||||||
margin: 20px 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.numbox1 {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border: 1px solid rgba(151, 151, 151, 0.29);
|
|
||||||
color: rgba(0, 0, 0, 0.6500);
|
|
||||||
margin: 20px 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -89,7 +89,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss" >
|
<style scoped lang="scss">
|
||||||
// .drawerStyle {
|
// .drawerStyle {
|
||||||
// .ant-drawer-content-wrapper {
|
// .ant-drawer-content-wrapper {
|
||||||
// // max-width: 1000px;
|
// // max-width: 1000px;
|
||||||
@@ -106,7 +106,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 450px;
|
min-width: 450px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -238,4 +238,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -366,7 +366,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
// .drawerStyle {
|
// .drawerStyle {
|
||||||
// .ant-drawer-content-wrapper {
|
// .ant-drawer-content-wrapper {
|
||||||
// // max-width: 1000px;
|
// // max-width: 1000px;
|
||||||
@@ -486,7 +486,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 550px;
|
min-width: 550px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
@@ -675,4 +675,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -6,8 +6,9 @@ export default createStore({
|
|||||||
pagename: "学习路径",
|
pagename: "学习路径",
|
||||||
href: "/learningpath",
|
href: "/learningpath",
|
||||||
active: true,
|
active: true,
|
||||||
},]
|
},],
|
||||||
|
|
||||||
|
routerId: null,
|
||||||
},
|
},
|
||||||
getters: {
|
getters: {
|
||||||
|
|
||||||
@@ -16,7 +17,11 @@ export default createStore({
|
|||||||
chengeOpenpages(state, list) {
|
chengeOpenpages(state, list) {
|
||||||
// console.log('list', list)
|
// console.log('list', list)
|
||||||
state.openpages = list
|
state.openpages = list
|
||||||
}
|
},
|
||||||
|
chengeRouterId(state, routerId) {
|
||||||
|
// console.log('list', list)
|
||||||
|
state.routerId = routerId
|
||||||
|
},
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -20,7 +20,6 @@ export default {
|
|||||||
name: "TestPage",
|
name: "TestPage",
|
||||||
setup() {
|
setup() {
|
||||||
const state = reactive({});
|
const state = reactive({});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
};
|
};
|
||||||
@@ -30,14 +29,10 @@ export default {
|
|||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
var range = { x: 0, y: 0 }; //鼠标元素偏移量
|
var range = { x: 0, y: 0 }; //鼠标元素偏移量
|
||||||
var lastPos = { x: 0, y: 0, x1: 0, y1: 0 }; //拖拽对象的四个坐标
|
var lastPos = { x: 0, y: 0, x1: 0, y1: 0 }; //拖拽对象的四个坐标
|
||||||
|
|
||||||
var tarPos = { x: 0, y: 0, x1: 0, y1: 0 }; //目标元素对象的坐标初始化
|
var tarPos = { x: 0, y: 0, x1: 0, y1: 0 }; //目标元素对象的坐标初始化
|
||||||
|
|
||||||
var theDiv = null,
|
var theDiv = null,
|
||||||
move = false;
|
move = false;
|
||||||
|
|
||||||
var choose = false; //拖拽对象 拖拽状态 选中状态
|
var choose = false; //拖拽对象 拖拽状态 选中状态
|
||||||
|
|
||||||
// var theDivId = 0;
|
// var theDivId = 0;
|
||||||
// var theDivHeight = 0;
|
// var theDivHeight = 0;
|
||||||
var theDivHalf = 0;
|
var theDivHalf = 0;
|
||||||
@@ -101,7 +96,6 @@ $(document).ready(function () {
|
|||||||
if (!choose) {
|
if (!choose) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!move) {
|
if (!move) {
|
||||||
//恢复对象的初始样式
|
//恢复对象的初始样式
|
||||||
|
|
||||||
|
|||||||
@@ -1042,36 +1042,36 @@ export default {
|
|||||||
<div
|
<div
|
||||||
class="jc"
|
class="jc"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
state.out1 = true;
|
// state.out1 = true;
|
||||||
state.pathName = text.record.manager;
|
// state.pathName = text.record.manager;
|
||||||
// state.pathBg = "";
|
// // state.pathBg = "";
|
||||||
// state.organizationSelectName = null;
|
// // state.organizationSelectName = null;
|
||||||
// state.organizationSelectId = null;
|
// // state.organizationSelectId = null;
|
||||||
state.pathIntro = text.record.remark;
|
// state.pathIntro = text.record.remark;
|
||||||
state.editPathId = text.record.id;
|
// state.editPathId = text.record.id;
|
||||||
}}
|
}}
|
||||||
>
|
></div>
|
||||||
编辑
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div></div>
|
|
||||||
)}
|
|
||||||
{text.record.state === "未发布" ? (
|
|
||||||
<div class="fb">
|
|
||||||
<div
|
|
||||||
style="cursor:pointer"
|
|
||||||
class="jc"
|
|
||||||
onClick={() => {
|
|
||||||
showCopyModal();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
复制
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div></div>
|
<div></div>
|
||||||
)}
|
)}
|
||||||
|
{
|
||||||
|
// text.record.state === "未发布" ? (
|
||||||
|
// <div class="fb">
|
||||||
|
// <div
|
||||||
|
// style="cursor:pointer"
|
||||||
|
// class="jc"
|
||||||
|
// onClick={() => {
|
||||||
|
// showCopyModal();
|
||||||
|
// }}
|
||||||
|
// >
|
||||||
|
// 复制
|
||||||
|
// </div>
|
||||||
|
// </div>
|
||||||
|
// ) : (
|
||||||
|
// <div></div>
|
||||||
|
// )
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
<div class="tableSelect">
|
<div class="tableSelect">
|
||||||
<div
|
<div
|
||||||
@@ -1079,8 +1079,8 @@ export default {
|
|||||||
onClick={() => {
|
onClick={() => {
|
||||||
router.push({
|
router.push({
|
||||||
path: "/leveladd",
|
path: "/leveladd",
|
||||||
query: { routerId: text.record.id },
|
|
||||||
});
|
});
|
||||||
|
localStorage.setItem("routerId", text.record.id);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
管理
|
管理
|
||||||
@@ -1220,13 +1220,26 @@ export default {
|
|||||||
) : (
|
) : (
|
||||||
<div></div>
|
<div></div>
|
||||||
)}
|
)}
|
||||||
{text.record.state === "未发布" ? (
|
{text.record.state === "已停用" ? (
|
||||||
<div>
|
<div>
|
||||||
<a-select
|
<a-select
|
||||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||||
value="更多"
|
value="更多"
|
||||||
dropdownClassName="tabledropdown"
|
dropdownClassName="tabledropdown"
|
||||||
>
|
>
|
||||||
|
<a-select-option
|
||||||
|
value="复制"
|
||||||
|
label="复制"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showCopyModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
<a-select-option
|
<a-select-option
|
||||||
value="启用"
|
value="启用"
|
||||||
label="启用"
|
label="启用"
|
||||||
|
|||||||
@@ -258,7 +258,9 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
<!-- 无数据显示快速创建 -->
|
<!-- 无数据显示快速创建 -->
|
||||||
<router-link to="/leveladddetail">
|
<router-link
|
||||||
|
:to="{ path: '/leveladddetail', query: { routerId: routerId } }"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
class="taskbox"
|
class="taskbox"
|
||||||
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
|
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
|
||||||
@@ -493,13 +495,10 @@
|
|||||||
<button class="addd" @click="showImpStu">导入学员</button>
|
<button class="addd" @click="showImpStu">导入学员</button>
|
||||||
<div class="select">
|
<div class="select">
|
||||||
<a-select
|
<a-select
|
||||||
v-model:value="projectName"
|
|
||||||
style="width: 130px"
|
style="width: 130px"
|
||||||
placeholder="更多操作"
|
value="更多操作"
|
||||||
:options="projectNameListt"
|
:options="projectNameListt"
|
||||||
@change="selectProjectName"
|
@change="selectProjectName"
|
||||||
allowClear
|
|
||||||
showSearch
|
|
||||||
></a-select>
|
></a-select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -899,7 +898,8 @@ import TimeManage from "../../components/drawers/TimeManage";
|
|||||||
import TestManage from "../../components/drawers/TestManage";
|
import TestManage from "../../components/drawers/TestManage";
|
||||||
import FaceManage from "../../components/drawers/FaceManage";
|
import FaceManage from "../../components/drawers/FaceManage";
|
||||||
import WorkManage from "../../components/drawers/WorkManage";
|
import WorkManage from "../../components/drawers/WorkManage";
|
||||||
import { useRoute } from "vue-router";
|
// import { useRoute } from "vue-router";
|
||||||
|
// import { useStore } from "vuex";
|
||||||
import * as api from "../../api/index1";
|
import * as api from "../../api/index1";
|
||||||
export default {
|
export default {
|
||||||
name: "LevelAdd",
|
name: "LevelAdd",
|
||||||
@@ -916,9 +916,10 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {},
|
methods: {},
|
||||||
setup() {
|
setup() {
|
||||||
const routers = useRoute();
|
// const routers = useRoute();
|
||||||
|
// const store = useStore();
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
routerId: routers.query.routerId, //学习路径页面传的学习路径id
|
routerId: localStorage.getItem("routerId"), //学习路径页面传的学习路径id
|
||||||
gatename: null, //关卡名称
|
gatename: null, //关卡名称
|
||||||
gatenamee: null, //学员管理关卡名称
|
gatenamee: null, //学员管理关卡名称
|
||||||
deleteAll: false, //批量删除学员弹窗
|
deleteAll: false, //批量删除学员弹窗
|
||||||
@@ -1237,6 +1238,7 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
console.log("store", state.routerId);
|
||||||
const selectProjectName = (value, index) => {
|
const selectProjectName = (value, index) => {
|
||||||
console.log("value", value, index);
|
console.log("value", value, index);
|
||||||
if (value === "批量删除") {
|
if (value === "批量删除") {
|
||||||
@@ -1472,6 +1474,7 @@ export default {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
//学员管理------------------------------------------------
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
selectProjectName,
|
selectProjectName,
|
||||||
@@ -2839,6 +2842,10 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ant-select-selection-item {
|
||||||
|
padding-left: 15px;
|
||||||
|
color: #4ea6ff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.talk {
|
.talk {
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="inma">
|
<div class="inma">
|
||||||
<div class="name">
|
<div class="name">
|
||||||
<div class="d" style="margin-top: 2px;margin-right:2px">
|
<div class="d" style="margin-top: 2px; margin-right: 2px">
|
||||||
<img
|
<img
|
||||||
style="width: 10px; height: 10px"
|
style="width: 10px; height: 10px"
|
||||||
src="../../assets/images/basicinfo/asterisk.png"
|
src="../../assets/images/basicinfo/asterisk.png"
|
||||||
@@ -78,8 +78,15 @@
|
|||||||
<div class="co">{{ value1.length }}/20</div>
|
<div class="co">{{ value1.length }}/20</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
<div class="d" style="width: 10px;height: 10px;margin-top: 2px;margin-right:2px">
|
<div
|
||||||
</div>
|
class="d"
|
||||||
|
style="
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-right: 2px;
|
||||||
|
"
|
||||||
|
></div>
|
||||||
<div class="fir">关卡说明：</div>
|
<div class="fir">关卡说明：</div>
|
||||||
<div class="input">
|
<div class="input">
|
||||||
<a-textarea
|
<a-textarea
|
||||||
@@ -822,7 +829,7 @@ export default {
|
|||||||
|
|
||||||
//新建关卡
|
//新建关卡
|
||||||
const editChapter = () => {
|
const editChapter = () => {
|
||||||
if(!state.value1) return message.warning("请输入关卡名称");
|
if (!state.value1) return message.warning("请输入关卡名称");
|
||||||
let obj = {
|
let obj = {
|
||||||
name: state.value1,
|
name: state.value1,
|
||||||
remark: state.value2,
|
remark: state.value2,
|
||||||
@@ -845,25 +852,25 @@ export default {
|
|||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log("创建失败", err);
|
console.log("创建失败", err);
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
//编辑关卡
|
//编辑关卡
|
||||||
const updateChapter = () => {
|
const updateChapter = () => {
|
||||||
let obj = {
|
let obj = {
|
||||||
chapterId: state.updateChapterID,
|
chapterId: state.updateChapterID,
|
||||||
name: "",
|
name: "",
|
||||||
remark:"",
|
remark: "",
|
||||||
routerId: 0,
|
routerId: 0,
|
||||||
};
|
};
|
||||||
api
|
api
|
||||||
.updateChapter(obj)
|
.updateChapter(obj)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log("修改成功",res);
|
console.log("修改成功", res);
|
||||||
message.success("修改成功");
|
message.success("修改成功");
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log("修改失败",err);
|
console.log("修改失败", err);
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
const showDrawer = () => {
|
const showDrawer = () => {
|
||||||
state.visible = true;
|
state.visible = true;
|
||||||
@@ -993,9 +1000,14 @@ export default {
|
|||||||
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
|
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
|
||||||
编辑
|
编辑
|
||||||
</span>
|
</span>
|
||||||
<span style="color:#4EA6FF;cursor:pointer" onClick={() => {
|
<span
|
||||||
updateChapter();
|
style="color:#4EA6FF;cursor:pointer"
|
||||||
}}>删除</span>
|
onClick={() => {
|
||||||
|
updateChapter();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -1352,9 +1364,9 @@ export default {
|
|||||||
width: 100px;
|
width: 100px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #409EFF;
|
border: 1px solid #409eff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #409EFF;
|
color: #409eff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
@@ -1367,7 +1379,7 @@ export default {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 0;
|
border: 0;
|
||||||
background: #409EFF;
|
background: #409eff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1389,7 +1401,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1708,7 +1708,7 @@ export default {
|
|||||||
.drawerMain {
|
.drawerMain {
|
||||||
min-width: 600px;
|
min-width: 600px;
|
||||||
margin: 0px 32px 0px 32px;
|
margin: 0px 32px 0px 32px;
|
||||||
overflow-x: scroll;
|
overflow-x: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -62,6 +62,22 @@
|
|||||||
>
|
>
|
||||||
跳转
|
跳转
|
||||||
</div>
|
</div>
|
||||||
|
<draggable
|
||||||
|
v-model="draggableList"
|
||||||
|
chosenClass="chosen"
|
||||||
|
forceFallback="true"
|
||||||
|
group="people"
|
||||||
|
animation="1000"
|
||||||
|
@start="onStart"
|
||||||
|
@end="onEnd"
|
||||||
|
:list="draggableList"
|
||||||
|
>
|
||||||
|
<template #item="{ element }">
|
||||||
|
<div class="item" :key="element.id">
|
||||||
|
{{ element.name }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</draggable>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -76,12 +92,14 @@ import * as api from "../../api/index1";
|
|||||||
// reader.readAsDataURL(img);
|
// reader.readAsDataURL(img);
|
||||||
// }
|
// }
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
|
import draggable from "vuedraggable";
|
||||||
export default {
|
export default {
|
||||||
name: "SystemManage",
|
name: "SystemManage",
|
||||||
components: {
|
components: {
|
||||||
AddVote,
|
AddVote,
|
||||||
// LoadingOutlined,
|
// LoadingOutlined,
|
||||||
// PlusOutlined,
|
// PlusOutlined,
|
||||||
|
draggable,
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
@@ -91,38 +109,30 @@ export default {
|
|||||||
loading: false,
|
loading: false,
|
||||||
fileList: [],
|
fileList: [],
|
||||||
|
|
||||||
voteList: [
|
draggableList: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
stem: "题干一", //题干
|
name: "拖拽一",
|
||||||
options: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
option: "选项一",
|
|
||||||
imgUrl: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
option: "选项二",
|
|
||||||
imgUrl: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
stem: "题干二", //题干
|
name: "拖拽二",
|
||||||
options: [
|
},
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 3,
|
||||||
option: "选项一",
|
name: "拖拽三",
|
||||||
imgUrl: "",
|
},
|
||||||
},
|
{
|
||||||
{
|
id: 4,
|
||||||
id: 2,
|
name: "拖拽四",
|
||||||
option: "选项二",
|
},
|
||||||
imgUrl: "",
|
{
|
||||||
},
|
id: 5,
|
||||||
],
|
name: "拖拽五",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
name: "拖拽六",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
@@ -226,6 +236,12 @@ export default {
|
|||||||
right: 0px;
|
right: 0px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
|
.item {
|
||||||
|
width: 100px;
|
||||||
|
height: 50px;
|
||||||
|
background-color: pink;
|
||||||
|
border: 1px solid #000;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.drawerStyle {
|
.drawerStyle {
|
||||||
.drawerMain {
|
.drawerMain {
|
||||||
|
|||||||
Reference in New Issue
Block a user