手机端响应式优化

This commit is contained in:
zhanglipeng 2020-11-23 10:54:30 +08:00
parent 1bb6c4a2f0
commit 6291a869d3
11 changed files with 216 additions and 34 deletions

View File

@ -73,24 +73,212 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="语言" name="two"> <el-tab-pane label="语言" name="two">
<radar-chart_yy :psMsg="item.dictValue" v-if="childTab === 'two'" /> <radar-chart_yy :psMsg="item.dictValue" v-if="childTab === 'two'" />
<div class="block">
<h2 class="block-item-title flex align-center">教育建议</h2>
<div
class="block"
v-for="itemLy in assessmentcontentList.filter(
p => p.parentId == item.dictValue && p.name == '语言'
)"
:key="itemLy.id"
>
{{ itemLy.name }}
<div
class="block"
v-for="itemFzly in assessmentcontentList.filter(
p => p.parentId == itemLy.id
)"
:key="itemFzly.id"
>
<h2 class="block-item-title flex align-center">
{{ itemFzly.name }}
</h2>
<ul class="block-content">
<li
v-for="itemMb in assessmentcontentList.filter(
p => p.parentId == itemFzly.id
)"
:key="itemMb.id"
>
<p class="block-content-title">
<span class="num">{{ itemMb.sort }}. </span
>{{ itemMb.name }}
</p>
<div
class="checkbox-content"
v-for="itemYs in assessmentcontentList.filter(
p => p.parentId == itemMb.id
)"
:key="itemYs.id"
>
<p class="checkbox-item flex align-center">
{{ itemYs.jyjy }}
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="社会" name="three"> <el-tab-pane label="社会" name="three">
<radar-chart_sh <radar-chart_sh
:psMsg="item.dictValue" :psMsg="item.dictValue"
v-if="childTab === 'three'" v-if="childTab === 'three'"
/> />
<div class="block">
<h2 class="block-item-title flex align-center">教育建议</h2>
<div
class="block"
v-for="itemLy in assessmentcontentList.filter(
p => p.parentId == item.dictValue && p.name == '社会'
)"
:key="itemLy.id"
>
{{ itemLy.name }}
<div
class="block"
v-for="itemFzly in assessmentcontentList.filter(
p => p.parentId == itemLy.id
)"
:key="itemFzly.id"
>
<h2 class="block-item-title flex align-center">
{{ itemFzly.name }}
</h2>
<ul class="block-content">
<li
v-for="itemMb in assessmentcontentList.filter(
p => p.parentId == itemFzly.id
)"
:key="itemMb.id"
>
<p class="block-content-title">
<span class="num">{{ itemMb.sort }}. </span
>{{ itemMb.name }}
</p>
<div
class="checkbox-content"
v-for="itemYs in assessmentcontentList.filter(
p => p.parentId == itemMb.id
)"
:key="itemYs.id"
>
<p class="checkbox-item flex align-center">
{{ itemYs.jyjy }}
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="科学" name="four"> <el-tab-pane label="科学" name="four">
<radar-chart_kx <radar-chart_kx
:psMsg="item.dictValue" :psMsg="item.dictValue"
v-if="childTab === 'four'" v-if="childTab === 'four'"
/> />
<div class="block">
<h2 class="block-item-title flex align-center">教育建议</h2>
<div
class="block"
v-for="itemLy in assessmentcontentList.filter(
p => p.parentId == item.dictValue && p.name == '科学'
)"
:key="itemLy.id"
>
{{ itemLy.name }}
<div
class="block"
v-for="itemFzly in assessmentcontentList.filter(
p => p.parentId == itemLy.id
)"
:key="itemFzly.id"
>
<h2 class="block-item-title flex align-center">
{{ itemFzly.name }}
</h2>
<ul class="block-content">
<li
v-for="itemMb in assessmentcontentList.filter(
p => p.parentId == itemFzly.id
)"
:key="itemMb.id"
>
<p class="block-content-title">
<span class="num">{{ itemMb.sort }}. </span
>{{ itemMb.name }}
</p>
<div
class="checkbox-content"
v-for="itemYs in assessmentcontentList.filter(
p => p.parentId == itemMb.id
)"
:key="itemYs.id"
>
<p class="checkbox-item flex align-center">
{{ itemYs.jyjy }}
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="艺术" name="five"> <el-tab-pane label="艺术" name="five">
<radar-chart_ys <radar-chart_ys
:psMsg="item.dictValue" :psMsg="item.dictValue"
v-if="childTab === 'five'" v-if="childTab === 'five'"
/> />
<div class="block">
<h2 class="block-item-title flex align-center">教育建议</h2>
<div
class="block"
v-for="itemLy in assessmentcontentList.filter(
p => p.parentId == item.dictValue && p.name == '艺术'
)"
:key="itemLy.id"
>
{{ itemLy.name }}
<div
class="block"
v-for="itemFzly in assessmentcontentList.filter(
p => p.parentId == itemLy.id
)"
:key="itemFzly.id"
>
<h2 class="block-item-title flex align-center">
{{ itemFzly.name }}
</h2>
<ul class="block-content">
<li
v-for="itemMb in assessmentcontentList.filter(
p => p.parentId == itemFzly.id
)"
:key="itemMb.id"
>
<p class="block-content-title">
<span class="num">{{ itemMb.sort }}. </span
>{{ itemMb.name }}
</p>
<div
class="checkbox-content"
v-for="itemYs in assessmentcontentList.filter(
p => p.parentId == itemMb.id
)"
:key="itemYs.id"
>
<p class="checkbox-item flex align-center">
{{ itemYs.jyjy }}
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<!-- <div>sf <!-- <div>sf

View File

@ -152,8 +152,8 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -191,8 +191,8 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -98,6 +98,7 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> --> <!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column <el-table-column
fixed
label="幼儿" label="幼儿"
align="center" align="center"
prop="childid" prop="childid"
@ -130,10 +131,11 @@
prop="moffphone" prop="moffphone"
/> />
<el-table-column <el-table-column
fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -101,7 +101,6 @@
label="幼儿出生日期" label="幼儿出生日期"
align="center" align="center"
prop="csrq" prop="csrq"
width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.csrq, "{y}-{m}-{d}") }}</span> <span>{{ parseTime(scope.row.csrq, "{y}-{m}-{d}") }}</span>
@ -112,7 +111,6 @@
label="申请体验时间" label="申请体验时间"
align="center" align="center"
prop="sqtysj" prop="sqtysj"
width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.sqtysj, "{y}-{m}-{d}") }}</span> <span>{{ parseTime(scope.row.sqtysj, "{y}-{m}-{d}") }}</span>

View File

@ -165,7 +165,6 @@
label="检查日期" label="检查日期"
align="center" align="center"
prop="checkTime" prop="checkTime"
width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.checkTime, "{y}-{m}-{d}") }}</span> <span>{{ parseTime(scope.row.checkTime, "{y}-{m}-{d}") }}</span>
@ -196,7 +195,7 @@
prop="totalAssessment" prop="totalAssessment"
:formatter="totalAssessmentFormat" :formatter="totalAssessmentFormat"
/> />
<el-table-column <!-- <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createtime" prop="createtime"
@ -207,13 +206,13 @@
parseTime(scope.row.createtime, "{y}-{m}-{d} {h}:{i}:{s}") parseTime(scope.row.createtime, "{y}-{m}-{d} {h}:{i}:{s}")
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="100" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -157,24 +157,21 @@
label="活动开始时间" label="活动开始时间"
align="center" align="center"
prop="activitytime" prop="activitytime"
width="180"
/> />
<el-table-column <el-table-column
label="活动截止时间" label="活动截止时间"
align="center" align="center"
prop="activityendtime" prop="activityendtime"
width="180"
/> />
<el-table-column <!-- <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createtime" prop="createtime"
width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span> <span>{{ parseTime(scope.row.createtime) }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
fixed="right" fixed="right"
label="操作" label="操作"

View File

@ -144,9 +144,8 @@
label="活动时间" label="活动时间"
align="center" align="center"
prop="activitytime" prop="activitytime"
width="180"
/> />
<el-table-column <!-- <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createtime" prop="createtime"
@ -155,12 +154,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span> <span>{{ parseTime(scope.row.createtime) }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
class-name="small-padding fixed-width" width="60"
class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -158,7 +158,7 @@
<el-table-column label="主班教师" align="center" prop="zbjsxm" /> <el-table-column label="主班教师" align="center" prop="zbjsxm" />
<el-table-column label="配班教师" align="center" prop="pbjsxm" /> <el-table-column label="配班教师" align="center" prop="pbjsxm" />
<el-table-column label="助理教师" align="center" prop="zljsxm" /> <el-table-column label="助理教师" align="center" prop="zljsxm" />
<el-table-column <!-- <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createtime" prop="createtime"
@ -167,13 +167,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span> <span>{{ parseTime(scope.row.createtime) }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
fixed="right" fixed="right"
label="操作" label="操作"
width="220" width="80"
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -107,7 +107,6 @@
label="出生日期" label="出生日期"
align="center" align="center"
prop="csrq" prop="csrq"
width="180"
></el-table-column> ></el-table-column>
<el-table-column label="毕业院校" align="center" prop="byyx" /> <el-table-column label="毕业院校" align="center" prop="byyx" />
<el-table-column <el-table-column
@ -120,9 +119,8 @@
label="参加工作日期" label="参加工作日期"
align="center" align="center"
prop="cjgzrq" prop="cjgzrq"
width="180"
></el-table-column> ></el-table-column>
<el-table-column <!-- <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createtime" prop="createtime"
@ -131,7 +129,7 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span> <span>{{ parseTime(scope.row.createtime) }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<!--<el-table-column label="标识" align="center" prop="id" /> <!--<el-table-column label="标识" align="center" prop="id" />
<el-table-column label="证件号码" align="center" prop="zjhm" /> <el-table-column label="证件号码" align="center" prop="zjhm" />
<el-table-column label="专业" align="center" prop="zy" /> <el-table-column label="专业" align="center" prop="zy" />
@ -142,8 +140,8 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="200" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button

View File

@ -191,8 +191,8 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="180" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button