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
Unified 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> <template>
<div class="project-add"> <div class="caseInputForm">
<el-container style="background-color: #eeeeee;"> <el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" class="demo-form-inline" label-width="90px">
<!-- <el-header class="add-header" height="50px">--> <el-card class="box-card">
<!-- <div v-if="!isShowData">--> <div slot="header">
<!-- <el-page-header @back="goBackList" content="项目配置" style="float: left;">--> <span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>实训信息</span>
<!-- </el-page-header>--> <el-button type="primary" style="float: right;" size="medium" @click="goBackList">返回</el-button>
<!-- <el-button type="primary" @click="submitForm('dataForm')" style="float: right;" v-if="formAction !=2">{{formAction == 0 ? '创建' : '修改'}}</el-button>--> </div>
<!-- </div>--> <el-row :gutter="20">
<!-- <div v-else>--> <el-col :span="8">
<!-- <el-page-header @back="goBackAdd" content="添加案例数据" style="float: left;">--> <el-form-item label="实训名称" prop="name">
<!-- </el-page-header>--> <el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="实训名称" style="width: 280px;"></el-input>
<!-- <div style="float: right;">--> </el-form-item>
<!-- <el-button type="primary" @click="doAddCaseData()">确定</el-button>--> </el-col>
<!-- <el-button type="primary" @click="cancelAddCaseData()">取消</el-button>--> <el-col :span="8">
<!-- </div>--> <el-form-item label="实训用途" prop="type">
<!-- </div>--> <el-select v-model="dataForm.type" placeholder="实训用途" :disabled="formAction==2">
<!-- </el-header>--> <el-option label="考核" value="1"></el-option>
<el-main style="background-color: white;margin-top: 10px;padding: 0 0;"> <el-option label="练习" value="2"></el-option>
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" class="demo-form-inline" label-width="90px" v-if="!isShowData"> </el-select>
<el-card class="box-card" style="margin-bottom: 10px;"> </el-form-item>
<div slot="header" class="clearfix"> </el-col>
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>实训信息</span> </el-row>
<el-button type="primary" style="float: right;" size="medium" @click="goBackList">返回</el-button> </el-card>
</div> <el-card class="box-card">
<el-row :gutter="20"> <div slot="header">
<el-col :span="8"> <span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>判分设置</span>
<el-form-item label="实训名称" prop="name"> </div>
<el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="实训名称" style="width: 280px;"></el-input> <div>
</el-form-item> <div><p>量化指标：</p>
</el-col> <el-transfer
<el-col :span="8"> filterable
<el-form-item label="实训用途" prop="type"> :filter-method="filterMethod"
<el-select v-model="dataForm.type" placeholder="实训用途" :disabled="formAction==2"> filter-placeholder="请输入指标名称"
<el-option label="考核" value="1"></el-option> v-model="value"
<el-option label="练习" value="2"></el-option> :data="data">
</el-select> </el-transfer>
</el-form-item> </div>
</el-col> </div>
</el-row> </el-card>
</el-card> </el-form>
<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> </div>
</template> </template>
@ -124,33 +104,6 @@
selectedTradeItems: [], selectedTradeItems: [],
delTradeItems: [], delTradeItems: [],
tradeNotInIds: [], 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() { created() {
@ -411,71 +364,45 @@
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.clearfix:before, .caseInputForm{
.clearfix:after { .box-card {
display: table; margin-bottom: 10px;
content: ""; .el-card__header{
} border-bottom: 1px dashed #c9cacc;
padding-bottom: 10px;
.clearfix:after { padding-top: 10px;
clear: both height: auto;
}
/*.box-card {
width: 100%;
}*/
.project-add {
.add-header {
background-color: white;
padding: 5px 20px;
/deep/ .el-page-header__content {
font-size: 16px;
} }
} .el-button--medium{
padding: 8px 20px;
/deep/ .el-card__header { }
border-bottom: 1px dashed #c9cacc; .el-form-item.is-required .el-form-item__label:after {
padding-bottom: 10px; content: '';
padding-top: 10px;
height: auto;
}
.content-item {
width: 100%;
/deep/ .el-form-item__content {
width: 100%;
} }
}
/deep/ .el-form-item.is-required .el-form-item__label:after { .score-input {
content: ''; 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 { .item-title-font {
margin-bottom: 0px; font-weight: bold;
/deep/ .el-form-item__error { font-size: 15px;
position: unset; 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> </style>

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

@ -1,36 +1,38 @@
<template> <template>
<div style="background-color: #eeeeee;"> <div style="background-color: #eeeeee;">
<div style="padding: 10px 0px 0px 20px;margin-bottom: 10px;background-color: #FFFFFF;"> <el-row>
<el-form :inline="true" :model="searchObj" class="demo-form-inline"> <el-col :span="24" style="background-color: #eeeeee;">
<el-form-item label="实训用途"> <el-form :inline="true" :model="searchObj" class="demo-form-inline" style="background-color: #FFFFFF;margin-bottom:10px;padding: 20px 0px 0px 20px;">
<el-select v-model="searchObj.type" placeholder="实训用途"> <el-form-item label="实训用途">
<el-option label="全部" value=""></el-option> <el-select v-model="searchObj.type" placeholder="实训用途">
<el-option label="考核" value="1"></el-option> <el-option label="全部" value=""></el-option>
<el-option label="练习" value="2"></el-option> <el-option label="考核" value="1"></el-option>
</el-select> <el-option label="练习" value="2"></el-option>
</el-form-item> </el-select>
<el-form-item label="创建人"> </el-form-item>
<el-select v-model="searchObj.isAdmin" placeholder="创建人"> <el-form-item label="创建人">
<el-option label="全部" value=""></el-option> <el-select v-model="searchObj.isAdmin" placeholder="创建人">
<el-option label="管理员" value="1"></el-option> <el-option label="全部" value=""></el-option>
<el-option label="教师" value="2"></el-option> <el-option label="管理员" value="1"></el-option>
</el-select> <el-option label="教师" value="2"></el-option>
</el-form-item> </el-select>
<el-form-item label="实训名称"> </el-form-item>
<el-input v-model="searchObj.name" placeholder="实训名称"></el-input> <el-form-item label="实训名称">
</el-form-item> <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="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="primary" @click="doNew">创建</el-button>
<!--<el-form-item> </el-form-item>
<el-button type="danger" @click="doBatchDel">批量删除</el-button> <!--<el-form-item>
</el-form-item>--> <el-button type="danger" @click="doBatchDel">批量删除</el-button>
</el-form> </el-form-item>-->
</div> </el-form>
<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 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="selection" width="55"></el-table-column>-->
<el-table-column type="index" label="序号" width="100"></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" layout="total,sizes, prev, pager, next,jumper"
:total="totalCount" style="float: right"> :total="totalCount" style="float: right">
</el-pagination> </el-pagination>
</div> </el-row>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save