zhixinlian
/
fontend-manager
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
zqqdev
CherrysChang 5 years ago
parent 7981eb6162
commit da437b899b
2 changed files with 108 additions and 179 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 221
      src/views/train/case-detail.vue
  2. 66
      src/views/train/case-list.vue

221
src/views/train/case-detail.vue
Unescape View File

@ -1,64 +1,44 @@
<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">
<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>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="实训名称" prop="name">
<el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="实训名称" style="width: 280px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实训用途" prop="type">
<el-select v-model="dataForm.type" placeholder="实训用途" :disabled="formAction==2">
<el-option label="考核" value="1"></el-option>
<el-option label="练习" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-card>
<el-card class="box-card" style="margin-bottom: 10px;">
<div slot="header" class="clearfix">
<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>
<el-transfer
filterable
:filter-method="filterMethod"
filter-placeholder="请输入指标名称"
v-model="value"
:data="data">
</el-transfer>
</div>
</div>
</el-card>
</el-form>
</el-main>
</el-container>
<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>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="实训名称" prop="name">
<el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="实训名称" style="width: 280px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实训用途" prop="type">
<el-select v-model="dataForm.type" placeholder="实训用途" :disabled="formAction==2">
<el-option label="考核" value="1"></el-option>
<el-option label="练习" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-card>
<el-card class="box-card">
<div slot="header">
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>判分设置</span>
</div>
<div>
<div><p>量化指标：</p>
<el-transfer
filterable
:filter-method="filterMethod"
filter-placeholder="请输入指标名称"
v-model="value"
:data="data">
</el-transfer>
</div>
</div>
</el-card>
</el-form>
</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,71 +364,45 @@
}
</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;
<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;
}
}
/deep/ .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;
}
.el-form-item.is-required .el-form-item__label:after {
content: '';
}
}
/deep/ .el-form-item.is-required .el-form-item__label:after {
content: '';
}
.score-input {
margin-bottom: 0px;
/deep/ .el-form-item__error {
position: unset;
}
}
.icon-minus-rotated:before {
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
-webkit-transform: rotate(90deg); /* Safari 和 Chrome */
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
display: inline-block;
font-weight: bolder;
}
.score-input {
margin-bottom: 0px;
/deep/ .el-form-item__error {
position: unset;
.item-title-font {
font-weight: bold;
font-size: 15px;
vertical-align: middle;
line-height: 29px;
}
}
}
.icon-minus-rotated:before {
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
-webkit-transform: rotate(90deg); /* Safari 和 Chrome */
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
display: inline-block;
font-weight: bolder;
}
.item-title-font {
font-weight: bold;
font-size: 15px;
vertical-align: middle;
line-height: 29px;
}
</style>

66
src/views/train/case-list.vue
Unescape View File

@ -1,36 +1,38 @@
<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-form-item label="实训用途">
<el-select v-model="searchObj.type" placeholder="实训用途">
<el-option label="全部" value=""></el-option>
<el-option label="考核" value="1"></el-option>
<el-option label="练习" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建人">
<el-select v-model="searchObj.isAdmin" placeholder="创建人">
<el-option label="全部" value=""></el-option>
<el-option label="管理员" value="1"></el-option>
<el-option label="教师" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="实训名称">
<el-input v-model="searchObj.name" placeholder="实训名称"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="doSearch">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="doNew">创建</el-button>
</el-form-item>
<!--<el-form-item>
<el-button type="danger" @click="doBatchDel">批量删除</el-button>
</el-form-item>-->
</el-form>
</div>
<div style="padding: 20px;background-color: #FFFFFF;">
<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>
<el-option label="考核" value="1"></el-option>
<el-option label="练习" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建人">
<el-select v-model="searchObj.isAdmin" placeholder="创建人">
<el-option label="全部" value=""></el-option>
<el-option label="管理员" value="1"></el-option>
<el-option label="教师" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="实训名称">
<el-input v-model="searchObj.name" placeholder="实训名称"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="doSearch">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="doNew">创建</el-button>
</el-form-item>
<!--<el-form-item>
<el-button type="danger" @click="doBatchDel">批量删除</el-button>
</el-form-item>-->
</el-form>
</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>

Write Preview
Loading…
Cancel
Save