|
|
@@ -26,6 +26,7 @@
|
|
|
<div class="list-item-phone">
|
|
|
<p>电话:<span>{{item.storeInfo.enterprise.enTel}}</span></p>
|
|
|
<p>传真:<span>{{item.storeInfo.enterprise.enFax}}</span></p>
|
|
|
+ <p>联系商家:<a @click="selectStoreInfo(item, $event)">点击查看</a></p>
|
|
|
<i class="iconfont icon-shoucang" @click="cancelFocus('store', item, $event)"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -49,6 +50,17 @@
|
|
|
<nuxt-link to="/">返回首页</nuxt-link>
|
|
|
</div>
|
|
|
<remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
|
|
|
+ <div class="mobile-modal" v-if="showStoreInfo">
|
|
|
+ <div class="mobile-modal-box">
|
|
|
+ <div class="mobile-modal-header">联系方式<i @click="showStoreInfo = false" class="icon-guanbi iconfont"></i></div>
|
|
|
+ <div class="mobile-modal-content">
|
|
|
+ <div v-if="checkInfo(storeInfo.enAddress || storeInfo.address)">商家地址:{{storeInfo.enAddress || storeInfo.address}}</div>
|
|
|
+ <div class="content-line link-url">在线咨询</div>
|
|
|
+ <div v-if="checkInfo(storeInfo.enTel)">致电:<a href="tel:0755-96586323" class="content-line link-url">{{storeInfo.enTel}}</a></div>
|
|
|
+ <div v-if="checkInfo(storeInfo.enEmail)">邮件:<a href="mailto:yrsc@usoftchina.com" class="content-line link-url">{{storeInfo.enEmail}}</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -67,7 +79,9 @@
|
|
|
isShop: true,
|
|
|
isDevice: true,
|
|
|
collectResult: '取消成功',
|
|
|
- timeoutCount: 0
|
|
|
+ timeoutCount: 0,
|
|
|
+ showStoreInfo: false,
|
|
|
+ storeInfo: {}
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
@@ -147,6 +161,14 @@
|
|
|
} else {
|
|
|
return '抱歉,暂无收藏记录'
|
|
|
}
|
|
|
+ },
|
|
|
+ selectStoreInfo: function (store, event) {
|
|
|
+ event.stopPropagation()
|
|
|
+ this.storeInfo = store.storeInfo.enterprise || {}
|
|
|
+ this.showStoreInfo = true
|
|
|
+ },
|
|
|
+ checkInfo: function (str) {
|
|
|
+ return str && str.trim() !== ''
|
|
|
}
|
|
|
},
|
|
|
computed: {
|