Skip to content

P
pet-business-web
Commit c9bfaf1f authored by 小费同学阿's avatar 小费同学阿 💬
Browse files
Options

添加lint代码校验

parent 5a7e4300
Hide whitespace changes
Inline Side-by-side
Showing with 526 additions and 197 deletions
src/views/equipment-management/equipment-management/equipment-management.vue
View file @ c9bfaf1f
<template>
<div class="app-container">
设备管理
设备管理
</div>
</template>
......
src/views/service-management/registration-queue/components/doctor-card.vue
View file @ c9bfaf1f
<template>
<!-- 医生卡片信息封装组件-->
<div class="doctor-card">
<div style="display: flex">
<!--标签-->
<div class="progress-tip">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
class="tip-content"
>进度信息
</div>
</div>
<div style="margin-bottom: 50px;">
<div class="card-style">
<el-card
v-for="o in 4"
:key="o"
class="boxside-card"
style=" margin: 20px 46px 0 0 ; height: fit-content;"
>
<div style="padding: 5%;">
<!--卡片上半部分-->
<div style="display: flex; height: fit-content;">
<!--上--左半部分-->
<div>
<el-image
fit="cover"
src="http://114.67.241.140:8090/profile/upload/2023/05/10/dog1_20230510063813A013.png"
style="width: 64px;
height: 80px;
background: #EEEEEE;
border-radius: 2px 2px 2px 2px;"
/>
</div>
<!--上--右半部分-->
<div style="padding: 0 5% 0 5%; padding-top: 10px; ">
<div
style=" font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #5FB54B;"
>徐燕君
</div>
<div style="display: flex; margin-top: 18px;">
<div
style=" font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
>高级兽医师
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
>|
</div>
<div
style=" font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
> 宠物外科
</div>
</div>
</div>
</div>
<!--分割线-->
<el-divider style="border-color: #48D1CC" />
<!--卡片中间部分-->
<div>
<!--进度内容-->
<div class="card-style">
<el-card
v-for="progress in 4"
:key="progress"
class="boxside-card"
>
<div class="boxside-content">
<!--卡片上半部分-->
<div class="top">
<!--上--左半部分-->
<div class="top-left">
<el-image
v-for=" addd in 2"
:key="addd"
class="img"
fit="cover"
src="http://114.67.241.140:8090/profile/upload/2023/05/10/dog1_20230510063813A013.png"
style="width: 32px;
height: 32px;
background: #EEEEEE;
margin-right: 12px;
margin-bottom: 15px;
border-radius: 2px 2px 2px 2px;"
/>
</div>
<!--卡片下半部分-->
<div class="card-style">
<div class="inner-style">
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
>当日已接挂号
</div>
<div
style="font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-top: 15px;"
>14
</div>
<!--上--右半部分-->
<div class="top-right">
<div
class="name"
>徐燕君
</div>
<div class="inner-style">
<div class="content">
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
>当日时段已接
class="career"
>高级兽医师
</div>
<div
style="font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-top: 15px;"
>2
class="divider-inner"
>|
</div>
</div>
<div class="inner-style">
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;"
>时段剩余号量
</div>
<div
style="font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #DB4747;margin-top: 15px;"
>0
class="department"
> 宠物外科
</div>
</div>
</div>
</div>
<!--底部菜单-->
<div style="background: #F4F4F4;">
<div
class="card-style"
style="
height: 36px;
border-radius: 0px 0px 3px 3px;"
>
<div>
<el-button
icon="el-icon-document-copy"
style="font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #5FB54B;"
type="text"
@click="doctorDetail(1)"
>详情
</el-button>
<!--分割线-->
<div class="divider" />
<!--卡片中间部分-->
<div>
<el-image
v-for=" progressi in 2"
:key="progressi"
fit="cover"
src="http://114.67.241.140:8090/profile/upload/2023/05/10/dog1_20230510063813A013.png"
style="width: 32px;
height: 32px;
background: #EEEEEE;
margin-right: 12px;
margin-bottom: 15px;
border-radius: 2px 2px 2px 2px;"
/>
</div>
<!--卡片下半部分-->
<div class="bottom">
<div class="inner">
<div
class="register-tip"
>当日已接挂号
</div>
<div>
<el-button icon="el-icon-phone-outline" type="text" @click="registration(1)">挂号</el-button>
<div
class="register-content"
>14
</div>
<div>
<el-button icon="el-icon-date" type="text" @click="registration(1)">加号</el-button>
</div>
<div class="inner">
<div
class="time-tip"
>当日时段已接
</div>
<div
class="time-content"
>2
</div>
</div>
<div class="inner">
<div
class="remain-tip"
>时段剩余号量
</div>
<div
class="remain-content"
>0
</div>
</div>
</div>
</el-card>
</div>
</div>
<!--底部菜单-->
<div class="box-content-bottom">
<div
class="content-bottom"
>
<div class="detail">
<el-button
icon="el-icon-document-copy"
type="text"
@click="doctorDetail(1)"
>详情
</el-button>
</div>
<div class="register">
<el-button icon="el-icon-phone-outline" type="text" @click="registration(1)">挂号</el-button>
</div>
<div class="add">
<el-button icon="el-icon-date" type="text" @click="registration(1)">加号</el-button>
</div>
</div>
</div>
</el-card>
</div>
</div>
</template>
......@@ -185,26 +143,221 @@ export default {
</script>
<style lang="scss" scoped>
.card-style {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 33%);
justify-self: center;
align-self: center;
}
.doctor-card {
/*模块tip布局*/
.progress-tip {
display: flex;
.inner-style {
display: flex;
align-items: center;
flex-direction: column;
}
/*模块tip图形样式--左绿色*/
.tip-green {
width: 3px;
height: 24px;
background: #5FB54B;
border-radius: 10px 10px 10px 10px;
}
/*模块tip内容样式*/
.tip-content {
padding-left: 13px;
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei, serif;
font-weight: bold;
color: #333333;
}
}
//卡片内容
.card-style {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 33%);
justify-self: center;
align-self: center;
margin-bottom: 50px;
}
.boxside-card {
width: 487px;
background: #FFFFFF;
opacity: 1;
border: 1px solid #E5E5E5;
margin: 20px 46px 0 0;
height: fit-content;
.boxside-content {
padding: 5%;
//卡片上半部分
.top {
display: flex;
height: fit-content;
.top-left {
.img {
width: 64px;
height: 80px;
background: #EEEEEE;
border-radius: 2px 2px 2px 2px;
}
}
.top-right {
padding: 0 5% 0 5%;
padding-top: 10px;
.name {
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #5FB54B;
}
.content {
display: flex;
margin-top: 18px;
.career {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
margin-right: 14px;
}
.divider-inner {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
}
.boxside-card {
width: 487px;
height: 303px;
background: #FFFFFF;
opacity: 1;
border: 1px solid #E5E5E5;
.department {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
margin-left: 14px;
}
}
}
}
//分割线
.divider {
height: 0px;
opacity: 1;
border: 1px solid #5FB54B;
margin: 17px 0 20px 0;
}
//卡片下半部分
.bottom {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 33%);
justify-self: center;
align-self: center;
.inner {
display: flex;
align-items: center;
flex-direction: column;
//当日已接挂号
.register-tip {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
}
//当日已接挂号
.register-content {
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;
margin-top: 15px;
}
//当日时段已接
.time-tip {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
}
//当日时段已接
.time-content {
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;
margin-top: 15px;
}
//时段剩余号量
.remain-tip {
font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #666666;
}
//时段剩余号量
.remain-content {
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #DB4747;
margin-top: 15px;
}
}
}
}
.box-content-bottom {
background: #F4F4F4;
width: 100% !important;
.content-bottom {
height: fit-content;
display: grid;
grid-template-columns: repeat(3, 35%);
justify-self: center;
align-self: center;
padding-left: 15%;
border-radius: 0px 0px 3px 3px;
//详情
.detail {
font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #5FB54B;
}
//挂号
.register {
font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #5FB54B;
}
//加号
.add {
font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #5FB54B;
}
}
}
}
}
::v-deep .el-card__body {
padding: unset !important;
}
</style>
src/views/service-management/registration-queue/components/schedule-info.vue
View file @ c9bfaf1f
<template>
<!--进度信息模块封装-->
<div class="schedule-info">
<div style="display: flex">
<div class="progress-tip">
<div class="tip-green" />
<div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
class="tip-content"
>进度信息
</div>
</div>
<div style="padding-top: 50px;padding-bottom: 50px;">
<el-steps :active="2" align-center>
<el-step description="2023-05-05 13:05" title="现场挂号" />
<el-step description="暂未诊断" title="录入诊断信息" />
<el-step description="暂未生成" title="生成病历" />
<el-step description="暂未开具" title="开具处方单" />
</el-steps>
<div class="progress-base">
<!-- 原型--样式1-->
<!-- <el-steps :active="2" align-center>-->
<!-- <el-step description="2023-05-05 13:05" title="现场挂号" />-->
<!-- <el-step description="暂未诊断" title="录入诊断信息" />-->
<!-- <el-step description="暂未生成" title="生成病历" />-->
<!-- <el-step description="暂未开具" title="开具处方单" />-->
<!-- </el-steps>-->
<!-- 蓝湖==样式2-->
<div style="display: flex;">
<!-- 单个的背景,,后面按状态位切换样式-->
<div
style="width: 260px;
height: 143px;
background: #F1F9EF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
"
>
<!--1.预约/现场挂号-->
<div
style="display: flex;
align-items: center;
flex-direction: column;
padding-top: 18px;"
>
<div
style="width: 44px;
height: 44px;margin-bottom:14px; "
>
<el-image :src="require('@/assets/register/xinzengguahao_yuyue@2x.png')" />
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-bottom:14px;"
>1.预约/现场挂号
</div>
<div
style="font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #5FB54B;"
>进行中
</div>
</div>
</div>
<!-- 箭头指示-->
<div style="height: 13px;width: 104px;margin: 65px 22px 65px 22px ;">
<el-image :src="require('@/assets/register/xinzengguahao_jaintou@2x.png')" />
</div>
<!-- 单个的背景,,后面按状态位切换样式-->
<div
style="width: 260px;
height: 143px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #5FB54B;
"
>
<!--2.录入诊断信息-->
<div
style="display: flex;
align-items: center;
flex-direction: column;
padding-top: 18px;"
>
<div
style="width: 44px;
height: 44px;margin-bottom:14px; "
>
<el-image :src="require('@/assets/register/xinzengguahao_luru@2x.png')" />
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-bottom:14px;"
>2.录入诊断信息
</div>
<div
style="font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #AFAFAF;"
>暂未录入
</div>
</div>
</div>
<!-- 箭头指示-->
<div style="height: 13px;width: 104px;margin: 65px 22px 65px 22px ;">
<el-image :src="require('@/assets/register/xinzengguahao_jaintou@2x.png')" />
</div>
<!-- 单个的背景,,后面按状态位切换样式-->
<div
style="width: 260px;
height: 143px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #5FB54B;
"
>
<!--3.开具处方单-->
<div
style="display: flex;
align-items: center;
flex-direction: column;
padding-top: 18px;"
>
<div
style="width: 44px;
height: 44px;margin-bottom:14px; "
>
<el-image :src="require('@/assets/register/xinzengguahao_kaichuangfdan@2x.png')" />
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-bottom:14px;"
>3.开具处方单
</div>
<div
style="font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #AFAFAF;"
>暂未开具
</div>
</div>
</div>
<!-- 箭头指示-->
<div style="height: 13px;width: 104px;margin: 65px 22px 65px 22px ;">
<el-image :src="require('@/assets/register/xinzengguahao_jaintou@2x.png')" />
</div>
<!-- 单个的背景,,后面按状态位切换样式-->
<div
style="width: 260px;
height: 143px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #5FB54B;
"
>
<!--4.生成病例报告-->
<div
style="display: flex;
align-items: center;
flex-direction: column;
padding-top: 18px;"
>
<div
style="width: 44px;
height: 44px;margin-bottom:14px; "
>
<el-image :src="require('@/assets/register/xinzengguahao_shengchengbaogao@2x.png')" />
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #333333;margin-bottom:14px;"
>4.生成病例报告
</div>
<div
style="font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #AFAFAF;"
>暂未生成
</div>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -24,6 +197,36 @@ export default {
}
</script>
<style scoped>
<style lang="scss" scoped>
.schedule-info {
/*模块tip布局*/
.progress-tip {
display: flex;
/*模块tip图形样式--左绿色*/
.tip-green {
width: 3px;
height: 24px;
background: #5FB54B;
border-radius: 10px 10px 10px 10px;
}
/*模块tip内容样式*/
.tip-content {
padding-left: 13px;
font-size: 16px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei, serif;
font-weight: bold;
color: #333333;
}
}
/*进度条内容主题样式*/
.progress-base {
padding-top: 50px;
padding-bottom: 50px;
}
}
</style>
src/views/service-management/registration-queue/registration-detail.vue
View file @ c9bfaf1f
......@@ -561,15 +561,6 @@ export default {
color: #666666;
margin-top: 20px;
margin-bottom: 20px;
//margin-left: 5%;
//margin-right: 5%;
//基础信息右边的信息样式
.base-inner {
//display: grid !important;
//grid-template-columns: repeat(3, auto);
//与头像左边距
//padding-left: 10%;
}
}
//2--宠物保险--模块内信息整体样式
......@@ -595,24 +586,6 @@ export default {
border-radius: 10px 10px 10px 10px;
}
//模块tip样式--橙色
.tip-orange {
height: 30px;
border-left: 5px solid #fc8135;
}
//模块tip样式--蓝色
.tip-blue {
height: 30px;
border-left: 5px solid #69bdff;
}
//模块tip样式--黄色
.tip-yellow {
height: 30px;
border-left: 5px solid #f3ff00;
}
//所有表格内容选中后的样式-all
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #F6FCF5 !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment