电话号码点击可拨打

src/views/my.vue

@@ -2,32 +2,40 @@
   <div class="bgColor">
     <div class="head">
       <div class="img"></div>
-      <div class="name">{{loginUser.name}}</div>
+      <div class="name">{{ loginUser.name }}</div>
     </div>
     <div class="myMessage">
       <div class="label">个人信息</div>
       <ul>
         <li>
           <div>姓名</div>
-          <div>{{loginUser.name}}</div>
+          <div>{{ loginUser.name }}</div>
         </li>
         <li v-if="repairMain.valueconfig == 2">
           <div>科室名称</div>
-          <div>{{loginUser.dept?loginUser.dept.dept:'暂无'}}</div>
+          <div>{{ loginUser.dept ? loginUser.dept.dept : "暂无" }}</div>
         </li>
         <li>
           <div>工号</div>
-          <div>{{loginUser.account}}</div>
+          <div>{{ loginUser.account }}</div>
         </li>
         <li>
           <div>联系电话</div>
-          <div>{{repairMain.valueconfig ==1?loginUser.mphone:loginUser.dept?loginUser.dept.phone:'暂无'}}</div>
+          <div v-if="repairMain.valueconfig == 1">
+            <a :href="'tel:' + loginUser.mphone">{{ loginUser.mphone }}</a>
+          </div>
+          <div v-if="repairMain.valueconfig != 1 && loginUser.dept">
+            <a :href="'tel:' + loginUser.dept.phone">{{
+              loginUser.dept.phone
+            }}</a>
+          </div>
+          <div v-if="repairMain.valueconfig != 1 && !loginUser.dept">暂无</div>
         </li>
         <li class="myArea">
           <div>区域地点</div>
           <div>
             <cube-button @click="showCascadePicker">
-              {{areaData||"暂无"}}
+              {{ areaData || "暂无" }}
               <i class="iconfont icon-moren"></i>
             </cube-button>
           </div>
@@ -35,7 +43,7 @@
         <li>
           <div>详细地址</div>
           <div class="factionAdd" @click="toModify('houseNumber')">
-            <span>{{loginUser.houseNumber||"暂无"}}</span>
+            <span>{{ loginUser.houseNumber || "暂无" }}</span>
             <i class="iconfont icon-moren"></i>
           </div>
         </li>
@@ -45,7 +53,9 @@
       <div class="label">我的报修</div>
       <div class="tit">
         <div>我的报修</div>
-        <div @click="toIncidentList( )">{{incidentStateData.resultCount}}条&nbsp;&nbsp;&nbsp;></div>
+        <div @click="toIncidentList()">
+          {{ incidentStateData.resultCount }}条&nbsp;&nbsp;&nbsp;>
+        </div>
       </div>
       <div class="rapirMessage">
         <div class="status" @click="toIncidentList(1592)">
@@ -56,7 +66,9 @@
           </div>
           <div>
             <span>未受理</span>
-            <span>{{incidentStateData.notAcc>99?99:incidentStateData.notAcc}}</span>
+            <span>{{
+              incidentStateData.notAcc > 99 ? 99 : incidentStateData.notAcc
+            }}</span>
           </div>
         </div>
         <div class="status" @click="toIncidentList(1593)">
@@ -67,7 +79,9 @@
           </div>
           <div>
             <span>不受理</span>
-            <span>{{incidentStateData.noAcc>99?99:incidentStateData.noAcc}}</span>
+            <span>{{
+              incidentStateData.noAcc > 99 ? 99 : incidentStateData.noAcc
+            }}</span>
           </div>
         </div>
         <div class="status" @click="toIncidentList(1594)">
@@ -78,7 +92,11 @@
           </div>
           <div>
             <span>处理中</span>
-            <span>{{incidentStateData.processing>99?99:incidentStateData.processing}}</span>
+            <span>{{
+              incidentStateData.processing > 99
+                ? 99
+                : incidentStateData.processing
+            }}</span>
           </div>
         </div>
         <div class="status" @click="toIncidentList(1595)">
@@ -89,7 +107,11 @@
           </div>
           <div>
             <span>待评价</span>
-            <span>{{incidentStateData.evaluated>99?99:incidentStateData.evaluated}}</span>
+            <span>{{
+              incidentStateData.evaluated > 99
+                ? 99
+                : incidentStateData.evaluated
+            }}</span>
           </div>
         </div>
         <div class="status" @click="toIncidentList(1596)">
@@ -100,7 +122,9 @@
           </div>
           <div>
             <span>已解决</span>
-            <span>{{incidentStateData.solve>99?99:incidentStateData.solve}}</span>
+            <span>{{
+              incidentStateData.solve > 99 ? 99 : incidentStateData.solve
+            }}</span>
           </div>
         </div>
         <div class="status" @click="toIncidentList(1597)">
@@ -111,12 +135,17 @@
           </div>
           <div>
             <span>已撤回</span>
-            <span>{{incidentStateData.retract>99?99:incidentStateData.retract}}</span>
+            <span>{{
+              incidentStateData.retract > 99 ? 99 : incidentStateData.retract
+            }}</span>
           </div>
         </div>
       </div>
     </div>
-    <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
+    <promp-ting
+      :conents="promptingConent"
+      :status="promptingStatus"
+    ></promp-ting>
   </div>
 </template>
 <script>
@@ -241,7 +270,7 @@ export default {
             }, 2000);
             if (!that.loginUser.place) {
               that.loginUser.place = {
-                area:{}
+                area: {}
               };
             }
             that.loginUser.place.id = selectedVal[1];