|
|
@@ -60,7 +60,6 @@
|
|
|
<div class="gs-xiangqing dotted">
|
|
|
<router-link to="/addenterprise">
|
|
|
<div class="gs-tianja" @click= "addEnterprise">
|
|
|
- <!-- <div class="gs-tj"></div> -->
|
|
|
<img src="/static/img/Fill 1.png" alt="">
|
|
|
<p>添加企业</p>
|
|
|
</div>
|
|
|
@@ -68,28 +67,39 @@
|
|
|
</div>
|
|
|
<!-- 点击查看企业详情 -->
|
|
|
<div v-for="(d , i) in arr " :key="i" class="gs-xiangqing">
|
|
|
- <div class="gs-morentop" :class= "{gsqiye:nowindex == (i+1)}">
|
|
|
- <span v-if = "d.default_" class="gs-btn2 xs">取消默认</span>
|
|
|
- <span v-else @click="showDefaultWin(i)" class="gs-btn2 xs">设为默认</span>
|
|
|
- </div>
|
|
|
<!-- 上 -->
|
|
|
- <div class="gs-shang" @click.stop @mousemove="setismoren">
|
|
|
- <span @click="setmoren(i)" class="xs">设置</span>
|
|
|
+ <div class="gs-shang">
|
|
|
+ <div class="gs-morentop" :class= "{gsqiye:nowindex == (i+1)}">
|
|
|
+ <span v-if = "d.default_" @click="hideDefaultWin(i)" class="gs-btn2 xs">取消默认</span>
|
|
|
+ <span v-else @click="showDefaultWin(i)" class="gs-btn2 xs">设为默认</span>
|
|
|
+ </div>
|
|
|
+ <img @click.stop @mouseenter="setismoren" @click="setmoren(i)" class="shezhi xs" src="/static/img/shezhi.png" alt="设置">
|
|
|
<img v-if = "d.default_" class="gs-morenimg" src="/static/img/moren2x.png" alt="">
|
|
|
</div>
|
|
|
<!-- 中 -->
|
|
|
- <div class="gs-xqleft" >
|
|
|
+ <div class="gs-xqleft">
|
|
|
<p class="gs-qynema xs" @click= "getEnterpriseInfo(d)">{{d.name}}</p>
|
|
|
+ <!-- <img @mouseenter="setismoren" @click="setmoren(i)" class="shezhi xs" src="/static/img/shezhi.png" alt="设置"> -->
|
|
|
+ <!-- <div class="gs-morentop" :class= "{gsqiye:nowindex == (i+1)}">
|
|
|
+ <span v-if = "d.default_" @click="hideDefaultWin(i)" class="gs-btn2 xs">取消默认</span>
|
|
|
+ <span v-else @click="showDefaultWin(i)" class="gs-btn2 xs">设为默认</span>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- 下 -->
|
|
|
<div class="gs-xqright over">
|
|
|
- <div v-if= "d.saas_" class="gs-xqright-left left">
|
|
|
- <p><span>saas管理员:</span>{{d.admin}}</p>
|
|
|
- <p><span>联系方式:</span>{{d.adminMobile}}</p>
|
|
|
- <p v-if= "d.time"><span>开通日期:</span>{{d.time}}</p>
|
|
|
+ <div v-if= "d.saas_" class="gs-xqright-left left" style="margin-top: 5%;" @click.stop >
|
|
|
+ <!-- <p class="saasfuwu"><span>SaaS服务</span></p> -->
|
|
|
+ <!-- <p v-if= "d.saas_" class="saasgengduo xs">
|
|
|
+ <span @mouseenter="setissaasxiangxi" @click="gengduo(i)">更多 ></span>
|
|
|
+ </p> -->
|
|
|
+ <!-- <div class="saasxiangxi" :class= "{gssaasxiangxi:nowindex2 == (i+1)}"> -->
|
|
|
+ <p><span>saas管理员:</span>{{d.admin}}</p>
|
|
|
+ <p><span>联系方式:</span>{{d.adminMobile}}</p>
|
|
|
+ <!-- <p><span>开通日期:</span></p> -->
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
<div class="gs-border gs-xqright-right right">
|
|
|
- <span v-if= "d.saas_" class="gs-btn1 dianji" @click="selectServe(d.id)">进入服务</span>
|
|
|
+ <span v-if= "d.saas_" class="gs-btn1 xs" @click="selectServe(d.id)">进入服务</span>
|
|
|
<span v-else @click="showOpenServeWin(d.id , i)" class="gs-btn1 kaitong xs">开通服务</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -119,6 +129,7 @@
|
|
|
admin: '',
|
|
|
adminMobile: '',
|
|
|
ismoren:true,
|
|
|
+ issaasxiangxi:true,
|
|
|
}
|
|
|
},
|
|
|
computed :{
|
|
|
@@ -127,7 +138,10 @@
|
|
|
},
|
|
|
nowindex() {
|
|
|
return this.$store.state.ismoren
|
|
|
- }
|
|
|
+ },
|
|
|
+ nowindex2() {
|
|
|
+ return this.$store.state.issaasxiangxi
|
|
|
+ },
|
|
|
},
|
|
|
watch:{
|
|
|
arr:function(){
|
|
|
@@ -202,10 +216,28 @@
|
|
|
this.isDefault = false;
|
|
|
this.$router.go(0);
|
|
|
})
|
|
|
+ },
|
|
|
+ // 取消默认企业
|
|
|
+ hideDefaultWin(i){
|
|
|
+ let token = this.mytoken.token;
|
|
|
+ this.$ajax({
|
|
|
+ url: this.$url.api+'/api/account/accountCenter/unBind/defaultCompany',
|
|
|
+ method: 'post',
|
|
|
+ data:{
|
|
|
+ companyId: this.arr[i].id,
|
|
|
+ accountId: this.mytoken.account.id
|
|
|
+ },
|
|
|
+ headers: {
|
|
|
+ "Authorization":token,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(res=>{
|
|
|
+ // console.log('请求成功',res);
|
|
|
+ this.$router.go(0);
|
|
|
+ })
|
|
|
.catch(err=>{
|
|
|
// console.log('请求失败',err);
|
|
|
});
|
|
|
-
|
|
|
},
|
|
|
//进入服务
|
|
|
selectServe(id){
|
|
|
@@ -329,9 +361,21 @@
|
|
|
}
|
|
|
this.ismoren = !this.ismoren
|
|
|
},
|
|
|
+ // 弹出更多
|
|
|
+ gengduo(i){
|
|
|
+ if (this.issaasxiangxi) {
|
|
|
+ this.$store.state.issaasxiangxi = i+1
|
|
|
+ } else {
|
|
|
+ this.$store.state.issaasxiangxi = ''
|
|
|
+ }
|
|
|
+ this.issaasxiangxi = !this.issaasxiangxi
|
|
|
+ },
|
|
|
setismoren(){
|
|
|
this.ismoren = true
|
|
|
},
|
|
|
+ setissaasxiangxi(){
|
|
|
+ this.issaasxiangxi = true
|
|
|
+ },
|
|
|
//没有内容也要有一定的高度
|
|
|
boxheight(){
|
|
|
let H = this.$refs.qiyebox.offsetHeight;
|
|
|
@@ -349,4 +393,45 @@
|
|
|
.heigh {
|
|
|
height: 500px;
|
|
|
}
|
|
|
+.gs-xqright {
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ -khtml-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+.shezhi {
|
|
|
+ /* margin-left: 92%;
|
|
|
+ margin-top: 23%; */
|
|
|
+}
|
|
|
+.gs-morentop {
|
|
|
+ position: absolute;
|
|
|
+ margin-top: 20px;
|
|
|
+ /* right: 11px; */
|
|
|
+ left: 5px;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.saasfuwu {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #677897;
|
|
|
+}
|
|
|
+.saasgengduo {
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #1E88F5;
|
|
|
+ letter-spacing: 0;
|
|
|
+}
|
|
|
+.saasxiangxi {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ background: #F8FBFF;
|
|
|
+ border: 1px solid #1E88F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1E88F5 !important;
|
|
|
+}
|
|
|
+.gssaasxiangxi {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
</style>
|