yangjun
/
DBSD_ZJPT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式

This commit is contained in:
kbing1981 2024-11-07 13:40:19 +08:00
parent f7d32b36be
commit c9f3b334d3
2 changed files with 183 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
jeecgboot-vue3/src/assets/images/step.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

192
jeecgboot-vue3/src/views/tjbbVue/TjbbList.vue
View File

@ -4,6 +4,115 @@
<div class="jeecg-basic-table-form-container">
<a-spin :spinning="spinning">
<a-row :gutter="24">
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第1步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls141">导入表1-4-1专业基本情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t141}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第2步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" @click="onImportXls151">导入表1-5-1教职工基本信息数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t151}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第3步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls152">导入表1-5-2教职工其他信息数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t152}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第4步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls153">导入表1-5-3外聘和兼职教师基本信息数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t153}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第5步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls16">导入表1-6本科生基本情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t24}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第6步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls24">导入表2-4校内外实习、实践、实训基地数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei"><span class="setp-wei">{{dataList.t24}}</span></span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第7步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf3">导入表SF-3师范-3：师范类专业办学基本条件数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf3}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第8步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf5">导入表SF-5师范-5：师范类专业培养情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf5}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第9步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf6">导入表SF-6师范-6：教师教育课程情况表数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据: <span class="setp-wei">{{dataList.tsf6}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第10步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf8">导入表SF-8师范-8：教育实践情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei"> {{dataList.tsf8}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第11步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf9">导入表SF-9师范-9：师范类专业非本科学生数量基本情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf9}}</span>条</a-col>
</div>
</div>
</a-col>
<a-col :span="6">
<div class="case-stencil">
<div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第12步</p></div>
<div class="buttonClass">
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf11">导入表SF-11师范-11：师范类专业应届毕业生情况数据</j-upload-button>
<a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf11}}</span>条</a-col>
</div>
</div>
</a-col>
<!--引用表格wei
<a-col :span="12">
<a-row>
<a-col>
@ -43,7 +152,8 @@
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf11">导入表SF-11师范-11：师范类专业应届毕业生情况数据</j-upload-button>
</a-col>
</a-row>
</a-col>
</a-col>-->
<!--引用表格
<a-col :span="12">
<a-row>
<a-col>
@ -86,17 +196,15 @@
</a-col>
</a-row>
</a-col>
<a-col>
<a-button @click="deleteAll">删除全部数据</a-button>
</a-col>
<a-col style="margin-top: 10px;">
<a-button @click="handleScsj">生成数据</a-button>
</a-col>
</a-row>
</a-col>
</a-row>
</a-col>-->
</a-row>
</a-spin>
</div>
<a-col :span="24" class="buttonClass" style="margin-top:10px">
<button @click="deleteAll" style="margin-right:10px;" class="button-del">删除全部数据</button>
<button type="primary" @click="handleScsj" class="button-generate">生成数据</button>
</a-col>
<!--引用表格-->
</div>
</template>
@ -237,4 +345,70 @@ import { defHttp } from '/@/utils/http/axios';
width: 100%;
}
}
.case-stencil{
padding:12px 12px 20px 12px;
background: #fff;
box-shadow: 0px 2px 8px 0px #e7e7e7;
border-radius: 4px;
margin-bottom: 10px;
margin-right: -10px;
}
.case-stencil:hover{
padding:12px 12px 20px 12px;
background: #fff;
box-shadow: 0px 2px 8px 0px #b0ccf7;
border-radius: 4px;
margin-bottom: 10px;
margin-right: -10px;
}
.step-text{
position:absolute;
z-index:10;
top:23%;
left:46%;
font-size:16px;
font-weight: 600;
color:#589cfa
}
.step-img{
margin-top:-10px;
width:100%;
position: relative;
}
.buttonClass{
text-align: center;
}
.setp-wei{
font-size:20px;
font-weight: 600;
}
.button-generate{
background: #ff9b0d;
padding: 10px 20px;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.button-generate:hover{
background: #1890ff;
padding: 10px 20px;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.button-del{
padding: 10px 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 4px;
cursor: pointer;
}
.button-del:hover{
padding: 10px 20px;
background: #ececec;
border: 1px solid #c9c9c9;
border-radius: 4px;
cursor: pointer;
}
</style>