|
@@ -87,7 +87,7 @@
|
|
|
<div class="equitystate" v-else>
|
|
|
<div class="rightsbox">
|
|
|
<div class="rightsbox-content">
|
|
|
- <el-carousel trigger="click" height="32vh" :autoplay="false">
|
|
|
+ <el-carousel trigger="click" height="62vh" :autoplay="false">
|
|
|
<el-carousel-item v-for="item in powerList" :key="item">
|
|
|
<div class="rightsbox-item">
|
|
|
<div class="rightsbox-item-title">
|
|
@@ -102,50 +102,55 @@
|
|
|
</div>
|
|
|
<div class="rightsbox-item-expansion" v-show="item.prodCode ==='Z6ELB6EZ'">
|
|
|
<p class="expansion-title">产品扩充项</p>
|
|
|
+ <!--产品扩充-->
|
|
|
<div v-for="iteml in item.apruleArr" :key="iteml.key">
|
|
|
-<span :class="[iteml.state ? 'start-title':'error-title' ]">
|
|
|
{{iteml.title}}
|
|
|
<span v-show="iteml.key ==='cligroup' || iteml.key ==='client_volume' || iteml.key ==='soknumber'">({{iteml.value}})</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
+ <!--产品扩充 end-->
|
|
|
+ <!--HiTeach 附加功能-->
|
|
|
+ <el-divider />
|
|
|
+ <div class="subjoin">
|
|
|
+ <div class="subjoin-item" >
|
|
|
+ <p class="subjoin-title">{{subjoinData.hiteachTitle}}</p>
|
|
|
+ <div class="subjoin-content" v-for="item in subjoinData.hiteach" :key="item.key">
|
|
|
+ <div>
|
|
|
+ <span>{{item.title}}</span>
|
|
|
+ <span class="ccnums" v-show="item.key==='webirs'">{{item.value}}</span>
|
|
|
+ <span class="endtimes" v-if="item.exps >= notTime">(到期日:{{item.end}})</span>
|
|
|
+ <span class="endtimes-error" v-else>(到期日:{{item.end}})</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="subjoin-item" >
|
|
|
+ <p class="subjoin-title">{{subjoinData.hiteachCCTitle}}</p>
|
|
|
+ <div class="subjoin-content" v-for="itemc in subjoinData.hiteachCC" :key="itemc.key">
|
|
|
+ <div>
|
|
|
+ <span>{{itemc.title}}</span>
|
|
|
+ <span class="ccnums">{{itemc.num}}</span>
|
|
|
+ <span class="endtimes">(到期日:{{itemc.end}})</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--HiTeach 附加功能 end-->
|
|
|
</div>
|
|
|
- <div class="rightsbox-item-expansion" v-show="item.prodCode ==='IPALB6EY'">
|
|
|
+ </div>
|
|
|
+ <!-- <div class="rightsbox-item-expansion" v-show="item.prodCode ==='IPALB6EY'">
|
|
|
<p class="expansion-title">产品详细</p>
|
|
|
<div><span>空间大小:</span> <span class="expansion-sizenum">{{item.number}} GB</span></div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</div>
|
|
|
- <div class="subjoin">
|
|
|
- <div class="subjoin-item" >
|
|
|
- <p class="subjoin-title">{{subjoinData.hiteachTitle}}</p>
|
|
|
- <div class="subjoin-content" v-for="item in subjoinData.hiteach" :key="item.key">
|
|
|
- <div>
|
|
|
- <span>{{item.title}}</span>
|
|
|
- <span class="ccnums" v-show="item.key==='webirs'">{{item.value}}</span>
|
|
|
- <span class="endtimes" v-if="item.exps >= notTime">(到期日:{{item.end}})</span>
|
|
|
- <span class="endtimes-error" v-else>(到期日:{{item.end}})</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="subjoin-item" >
|
|
|
- <p class="subjoin-title">{{subjoinData.hiteachCCTitle}}</p>
|
|
|
- <div class="subjoin-content" v-for="itemc in subjoinData.hiteachCC" :key="itemc.key">
|
|
|
- <div>
|
|
|
- <span>{{itemc.title}}</span>
|
|
|
- <span class="ccnums">{{itemc.num}}</span>
|
|
|
- <span class="endtimes">(到期日:{{itemc.end}})</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--权益 end-->
|
|
|
<div class="tab-state">
|
|
|
- <div :class="[sizeandequity ==='size' ? 'opts':'','tab-state-btn']" @click="sizeandequity='size'">我的空间</div>
|
|
|
<div :class="[sizeandequity !=='size' ? 'opts':'','tab-state-btn']" @click="sizeandequity='equity'">我的权益</div>
|
|
|
+ <div :class="[sizeandequity ==='size' ? 'opts':'','tab-state-btn']" @click="sizeandequity='size'">我的空间</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="iesdiv">
|
|
@@ -207,7 +212,7 @@ let { proxy } = getCurrentInstance()
|
|
|
let activeName = ref('basics')
|
|
|
let userdetailState=ref(false)
|
|
|
let tabPosition = ref('left')
|
|
|
-let sizeandequity=ref('size')
|
|
|
+let sizeandequity=ref('equity')
|
|
|
let usernames=ref('')
|
|
|
let userdata = ref([
|
|
|
{ id: 1, icon: '#icon-ic_idcard', value: '0', title: '',key:'integral',check:false ,hint:'用户ID'},
|
|
@@ -466,12 +471,16 @@ let gaugedata = ref({
|
|
|
}]
|
|
|
})
|
|
|
let gaugelabels = ref([
|
|
|
- { id: 1, value: 0, title: '文档', color: '#58D9F9' },
|
|
|
- {id:2,value:0,title:'学校分配空间',color:'#58D9F9'},
|
|
|
- { id: 3, value: 0, title: '视频', color:'#58D9F9' },
|
|
|
- { id: 4, value: 0, title: '试卷', color:'#58D9F9' },
|
|
|
- { id: 5, value: 0, title: 'Hiteach上传', color: '#58D9F9' },
|
|
|
- {id:6,value:0,title:'其他',color:'#58D9F9'},
|
|
|
+ // { id: 1, value: 0, title: '文档', color: '#58D9F9' },
|
|
|
+ // {id:2,value:0,title:'学校分配空间',color:'#58D9F9'},
|
|
|
+ // { id: 3, value: 0, title: '视频', color:'#58D9F9' },
|
|
|
+ // { id: 4, value: 0, title: '试卷', color:'#58D9F9' },
|
|
|
+ // { id: 5, value: 0, title: 'Hiteach上传', color: '#58D9F9' },
|
|
|
+ // {id:6,value:0,title:'其他',color:'#58D9F9'},
|
|
|
+ {id:1,value:0,title:'已使用',key:'use',color: '#58D9F9'},
|
|
|
+ {id:2,value:0,title:'已剩余',key:'residue',color: '#58D9F9'},
|
|
|
+ {id:3,value:0,title:'学校分配空间',key:'allocation',color: '#58D9F9'},
|
|
|
+ {id:4,value:0,title:'总大小',key:'total',color: '#58D9F9'},
|
|
|
])
|
|
|
let rightsdata=ref([
|
|
|
{ name: 'XXXXXX', time: '2024/08/29', code: 'ais' },
|
|
@@ -873,7 +882,7 @@ init()
|
|
|
.size-item{
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
- margin:0% 2%;
|
|
|
+ margin:0% 1%;
|
|
|
width:25%;
|
|
|
line-height: 20px;
|
|
|
align-items: center;
|
|
@@ -958,7 +967,7 @@ init()
|
|
|
}
|
|
|
.rightsbox-item{
|
|
|
text-align: left;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
+ /* border-bottom: 1px solid #ccc; */
|
|
|
font-size:14px;
|
|
|
line-height: 25px;
|
|
|
height:100%;
|
|
@@ -986,6 +995,9 @@ init()
|
|
|
line-height: 18px;
|
|
|
padding-left: 4px;
|
|
|
}
|
|
|
+.subjoin-item{
|
|
|
+ margin-top:5px;
|
|
|
+}
|
|
|
.rightsbox-item-time span:nth-child(3){
|
|
|
margin-left:5px;
|
|
|
}
|