课程管理页面

main
ccylinyu 2 years ago
parent ac5144e9f6
commit 21f263bd84

@ -1,111 +1,150 @@
{
"hash": "7225a1f6",
"browserHash": "80efce31",
"browserHash": "e22d818e",
"optimized": {
"@element-plus/icons-vue": {
"src": "../../@element-plus/icons-vue/dist/index.js",
"file": "@element-plus_icons-vue.js",
"fileHash": "fb8b8afc",
"fileHash": "548578cb",
"needsInterop": false
},
"axios": {
"src": "../../axios/index.js",
"file": "axios.js",
"fileHash": "5fa0af9a",
"fileHash": "63c603b0",
"needsInterop": false
},
"element-plus": {
"src": "../../element-plus/es/index.mjs",
"file": "element-plus.js",
"fileHash": "543f208b",
"fileHash": "28509851",
"needsInterop": false
},
"element-plus/dist/locale/zh-cn.mjs": {
"src": "../../element-plus/dist/locale/zh-cn.mjs",
"file": "element-plus_dist_locale_zh-cn__mjs.js",
"fileHash": "750939d6",
"fileHash": "74a3a03c",
"needsInterop": false
},
"vue": {
"src": "../../vue/dist/vue.runtime.esm-bundler.js",
"file": "vue.js",
"fileHash": "4d986ca1",
"fileHash": "06223a61",
"needsInterop": false
},
"vue-router": {
"src": "../../vue-router/dist/vue-router.mjs",
"file": "vue-router.js",
"fileHash": "a41401d8",
"fileHash": "e19afd64",
"needsInterop": false
},
"element-plus/es": {
"src": "../../element-plus/es/index.mjs",
"file": "element-plus_es.js",
"fileHash": "4c473bb5",
"fileHash": "c57ed95a",
"needsInterop": false
},
"element-plus/es/components/base/style/index": {
"src": "../../element-plus/es/components/base/style/index.mjs",
"file": "element-plus_es_components_base_style_index.js",
"fileHash": "804ab40f",
"fileHash": "1c3c0668",
"needsInterop": false
},
"element-plus/es/components/menu/style/index": {
"src": "../../element-plus/es/components/menu/style/index.mjs",
"file": "element-plus_es_components_menu_style_index.js",
"fileHash": "c86889de",
"fileHash": "e13eff9d",
"needsInterop": false
},
"element-plus/es/components/sub-menu/style/index": {
"src": "../../element-plus/es/components/sub-menu/style/index.mjs",
"file": "element-plus_es_components_sub-menu_style_index.js",
"fileHash": "7ad0e826",
"fileHash": "b46ad04e",
"needsInterop": false
},
"element-plus/es/components/menu-item/style/index": {
"src": "../../element-plus/es/components/menu-item/style/index.mjs",
"file": "element-plus_es_components_menu-item_style_index.js",
"fileHash": "1760701f",
"fileHash": "007dcc74",
"needsInterop": false
},
"element-plus/es/components/icon/style/index": {
"src": "../../element-plus/es/components/icon/style/index.mjs",
"file": "element-plus_es_components_icon_style_index.js",
"fileHash": "bc5ca56d",
"fileHash": "e68581c3",
"needsInterop": false
},
"element-plus/es/components/message/style/index": {
"src": "../../element-plus/es/components/message/style/index.mjs",
"file": "element-plus_es_components_message_style_index.js",
"fileHash": "9c6bfddc",
"fileHash": "35e07709",
"needsInterop": false
},
"element-plus/es/components/form/style/index": {
"src": "../../element-plus/es/components/form/style/index.mjs",
"file": "element-plus_es_components_form_style_index.js",
"fileHash": "1377dabe",
"fileHash": "20738edf",
"needsInterop": false
},
"element-plus/es/components/form-item/style/index": {
"src": "../../element-plus/es/components/form-item/style/index.mjs",
"file": "element-plus_es_components_form-item_style_index.js",
"fileHash": "f3e19a1a",
"fileHash": "1f68ab46",
"needsInterop": false
},
"element-plus/es/components/input/style/index": {
"src": "../../element-plus/es/components/input/style/index.mjs",
"file": "element-plus_es_components_input_style_index.js",
"fileHash": "673afc95",
"fileHash": "0149a50d",
"needsInterop": false
},
"element-plus/es/components/button/style/index": {
"src": "../../element-plus/es/components/button/style/index.mjs",
"file": "element-plus_es_components_button_style_index.js",
"fileHash": "78c59438",
"fileHash": "1c425066",
"needsInterop": false
},
"element-plus/es/components/table/style/index": {
"src": "../../element-plus/es/components/table/style/index.mjs",
"file": "element-plus_es_components_table_style_index.js",
"fileHash": "13758797",
"needsInterop": false
},
"element-plus/es/components/table-column/style/index": {
"src": "../../element-plus/es/components/table-column/style/index.mjs",
"file": "element-plus_es_components_table-column_style_index.js",
"fileHash": "4e6acca0",
"needsInterop": false
},
"element-plus/es/components/pagination/style/index": {
"src": "../../element-plus/es/components/pagination/style/index.mjs",
"file": "element-plus_es_components_pagination_style_index.js",
"fileHash": "0bd0300c",
"needsInterop": false
}
},
"chunks": {
"chunk-SXH4V44J": {
"file": "chunk-SXH4V44J.js"
},
"chunk-ULNJMO2N": {
"file": "chunk-ULNJMO2N.js"
},
"chunk-A5AAEVV2": {
"file": "chunk-A5AAEVV2.js"
},
"chunk-HUMRINAU": {
"file": "chunk-HUMRINAU.js"
},
"chunk-D2ROJR42": {
"file": "chunk-D2ROJR42.js"
},
"chunk-265A6FJM": {
"file": "chunk-265A6FJM.js"
},
"chunk-BEBKB23Y": {
"file": "chunk-BEBKB23Y.js"
},
"chunk-MFXAVKGL": {
"file": "chunk-MFXAVKGL.js"
},
@ -117,9 +156,6 @@
},
"chunk-5WWUZCGV": {
"file": "chunk-5WWUZCGV.js"
},
"chunk-BEBKB23Y": {
"file": "chunk-BEBKB23Y.js"
}
}
}

@ -1,5 +1,3 @@
import "./chunk-ULNJMO2N.js";
import "./chunk-BEBKB23Y.js";
// node_modules/element-plus/es/components/input/style/index.mjs
import "D:/JAVA/Project/1111/student/vue/node_modules/element-plus/theme-chalk/src/input.scss";
//# sourceMappingURL=element-plus_es_components_input_style_index.js.map

@ -1,7 +1,7 @@
{
"version": 3,
"sources": ["../../element-plus/es/components/input/style/index.mjs"],
"sourcesContent": ["import '../../base/style/index.mjs';\r\nimport 'element-plus/theme-chalk/src/input.scss';\r\n//# sourceMappingURL=index.mjs.map\r\n"],
"mappings": ";;;AACA,OAAO;",
"sources": [],
"sourcesContent": [],
"mappings": "",
"names": []
}

@ -1,11 +1,7 @@
import "./chunk-D2ROJR42.js";
import "./chunk-265A6FJM.js";
import "./chunk-BEBKB23Y.js";
// node_modules/element-plus/es/components/menu/style/index.mjs
import "D:/JAVA/Project/1111/student/vue/node_modules/element-plus/theme-chalk/src/menu.scss";
// node_modules/element-plus/es/components/tooltip/style/index.mjs
import "D:/JAVA/Project/1111/student/vue/node_modules/element-plus/theme-chalk/src/tooltip.scss";
// node_modules/element-plus/es/components/popper/style/index.mjs
import "D:/JAVA/Project/1111/student/vue/node_modules/element-plus/theme-chalk/src/popper.scss";
//# sourceMappingURL=element-plus_es_components_menu_style_index.js.map

@ -1,7 +1,7 @@
{
"version": 3,
"sources": ["../../element-plus/es/components/menu/style/index.mjs", "../../element-plus/es/components/tooltip/style/index.mjs", "../../element-plus/es/components/popper/style/index.mjs"],
"sourcesContent": ["import '../../base/style/index.mjs';\r\nimport 'element-plus/theme-chalk/src/menu.scss';\r\nimport '../../tooltip/style/index.mjs';\r\n//# sourceMappingURL=index.mjs.map\r\n", "import '../../base/style/index.mjs';\r\nimport 'element-plus/theme-chalk/src/tooltip.scss';\r\nimport '../../popper/style/index.mjs';\r\n//# sourceMappingURL=index.mjs.map\r\n", "import '../../base/style/index.mjs';\r\nimport 'element-plus/theme-chalk/src/popper.scss';\r\n//# sourceMappingURL=index.mjs.map\r\n"],
"mappings": ";;;AACA,OAAO;;;ACAP,OAAO;;;ACAP,OAAO;",
"sources": ["../../element-plus/es/components/menu/style/index.mjs"],
"sourcesContent": ["import '../../base/style/index.mjs';\r\nimport 'element-plus/theme-chalk/src/menu.scss';\r\nimport '../../tooltip/style/index.mjs';\r\n//# sourceMappingURL=index.mjs.map\r\n"],
"mappings": ";;;;;AACA,OAAO;",
"names": []
}

@ -1,91 +1,49 @@
<template>
<div>
<div class="card" style="margin-bottom: 10px;">
<el-input style="width: 300px; margin-right: 10px" placeholder="请输入关键字查询"></el-input>
<el-button type="primary">查询</el-button>
<el-button type="info" style="margin: 0 10px">重置</el-button>
<div class="card" style="margin-bottom: 10px">
<el-input style="width: 260px" placeholder="请输入课程名称查询" prefix-icon="Search" v-model="data.name" icon="el-icon-search"></el-input>
<el-button type="primary" style="margin-left: 10px">查询</el-button>
<el-button type="primary">重置</el-button>
</div>
<div class="card" style="margin-bottom: 10px">
<div style="margin-bottom: 10px">
<el-button type="primary" @click="handleAdd"></el-button>
<el-button type="primary">新增</el-button>
</div>
<div>
<el-table :data="data.tableData" style="width: 100%">
<el-table-column prop="id" label="序号" width="70"></el-table-column>
<el-table-column prop="name" label="课程名称"></el-table-column>
<el-table-column prop="no" label="课程编号"></el-table-column>
<el-table-column prop="descr" label="课程描述"></el-table-column>
<el-table-column prop="times" label="课时"></el-table-column>
<el-table-column prop="teacher" label="任课老师"></el-table-column>
<el-table-column>
<template #default="scope">
<el-button type="primary" plain>编辑</el-button>
<el-button type="danger" plain>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-table stripe :data="data.tableData">
<el-table-column label="名称" prop="name"></el-table-column>
<el-table-column label="描述" prop="descr"></el-table-column>
<el-table-column label="课时" prop="times"></el-table-column>
<el-table-column label="操作" align="center" width="160">
<template v-slot="scope">
<el-button type="primary" @click="handleEdit"></el-button>
<el-button type="danger" @click="handleDelete"></el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="card">
<el-pagination background layout="prev, pager, next" :page-size="8" v-model:current-page="data.pageNum" :total="1000"/>
<div calss="card">
<el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
</div>
<el-dialog title="信息" width="40%" v-model="data.formVisible" :close-on-click-modal="false" destroy-on-close>
<el-form :model="data.form" label-width="100px" style="padding-right: 50px">
<el-form-item label="名称" prop="name">
<el-input v-model="data.form.name" autocomplete="off" />
</el-form-item>
<el-form-item label="描述" prop="descr">
<el-input v-model="data.form.descr" autocomplete="off" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="data.formVisible = false"> </el-button>
<el-button type="primary" @click="data.formVisible = false"> </el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script setup>
import request from "@/utils/request";
import {reactive} from "vue";
import {ElMessageBox} from "element-plus";
request.get('/').then(res => {
console.log(res)
})
const data = reactive({
pageNum: 1,
formVisible: false,
form: {},
name:'',
tableData: [
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{name: '大学英语', descr: '大学英语真有趣', times: '24课时'},
{id: '1', name: '高数', no: 'cs10001', descr: 'easy', times: '48', teacher:'lsh'},
{id: '2', name: '英语', no: 'cs10002', descr: 'easy', times: '48', teacher:'lsh'},
{id: '3', name: '程设', no: 'cs10003', descr: 'wdf', times: '48', teacher:'谢勇'},
{id: '4', name: '111', no: 'cs10004', descr: 'easy', times: '48', teacher:'lsh'}
]
})
const handleAdd = () => {
data.form = {}
data.formVisible = true
}
const handleEdit = (row) => {
let form = JSON.parse(JSON.stringify(row))
data.formVisible = true
}
const handleDelete = (id) => {
ElMessageBox.confirm('删除后数据无法恢复,您确定删除吗?', '删除确认', { type: 'warning' }).then(res => {
console.log('删除')
}).catch(err => {
console.error(err)
})
}
</script>
Loading…
Cancel
Save