客户画像页面国家前面增加国旗展示, 更新icon

src/views/customer/portrait/com/CustomerInfo.vue

@@ -1,22 +1,24 @@
 <template>
   <div class="content" v-loading="loading">
-    <div  class="user-name">
-      <i class="iconfont icon-icon_factory1" style="color:#0084ff;margin-right:10px;"></i>{{ detailsData.name }}
-    </div>
+    <div class="user-name"><i class="iconfont icon-icon_factory1" style="color: #0084ff; margin-right: 10px"></i>{{ detailsData.name }}</div>
     <div class="line">
-      <span class="title_" v-if="detailsData.customerCode">客户代码：<span style="color:#000">{{ detailsData.customerCode }}</span></span>
+      <span class="title_" v-if="detailsData.customerCode">
+        客户代码：<span style="color: #000">{{ detailsData.customerCode }}</span>
+      </span>
       <span class="title_" v-if="detailsData.customerCode && detailsData.status" style="margin: 0 6px">|</span>
-      <span class="title_" v-if="detailsData.status">客户类型：<span style="color:#000">{{ dictValueLabel(detailsData.status, customerStatus) }}</span></span>
+      <span class="title_" v-if="detailsData.status">
+        客户类型：<span style="color: #000">{{ dictValueLabel(detailsData.status, customerStatus) }}</span>
+      </span>
     </div>
     <div class="line" v-if="detailsData.source">
       <span class="title_">客户来源：</span>
       <span>{{ dictValueLabel(detailsData.source, customerSource) }}</span>
     </div>
-    <div class="line">
+    <div class="line" style="word-break: break-all">
       <span class="title_">地址：</span>
-      <span
-        >{{ detailsData.countryName }} , {{ detailsData.provinceName }} ,
-        {{ detailsData.cityName }}
+      <i :class="'iconfont icon-' + detailsData.countryIcon" style="margin-right: 10px"></i>
+      <span>
+        {{ detailsData.countryName }} , {{ detailsData.provinceName }} , {{ detailsData.cityName }}
         <span v-show="detailsData.address"> , {{ detailsData.address }}</span>
       </span>
     </div>
@@ -323,9 +325,9 @@ const getPhone = (res) => {
 </script>
 
 <style lang="scss" scoped>
-.user-name{
+.user-name {
   font-weight: bold;
-  border-bottom:1px solid #dcdcdc;
+  border-bottom: 1px solid #dcdcdc;
   line-height: 30px;
   margin-bottom: 20px;
 }