bug-详情输入框禁用

src/views/service-management/medical-record-management/check-detail.vue

@@ -221,7 +221,7 @@
         <div style="height: 16px;border-left: 3px solid #5bb647;" />
         <div style="padding-left: 8px;font-size: 16px;font-weight: bold;">预约信息</div>
         <div style="margin-left: auto;padding-right: 50px;">
-          <el-button v-show="checkDetail.deviceId === null" class="fourWordsBtn" @click="bookNow">立即预约</el-button>
+          <el-button class="fourWordsBtn" @click="bookNow">立即预约</el-button>
         </div>
       </div>
       <!-- 预约信息 -->
@@ -380,6 +380,7 @@ export default {
       videoReport: null,
       // 图片根据不同环境显示路径
       baseUrl: process.env.VUE_APP_TEST_API,
+      // 宠物保险
       insureOptions: [
         {
           value: '0',

src/views/service-management/medical-record-management/check-subscribe.vue

@@ -17,17 +17,32 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宠物昵称">
-            <span>{{ subscribeMessage.petNickname }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petNickname"
+              disabled
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="宠物ID">
-            <span>{{ subscribeMessage.petsId }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petsId"
+              disabled
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="宠物品种">
-            <span>{{ subscribeMessage.petBreed }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petBreed"
+              disabled
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -35,17 +50,36 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宠物性别">
-            <span>{{ subscribeMessage.petSex === '0' ? '雄性' : (subscribeMessage.petSex === '1' ? '雌性' : '其他') }}</span>
+            <el-select class="input-detail" v-model="subscribeMessage.petSex" disabled placeholder="暂无数据">
+              <el-option
+                v-for="item in dict.type.pet_sex"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="宠物年龄">
-            <span>{{ subscribeMessage.petAge }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petAge"
+              disabled
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="宠物体重">
-            <span>{{ subscribeMessage.petWeight + 'kg' }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petWeight"
+              disabled
+            >
+              <template #suffix>kg</template>
+            </el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -53,17 +87,36 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宠物毛色">
-            <span>{{ subscribeMessage.petColor }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.petColor"
+              disabled
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="绝育情况">
-            <span>{{ subscribeMessage.sterilizationStatus === '0' ? '已绝育' : '未绝育' }}</span>
+            <el-select class="input-detail" v-model="subscribeMessage.sterilizationStatus" disabled placeholder="暂无数据">
+              <el-option
+                v-for="item in dict.type.sterilization_status"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="疫苗情况">
-            <span>{{ subscribeMessage.vaccineSituation === '0' ? '当年已接种' : '当年未接种' }}</span>
+            <el-select class="input-detail" v-model="subscribeMessage.vaccineSituation" disabled placeholder="暂无数据">
+              <el-option
+                v-for="item in dict.type.vaccine_situation"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -71,7 +124,14 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="宠物保险">
-            <span>{{ subscribeMessage.insure === '0' ? '未购保险' : '已购保险' }}</span>
+            <el-select class="input-detail" v-model="subscribeMessage.insure" disabled placeholder="暂无数据">
+              <el-option
+                v-for="item in insureOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
       </el-row>
@@ -82,17 +142,36 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="检查类型">
-            <span>{{ subscribeMessage.checkType === '0' ? '医院自有服务' : '预约外部服务' }}</span>
+            <el-select class="input-detail" v-model="subscribeMessage.checkType" disabled placeholder="暂无数据">
+              <el-option
+                v-for="item in dict.type.check_type"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="检查项目">
-            <span>{{ subscribeMessage.checkItemsName || '-' }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.checkItemsName"
+              disabled
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="缴费金额">
-            <span>{{ keepTwoDecimals(subscribeMessage.payAmount) }}</span>
+            <el-input
+              class="input-detail"
+              placeholder="暂无数据"
+              v-model="subscribeMessage.payAmount"
+              disabled
+            >
+              <template #prefix>￥</template>
+            </el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -183,7 +262,7 @@ import { getManage } from '@/api/business/manage'
 
 export default {
   name: 'CheckSubscribe',
-  dicts: ['exam_type'],
+  dicts: ['pet_sex', 'sterilization_status', 'vaccine_situation', 'check_type'],
   data() {
     return {
       checkDetail: {},
@@ -192,7 +271,7 @@ export default {
       subscribeMessage: {},
       deviceQueryParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 20,
         reservationTime: null, // 检查日期(默认当前日期)
         isPrivate: null, // 检查类型(0-外部、1医院)--不变
         checkTypeList: [], // 检查项目ID(String[])--不变
@@ -204,7 +283,18 @@ export default {
       selectableDevice: [],
       // 检查表ID
       currentCheckId: null,
-      currentPayAmount: null
+      currentPayAmount: null,
+      // 宠物保险
+      insureOptions: [
+        {
+          value: '0',
+          label: '未购保险'
+        },
+        {
+          value: '1',
+          label: '已购保险'
+        }
+      ]
     }
   },
   created() {
@@ -212,6 +302,7 @@ export default {
     getManage(id).then(response => {
       this.subscribeMessage = response.data
       console.log('立即预约页面', this.subscribeMessage)
+      this.subscribeMessage.payAmount = this.keepTwoDecimals(this.subscribeMessage.payAmount)
       // 时间
       this.deviceQueryParams.reservationTime = parseTime(new Date(), '{y}-{m}-{d}')
       // 服务类型(医院自有、外部服务)
@@ -268,9 +359,9 @@ export default {
     // 金额保留两位小数
     keepTwoDecimals(price) {
       if (price === null) {
-        return '-'
+        return null
       } else {
-        return '￥' + price.toFixed(2)
+        return price.toFixed(2)
       }
     },
     getList() {},
@@ -336,4 +427,7 @@ export default {
   background-color: #FFFFFF;
 
 }
+.input-detail {
+  width: 392px;
+}
 </style>