From da437b899b789e6be43ea0adde52cd4f5e69421a Mon Sep 17 00:00:00 2001
From: CherrysChang <1935003650@qq.com>
Date: Wed, 15 Apr 2020 15:17:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E8=AE=AD=E6=A1=88=E4=BE=8B=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=88=9D=E5=A7=8B=E9=A1=B5=E9=9D=A2=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/train/case-detail.vue | 221 +++++++++++---------------------
 src/views/train/case-list.vue   |  66 +++++-----
 2 files changed, 108 insertions(+), 179 deletions(-)

diff --git a/src/views/train/case-detail.vue b/src/views/train/case-detail.vue
index a38edb1..1707192 100644
--- a/src/views/train/case-detail.vue
+++ b/src/views/train/case-detail.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/train/case-list.vue b/src/views/train/case-list.vue
index 36ae3b9..56fc118 100644
--- a/src/views/train/case-list.vue
+++ b/src/views/train/case-list.vue
@@ -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>