|
@@ -56,11 +56,22 @@
|
|
|
</el-table-column> -->
|
|
|
<el-table-column :label="$t(`schoolManages.tables.scale`)" class="school-table-edition" align="center">
|
|
|
<template #default="scope">
|
|
|
- <el-image style="width: 80px; height: 80px" :src="imgData.basics" fit="fill" v-if="scope.row.scale === 0"></el-image>
|
|
|
+ <!-- <el-image style="width: 80px; height: 80px" :src="imgData.basics" fit="fill" v-if="scope.row.scale === 0"></el-image>
|
|
|
<el-image style="width: 80px; height: 80px" :src="imgData.standard" fit="fill" v-else-if="scope.row.scale === 500 && scope.row.hard.length === 0 && scope.row.serial.length === 0 && scope.row.service.length === 0">
|
|
|
</el-image>
|
|
|
<el-image style="width: 80px; height: 80px" :src="imgData.specialty" fit="fill" v-else-if="scope.row.scale === 500 && (scope.row.hard.length != 0 || scope.row.serial.length != 0 || scope.row.service.length != 0)">
|
|
|
- </el-image>
|
|
|
+ </el-image> -->
|
|
|
+ <div class="scalebox">
|
|
|
+ <p class="scalebox-content" v-if="scope.row.scale === 0">
|
|
|
+ 基础版
|
|
|
+ </p>
|
|
|
+ <p class="scalebox-content" v-else-if="scope.row.scale === 500 && scope.row.hard.length === 0 && scope.row.serial.length === 0 && scope.row.service.length === 0">
|
|
|
+ 标准版
|
|
|
+ </p>
|
|
|
+ <p class="scalebox-content" v-else-if="scope.row.scale === 500 && (scope.row.hard.length != 0 || scope.row.serial.length != 0 || scope.row.service.length != 0)">
|
|
|
+ 专业版
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="id" :label="$t(`schoolManages.tables.brevityCode`)" align="center" />
|
|
@@ -892,6 +903,41 @@ export default {
|
|
|
.school-formbox .el-form-item {
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
+.scalebox {
|
|
|
+ width: 60%;
|
|
|
+ margin-left: 20%;
|
|
|
+}
|
|
|
+.scalebox-content {
|
|
|
+ color: #592e02;
|
|
|
+ background: linear-gradient(90deg, #734311, #ffc78c, #734311);
|
|
|
+ text-align: center;
|
|
|
+ padding: 2px 0;
|
|
|
+ font-size: 12px;
|
|
|
+ z-index: 999;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+.scalebox-content::before {
|
|
|
+ border-top: 6px solid #dca974;
|
|
|
+ bottom: -1px;
|
|
|
+ right: -4px;
|
|
|
+ content: " ";
|
|
|
+ position: absolute;
|
|
|
+ border-right: 6px solid transparent;
|
|
|
+ border-left: 6px solid transparent;
|
|
|
+ transform: rotate(-45deg);
|
|
|
+}
|
|
|
+.scalebox-content:after {
|
|
|
+ content: " ";
|
|
|
+ position: absolute;
|
|
|
+ border-right: 6px solid transparent;
|
|
|
+ border-left: 6px solid transparent;
|
|
|
+ transform: rotate(-45deg);
|
|
|
+ border-bottom: 6px solid #dca974;
|
|
|
+ top: -1px;
|
|
|
+ left: -4px;
|
|
|
+}
|
|
|
</style>
|
|
|
<style>
|
|
|
.schoolboxtad .el-cascader {
|