Skip to content

P
pica-admin-consultation
提交 92f125f8 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

Merge branch 'feat/rj' into 'develop' 

Feat/rj

See merge request !40
上级 2fedfe7e 5411977a
隐藏空白字符变更
内嵌 并排
正在显示 包含 325 行增加 和 2 行删除
src/App.vue
浏览文件 @ 92f125f8
......@@ -113,6 +113,7 @@ export default {
}
this.systemType = systemType;
this.showSlidebar = true;
console.log(res,111);
vm.userName = res.data.userName;
vm.authList = authList;
}
......
src/components/common/consultation.vue 0 → 100644
浏览文件 @ 92f125f8
<template>
<div class="consultationlist">
<div class="list">
<div class="name">刘思妙</div>
<div class="details">
<div class="handle">待处理 <span>128</span></div>
<div class="see">
<a href="#">查看详情</a>
<i class="el-icon-arrow-right"></i>
</div>
</div>
</div>
<div class="data">
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
<div>
<div class="totallist">3519</div>
<div class="statelist">全部</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.consultationlist {
padding: 25px 40px 25px 40px;
width: 488px;
height: 164px;
background: #ffffff;
border-radius: 18px;
margin-left: 14px;
margin-top: 20px;
.list {
display: flex;
justify-content: space-between;
.details {
width: 192px;
height: 40px;
background: rgba(68, 146, 132, 0.24);
border-radius: 20px;
opacity: 0.44;
border: 1px solid #449284;
display: flex;
justify-content: space-evenly;
align-items: center;
.handle {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
line-height: 18px;
span{
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #449284;
}
}
.see {
a{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
}
}
}
.name {
font-size: 24px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
}
}
.data{
margin-top: 20px;
display: flex;
justify-content: space-between;
.totallist{
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
line-height: 25px;
}
.statelist{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6A7990;
}
}
}
</style>
src/router/router.js
浏览文件 @ 92f125f8
......@@ -11,6 +11,8 @@ const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/di
const downList = r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/down-list.vue')), 'downList')
const operation= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/operation.vue')), 'downList')
const workbench= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/workbench.vue')), 'workbench')
const administrators= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/administrators.vue')), 'administrators')
export default [{
path: '/',
component: App,
......@@ -53,6 +55,9 @@ export default [{
{
path: '/workbench',
component: workbench
}
},{
path:'/administrators',
component:administrators
}
]
}]
src/views/IM/diagnosis-admin/administrators.vue 0 → 100644
浏览文件 @ 92f125f8
<template>
<div class="administrators">
<!-- 头部 -->
<div class="header">
<!-- 面包屑 -->
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item><a href="/">我的工作台</a></el-breadcrumb-item>
</el-breadcrumb>
<el-row style="margin-top: 30px">
<el-col :span="12">
<div class="left">
<el-row type="flex" justify="space-between" :gutter="70">
<el-col :span="12">
<el-date-picker
style="margin-top: 10px"
v-model="value1"
type="date"
placeholder="选择日期"
>
</el-date-picker>
<!-- <el-input
style="margin-top: 10px"
v-model="input1"
placeholder="请输入内容"
suffix-icon="el-icon-arrow-down"
></el-input> -->
</el-col>
<el-col :span="12" style="margin-lfet: 10px">
<div style="margin-left: 10px">
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="12">
<div>
<el-row type="flex" justify="space-between">
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total aa">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
<el-col :span="8">
<div>
<div class="total">3519</div>
<div class="state">全部</div>
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
<!-- 问诊列表 -->
<div class="box">
<div class="row" v-for="item in 4" :key="item">
<consultationlist></consultationlist>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<!-- 分页 -->
<el-row type="flex" justify="end">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next"
:total="400"
>
</el-pagination>
</el-row>
</div>
</div>
</template>
<script>
import consultationlist from "../../../components/common/consultation";
export default {
data() {
return {
value1: Date.now(),
currentPage4: 0,
};
},
components: {
consultationlist,
},
methods: {
handleSizeChange() {},
handleCurrentChange() {},
},
};
</script>
<style lang="scss" scoped>
.administrators {
.header {
padding: 40px 32px 0 32px;
width: 100%;
height: 181px;
background: #ffffff;
.el-input__inner {
width: 173px;
height: 47px;
background: #ffffff;
border-radius: 7px;
border: 1px solid #d9d9d9;
}
}
.detailslist {
display: flex;
// flex-wrap: wrap;
flex-direction: column;
.details {
flex: 1;
width: 572px;
height: 164px;
background: #ffffff;
border-radius: 18px;
}
}
.total {
width: 62px;
height: 40px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #063948;
line-height: 40px;
margin: 0 auto;
}
.state {
width: 28px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6a7990;
line-height: 20px;
margin: 0 auto;
}
.aa {
color: #449284;
}
.box {
display: flex;
width: 100%;
flex-flow: row wrap;
align-content: flex-start;
.row {
flex: 0 0 50%;
}
}
.footer {
margin-top: 20px;
width: 100%;
height: 71px;
background: #ffffff;
border-radius: 18px;
padding-top: 20px;
}
}
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.el-col {
border-radius: 4px;
}
.bg-purple-dark {
background: #99a9bf;
}
.bg-purple {
background: #d3dce6;
}
.bg-purple-light {
background: #e5e9f2;
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
.row-bg {
padding: 10px 0;
background-color: #f9fafc;
}
</style>
src/views/IM/diagnosis-admin/workbench.vue
浏览文件 @ 92f125f8
......@@ -106,7 +106,6 @@ export default {
// 判断是否是管理员
isdon:'1',
showChat: true
}
},
created(){
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或