updated

src/main/resources/static/js/service-settlement/info.js

@@ -2,9 +2,7 @@ new Vue({
     el: '#service-info',
     mixins: [wxJssdkMixin],
     data: {
-        itemObj: {
-            level: 1
-        },
+        itemObj: {},
         textLevel: {
             1: {
                 color: '#FF5B00',
@@ -44,7 +42,7 @@ new Vue({
                         this.itemObj = res.data
                         setTimeout(() => {
                             this.isLoading = true
-                        }, 500)
+                        }, 1000)
                     }
                 })
             }

src/main/resources/static/js/service-settlement/search.js

@@ -25,6 +25,8 @@ new Vue({
                 SettlementService.getProvidersAndInfo(this.form, (res) => {
                     if (res.data) {
                         this.providerList = [res.data]
+                    } else {
+                        this.providerList = []
                     }
                 })
             }

src/main/resources/templates/service-settlement/info.html

@@ -32,22 +32,22 @@
         <div class="content">
             <div class="content-sq">
                 <div class="sq"></div>
-                <div class="count">采美平台授权 <span>{{ itemObj.name }}</span> 为{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}级服务商</div>
+                <div class="count" v-cloak>采美平台授权 <span v-cloak>{{ itemObj.name }}</span> 为<span v-cloak>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}</span>级服务商</div>
             </div>
             <div class="content-info">
-                <div class="info-name">{{ itemObj.name }}</div>
-                <div class="info-class" :style="{color: textLevel[itemObj.serviceLevel]?.color, backgroundColor: textLevel[itemObj.serviceLevel]?.backgroundColor}">
+                <div class="info-name" v-cloak>{{ itemObj.name }}</div>
+                <div v-cloak class="info-class" :style="{color: textLevel[itemObj.serviceLevel]?.color, backgroundColor: textLevel[itemObj.serviceLevel]?.backgroundColor}">
                     <div class="icon" :style="{background: 'url(' + textLevel[itemObj.serviceLevel]?.iconUrl + ')' }"></div>
-                    {{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}级服务商
+                    <span v-cloak>{{ itemObj.serviceLevel === 1 ? '一' : itemObj.serviceLevel === 2 ? '二' : '三' }}级服务商</span>
                 </div>
-                <div class="info-address"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/address2.png')"></div>{{ itemObj.address.split('/').join('') }}</div>
-                <div class="info-num"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/certifit2.png')"></div>资格证编号：{{ itemObj.qualificationId }}</div>
-                <div class="info-phone"><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/phone2.png')"></div>联系方式：{{ itemObj.mobile }}</div>
+                <div class="info-address" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/address2.png')"></div><span v-cloak>{{ itemObj.address.split('/').join('') }}</span></div>
+                <div class="info-num" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/certifit2.png')"></div>资格证编号：<span v-cloak>{{ itemObj.qualificationId }}</span></div>
+                <div class="info-phone" v-cloak><div class="icon" style="background: url('https://static.caimei365.com/app/img/serviceProvider/PC/phone2.png')"></div>联系方式：<span v-cloak>{{ itemObj.mobile }}</span></div>
             </div>
             <div class="content-line"></div>
             <div class="content-text">
                 <div class="tent">简介：</div>
-                <div class="text">{{ itemObj.text }}</div>
+                <div class="text" v-cloak>{{ itemObj.text }}</div>
             </div>
         </div>
     </div>