|
|
@@ -85,16 +85,16 @@
|
|
|
<!-- 序列号列表 -->
|
|
|
<div :class="['serial-item',sltSerial.includes(item.serial) ? 'serial-item-active':'']" v-for="(item) in serialListShow" :key="item.serial">
|
|
|
<p>
|
|
|
- <span class="serial-type-tag" :style="{background:item.deviceMax > 1 ? '#19be6b' : '#1cc0f3'}">
|
|
|
+ <span class="serial-type-tag" :style="{background:item.deviceMax > 1 ? '#808695' : '#c5c8ce'}">
|
|
|
{{item.deviceMax > 1 ? $t('auth.numerous') : $t('auth.single')}}
|
|
|
</span>
|
|
|
- <span class="serial-info" :style="{borderColor:item.deviceMax > 1 ? '#19be6b' : '#1cc0f3'}">
|
|
|
+ <span class="serial-info" :style="{borderColor:item.deviceMax > 1 ? '#808695' : '#c5c8ce'}">
|
|
|
{{item.serial}}
|
|
|
</span>
|
|
|
</p>
|
|
|
|
|
|
<!-- 序列号到期时间 -->
|
|
|
- <div style="margin-top:10px">
|
|
|
+ <div style="margin-top:15px">
|
|
|
<span>
|
|
|
{{$t('auth.expiredData')}}
|
|
|
</span>
|
|
|
@@ -114,26 +114,16 @@
|
|
|
<!-- 序列号权限 -->
|
|
|
<div style="margin-top:10px;display: flex;flex-wrap: wrap;">
|
|
|
<template v-for="(aitem) in serialAuthList">
|
|
|
- <span :key="aitem.code" class="serial-auth-tag" v-show="item.authKey.includes(aitem.code)">
|
|
|
- {{aitem.name}}
|
|
|
- <span>
|
|
|
+ <Tag :key="aitem.code" class="serial-auth-tag" v-show="item.authKey.includes(aitem.code)" :color="aitem.color">
|
|
|
+ <span class="serial-auth-name">
|
|
|
+ {{aitem.name}}
|
|
|
+ </span>
|
|
|
+ <span v-show="aitem.type == 'number'" class="serial-auth-number">
|
|
|
{{aitem.type == 'number' && item.aprule ? item.aprule[aitem.code] : ''}}
|
|
|
</span>
|
|
|
- </span>
|
|
|
+ </Tag>
|
|
|
</template>
|
|
|
</div>
|
|
|
- <!-- 序列号列表操作 -->
|
|
|
- <!-- <div class="serial-action-wrap">
|
|
|
- <span class="serial-action-btn" v-show="item.deviceBound.length">
|
|
|
- {{$t('auth.unband')}}
|
|
|
- </span>
|
|
|
- <span class="serial-action-btn" v-if="!item.expired" v-show="item.deviceBound.length < item.deviceMax" @click="toggleSelectSerial(item)">
|
|
|
- {{sltSerial.includes(item.serial) ? $t('auth.cancel') : $t('auth.select')}}
|
|
|
- </span>
|
|
|
- <span class="serial-slt-status" v-show="sltSerial.includes(item.serial)">
|
|
|
- {{$t('auth.hasSelected')}}
|
|
|
- </span>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
<EmptyData :textContent="$t('auth.noSerail')" v-show="!serialListShow.length"></EmptyData>
|
|
|
</vuescroll>
|
|
|
@@ -147,7 +137,7 @@
|
|
|
<p class="room-name">
|
|
|
{{item.pcname || $t('auth.noDeviceName')}}
|
|
|
</p>
|
|
|
- <p class="room-type-tag">
|
|
|
+ <p class="room-type-tag" :style="{background:item.classId ? '#2d8cf0' : '#c5c8ce'}">
|
|
|
{{ item.classId ? getClassName(item.classId) : $t('auth.noClassId')}}
|
|
|
</p>
|
|
|
<p class="room-serial-info">
|
|
|
@@ -161,7 +151,7 @@
|
|
|
<!-- {{item.serial ? $t('auth.unband') : sltSerial.length ? $t('auth.band') : $t('auth.sltTips')}} -->
|
|
|
</p>
|
|
|
<p class="room-action-btn" @click="toggleBandRoom(item)">
|
|
|
- {{ item.classId ? '解绑教室' : $t('auth.rltClass')}}
|
|
|
+ {{ item.classId ? $t('auth.unrltClass') : $t('auth.rltClass')}}
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -210,7 +200,7 @@ export default {
|
|
|
rltRoomStatus: false,
|
|
|
keyword: '',
|
|
|
filterName: 'filterAll',
|
|
|
- split1: 0.28,
|
|
|
+ split1: 0.382,
|
|
|
isLoading: false,
|
|
|
serialList: [],
|
|
|
serialListShow: [],
|
|
|
@@ -218,58 +208,69 @@ export default {
|
|
|
serialAuthList: [
|
|
|
{
|
|
|
code: 'sokapp',
|
|
|
- name: '苏格拉底APP',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr1'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'geekblue'
|
|
|
},
|
|
|
{
|
|
|
code: 'sokvdo',
|
|
|
- name: '苏格拉底影片',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr2'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'orange'
|
|
|
},
|
|
|
{
|
|
|
code: 'sokrpt',
|
|
|
- name: '苏格拉底报告',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr3'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'yellow'
|
|
|
},
|
|
|
{
|
|
|
code: 'sokdesk',
|
|
|
- name: '苏格拉底桌面',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr4'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'green'
|
|
|
},
|
|
|
{
|
|
|
code: 'ezs',
|
|
|
- name: 'ezStation',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr5'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'cyan'
|
|
|
},
|
|
|
{
|
|
|
code: 'remotcls',
|
|
|
- name: '远距教室服务',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr6'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'blue'
|
|
|
},
|
|
|
{
|
|
|
code: 'irs',
|
|
|
- name: 'IRS禁用',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr7'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'purple'
|
|
|
},
|
|
|
{
|
|
|
code: 'hdcam',
|
|
|
- name: 'AI摄影机',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr8'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'red'
|
|
|
},
|
|
|
{
|
|
|
code: 'wordanls',
|
|
|
- name: 'AI文句分析',
|
|
|
- type: 'tag'
|
|
|
+ name: this.$t('auth.attr9'),
|
|
|
+ type: 'tag',
|
|
|
+ color: 'volcano'
|
|
|
},
|
|
|
{
|
|
|
code: 'soknumber',
|
|
|
- name: '议课人数',
|
|
|
- type: 'number'
|
|
|
+ name: this.$t('auth.attr10'),
|
|
|
+ type: 'number',
|
|
|
+ color: 'magenta'
|
|
|
},
|
|
|
{
|
|
|
code: 'cligroup',
|
|
|
- name: '分组数',
|
|
|
- type: 'number'
|
|
|
+ name: this.$t('auth.attr11'),
|
|
|
+ type: 'number',
|
|
|
+ color: 'red'
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
@@ -301,12 +302,12 @@ export default {
|
|
|
}
|
|
|
this.$api.serviceDriveAuth.classroomBand(requestData).then(
|
|
|
res => {
|
|
|
- this.$Message.success('绑定成功')
|
|
|
+ this.$Message.success(this.$t('auth.bandOk'))
|
|
|
this.rltRoomStatus = false
|
|
|
this.deviceInfo.classId = this.rltRoom
|
|
|
},
|
|
|
err => {
|
|
|
- this.$Message.error('绑定失败')
|
|
|
+ this.$Message.error(this.$t('auth.bandErr'))
|
|
|
}
|
|
|
).finally(() => {
|
|
|
this.btnLoading = false
|
|
|
@@ -320,8 +321,8 @@ export default {
|
|
|
// 解绑教室
|
|
|
unbandRoom(data) {
|
|
|
this.$Modal.confirm({
|
|
|
- title: '解绑教室',
|
|
|
- content: '确定解绑当前教室吗？',
|
|
|
+ title: this.$t('auth.bandErr'),
|
|
|
+ content: this.$t('auth.unbdRoomCt'),
|
|
|
onOk: () => {
|
|
|
let serialInfo = this.serialList.find(item => item.serial == this.deviceInfo.serial)
|
|
|
if (serialInfo) {
|
|
|
@@ -335,12 +336,12 @@ export default {
|
|
|
}
|
|
|
this.$api.serviceDriveAuth.classroomBand(requestData).then(
|
|
|
res => {
|
|
|
- this.$Message.success('解绑成功')
|
|
|
+ this.$Message.success(this.$t('auth.unbdOk'))
|
|
|
this.deviceInfo.classId = null
|
|
|
this.rltRoomStatus = false
|
|
|
},
|
|
|
err => {
|
|
|
- this.$Message.error('解绑失败')
|
|
|
+ this.$Message.error(this.$t('auth.unbdErr'))
|
|
|
}
|
|
|
)
|
|
|
}
|
|
|
@@ -517,4 +518,7 @@ export default {
|
|
|
.serial-filter-wrap .ivu-input {
|
|
|
border-radius: 50px;
|
|
|
}
|
|
|
+.serial-item .ivu-tag {
|
|
|
+ padding: 0px;
|
|
|
+}
|
|
|
</style>
|
Li