|
@@ -209,6 +209,16 @@ const callToSales=()=>{
|
|
|
window.location.href=`tel:${sandBox.salesData.phone}`
|
|
|
}
|
|
|
|
|
|
+//登录
|
|
|
+const handleGoLogin=()=>{
|
|
|
+ wx.miniProgram.getEnv(res=>{
|
|
|
+ if(res.miniprogram){
|
|
|
+ localStorage.setItem('goBeforeUrl',window.location.href)
|
|
|
+ wx.miniProgram.reLaunch({url:'/pages/login'})
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
//申请权限
|
|
|
const toApply = (type='')=>{
|
|
|
if(store.state.userInfo.is_bind===0){
|
|
@@ -408,102 +418,109 @@ onActivated(()=>{
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <template v-if="sandBox.noAuthor ==1 && sandBox.isRequestFinished">
|
|
|
- <div class="sandbox-noAuthor">
|
|
|
- <img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
- <span style="margin-top: 34px;">您在暂无权限查看沙盘推演</span>
|
|
|
- <span style="margin-top: 10px;">若想查看可以申请开通</span>
|
|
|
- <div class="apply-button" @click="toApply">立即申请</div>
|
|
|
- <!-- <template v-else>
|
|
|
+ <div class="sandbox-noAuthor" v-if="store.state.userInfo?.is_bind==0">
|
|
|
+ <img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
+ <span style="margin-top: 34px;">您尚未登录,请登录后查看更多信息</span>
|
|
|
+ <div class="apply-button" @click="handleGoLogin">立即登录</div>
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="sandBox.noAuthor ==1 && sandBox.isRequestFinished">
|
|
|
+ <div class="sandbox-noAuthor">
|
|
|
<img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
- <span style="margin-top: 34px;">您已提交过申请</span>
|
|
|
- <span style="margin-top: 10px;">请等待销售人员与您联系</span>
|
|
|
- <div class="apply-button" @click="$router.back()">返回</div>
|
|
|
- </template> -->
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-if="sandBox.noAuthor ==2 && sandBox.isRequestFinished">
|
|
|
- <view class="sandbox-noAuthor">
|
|
|
- <img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
- <span style="margin-top: 34px;">您在暂无权限查看沙盘推演</span>
|
|
|
- <span style="margin: 10px 0 4px 0;">若想查看请联系对口销售</span>
|
|
|
- <div>
|
|
|
- <span>{{sandBox.salesData.name}}:</span>
|
|
|
- <span class="sales-mobile" @click="callToSales">{{sandBox.salesData.phone}}</span>
|
|
|
+ <span style="margin-top: 34px;">您在暂无权限查看沙盘推演</span>
|
|
|
+ <span style="margin-top: 10px;">若想查看可以申请开通</span>
|
|
|
+ <div class="apply-button" @click="toApply">立即申请</div>
|
|
|
+ <!-- <template v-else>
|
|
|
+ <img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
+ <span style="margin-top: 34px;">您已提交过申请</span>
|
|
|
+ <span style="margin-top: 10px;">请等待销售人员与您联系</span>
|
|
|
+ <div class="apply-button" @click="$router.back()">返回</div>
|
|
|
+ </template> -->
|
|
|
</div>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <!-- 部分有权限 分享进来没有权限 -->
|
|
|
- <template v-if="sandBox.noAuthor ==4 && sandBox.isRequestFinished" >
|
|
|
- <!-- 显示空白 一秒钟后跳转至有权限的沙盘图-->
|
|
|
- </template>
|
|
|
- <div class="sandBox-contain" v-if="sandBox.noAuthor ==0 && sandBox.isRequestFinished">
|
|
|
- <div class="classify-box">
|
|
|
- <div class="firstClassify-box">
|
|
|
- <div :class="['firstClassfy-item',item.id==sandBox.selectedFirstId?'firstClassfy-actice':'']"
|
|
|
- v-for="item in sandBox.classifyList" :key="item.id" @click="selectFirstClassify(item)">
|
|
|
- <span>{{item.classify_name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="sandBox.noAuthor ==2 && sandBox.isRequestFinished">
|
|
|
+ <view class="sandbox-noAuthor">
|
|
|
+ <img :src="$store.state.globalImgUrls.activityNoAuth" />
|
|
|
+ <span style="margin-top: 34px;">您暂无权限查看沙盘推演</span>
|
|
|
+ <span style="margin: 10px 0 4px 0;">若想查看请联系对口销售</span>
|
|
|
+ <div>
|
|
|
+ <span>{{sandBox.salesData.name}}:</span>
|
|
|
+ <span class="sales-mobile" @click="callToSales">{{sandBox.salesData.phone}}</span>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <!-- 部分有权限 分享进来没有权限 -->
|
|
|
+ <template v-if="sandBox.noAuthor ==4 && sandBox.isRequestFinished" >
|
|
|
+ <!-- 显示空白 一秒钟后跳转至有权限的沙盘图-->
|
|
|
+ </template>
|
|
|
+ <div class="sandBox-contain" v-if="sandBox.noAuthor ==0 && sandBox.isRequestFinished">
|
|
|
+ <div class="classify-box">
|
|
|
+ <div class="firstClassify-box">
|
|
|
+ <div :class="['firstClassfy-item',item.id==sandBox.selectedFirstId?'firstClassfy-actice':'']"
|
|
|
+ v-for="item in sandBox.classifyList" :key="item.id" @click="selectFirstClassify(item)">
|
|
|
+ <span>{{item.classify_name}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec-nav-box" v-show="sandBox.secondClassifyList.length>0">
|
|
|
+ <span
|
|
|
+ :class="['sec-item',item.chart_permission_id==sandBox.selectedSecondId?'active':'']"
|
|
|
+ v-for="item in sandBox.secondClassifyList"
|
|
|
+ :key="item.chart_permission_id"
|
|
|
+ @click="selectSecondClassify(item)"
|
|
|
+ >{{item.chart_permission_name}}</span>
|
|
|
+ <!-- <el-popover
|
|
|
+ :width="500"
|
|
|
+ trigger="click"
|
|
|
+ >
|
|
|
+ <template #reference>
|
|
|
+ <img v-if="sandBox.secondClassifyList.length>6" style="width:16px;transform: rotate(90deg);cursor: pointer" src="@/assets/icon-more.png" alt="">
|
|
|
+ </template>
|
|
|
+ <template #default>
|
|
|
+ <div class="flex top-nav-filter-box">
|
|
|
+ <div
|
|
|
+ :class="['item',item.chart_permission_id == sandBox.selectedSecondId&&'active']"
|
|
|
+ v-for="item in sandBox.secondClassifyList.slice(6)"
|
|
|
+ :key="item.chart_permission_id"
|
|
|
+ @click="selectSecondClassify(item)"
|
|
|
+ >{{item.chart_permission_name}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-popover> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="sec-nav-box" v-show="sandBox.secondClassifyList.length>0">
|
|
|
- <span
|
|
|
- :class="['sec-item',item.chart_permission_id==sandBox.selectedSecondId?'active':'']"
|
|
|
- v-for="item in sandBox.secondClassifyList"
|
|
|
- :key="item.chart_permission_id"
|
|
|
- @click="selectSecondClassify(item)"
|
|
|
- >{{item.chart_permission_name}}</span>
|
|
|
- <!-- <el-popover
|
|
|
- :width="500"
|
|
|
- trigger="click"
|
|
|
- >
|
|
|
- <template #reference>
|
|
|
- <img v-if="sandBox.secondClassifyList.length>6" style="width:16px;transform: rotate(90deg);cursor: pointer" src="@/assets/icon-more.png" alt="">
|
|
|
- </template>
|
|
|
- <template #default>
|
|
|
- <div class="flex top-nav-filter-box">
|
|
|
- <div
|
|
|
- :class="['item',item.chart_permission_id == sandBox.selectedSecondId&&'active']"
|
|
|
- v-for="item in sandBox.secondClassifyList.slice(6)"
|
|
|
- :key="item.chart_permission_id"
|
|
|
- @click="selectSecondClassify(item)"
|
|
|
- >{{item.chart_permission_name}}</div>
|
|
|
+ <SelfList
|
|
|
+ :finished="sandBox.isTotalData"
|
|
|
+ :isEmpty="sandBox.list.length===0&&sandBox.isTotalData"
|
|
|
+ :loading="sandBox.isLoading"
|
|
|
+ :count="sandBox.list.length"
|
|
|
+ @listOnload="onLoad">
|
|
|
+ <div class="sandBox-content">
|
|
|
+ <div class="sandBox-item" v-for="(item,index) in sandBox.list" :key="item.sandbox_id">
|
|
|
+ <div class="sandBox-item-header">
|
|
|
+ <span>{{item.name}}</span>
|
|
|
+ <el-popover
|
|
|
+ :width="200"
|
|
|
+ :height="200"
|
|
|
+ trigger="hover"
|
|
|
+ @show="showMiniShare(item)"
|
|
|
+ popper-class="miniprogram-code">
|
|
|
+ <!-- popper-style="" -->
|
|
|
+ <template #reference>
|
|
|
+ <div class="sandBox-item-miniP"></div>
|
|
|
+ </template>
|
|
|
+ <div class="miniprogram-code">
|
|
|
+ <img :src="item.miniCodeImg" alt="小程序码" v-show="item.miniCodeImg" />
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+ </div>
|
|
|
+ <div class="sandBox-image">
|
|
|
+ <img :src="item.pic_url" :alt="item.name" @click="previewImage(index)"/>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- </el-popover> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <SelfList
|
|
|
- :finished="sandBox.isTotalData"
|
|
|
- :isEmpty="sandBox.list.length===0&&sandBox.isTotalData"
|
|
|
- :loading="sandBox.isLoading"
|
|
|
- :count="sandBox.list.length"
|
|
|
- @listOnload="onLoad">
|
|
|
- <div class="sandBox-content">
|
|
|
- <div class="sandBox-item" v-for="(item,index) in sandBox.list" :key="item.sandbox_id">
|
|
|
- <div class="sandBox-item-header">
|
|
|
- <span>{{item.name}}</span>
|
|
|
- <el-popover
|
|
|
- :width="200"
|
|
|
- :height="200"
|
|
|
- trigger="hover"
|
|
|
- @show="showMiniShare(item)"
|
|
|
- popper-class="miniprogram-code">
|
|
|
- <!-- popper-style="" -->
|
|
|
- <template #reference>
|
|
|
- <div class="sandBox-item-miniP"></div>
|
|
|
- </template>
|
|
|
- <div class="miniprogram-code">
|
|
|
- <img :src="item.miniCodeImg" alt="小程序码" v-show="item.miniCodeImg" />
|
|
|
- </div>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
- <div class="sandBox-image">
|
|
|
- <img :src="item.pic_url" :alt="item.name" @click="previewImage(index)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </SelfList>
|
|
|
- </div>
|
|
|
+ </SelfList>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
|
|
|
<!-- 图片预览 -->
|
|
|
<el-image-viewer
|