|
@@ -21,9 +21,11 @@
|
|
|
</div>
|
|
|
<div class="contentbox">
|
|
|
<div class="school-name">
|
|
|
- <div class="statistics-address">位于:{{schoolData.region}} {{schoolData.province}}{{schoolData.city}}{{schoolData.dist}}</div>
|
|
|
+ <div class="statistics-address">位于:{{schoolData.region}}
|
|
|
+ {{schoolData.province}}{{schoolData.city}}{{schoolData.dist}}</div>
|
|
|
<span>{{schoolData.name ? schoolData.name:'暂无名称'}}</span>
|
|
|
- <div class="statistics-time">统计时间:<span>{{statisticsTime.year}} 年 {{statisticsTime.month}} 月 {{statisticsTime.day}}日</span></div>
|
|
|
+ <div class="statistics-time">统计时间:<span>{{statisticsTime.year}} 年 {{statisticsTime.month}} 月
|
|
|
+ {{statisticsTime.day}}日</span></div>
|
|
|
</div>
|
|
|
<div class="basicsdata-box">
|
|
|
<div class="basicadata-item" v-for="(item,index) in basicaList" :key="index">
|
|
@@ -35,8 +37,10 @@
|
|
|
</svg>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div :class="[item.key === 'classtime' || item.key === 'participationnum' ? 'item-nums-special':'item-nums']">
|
|
|
- <p v-if="item.key === 'classtime' || item.key === 'participationnum'">{{item.valueText}}<span class="timetag">Min</span><br /><span>{{item.valueHText}}<span class="timetag">H</span></span></p>
|
|
|
+ <div
|
|
|
+ :class="[item.key === 'classtime' || item.key === 'participationnum' ? 'item-nums-special':'item-nums']">
|
|
|
+ <p v-if="item.key === 'classtime' || item.key === 'participationnum'">{{item.valueText}}<span
|
|
|
+ class="timetag">Min</span><br /><span>{{item.valueHText}}<span class="timetag">H</span></span></p>
|
|
|
<p v-else>{{item.value}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -113,6 +117,43 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="minxinbox" v-show="isShowAuth">
|
|
|
+ <div class="lessons-box-maxh">
|
|
|
+ <p class="inuse-title">服務授權</p>
|
|
|
+ <div v-for="(item,index) in serviceTableData" :key="index">
|
|
|
+ <el-card shadow="hover" class="custom-card">
|
|
|
+ <span class="card-column-icon" >
|
|
|
+ <svg class="cardicon" aria-hidden="true" style="background-color: #ffffff;">
|
|
|
+ <!-- <use xlink:href="#icon-laoshi1"></use> -->
|
|
|
+ <use xlink:href="#icon-icon"></use>
|
|
|
+
|
|
|
+ <!-- <use xlink:href="#icon-xuanzexuexiao-01"></use> -->
|
|
|
+ </svg>
|
|
|
+ </span>
|
|
|
+ <span class="card-column" style="width: 80%;">{{item.title}}<br/>{{item.expireDate}}</span>
|
|
|
+ <!-- <span class="card-column" style="width: 60%;">{{item.expireDate}}</span> -->
|
|
|
+ </el-card>
|
|
|
+ <el-divider />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="inuse-right">
|
|
|
+ <p class="inuse-title">軟體授權</p>
|
|
|
+ <div v-for="(item,index) in softwareTableData" :key="index">
|
|
|
+ <el-card shadow="hover" class="custom-card">
|
|
|
+ <span class="card-column-icon" >
|
|
|
+ <svg class="cardicon" aria-hidden="true" style="background-color: #ffffff;">
|
|
|
+ <use xlink:href="#icon-icon-test2"></use>
|
|
|
+ <!-- <use xlink:href="#icon-xuanzexuexiao-01"></use> -->
|
|
|
+ </svg>
|
|
|
+ </span>
|
|
|
+ <span class="card-column" style="width: 80%;">{{item.title}}<br/>{{item.expireDate}}</span>
|
|
|
+ <!-- <span class="card-column" style="width: 60%;">{{item.expireDate}}</span> -->
|
|
|
+ </el-card>
|
|
|
+ <el-divider />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
<!--上一个或者下一个-->
|
|
|
<!-- <div class="lastbtn">
|
|
@@ -147,97 +188,101 @@
|
|
|
<div class="areaData">
|
|
|
<div class="contentbox area-contentbox">
|
|
|
<div class="header-select">
|
|
|
- <div class="header-select-title">学区数据详情页</div>
|
|
|
- <div class="header-select-box">
|
|
|
- <div class="backbtn">
|
|
|
- <el-button type="primary" @click="backbtn()">返回</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="contentbox">
|
|
|
- <div class="school-name">
|
|
|
- <!-- <div class="statistics-address">位于:{{schoolData.region}} {{schoolData.province}}{{schoolData.city}}{{schoolData.dist}}</div> -->
|
|
|
- <span>{{schoolData.name ? schoolData.name:'暂无名称'}}</span>
|
|
|
- <div class="statistics-time">统计时间:<span>{{statisticsTime.year}} 年 {{statisticsTime.month}} 月 {{statisticsTime.day}}日</span></div>
|
|
|
- </div>
|
|
|
- <div class="basicsdata-box">
|
|
|
- <div class="basicadata-item" v-for="(item,index) in basicaList" :key="index">
|
|
|
- <div class="item-title-images">
|
|
|
- <div class="item-title">{{item.title}}</div>
|
|
|
- <div class="item-images">
|
|
|
- <svg class="analysisicon" aria-hidden="true">
|
|
|
- <use :xlink:href="item.icon"></use>
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div :class="[item.key === 'classtime' || item.key === 'participationnum' ? 'item-nums-special':'item-nums']">
|
|
|
- <p v-if="item.key === 'classtime' || item.key === 'participationnum'">{{item.value}}<span class="timetag">Min</span><br /><span>{{Math.round(item.value/60)}}<span class="timetag">H</span></span></p>
|
|
|
- <p v-else>{{item.value}}</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="apparatusAndpower">
|
|
|
- <div class="inuse-left">
|
|
|
- <p class="inuse-title">课中互动</p>
|
|
|
- <div class="inuse-item" v-for="(item,index) in inuseList" :key="index">
|
|
|
- <div class="item-img">
|
|
|
- <svg class="inuseicon" aria-hidden="true">
|
|
|
- <use :xlink:href="item.icon"></use>
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
- <div class="item-box">
|
|
|
- <p>{{item.value}}</p>
|
|
|
- <span>{{item.title}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="apparatus-box">
|
|
|
- <p class="apparatus-title">设备与授权</p>
|
|
|
- <div class="apparatus-item" v-for="(item,index) in powerList.facility" :key="index">
|
|
|
- <div class="item-num">{{item.value}}</div>
|
|
|
- <span class="item-title">{{item.name}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="power-box">
|
|
|
- <p class="apparatus-title">课堂与授权</p>
|
|
|
- <div class="power-item" v-for="(item,index) in powerList.class" :key="index">
|
|
|
- <div class="item-num">{{item.value}}</div>
|
|
|
- <span class="item-title">{{item.name}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="minxinbox">
|
|
|
- <div class="lessons-box">
|
|
|
- <div class="lessons-item" v-for="(items,indexs) in lessonsList" :key="indexs">
|
|
|
- <div class="lessons-img-title">
|
|
|
- <div class="lessons-img">
|
|
|
- <svg class="lessonsicon" aria-hidden="true">
|
|
|
- <use :xlink:href="items.icon"></use>
|
|
|
- </svg>
|
|
|
+ <div class="header-select-title">学区数据详情页</div>
|
|
|
+ <div class="header-select-box">
|
|
|
+ <div class="backbtn">
|
|
|
+ <el-button type="primary" @click="backbtn()">返回</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <!-- <div class="lesson-title">{{items.title}}</div> -->
|
|
|
- </div>
|
|
|
- <div class="inquirybox"><span>{{items.content}}</span></div>
|
|
|
- <div class="less-value">
|
|
|
- <span class="lessvalue-num">{{items.value}}</span>
|
|
|
- <!-- {{indexs+1 === lessonsList.length ? items.value:items.value}} -->
|
|
|
- <span v-if="indexs+1 !== lessonsList.length">/堂课</span>
|
|
|
</div>
|
|
|
- <div class="result-box">
|
|
|
- <svg class="lessRicon" aria-hidden="true">
|
|
|
- <use :xlink:href="items.value !==0 ? '#icon-zhengque2':'#icon-cuowu'"></use>
|
|
|
- </svg>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="inuse-right">
|
|
|
- <div class="inuse-total">
|
|
|
- <div class="class-title">多形态课堂</div>
|
|
|
- </div>
|
|
|
- <div class="echartsX">
|
|
|
- <Xlines :lineData="echartData.xlines"></Xlines>
|
|
|
- </div>
|
|
|
- <!-- <div class="inuse-below">
|
|
|
+ <div class="contentbox">
|
|
|
+ <div class="school-name">
|
|
|
+ <!-- <div class="statistics-address">位于:{{schoolData.region}} {{schoolData.province}}{{schoolData.city}}{{schoolData.dist}}</div> -->
|
|
|
+ <span>{{schoolData.name ? schoolData.name:'暂无名称'}}</span>
|
|
|
+ <div class="statistics-time">统计时间:<span>{{statisticsTime.year}} 年 {{statisticsTime.month}} 月
|
|
|
+ {{statisticsTime.day}}日</span></div>
|
|
|
+ </div>
|
|
|
+ <div class="basicsdata-box">
|
|
|
+ <div class="basicadata-item" v-for="(item,index) in basicaList" :key="index">
|
|
|
+ <div class="item-title-images">
|
|
|
+ <div class="item-title">{{item.title}}</div>
|
|
|
+ <div class="item-images">
|
|
|
+ <svg class="analysisicon" aria-hidden="true">
|
|
|
+ <use :xlink:href="item.icon"></use>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ :class="[item.key === 'classtime' || item.key === 'participationnum' ? 'item-nums-special':'item-nums']">
|
|
|
+ <p v-if="item.key === 'classtime' || item.key === 'participationnum'">{{item.value}}<span
|
|
|
+ class="timetag">Min</span><br /><span>{{Math.round(item.value/60)}}<span
|
|
|
+ class="timetag">H</span></span></p>
|
|
|
+ <p v-else>{{item.value}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="apparatusAndpower">
|
|
|
+ <div class="inuse-left">
|
|
|
+ <p class="inuse-title">课中互动</p>
|
|
|
+ <div class="inuse-item" v-for="(item,index) in inuseList" :key="index">
|
|
|
+ <div class="item-img">
|
|
|
+ <svg class="inuseicon" aria-hidden="true">
|
|
|
+ <use :xlink:href="item.icon"></use>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="item-box">
|
|
|
+ <p>{{item.value}}</p>
|
|
|
+ <span>{{item.title}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="apparatus-box">
|
|
|
+ <p class="apparatus-title">设备与授权</p>
|
|
|
+ <div class="apparatus-item" v-for="(item,index) in powerList.facility" :key="index">
|
|
|
+ <div class="item-num">{{item.value}}</div>
|
|
|
+ <span class="item-title">{{item.name}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="power-box">
|
|
|
+ <p class="apparatus-title">课堂与授权</p>
|
|
|
+ <div class="power-item" v-for="(item,index) in powerList.class" :key="index">
|
|
|
+ <div class="item-num">{{item.value}}</div>
|
|
|
+ <span class="item-title">{{item.name}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="minxinbox">
|
|
|
+ <div class="lessons-box">
|
|
|
+ <div class="lessons-item" v-for="(items,indexs) in lessonsList" :key="indexs">
|
|
|
+ <div class="lessons-img-title">
|
|
|
+ <div class="lessons-img">
|
|
|
+ <svg class="lessonsicon" aria-hidden="true">
|
|
|
+ <use :xlink:href="items.icon"></use>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="lesson-title">{{items.title}}</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="inquirybox"><span>{{items.content}}</span></div>
|
|
|
+ <div class="less-value">
|
|
|
+ <span class="lessvalue-num">{{items.value}}</span>
|
|
|
+ <!-- {{indexs+1 === lessonsList.length ? items.value:items.value}} -->
|
|
|
+ <span v-if="indexs+1 !== lessonsList.length">/堂课</span>
|
|
|
+ </div>
|
|
|
+ <div class="result-box">
|
|
|
+ <svg class="lessRicon" aria-hidden="true">
|
|
|
+ <use :xlink:href="items.value !==0 ? '#icon-zhengque2':'#icon-cuowu'"></use>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="inuse-right">
|
|
|
+ <div class="inuse-total">
|
|
|
+ <div class="class-title">多形态课堂</div>
|
|
|
+ </div>
|
|
|
+ <div class="echartsX">
|
|
|
+ <Xlines :lineData="echartData.xlines"></Xlines>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="inuse-below">
|
|
|
<div class="below-item" v-for="(itemA,index) in classType" :key="index">
|
|
|
<p>{{itemA.name}}</p>
|
|
|
<div class="valuebox">
|
|
@@ -246,9 +291,9 @@
|
|
|
<div :class="itemA.class"></div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
@@ -282,6 +327,7 @@ import * as echarts from 'echarts'
|
|
|
let props = defineProps({
|
|
|
detailsData: Object,
|
|
|
pattern:Object,
|
|
|
+ authDetailsData:Object,
|
|
|
})
|
|
|
console.log(props.detailsData, '子组件')
|
|
|
let value1 = ref('')
|
|
@@ -787,6 +833,110 @@ let echartData = ref({
|
|
|
]
|
|
|
}
|
|
|
})
|
|
|
+let serviceTableData = ref([{}])
|
|
|
+let softwareTableData = ref([{}])
|
|
|
+let productData = ref([
|
|
|
+ {
|
|
|
+ name: 'ezStation 2',
|
|
|
+ prodcode: '3222NIYD',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach STD',
|
|
|
+ prodcode: 'J223IZ6M',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach TBL',
|
|
|
+ prodcode: '3222C6D2',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach PRO',
|
|
|
+ prodcode: 'J223IZAM',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach Lite',
|
|
|
+ prodcode: 'J2236ZCX',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach Mobile',
|
|
|
+ prodcode: '3222DNG2',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach Premium',
|
|
|
+ prodcode: '3222IAVN',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeach5',
|
|
|
+ prodcode: 'BYJ6LZ6Z',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'HiTeachCC',
|
|
|
+ prodcode: 'LZLL6ZEI',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.YMPCVCIM`),
|
|
|
+ prodcode: 'YMPCVCIM',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.IPDYZYLC`),
|
|
|
+ prodcode: 'IPDYZYLC',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth._3CLYJ6NP`),
|
|
|
+ prodcode: '3CLYJ6NP',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.IPALJ6NY`),
|
|
|
+ prodcode: 'IPALJ6NY',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.VABAJ6NV`),
|
|
|
+ prodcode: 'VABAJ6NV',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth._0VPBDZPG`),
|
|
|
+ prodcode: '0VPBDZPG',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.B9GPJ6NY`),
|
|
|
+ prodcode: 'B9GPJ6NY',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.LY9AJ6NY`),
|
|
|
+ prodcode: 'LY9AJ6NY',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.YL9CJ6NY`),
|
|
|
+ prodcode: 'YL9CJ6NY',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.LL9MJ6NY`),
|
|
|
+ prodcode: 'LL9MJ6NY',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.B6V5J6NP`),
|
|
|
+ prodcode: 'B6V5J6NP',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.LSZYJ6NA`),
|
|
|
+ prodcode: 'LSZYJ6NA',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.CVGPJ6NN`),
|
|
|
+ prodcode: 'CVGPJ6NN',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.VDPGJ6NC`),
|
|
|
+ prodcode: 'VDPGJ6NC',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: proxy.$t(`auth.YPXSJ6NJ`),
|
|
|
+ prodcode: 'YPXSJ6NJ',
|
|
|
+ },
|
|
|
+])
|
|
|
+let isShowAuth = true
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
function init (againvalue) {
|
|
|
console.log(againvalue,'是什么值')
|
|
|
// let totalsArr = []
|
|
@@ -953,6 +1103,65 @@ function init (againvalue) {
|
|
|
console.log(trimData,'清理过后的')
|
|
|
tableData.value=trimData
|
|
|
}
|
|
|
+
|
|
|
+ // 服務授權
|
|
|
+ // 取得指定學校的授權資料
|
|
|
+ let foundItem = propsbox.authDetailsData.find(item => item.schId === propsbox.detailsData.schoolId);
|
|
|
+ if (foundItem !== undefined) {
|
|
|
+ isShowAuth = true;
|
|
|
+ let serviceArr = [];
|
|
|
+ foundItem.authService.forEach((item) => {
|
|
|
+ //debugger;
|
|
|
+ // 依照對應的產品代碼取得產品名稱
|
|
|
+ let productDataItem = productData.value.find(itempd => itempd.prodcode === item.prodCode);
|
|
|
+ if (productDataItem !== undefined) {
|
|
|
+ let expireDate = "";
|
|
|
+ if (item.endDate === 0) {
|
|
|
+ expireDate = '服務到期日 : 無限期';
|
|
|
+ } else {
|
|
|
+ expireDate = '服務到期日 : ' + proxy.$common.timestampToTime(item.endDate, 'all')
|
|
|
+ }
|
|
|
+ let serviceItem = {
|
|
|
+ title: productDataItem.name,
|
|
|
+ //expireDate: '服務到期日 : ' + proxy.$common.timestampToTime(item.startDate, 'all') + ' - ' + proxy.$common.timestampToTime(item.endDate, 'all')
|
|
|
+ expireDate: expireDate
|
|
|
+ }
|
|
|
+ serviceArr.push(serviceItem);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ serviceTableData.value = serviceArr;
|
|
|
+
|
|
|
+ // 軟體授權
|
|
|
+ let softwareArr = [];
|
|
|
+ foundItem.authSerial.forEach((item) => {
|
|
|
+ // 依照對應的產品代碼取得產品名稱
|
|
|
+ let productDataItem = productData.value.find(itempd => itempd.prodcode === item.prodCode);
|
|
|
+ if (productDataItem !== undefined) {
|
|
|
+ let expireDate = "";
|
|
|
+ if (item.endDate === 0) {
|
|
|
+ expireDate = '服務到期日 : 無限期';
|
|
|
+ } else {
|
|
|
+ expireDate = '服務到期日 : ' + proxy.$common.timestampToTime(item.endDate, 'all')
|
|
|
+ }
|
|
|
+ let softwareItem = {
|
|
|
+ title: productDataItem.name,
|
|
|
+ expireDate: expireDate
|
|
|
+ }
|
|
|
+ softwareArr.push(softwareItem);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ softwareTableData.value = softwareArr;
|
|
|
+
|
|
|
+
|
|
|
+ }else{
|
|
|
+ isShowAuth = false;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
function detailsSchool(value){
|
|
|
console.log(value,'查看要传的数据')
|
|
@@ -970,6 +1179,7 @@ init()
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
}
|
|
|
+
|
|
|
.header-select {
|
|
|
width: 100%;
|
|
|
height: 60px;
|
|
@@ -977,6 +1187,7 @@ init()
|
|
|
background-color: #fff;
|
|
|
box-shadow: 0 2px 5px #e9e9e9;
|
|
|
}
|
|
|
+
|
|
|
.header-select-title,
|
|
|
.header-select-box {
|
|
|
display: inline-block;
|
|
@@ -986,14 +1197,17 @@ init()
|
|
|
padding-left: 1%;
|
|
|
line-height: 60px;
|
|
|
}
|
|
|
+
|
|
|
.header-select-title {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
+
|
|
|
.header-select-box {
|
|
|
text-align: right;
|
|
|
padding-right: 1%;
|
|
|
}
|
|
|
+
|
|
|
.select-box-time,
|
|
|
.select-box-area,
|
|
|
.select-box-school {
|
|
@@ -1001,6 +1215,7 @@ init()
|
|
|
vertical-align: top;
|
|
|
padding-top: 1%;
|
|
|
}
|
|
|
+
|
|
|
.contentbox {
|
|
|
width: 98%;
|
|
|
/* padding: 1% 1%; */
|
|
@@ -1009,10 +1224,12 @@ init()
|
|
|
margin: 0.5% 1%;
|
|
|
padding-bottom: 0.5%;
|
|
|
}
|
|
|
+
|
|
|
.area-contentbox {
|
|
|
width: 100%;
|
|
|
margin: 0%;
|
|
|
}
|
|
|
+
|
|
|
.analysisicon {
|
|
|
width: 2.3em;
|
|
|
height: 2.3em;
|
|
@@ -1022,6 +1239,7 @@ init()
|
|
|
margin-right: 25px;
|
|
|
margin-left: 0px; */
|
|
|
}
|
|
|
+
|
|
|
.basicsdata-box {
|
|
|
overflow: hidden;
|
|
|
width: 100%;
|
|
@@ -1030,9 +1248,9 @@ init()
|
|
|
flex-wrap: nowrap;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
+
|
|
|
.apparatusAndpower {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
+ width: 100%;display: flex;
|
|
|
flex-wrap: nowrap;
|
|
|
line-height: 60px;
|
|
|
/* justify-content: space-between; */
|
|
@@ -1083,7 +1301,7 @@ init()
|
|
|
border-bottom: 1px dashed #e9e9e9;
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
- color: #fff;
|
|
|
+ color:black;
|
|
|
}
|
|
|
.item-num {
|
|
|
font-size: 20px;
|
|
@@ -1144,6 +1362,16 @@ init()
|
|
|
overflow: hidden;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
+.lessons-box-maxh {
|
|
|
+ width: 50%;
|
|
|
+
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 2px 5px #e9e9e9;
|
|
|
+ margin: 0.5% 1%;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
.lessons-item {
|
|
|
width: 100%;
|
|
|
padding: 0% 10%;
|
|
@@ -1503,5 +1731,61 @@ init()
|
|
|
.contentbox .el-divider {
|
|
|
margin: 10px 0;
|
|
|
}
|
|
|
+.data-tables .header-class,
|
|
|
+ .data-tables
|
|
|
+ .el-table-v2__row-cell
|
|
|
+ {
|
|
|
+ /* width: v-bind(cellWidth + "%") !important; */
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .data-tables .general {
|
|
|
+ /* width: v-bind(cellWidth + "%") !important; */
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .data-tables .generalid {
|
|
|
+ justify-content: left;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .data-tables .btn-class {
|
|
|
+ /* width: v-bind(cellWidth + "%") !important; */
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .data-tables {
|
|
|
+ width: 93%;
|
|
|
+ padding: 0px 20px;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .el-table__body, .el-scrollbar__view {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .custom-card {
|
|
|
+ line-height: 60px;
|
|
|
+ width: 95%;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ .card-column {
|
|
|
+ float:left;
|
|
|
+ text-align: left;
|
|
|
+ /* margin-right: 80px; */
|
|
|
+ /* width: 30%; */
|
|
|
+ }
|
|
|
+ .card-column-icon {
|
|
|
+ float:left;
|
|
|
+ text-align: left;
|
|
|
+ margin-right: 40px;
|
|
|
+ width: 8%;
|
|
|
+ }
|
|
|
+ .cardicon {
|
|
|
+ width: 3em;
|
|
|
+ height: 3em;
|
|
|
+ vertical-align: -0.5em;
|
|
|
+ fill: currentColor;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
</style>
|
|
|
|