41 changed files with 287 additions and 575 deletions
-
130src/components/HelloWorld.vue
-
184src/router/index.js
-
7src/views/AboutView.vue
-
192src/views/Home.vue
-
21src/views/HomeView.vue
-
2src/views/basic-dictionary/BirthPlace.vue
-
2src/views/basic-dictionary/CommonChar.vue
-
2src/views/basic-dictionary/CommonCharType.vue
-
2src/views/basic-dictionary/CustomerOrgType.vue
-
2src/views/basic-dictionary/DeviceType.vue
-
2src/views/basic-dictionary/DiagnosisLevel.vue
-
2src/views/basic-dictionary/DiagnosisPostfix.vue
-
2src/views/basic-dictionary/GuideType.vue
-
2src/views/basic-dictionary/ItemDefaultResult.vue
-
2src/views/basic-dictionary/MaritalStatus.vue
-
2src/views/basic-dictionary/MedicalConclusion.vue
-
2src/views/basic-dictionary/MedicalConclusionType.vue
-
2src/views/basic-dictionary/MedicalReportType.vue
-
2src/views/basic-dictionary/MedicalType.vue
-
2src/views/basic-dictionary/Nation.vue
-
2src/views/basic-dictionary/PersonnelType.vue
-
2src/views/basic-dictionary/ResultStatus.vue
-
2src/views/basic-dictionary/SampleContainer.vue
-
2src/views/basic-dictionary/SampleType.vue
-
2src/views/basic-dictionary/Sex.vue
-
2src/views/basic-dictionary/Unit.vue
-
0src/views/common-settings/ItemType.vue
-
0src/views/common-settings/SampleGroup.vue
-
0src/views/fee-settings/Asbitem.vue
-
0src/views/fee-settings/Diagnosis.vue
-
0src/views/fee-settings/InvoiceItemType.vue
-
0src/views/fee-settings/Item.vue
-
0src/views/fee-settings/ItemResultTemplate.vue
-
0src/views/fee-settings/PayMode.vue
-
0src/views/fee-settings/ReferenceRange.vue
-
280src/views/hoem.vue
-
2src/views/login/Login.vue
-
0src/views/user-list/AuditLog.vue
-
2src/views/user-list/OrganizationUnits.vue
-
0src/views/user-list/Role.vue
-
2src/views/user-list/UserList.vue
@ -1,130 +0,0 @@ |
|||
<template> |
|||
<div class="hello"> |
|||
<h1>{{ msg }}</h1> |
|||
<p> |
|||
For a guide and recipes on how to configure / customize this project,<br /> |
|||
check out the |
|||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener" |
|||
>vue-cli documentation</a |
|||
>. |
|||
</p> |
|||
<h3>Installed CLI Plugins</h3> |
|||
<ul> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>babel</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>router</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>vuex</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>eslint</a |
|||
> |
|||
</li> |
|||
</ul> |
|||
<h3>Essential Links</h3> |
|||
<ul> |
|||
<li> |
|||
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a> |
|||
</li> |
|||
<li> |
|||
<a href="https://forum.vuejs.org" target="_blank" rel="noopener" |
|||
>Forum</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a href="https://chat.vuejs.org" target="_blank" rel="noopener" |
|||
>Community Chat</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener" |
|||
>Twitter</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a> |
|||
</li> |
|||
</ul> |
|||
<h3>Ecosystem</h3> |
|||
<ul> |
|||
<li> |
|||
<a href="https://router.vuejs.org" target="_blank" rel="noopener" |
|||
>vue-router</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a> |
|||
</li> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/vue-devtools#vue-devtools" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>vue-devtools</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener" |
|||
>vue-loader</a |
|||
> |
|||
</li> |
|||
<li> |
|||
<a |
|||
href="https://github.com/vuejs/awesome-vue" |
|||
target="_blank" |
|||
rel="noopener" |
|||
>awesome-vue</a |
|||
> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "HelloWorld", |
|||
props: { |
|||
msg: String, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|||
<style scoped lang="scss"> |
|||
h3 { |
|||
margin: 40px 0 0; |
|||
} |
|||
ul { |
|||
list-style-type: none; |
|||
padding: 0; |
|||
} |
|||
li { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
a { |
|||
color: #42b983; |
|||
} |
|||
</style> |
|||
@ -1,7 +0,0 @@ |
|||
<template> |
|||
<div class="about"> |
|||
<h1>This is an about page222</h1> |
|||
<el-button type="success">成功按钮</el-button> |
|||
<el-button type="info">信息按钮</el-button> |
|||
</div> |
|||
</template> |
|||
@ -0,0 +1,192 @@ |
|||
<template> |
|||
<div> |
|||
<el-container> |
|||
<el-header style="background-color: #ccc; line-height: 50px"> |
|||
<div class="navs"> |
|||
<div class="maintitle">神豚医疗信息系统</div> |
|||
|
|||
<div class="btn"> |
|||
当前用户{{ user }} |
|||
<el-dropdown> |
|||
<span class="el-dropdown-link"> |
|||
操作<i class="el-icon-arrow-down el-icon--right"></i> |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item @click.native="logout">退出登录</el-dropdown-item> |
|||
<el-dropdown-item>修改密码</el-dropdown-item> |
|||
<el-dropdown-item>螺蛳粉</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> |
|||
</div> |
|||
</div> |
|||
</el-header> |
|||
|
|||
<el-container> |
|||
<el-aside :width="isCollapse ? '64px' : '200px'"> |
|||
<el-menu style="height: 100%" default-active="2" class="el-menu-vertical-demo" background-color="#545c64" router |
|||
active-text-color="#fff" :unique-opened="true" text-color="#000" @select="aa" :collapse="isCollapse" |
|||
:collapse-transition="false"> |
|||
<div class="collapseandunfoled" @click="isCollapse = !isCollapse"> |
|||
| | | |
|||
</div> |
|||
<el-submenu index="1"> |
|||
<template slot="title"> |
|||
<i class="el-icon-document"></i> |
|||
<span>用户权限管理</span> |
|||
</template> |
|||
<el-menu-item index="role"> <i class="el-icon-menu"></i> <span slot="title">角色管理</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="user-list"> <i class="el-icon-menu"></i> <span slot="title">用户管理</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="organization-units"><i class="el-icon-menu"></i><span slot="title">组织架构</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="audit-log"> <i class="el-icon-menu"></i> <span slot="title">安全日志</span> |
|||
</el-menu-item> |
|||
</el-submenu> |
|||
<el-submenu index="2"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>基础字典</span> |
|||
</template> |
|||
<el-menu-item index="guide-type"><i class="el-icon-menu"></i>导引类别</el-menu-item> |
|||
<el-menu-item index="medical-report-type"><i class="el-icon-menu"></i>体检报告类别</el-menu-item> |
|||
<el-menu-item index="sex"><i class="el-icon-menu"></i>性别</el-menu-item> |
|||
<el-menu-item index="marital-status"><i class="el-icon-menu"></i>婚姻状况</el-menu-item> |
|||
<el-menu-item index="nation"><i class="el-icon-menu"></i>民族</el-menu-item> |
|||
<el-menu-item index="birth-place"><i class="el-icon-menu"></i>籍贯</el-menu-item> |
|||
<el-menu-item index="result-status"><i class="el-icon-menu"></i>结果状态</el-menu-item> |
|||
<el-menu-item index="medical-type"><i class="el-icon-menu"></i>体检类别</el-menu-item> |
|||
<el-menu-item index="personnel-type"><i class="el-icon-menu"></i>人员类别</el-menu-item> |
|||
<el-menu-item index="device-type"><i class="el-icon-menu"></i>仪器类别</el-menu-item> |
|||
<el-menu-item index="sample-type"><i class="el-icon-menu"></i>标本类型</el-menu-item> |
|||
<el-menu-item index="unit"><i class="el-icon-menu"></i>单位</el-menu-item> |
|||
<el-menu-item index="diagnosis-postfix"><i class="el-icon-menu"></i>诊断后缀</el-menu-item> |
|||
<el-menu-item index="medical-conclusion-type"><i class="el-icon-menu"></i>体检结论类别</el-menu-item> |
|||
<el-menu-item index="medical-conclusion"><i class="el-icon-menu"></i>体检结论</el-menu-item> |
|||
<el-menu-item index="sample-container"><i class="el-icon-menu"></i>标本容器</el-menu-item> |
|||
<el-menu-item index="common-char-type"><i class="el-icon-menu"></i>常用字符类别</el-menu-item> |
|||
<el-menu-item index="common-char"><i class="el-icon-menu"></i>常用字符</el-menu-item> |
|||
<el-menu-item index="customer-org-type"><i class="el-icon-menu"></i>客户单位类别</el-menu-item> |
|||
<el-menu-item index="item-default-result"><i class="el-icon-menu"></i>项目默认结果</el-menu-item> |
|||
<el-menu-item index="diagnosis-level"><i class="el-icon-menu"></i>诊断级别</el-menu-item> |
|||
</el-submenu> |
|||
|
|||
<el-submenu index="3"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>收费设置</span> |
|||
</template> |
|||
<el-menu-item index="invoice-item-type"><i class="el-icon-menu"></i>发票项目类别</el-menu-item> |
|||
<el-menu-item index="pay-mode"><i class="el-icon-menu"></i>支付方式</el-menu-item> |
|||
</el-submenu> |
|||
|
|||
<el-submenu index="4"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>常用设置</span> |
|||
</template> |
|||
<el-menu-item index="item-type"><i class="el-icon-menu"></i>项目类别</el-menu-item> |
|||
<el-menu-item index="sample-group"><i class="el-icon-menu"></i>条码分组</el-menu-item> |
|||
<el-menu-item index="asbitem"><i class="el-icon-menu"></i>组和项目</el-menu-item> |
|||
<el-menu-item index="item"><i class="el-icon-menu"></i>项目</el-menu-item> |
|||
<el-menu-item index="reference-range"><i class="el-icon-menu"></i>参考范围</el-menu-item> |
|||
<el-menu-item index="diagnosis"><i class="el-icon-menu"></i>诊断</el-menu-item> |
|||
<el-menu-item index="item-result-template"><i class="el-icon-menu"></i>项目结果模板</el-menu-item> |
|||
</el-submenu> |
|||
|
|||
</el-menu> |
|||
</el-aside> |
|||
<el-main> |
|||
<!-- Main --> |
|||
<!-- <el-card> |
|||
<el-button type="primary" @click="btn">主要按钮</el-button> |
|||
</el-card> --> |
|||
<router-view></router-view> |
|||
</el-main> |
|||
</el-container> |
|||
</el-container> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import router from "@/router"; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
index: 1, |
|||
isCollapse: false, |
|||
user: "", |
|||
}; |
|||
}, |
|||
created() { |
|||
this.user = localStorage.getItem("user"); |
|||
}, |
|||
methods: { |
|||
logout() { |
|||
localStorage.removeItem("tokentype"); |
|||
localStorage.removeItem("token"); |
|||
this.$router.push({ path: "/login" }); |
|||
}, |
|||
aa(aa) { |
|||
console.log(aa); |
|||
}, |
|||
}, |
|||
components: { router }, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.el-menu { |
|||
border-right: none; |
|||
} |
|||
|
|||
.expandend { |
|||
text-align: center; |
|||
margin-right: 5%; |
|||
} |
|||
|
|||
.navs { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.maintitle { |
|||
font-size: 20px; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.el-header { |
|||
height: 70px; |
|||
} |
|||
|
|||
.el-aside { |
|||
/* height: calc(100vh, -70px); */ |
|||
height: calc(100vh - 0px); |
|||
/* height: 100%; */ |
|||
height: 91.5vh; |
|||
/* height: 100%; */ |
|||
/* height: calc(100vh, -0px); */ |
|||
} |
|||
|
|||
.el-main { |
|||
height: calc(100vh, -70px); |
|||
} |
|||
|
|||
.el-menu-vertical-demo .el-menu { |
|||
/* min-height: 100vh; */ |
|||
height: calc(100vh, -70px); |
|||
} |
|||
|
|||
.btn { |
|||
margin-right: 5%; |
|||
} |
|||
|
|||
.collapseandunfoled { |
|||
text-align: center; |
|||
line-height: 40px; |
|||
display: block; |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
color: #fff; |
|||
} |
|||
</style> |
|||
@ -1,21 +0,0 @@ |
|||
<template> |
|||
|
|||
<div class="home"> |
|||
222 |
|||
<img alt="Vue logo" src="../assets/logo.png" /> |
|||
<!-- <HelloWorld msg="Welcome to Your Vue.js App" /> --> |
|||
1 |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// @ is an alias to /src |
|||
// import HelloWorld from "@/components/HelloWorld.vue"; |
|||
|
|||
export default { |
|||
name: "HomeView", |
|||
// components: { |
|||
// HelloWorld, |
|||
// }, |
|||
}; |
|||
</script> |
|||
@ -1,280 +0,0 @@ |
|||
<template> |
|||
<div> |
|||
<el-container> |
|||
<el-header style="background-color: #ccc; line-height: 50px"> |
|||
<div class="navs"> |
|||
<div class="maintitle">神豚医疗信息系统</div> |
|||
|
|||
<div class="btn"> |
|||
当前用户{{ user }} |
|||
<el-dropdown> |
|||
<span class="el-dropdown-link"> |
|||
操作<i class="el-icon-arrow-down el-icon--right"></i> |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item @click.native="logout" |
|||
>退出登录</el-dropdown-item |
|||
> |
|||
<el-dropdown-item>修改密码</el-dropdown-item> |
|||
<el-dropdown-item>螺蛳粉</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> |
|||
</div> |
|||
</div> |
|||
</el-header> |
|||
|
|||
<el-container> |
|||
<el-aside :width="isCollapse ? '64px' : '200px'"> |
|||
<el-menu |
|||
style="height: 100%" |
|||
default-active="2" |
|||
class="el-menu-vertical-demo" |
|||
background-color="#545c64" |
|||
router |
|||
active-text-color="#fff" |
|||
:unique-opened="true" |
|||
text-color="#000" |
|||
@select="aa" |
|||
:collapse="isCollapse" |
|||
:collapse-transition="false" |
|||
> |
|||
<div class="collapseandunfoled" @click="isCollapse = !isCollapse"> |
|||
| | | |
|||
</div> |
|||
<el-submenu index="1"> |
|||
<template slot="title"> |
|||
<i class="el-icon-document"></i> |
|||
<span>用户权限管理</span> |
|||
</template> |
|||
<el-menu-item index="my"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">角色管理</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="userlist"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">用户管理</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="organization"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">组织架构</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="dailyrecord"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">安全日志</span> |
|||
</el-menu-item> |
|||
</el-submenu> |
|||
<el-submenu index="2"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>系统设置</span> |
|||
</template> |
|||
<!-- <el-submenu index="1-4"> --> |
|||
<!-- <template slot="title"> |
|||
<i class="el-icon-menu"></i |
|||
><span>基础资料设置</span></template |
|||
> --> |
|||
<el-menu-item index="departmentset" |
|||
><i class="el-icon-menu"></i>导引类别</el-menu-item |
|||
> |
|||
<el-menu-item index="medicalexaminatitype" |
|||
><i class="el-icon-menu"></i>体检报告类别</el-menu-item |
|||
> |
|||
<el-menu-item index="gender" |
|||
><i class="el-icon-menu"></i>性别</el-menu-item |
|||
> |
|||
<el-menu-item index="maritalstatus" |
|||
><i class="el-icon-menu"></i>婚姻状况</el-menu-item |
|||
> |
|||
<el-menu-item index="nation" |
|||
><i class="el-icon-menu"></i>民族</el-menu-item |
|||
> |
|||
<el-menu-item index="nativeplace" |
|||
><i class="el-icon-menu"></i>籍贯</el-menu-item |
|||
> |
|||
<el-menu-item index="resultstatus" |
|||
><i class="el-icon-menu"></i>结果状态</el-menu-item |
|||
> |
|||
<el-menu-item index="examinationcategory" |
|||
><i class="el-icon-menu"></i>体检类别</el-menu-item |
|||
> |
|||
<el-menu-item index="personnelcategory" |
|||
><i class="el-icon-menu"></i>人员类别</el-menu-item |
|||
> |
|||
<el-menu-item index="instrument" |
|||
><i class="el-icon-menu"></i>仪器类别</el-menu-item |
|||
> |
|||
<!-- </el-submenu> --> |
|||
<!-- <el-menu-item index="departmentset"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">科室设置</span> |
|||
</el-menu-item> --> |
|||
</el-submenu> |
|||
<el-submenu index="3"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>基础字典</span> |
|||
</template> |
|||
<el-menu-item index="specimentype" |
|||
><i class="el-icon-menu"></i>标本类型</el-menu-item |
|||
> |
|||
<el-menu-item index="unit" |
|||
><i class="el-icon-menu"></i>单位</el-menu-item |
|||
> |
|||
<el-menu-item index="diagnosticsuffix" |
|||
><i class="el-icon-menu"></i>诊断后缀</el-menu-item |
|||
> |
|||
<el-menu-item index="physicalcategory" |
|||
><i class="el-icon-menu"></i>体检结论类别</el-menu-item |
|||
> |
|||
<el-menu-item index="medicalexamination" |
|||
><i class="el-icon-menu"></i>体检结论</el-menu-item |
|||
> |
|||
<el-menu-item index="sepecimencontainer" |
|||
><i class="el-icon-menu"></i>标本容器</el-menu-item |
|||
> |
|||
<el-menu-item index="commoncharacter" |
|||
><i class="el-icon-menu"></i>常用字符类别</el-menu-item |
|||
> |
|||
<el-menu-item index="commoncused" |
|||
><i class="el-icon-menu"></i>常用字</el-menu-item |
|||
> |
|||
<el-menu-item index="customeersevice" |
|||
><i class="el-icon-menu"></i>客户单位类别</el-menu-item |
|||
> |
|||
<el-menu-item index="projectresults" |
|||
><i class="el-icon-menu"></i>项目默认结果</el-menu-item |
|||
> |
|||
<el-menu-item index="diagnosticleve" |
|||
><i class="el-icon-menu"></i>诊断级别</el-menu-item |
|||
> |
|||
</el-submenu> |
|||
<!-- <el-submenu index="2"> |
|||
<template slot="title"> |
|||
<i class="el-icon-location"></i> |
|||
<span>用户角色</span> |
|||
</template> |
|||
<el-menu-item index="userlist"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">用户列表</span> |
|||
</el-menu-item> |
|||
</el-submenu> --> |
|||
<el-submenu index="4"> |
|||
<template slot="title"> |
|||
<i class="el-icon-s-tools"></i> |
|||
<span>收费设置</span> |
|||
</template> |
|||
<el-menu-item index="invoicecategory" |
|||
><i class="el-icon-menu"></i>发票项目类别</el-menu-item |
|||
> |
|||
<el-menu-item index="paymentmethod" |
|||
><i class="el-icon-menu"></i>支付方式</el-menu-item |
|||
> |
|||
<el-menu-item index="itemtype" |
|||
><i class="el-icon-menu"></i>项目类别</el-menu-item |
|||
> |
|||
<el-menu-item index="barcodegroupping" |
|||
><i class="el-icon-menu"></i>条码分组</el-menu-item |
|||
> |
|||
<el-menu-item index="groupsandproject" |
|||
><i class="el-icon-menu"></i>组和项目</el-menu-item |
|||
> |
|||
<el-menu-item index="projectitem" |
|||
><i class="el-icon-menu"></i>项目</el-menu-item |
|||
> |
|||
<el-menu-item index="referencerange" |
|||
><i class="el-icon-menu"></i>参考范围</el-menu-item |
|||
> |
|||
<el-menu-item index="diagnosis" |
|||
><i class="el-icon-menu"></i>诊断</el-menu-item |
|||
> |
|||
<el-menu-item index="projectresulttemplate" |
|||
><i class="el-icon-menu"></i>项目结果模板</el-menu-item |
|||
> |
|||
</el-submenu> |
|||
</el-menu> |
|||
</el-aside> |
|||
<el-main> |
|||
<!-- Main --> |
|||
<!-- <el-card> |
|||
<el-button type="primary" @click="btn">主要按钮</el-button> |
|||
</el-card> --> |
|||
<router-view></router-view> |
|||
</el-main> |
|||
</el-container> |
|||
</el-container> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import router from "@/router"; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
index: 1, |
|||
isCollapse: false, |
|||
user: "", |
|||
}; |
|||
}, |
|||
created() { |
|||
this.user = localStorage.getItem("user"); |
|||
}, |
|||
methods: { |
|||
logout() { |
|||
localStorage.removeItem("tokentype"); |
|||
localStorage.removeItem("token"); |
|||
this.$router.push({ path: "/login" }); |
|||
}, |
|||
aa(aa) { |
|||
console.log(aa); |
|||
}, |
|||
}, |
|||
components: { router }, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.el-menu { |
|||
border-right: none; |
|||
} |
|||
.expandend { |
|||
text-align: center; |
|||
margin-right: 5%; |
|||
} |
|||
.navs { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.maintitle { |
|||
font-size: 20px; |
|||
font-weight: 700; |
|||
} |
|||
.el-header { |
|||
height: 70px; |
|||
} |
|||
.el-aside { |
|||
/* height: calc(100vh, -70px); */ |
|||
height: calc(100vh - 0px); |
|||
/* height: 100%; */ |
|||
height: 91.5vh; |
|||
/* height: 100%; */ |
|||
/* height: calc(100vh, -0px); */ |
|||
} |
|||
.el-main { |
|||
height: calc(100vh, -70px); |
|||
} |
|||
.el-menu-vertical-demo .el-menu { |
|||
/* min-height: 100vh; */ |
|||
height: calc(100vh, -70px); |
|||
} |
|||
.btn { |
|||
margin-right: 5%; |
|||
} |
|||
.collapseandunfoled { |
|||
text-align: center; |
|||
line-height: 40px; |
|||
display: block; |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
color: #fff; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue