|
@@ -58,17 +58,29 @@ async function getReportInfo() {
|
|
|
}
|
|
|
getReportInfo()
|
|
|
|
|
|
-
|
|
|
+// 打电话按钮显示
|
|
|
+const callShow = ref(false)
|
|
|
+const phoneList = ref([])
|
|
|
+function handleCallShow() {
|
|
|
+ callShow.value = true
|
|
|
+ phoneList.value = userInfo.SellerDepartmentPhone || []
|
|
|
+ console.log(phoneList.value);
|
|
|
+
|
|
|
+}
|
|
|
+function visiblechange(val) {
|
|
|
+ callShow.value = false
|
|
|
+}
|
|
|
// 拨打电话
|
|
|
-function handleCallPhone() {
|
|
|
- let tel = userInfo.SellerPhone
|
|
|
- if (!tel) {
|
|
|
- systemConfig.forEach(item => {
|
|
|
- if (item.ConfKey === 'ServicePhone') {
|
|
|
- tel = item.ConfVal
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
+function handleCallPhone(tel) {
|
|
|
+ visiblechange()
|
|
|
+ // let tel = userInfo.SellerPhone
|
|
|
+ // if (!tel) {
|
|
|
+ // systemConfig.forEach(item => {
|
|
|
+ // if (item.ConfKey === 'ServicePhone') {
|
|
|
+ // tel = item.ConfVal
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // }
|
|
|
|
|
|
var phoneLink = 'tel:' + tel;
|
|
|
var link = document.createElement('a');
|
|
@@ -122,6 +134,22 @@ function handleGoLogin(){
|
|
|
url:`/pages/login/index?redirectUrl=${redirectUrl}`
|
|
|
})
|
|
|
}
|
|
|
+const isTips = ref(false)
|
|
|
+const tipsMsg = ref('')
|
|
|
+// 申请认证
|
|
|
+function handleApplyCertification() {
|
|
|
+ apiUser.userApplyPermission().then(res=>{
|
|
|
+ if(res.Ret===200){
|
|
|
+ isTips.value = true
|
|
|
+ tipsMsg.value = res.Msg
|
|
|
+ } else {
|
|
|
+ Message.error(res.Msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+function handleTips () {
|
|
|
+ isTips.value = false
|
|
|
+}
|
|
|
|
|
|
</script>
|
|
|
|
|
@@ -166,7 +194,7 @@ function handleGoLogin(){
|
|
|
<div class="content-box">
|
|
|
<img class="icon" src="@/assets/imgs/lock-img.png" alt="" />
|
|
|
<div class="text" v-if="reportStatus === 3">
|
|
|
- 您暂无权限查看,<br />请联系客服人员开通!
|
|
|
+ 您暂无权限查看,<br />请申请认证!
|
|
|
</div>
|
|
|
<div class="text" v-if="reportStatus === 2">
|
|
|
您暂无该品种权限,<br />请联系销售人员开通!
|
|
@@ -175,12 +203,21 @@ function handleGoLogin(){
|
|
|
您的权限已过期,<br />请联系销售人员开通!
|
|
|
</div>
|
|
|
<t-button
|
|
|
+ v-if="reportStatus !== 3"
|
|
|
theme="primary"
|
|
|
block
|
|
|
style="width: 300px; margin: 30px auto"
|
|
|
- @click="handleCallPhone"
|
|
|
+ @click="handleCallShow"
|
|
|
>立即联系</t-button
|
|
|
>
|
|
|
+ <t-button
|
|
|
+ v-else
|
|
|
+ theme="primary"
|
|
|
+ block
|
|
|
+ style="width: 300px; margin: 30px auto"
|
|
|
+ @click="handleApplyCertification"
|
|
|
+ >申请认证</t-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 未绑定 -->
|
|
@@ -202,6 +239,23 @@ function handleGoLogin(){
|
|
|
</div>
|
|
|
<!-- 免责声明 -->
|
|
|
<disclaimers-wrap v-model:show="isShowMZSM" />
|
|
|
+ <t-dialog
|
|
|
+ :visible="isTips"
|
|
|
+ title="提示"
|
|
|
+ :content="tipsMsg"
|
|
|
+ confirm-btn="知道了"
|
|
|
+ @confirm="handleTips"
|
|
|
+ >
|
|
|
+ </t-dialog>
|
|
|
+ <t-popup
|
|
|
+ :visible="callShow"
|
|
|
+ placement="bottom"
|
|
|
+ @visiblechange="visiblechange"
|
|
|
+ >
|
|
|
+ <div class="call-box">
|
|
|
+ <div class="phone-item" v-for="(item, index) in phoneList" :key="index" @click="handleCallPhone(item)">{{ item }}</div>
|
|
|
+ </div>
|
|
|
+ </t-popup>
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -280,6 +334,16 @@ function handleGoLogin(){
|
|
|
height: 200px;
|
|
|
}
|
|
|
}
|
|
|
+.call-box {
|
|
|
+ margin-bottom: 40px;
|
|
|
+ .phone-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 150px;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
@media (min-width: 600px) {
|
|
|
.report-detail-page {
|