Jelajahi Sumber

fix 修复项目概况,施工单位信息,分包 联系人卡片,电话溢出的问题

yunxing 4 tahun lalu
induk
melakukan
aa1cb08dfd
1 mengubah file dengan 19 tambahan dan 2 penghapusan
  1. 19 2
      src/views/overview/index.vue

+ 19 - 2
src/views/overview/index.vue

@@ -103,8 +103,20 @@
                                     <div class='info' v-for='(detail, dIndex) in item' :key='dIndex'>
                                         <p class='company'>{{ detail.unit }}</p>
                                         <p class='name-phone'>
-                                            <span>{{ detail.lxr || '--' }}</span>
-                                            <span>{{ detail.lxdh || '--' }}</span>
+                                            <!-- 联系人 -->
+                                            <!-- <span>{{ detail.lxr || '--' }}</span> -->
+                                            <span v-if="!detail.lxr">--</span>
+                                            <span v-else-if='[`,`].includes(detail.lxr)'>{{ detail.lxr }}</span>
+                                            <span v-else>
+                                                <p v-for='(lxr, index) in detail.lxr.split(`,`)' :key="index">{{ lxr }}</p>
+                                            </span>
+                                            <!-- 联系电话 -->
+                                            <!-- <span>{{ detail.lxdh || '--' }}</span> -->
+                                            <span v-if="!detail.lxdh">--</span>
+                                            <span v-else-if='[`,`].includes(detail.lxdh)'>{{ detail.lxdh }}</span>
+                                            <span v-else>
+                                                <p v-for='(lxdh, index) in detail.lxdh.split(`,`)' :key="index">{{ lxdh }}</p>
+                                            </span>
                                         </p>
                                         <!-- <p class='name-phone'>
                                             <span>张伟</span>
@@ -589,6 +601,11 @@ export default {
                                     height: auto;
                                     display: inline-block;
                                     align-items: center;
+                                    display: flex;
+                                    flex-direction: column;
+                                    p{
+                                        flex: 1;
+                                    }
                                 }
                             }
                         }