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

src/views/train/case-detail.vue

@@ -1,25 +1,8 @@
 <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;">-->
-<!--                    </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>
@@ -39,10 +22,9 @@
                     </el-col>
                 </el-row>
             </el-card>
-                    <el-card class="box-card" style="margin-bottom: 10px;">
+            <el-card class="box-card">
-                        <div slot="header" class="clearfix">
+                <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>
+<style lang="scss">
-    .clearfix:before,
+    .caseInputForm{
-    .clearfix:after {
+        .box-card {
-        display: table;
+            margin-bottom: 10px;
-        content: "";
+            .el-card__header{
-    }
-
-    .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 {
                 border-bottom: 1px dashed #c9cacc;
                 padding-bottom: 10px;
                 padding-top: 10px;
                 height: auto;
             }
-
+            .el-button--medium{
-        .content-item {
+                padding: 8px 20px;
-            width: 100%;
-            /deep/ .el-form-item__content {
-                width: 100%;
-            }
             }
-
+            .el-form-item.is-required .el-form-item__label:after {
-        /deep/ .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>

src/views/train/case-list.vue

@@ -1,7 +1,8 @@
 <template>
     <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 :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>
+            </el-col>
-        <div style="padding: 20px;background-color: #FFFFFF;">
+        </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>