feat(web): 新增系统管理功能并优化界面样式

- 更新路由配置,调整页面结构
- 优化主题样式,自定义 ant-design 样式
- 新增全局样式,包括滚动条、按钮、模态框等
This commit is contained in:
zhoumengru
2025-09-01 16:55:44 +08:00
parent 4af4e670d2
commit 2ad56d3203
22 changed files with 1677 additions and 73 deletions

View File

@@ -0,0 +1,36 @@
<template>
<div class="system">
<router-view/>
</div>
</template>
<script>
export default {
name: '',
components:{
},
props: {
},
data() {
return {
}
},
mounted() {
},
methods:{
},
}
</script>
<style lang="scss" scoped>
.system{
width: 100%;
height: 100%;
background: $bg1-color;
border-radius: 15px;
}
</style>

View File

@@ -0,0 +1,46 @@
<template>
<div class="policy">
<searchBox :btn-option-list="btnOptionList" @onSearch="onSearch" @operateForm="operateForm"/>
</div>
</template>
<script>
import searchBox from '@/components/SearchBox.vue'
export default {
name: '',
components:{searchBox
},
props: {
},
data() {
return {
btnOptionList:[
{label:'新增',icon:'icon-tianjia',type:'add'},
{label:'删除',icon:'icon-tianjia',type:'del'}
]
}
},
mounted() {
},
methods:{
onSearch(data){
console.log(data)
},
operateForm(type){
console.log(type )
},
}
}
</script>
<style lang="scss" scoped>
.policy{
width: 100%;
height: 100%;
padding: 0 15px;
}
</style>

View File

@@ -0,0 +1,30 @@
<template>
<div >
</div>
</template>
<script>
export default {
name: '',
components:{
},
props: {
},
data() {
return {
}
},
mounted() {
},
methods:{
},
}
</script>
<style lang="scss" scoped>
</style>