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