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

src/views/article-management/article-detail.vue

@@ -55,8 +55,8 @@ color: #333333;"
                       />
                     </el-select>
                   </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-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
+                  <!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
                 </div>
               </el-form-item>
               <!--   2-- 文章信息--文章内容 -->
@@ -110,18 +110,16 @@ export default {
       baseURL: process.env.VUE_APP_TEST_API,
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       // 弹出层标题
       title: '',
       // 是否显示弹出层
       open: false,
-      // 状态位
-      value: true,
       // 表单参数
       form: {},
       // 表单校验

src/views/article-management/article-edit.vue

@@ -47,8 +47,6 @@ color: #333333;"
                       />
                     </el-select>
                   </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>
               </el-form-item>
               <el-form-item label="文章内容" prop="articleContent">
@@ -91,10 +89,10 @@ export default {
     return {
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       user: {},
@@ -104,8 +102,6 @@ export default {
       title: '',
       // 是否显示弹出层
       open: false,
-      // 状态位
-      value: true,
       // 表单参数
       form: {},
       // 表单校验

src/views/article-management/article-insert.vue

@@ -42,8 +42,8 @@ color: #333333;"
                       />
                     </el-select>
                   </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-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
+                  <!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
                 </div>
               </el-form-item>
               <el-form-item label="文章内容" prop="articleContent">
@@ -86,10 +86,10 @@ export default {
     return {
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       // 弹出层标题

src/views/medical-record-management/medical-edit.vue

 <template>
   <div style="background-color: #FFFFFF;">
-    <!--  病历管理--宠物详情页-->
+    <!--  病历管理--宠物编辑页-->
     <div class="pet-detail">
       <!--   头部标题-->
       <div style="padding-top:32px;text-align: center;">
@@ -9,7 +9,7 @@
 font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;
 font-weight: bold;
 color: #333333;"
-        >详情</span>
+        >编辑</span>
       </div>
       <!--   整体卡片内页面的样式--边距-->
       <div style="padding: 20px 20px 20px 20px;">
@@ -63,9 +63,13 @@ color: #333333;"
                   <el-col :span="8">
                     <!--宠物品种-->
                     <el-form-item label="宠物品种">
-                      <span class="content-style">{{
-                        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
-                      }}</span>
+                      <el-cascader
+                        v-model.trim="queryParams.petBreed"
+                        :options="options"
+                        :props="props"
+                        clearable
+                        placeholder="请选择宠物品种"
+                      />
                     </el-form-item>
                   </el-col>
                 </el-row>
@@ -73,21 +77,40 @@ color: #333333;"
                   <el-col :span="8">
                     <!--宠物性别-->
                     <el-form-item label="宠物性别">
-                      <!--                    <dict-tag :options="dict.type.pet_sex" :value="petInfo.petSex"/>-->
-                      <i v-if="petInfo.petSex === '0'" class="el-icon-male" />
-                      <i v-else-if="petInfo.petSex === '1'" class="el-icon-female" />
+                      <el-select v-model.trim="queryParams.petSex" clearable multiple placeholder="请选择宠物性别">
+                        <el-option
+                          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-col>
                   <el-col :span="8">
-                    <!--宠物年龄-->
-                    <el-form-item label="宠物年龄">
-                      <span class="content-style">{{ petInfo.petAge }}岁</span>
+                    <!--出生日期-->
+                    <el-form-item label="出生日期">
+                      <el-date-picker
+                        v-model.trim="queryParams.createTime"
+                        clearable
+                        placeholder="请选择出生日期"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                      />
                     </el-form-item>
                   </el-col>
-                  <el-col :span="8">
+                  <el-col :span="6">
                     <!--宠物体重-->
                     <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-col>
                 </el-row>
@@ -95,27 +118,45 @@ color: #333333;"
                   <el-col :span="8">
                     <!--宠物毛色-->
                     <el-form-item label="宠物毛色">
-                      <span class="content-style">{{ petInfo.petColor }}</span>
+                      <el-input
+                        v-model.trim="queryParams.nickname"
+                        clearable
+                        placeholder="请输入宠物毛色"
+                      />
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
                     <!--绝育情况-->
                     <el-form-item label="绝育情况">
-                      <dict-tag
-                        :options="dict.type.sterilization_status"
-                        :value="petInfo.sterilizationStatus"
-                        class="content-style"
+                      <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-col>
                   <el-col :span="8">
                     <!--疫苗情况-->
                     <el-form-item label="疫苗情况">
-                      <dict-tag
-                        :options="dict.type.vaccine_situation"
-                        :value="petInfo.vaccineSituation"
-                        class="content-style"
+                      <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-col>
                 </el-row>
@@ -123,7 +164,18 @@ color: #333333;"
                   <el-col :span="8">
                     <!--保险情况-->
                     <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-col>
                 </el-row>
@@ -324,7 +376,9 @@ color: #333333;"
         <!--7--用药信息-->
         <div style="display: flex">
           <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>
         <!-- 内部信息 -->
@@ -340,7 +394,9 @@ color: #333333;"
         <!--8--检查信息-->
         <div style="display: flex">
           <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>
         <!-- 内部信息 -->
@@ -356,7 +412,9 @@ color: #333333;"
         <!--9--治疗信息-->
         <div style="display: flex">
           <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>
         <!-- 内部信息 -->
@@ -373,7 +431,9 @@ color: #333333;"
         <!--10--住院信息-->
         <div style="display: flex">
           <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>
         <!-- 内部信息 -->
@@ -401,6 +461,7 @@ import { checkRole } from '@/utils/permission'
 import { parseTime, selectDictLabel } from '@/utils/ruoyi'
 // 引入进度信息模组件
 import scheduleInfo from '@/views/service-management/registration-queue/components/schedule-info'
+
 export default {
   name: 'MedicalEdit',
   // 数据字典
@@ -411,6 +472,24 @@ export default {
   },
   data() {
     return {
+      // 排序下拉框
+      insureList: [
+        {
+          label: '全部',
+          value: '1'
+        },
+        {
+          label: '已购保险',
+          value: '2'
+        },
+        {
+          label: '未购保险',
+          value: '3'
+        }
+      ],
+      queryParams: {
+        petBreed: []
+      },
       // 各医院会员卡信息
       hosipitalPownersForm: [{}],
       // 状态下拉框