Skip to content

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

添加lint代码校验

parent 5a7e4300
Expand all Show whitespace changes
Inline Side-by-side
Showing with 526 additions and 197 deletions
src/views/service-management/registration-queue/components/schedule-info.vue
View file @ c9bfaf1f
<template> <template>
<!--进度信息模块封装-->
<div class="schedule-info"> <div class="schedule-info">
<div style="display: flex"> <div class="progress-tip">
<div class="tip-green" /> <div class="tip-green" />
<div <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> </div>
<div style="padding-top: 50px;padding-bottom: 50px;"> <div class="progress-base">
<el-steps :active="2" align-center> <!-- 原型--样式1-->
<el-step description="2023-05-05 13:05" title="现场挂号" /> <!-- <el-steps :active="2" align-center>-->
<el-step description="暂未诊断" title="录入诊断信息" /> <!-- <el-step description="2023-05-05 13:05" title="现场挂号" />-->
<el-step description="暂未生成" title="生成病历" /> <!-- <el-step description="暂未诊断" title="录入诊断信息" />-->
<el-step description="暂未开具" title="开具处方单" /> <!-- <el-step description="暂未生成" title="生成病历" />-->
</el-steps> <!-- <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>
</div> </div>
</template> </template>
...@@ -24,6 +197,36 @@ export default { ...@@ -24,6 +197,36 @@ export default {
} }
</script> </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> </style>
src/views/service-management/registration-queue/registration-detail.vue
View file @ c9bfaf1f
...@@ -561,15 +561,6 @@ export default { ...@@ -561,15 +561,6 @@ export default {
color: #666666; color: #666666;
margin-top: 20px; margin-top: 20px;
margin-bottom: 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--宠物保险--模块内信息整体样式 //2--宠物保险--模块内信息整体样式
...@@ -595,24 +586,6 @@ export default { ...@@ -595,24 +586,6 @@ export default {
border-radius: 10px 10px 10px 10px; 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 //所有表格内容选中后的样式-all
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #F6FCF5 !important; 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