Skip to content

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

进度信息模块封装ui代码优化

parent 9ddfc97d
Hide whitespace changes
Inline Side-by-side
Showing with 118 additions and 45 deletions
src/views/article-management/article-detail.vue
View file @ cb5f578e
...@@ -55,8 +55,8 @@ color: #333333;" ...@@ -55,8 +55,8 @@ color: #333333;"
/> />
</el-select> </el-select>
</div> </div>
<!-- <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>--> <!-- <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
<!-- <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>--> <!-- <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
</div> </div>
</el-form-item> </el-form-item>
<!-- 2-- 文章信息--文章内容 --> <!-- 2-- 文章信息--文章内容 -->
...@@ -110,18 +110,16 @@ export default { ...@@ -110,18 +110,16 @@ export default {
baseURL: process.env.VUE_APP_TEST_API, baseURL: process.env.VUE_APP_TEST_API,
// 状态下拉框 // 状态下拉框
statusList: [{ statusList: [{
label: '已启用', label: '已上架',
value: '0' value: '0'
}, { }, {
label: '已禁用', label: '已下架',
value: '1' value: '1'
}], }],
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 状态位
value: true,
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
......
src/views/article-management/article-edit.vue
View file @ cb5f578e
...@@ -47,8 +47,6 @@ color: #333333;" ...@@ -47,8 +47,6 @@ color: #333333;"
/> />
</el-select> </el-select>
</div> </div>
<!-- <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
<!-- <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="文章内容" prop="articleContent"> <el-form-item label="文章内容" prop="articleContent">
...@@ -91,10 +89,10 @@ export default { ...@@ -91,10 +89,10 @@ export default {
return { return {
// 状态下拉框 // 状态下拉框
statusList: [{ statusList: [{
label: '已启用', label: '已上架',
value: '0' value: '0'
}, { }, {
label: '已禁用', label: '已下架',
value: '1' value: '1'
}], }],
user: {}, user: {},
...@@ -104,8 +102,6 @@ export default { ...@@ -104,8 +102,6 @@ export default {
title: '', title: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 状态位
value: true,
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
......
src/views/article-management/article-insert.vue
View file @ cb5f578e
...@@ -42,8 +42,8 @@ color: #333333;" ...@@ -42,8 +42,8 @@ color: #333333;"
/> />
</el-select> </el-select>
</div> </div>
<!-- <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>--> <!-- <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
<!-- <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>--> <!-- <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="文章内容" prop="articleContent"> <el-form-item label="文章内容" prop="articleContent">
...@@ -86,10 +86,10 @@ export default { ...@@ -86,10 +86,10 @@ export default {
return { return {
// 状态下拉框 // 状态下拉框
statusList: [{ statusList: [{
label: '已启用', label: '已上架',
value: '0' value: '0'
}, { }, {
label: '已禁用', label: '已下架',
value: '1' value: '1'
}], }],
// 弹出层标题 // 弹出层标题
......
src/views/medical-record-management/medical-edit.vue
View file @ cb5f578e
<template> <template>
<div style="background-color: #FFFFFF;"> <div style="background-color: #FFFFFF;">
<!-- 病历管理--宠物详情页--> <!-- 病历管理--宠物编辑页-->
<div class="pet-detail"> <div class="pet-detail">
<!-- 头部标题--> <!-- 头部标题-->
<div style="padding-top:32px;text-align: center;"> <div style="padding-top:32px;text-align: center;">
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif; font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;
font-weight: bold; font-weight: bold;
color: #333333;" color: #333333;"
>详情</span> >编辑</span>
</div> </div>
<!-- 整体卡片内页面的样式--边距--> <!-- 整体卡片内页面的样式--边距-->
<div style="padding: 20px 20px 20px 20px;"> <div style="padding: 20px 20px 20px 20px;">
...@@ -63,9 +63,13 @@ color: #333333;" ...@@ -63,9 +63,13 @@ color: #333333;"
<el-col :span="8"> <el-col :span="8">
<!--宠物品种--> <!--宠物品种-->
<el-form-item label="宠物品种"> <el-form-item label="宠物品种">
<span class="content-style">{{ <el-cascader
options[petInfo.petBreed.substring(0, 1)].children.find(({ value }) => value === petInfo.petBreed.substring(1)) && options[petInfo.petBreed.substring(0, 1)].children.find(({ value }) => value === petInfo.petBreed.substring(1)).label v-model.trim="queryParams.petBreed"
}}</span> :options="options"
:props="props"
clearable
placeholder="请选择宠物品种"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -73,21 +77,40 @@ color: #333333;" ...@@ -73,21 +77,40 @@ color: #333333;"
<el-col :span="8"> <el-col :span="8">
<!--宠物性别--> <!--宠物性别-->
<el-form-item label="宠物性别"> <el-form-item label="宠物性别">
<!-- <dict-tag :options="dict.type.pet_sex" :value="petInfo.petSex"/>--> <el-select v-model.trim="queryParams.petSex" clearable multiple placeholder="请选择宠物性别">
<i v-if="petInfo.petSex === '0'" class="el-icon-male" /> <el-option
<i v-else-if="petInfo.petSex === '1'" class="el-icon-female" /> v-for="dict in dict.type.pet_sex"
:key="dict.value"
:value="dict.value"
:label="dict.label"
>
<i v-if="dict.value === '0'" class="el-icon-male" />
<i v-else-if="dict.value === '1'" class="el-icon-female" />
<span v-else>{{ dict.label }}</span>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--宠物年龄--> <!--出生日期-->
<el-form-item label="宠物年龄"> <el-form-item label="出生日期">
<span class="content-style">{{ petInfo.petAge }}岁</span> <el-date-picker
v-model.trim="queryParams.createTime"
clearable
placeholder="请选择出生日期"
type="date"
value-format="yyyy-MM-dd"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="6">
<!--宠物体重--> <!--宠物体重-->
<el-form-item label="宠物体重"> <el-form-item label="宠物体重">
<span class="content-style">{{ petInfo.petWeight }}kg</span> <el-input
v-model.trim="queryParams.nickname"
clearable
placeholder="请输入宠物体重"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -95,27 +118,45 @@ color: #333333;" ...@@ -95,27 +118,45 @@ color: #333333;"
<el-col :span="8"> <el-col :span="8">
<!--宠物毛色--> <!--宠物毛色-->
<el-form-item label="宠物毛色"> <el-form-item label="宠物毛色">
<span class="content-style">{{ petInfo.petColor }}</span> <el-input
v-model.trim="queryParams.nickname"
clearable
placeholder="请输入宠物毛色"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--绝育情况--> <!--绝育情况-->
<el-form-item label="绝育情况"> <el-form-item label="绝育情况">
<dict-tag <el-select
:options="dict.type.sterilization_status" v-model.trim="queryParams.insure"
:value="petInfo.sterilizationStatus" clearable
class="content-style" placeholder="请选择绝育情况"
/> >
<el-option
v-for="dict in insureList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<!--疫苗情况--> <!--疫苗情况-->
<el-form-item label="疫苗情况"> <el-form-item label="疫苗情况">
<dict-tag <el-select
:options="dict.type.vaccine_situation" v-model.trim="queryParams.insure"
:value="petInfo.vaccineSituation" clearable
class="content-style" placeholder="请选择疫苗情况"
/> >
<el-option
v-for="dict in insureList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -123,7 +164,18 @@ color: #333333;" ...@@ -123,7 +164,18 @@ color: #333333;"
<el-col :span="8"> <el-col :span="8">
<!--保险情况--> <!--保险情况-->
<el-form-item label="宠物保险"> <el-form-item label="宠物保险">
<div class="content-style">已购保险</div> <el-select
v-model.trim="queryParams.insure"
clearable
placeholder="请选择宠物保险"
>
<el-option
v-for="dict in insureList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -324,7 +376,9 @@ color: #333333;" ...@@ -324,7 +376,9 @@ color: #333333;"
<!--7--用药信息--> <!--7--用药信息-->
<div style="display: flex"> <div style="display: flex">
<div class="tip-green" /> <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;">用药信息 <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>用药信息
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
...@@ -340,7 +394,9 @@ color: #333333;" ...@@ -340,7 +394,9 @@ color: #333333;"
<!--8--检查信息--> <!--8--检查信息-->
<div style="display: flex"> <div style="display: flex">
<div class="tip-green" /> <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;">检查信息 <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>检查信息
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
...@@ -356,7 +412,9 @@ color: #333333;" ...@@ -356,7 +412,9 @@ color: #333333;"
<!--9--治疗信息--> <!--9--治疗信息-->
<div style="display: flex"> <div style="display: flex">
<div class="tip-green" /> <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;">治疗信息 <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>治疗信息
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
...@@ -373,7 +431,9 @@ color: #333333;" ...@@ -373,7 +431,9 @@ color: #333333;"
<!--10--住院信息--> <!--10--住院信息-->
<div style="display: flex"> <div style="display: flex">
<div class="tip-green" /> <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;">住院信息 <div
style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;"
>住院信息
</div> </div>
</div> </div>
<!-- 内部信息 --> <!-- 内部信息 -->
...@@ -401,6 +461,7 @@ import { checkRole } from '@/utils/permission' ...@@ -401,6 +461,7 @@ import { checkRole } from '@/utils/permission'
import { parseTime, selectDictLabel } from '@/utils/ruoyi' import { parseTime, selectDictLabel } from '@/utils/ruoyi'
// 引入进度信息模组件 // 引入进度信息模组件
import scheduleInfo from '@/views/service-management/registration-queue/components/schedule-info' import scheduleInfo from '@/views/service-management/registration-queue/components/schedule-info'
export default { export default {
name: 'MedicalEdit', name: 'MedicalEdit',
// 数据字典 // 数据字典
...@@ -411,6 +472,24 @@ export default { ...@@ -411,6 +472,24 @@ export default {
}, },
data() { data() {
return { return {
// 排序下拉框
insureList: [
{
label: '全部',
value: '1'
},
{
label: '已购保险',
value: '2'
},
{
label: '未购保险',
value: '3'
}
],
queryParams: {
petBreed: []
},
// 各医院会员卡信息 // 各医院会员卡信息
hosipitalPownersForm: [{}], hosipitalPownersForm: [{}],
// 状态下拉框 // 状态下拉框
......
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