2023-2-2

src/views/schedule/map.vue

@@ -37,15 +37,23 @@
           {{ $moment(select.info.start_time).format('yyyy-MM-DD  HH:mm') }} ~ {{ $moment(select.info.end_time).format('HH:mm') }}
         </div>
         <div style="display: flex;">
-          <div v-if="select.info.nurse" style="flex: 1;">
+          <div v-if="select.info.nurse" style="flex: 1;min-width: 180px">
             <div style="font-weight: 600;padding: 10px 0px;">护工信息</div>
             <div>
               <i class="el-icon-s-custom" style="padding-right: 10px;"></i>
               <span  style="padding-right: 20px">{{ select.info.nurse.name }}</span>
               <span>{{ select.info.nurse.sex }}</span>
             </div>
+            <div>
+              <i class="el-icon-phone" style="padding-right: 10px;"></i>
+              {{ select.info.nurse.mobile }}
+            </div>
+            <div>
+              <i class="el-icon-date" style="padding-right: 10px;"></i>
+              {{ ageFormat(select.info.nurse.birthday) }}
+            </div>
           </div>
-          <div v-if="select.info.customer" style="flex: 1">
+          <div v-if="select.info.customer" style="flex: 1;min-width: 180px">
             <div style="font-weight: 600;padding: 10px 0px;">
               客户信息
             </div>
@@ -72,6 +80,7 @@
 <script>
 import { AMapManager,lazyAMapApiLoaderInstance } from 'vue-amap'
 import { scheduleIndex } from '@/api/schedule'
+import { getAgeByIdcard } from '@/utils'
 
 const amapManager = new AMapManager()
 export default {
@@ -176,6 +185,16 @@ export default {
         [2,'green']
       ])
       return map.get(this.select.info.status)
+    },
+    ageFormat(){
+      return function (birth){
+        if(birth){
+          return this.$moment().diff(birth, 'years') + '岁';
+        }else{
+          return birth
+        }
+
+      }
     }
   },
   created() {