实训案例管理初始页面整理

zqqdev
CherrysChang 5 years ago
parent 7981eb6162
commit da437b899b
  1. 105
      src/views/train/case-detail.vue
  2. 12
      src/views/train/case-list.vue

@ -1,25 +1,8 @@
<template>
<div class="project-add">
<el-container style="background-color: #eeeeee;">
<!-- <el-header class="add-header" height="50px">-->
<!-- <div v-if="!isShowData">-->
<!-- <el-page-header @back="goBackList" content="项目配置" style="float: left;">-->
<!-- </el-page-header>-->
<!-- <el-button type="primary" @click="submitForm('dataForm')" style="float: right;" v-if="formAction !=2">{{formAction == 0 ? '创建' : '修改'}}</el-button>-->
<!-- </div>-->
<!-- <div v-else>-->
<!-- <el-page-header @back="goBackAdd" content="添加案例数据" style="float: left;">-->
<!-- </el-page-header>-->
<!-- <div style="float: right;">-->
<!-- <el-button type="primary" @click="doAddCaseData()">确定</el-button>-->
<!-- <el-button type="primary" @click="cancelAddCaseData()">取消</el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-header>-->
<el-main style="background-color: white;margin-top: 10px;padding: 0 0;">
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" class="demo-form-inline" label-width="90px" v-if="!isShowData">
<el-card class="box-card" style="margin-bottom: 10px;">
<div slot="header" class="clearfix">
<div class="caseInputForm">
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" class="demo-form-inline" label-width="90px">
<el-card class="box-card">
<div slot="header">
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>实训信息</span>
<el-button type="primary" style="float: right;" size="medium" @click="goBackList">返回</el-button>
</div>
@ -39,10 +22,9 @@
</el-col>
</el-row>
</el-card>
<el-card class="box-card" style="margin-bottom: 10px;">
<div slot="header" class="clearfix">
<el-card class="box-card">
<div slot="header">
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>判分设置</span>
<span style="float: right;vertical-align: middle;line-height: 29px;">合计{{dataForm.totalScore}} </span>
</div>
<div>
<div><p>量化指标</p>
@ -57,8 +39,6 @@
</div>
</el-card>
</el-form>
</el-main>
</el-container>
</div>
</template>
@ -124,33 +104,6 @@
selectedTradeItems: [],
delTradeItems: [],
tradeNotInIds: [],
imageViewerOptions: {
"inline": false,
"button": true,
"navbar": false,
"title": true,
"toolbar": {
zoomIn: true,
zoomOut: true,
oneToOne: true,
reset: true,
prev: false,
play: true,
next: false,
rotateLeft: false,
rotateRight: false,
flipHorizontal: false,
flipVertical: false,
},
"tooltip": true,
"movable": true,
"zoomable": true,
"rotatable": true,
"scalable": true,
"transition": false,
"fullscreen": true,
"keyboard": false,
},
}
},
created() {
@ -411,45 +364,20 @@
}
</script>
<style lang="scss" scoped>
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both
}
/*.box-card {
width: 100%;
}*/
.project-add {
.add-header {
background-color: white;
padding: 5px 20px;
/deep/ .el-page-header__content {
font-size: 16px;
}
}
/deep/ .el-card__header {
<style lang="scss">
.caseInputForm{
.box-card {
margin-bottom: 10px;
.el-card__header{
border-bottom: 1px dashed #c9cacc;
padding-bottom: 10px;
padding-top: 10px;
height: auto;
}
.content-item {
width: 100%;
/deep/ .el-form-item__content {
width: 100%;
}
.el-button--medium{
padding: 8px 20px;
}
/deep/ .el-form-item.is-required .el-form-item__label:after {
.el-form-item.is-required .el-form-item__label:after {
content: '';
}
@ -459,9 +387,6 @@
position: unset;
}
}
}
.icon-minus-rotated:before {
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
@ -478,4 +403,6 @@
vertical-align: middle;
line-height: 29px;
}
}
}
</style>

@ -1,7 +1,8 @@
<template>
<div style="background-color: #eeeeee;">
<div style="padding: 10px 0px 0px 20px;margin-bottom: 10px;background-color: #FFFFFF;">
<el-form :inline="true" :model="searchObj" class="demo-form-inline">
<el-row>
<el-col :span="24" style="background-color: #eeeeee;">
<el-form :inline="true" :model="searchObj" class="demo-form-inline" style="background-color: #FFFFFF;margin-bottom:10px;padding: 20px 0px 0px 20px;">
<el-form-item label="实训用途">
<el-select v-model="searchObj.type" placeholder="实训用途">
<el-option label="全部" value=""></el-option>
@ -29,8 +30,9 @@
<el-button type="danger" @click="doBatchDel">批量删除</el-button>
</el-form-item>-->
</el-form>
</div>
<div style="padding: 20px;background-color: #FFFFFF;">
</el-col>
</el-row>
<el-row style="padding: 20px;background-color: #FFFFFF;">
<el-table ref="multipleTable" :data="listData" @selection-change="handleProjectSelectionChange" border style="width: 100%">
<!-- <el-table-column type="selection" width="55"></el-table-column>-->
<el-table-column type="index" label="序号" width="100"></el-table-column>
@ -74,7 +76,7 @@
layout="total,sizes, prev, pager, next,jumper"
:total="totalCount" style="float: right">
</el-pagination>
</div>
</el-row>
</div>
</template>

Loading…
Cancel
Save