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

实训管理页面样式

Browse Source
zqqdev
zqq 5 years ago
parent a26f6b45d0
commit 7981eb6162
2 changed files with 31 additions and 100 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. 16
      src/views/TrainHome.vue
  2. 101
      src/views/train/case-detail.vue

16
src/views/TrainHome.vue
Unescape View File

@ -7,20 +7,18 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="24" class="menu"> <el-col :span="24" class="menu">
<aside>
<!--导航菜单--> <!--导航菜单-->
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal">
<el-menu-item index="1"><router-link to="/train/case/list">实训管理</router-link></el-menu-item> <el-menu-item index="1" style="margin-left: 20px;">
<router-link to="/train/case/list" style="text-decoration: none;">实训管理</router-link>
</el-menu-item>
</el-menu> </el-menu>
</aside> </el-col>
<section>
<el-col :span="24"> <el-col :span="24">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<router-view></router-view> <router-view></router-view>
</transition> </transition>
</el-col> </el-col>
</section>
</el-col>
</el-row> </el-row>
</template> </template>
@ -103,12 +101,6 @@
.el-menu-item { .el-menu-item {
height: 46px; height: 46px;
line-height: 46px; line-height: 46px;
a {
text-decoration: none;
}
}
.el-menu-item:first-child {
margin-left: 20px;
} }
} }

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

@ -20,105 +20,43 @@
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" class="demo-form-inline" label-width="90px" v-if="!isShowData"> <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;"> <el-card class="box-card" style="margin-bottom: 10px;">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>基本信息</span> <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> </div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目名称" prop="name"> <el-form-item label="实训名称" prop="name">
<el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="项目名称" style="width: 280px;"></el-input> <el-input v-model.trim="dataForm.name" :disabled="formAction==2" placeholder="实训名称" style="width: 280px;"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目权限" prop="type"> <el-form-item label="实训用途" prop="type">
<el-select v-model="dataForm.type" placeholder="项目权限" :disabled="formAction==2"> <el-select v-model="dataForm.type" placeholder="实训用途" :disabled="formAction==2">
<el-option label="练习" value="1"></el-option> <el-option label="考核" value="1"></el-option>
<el-option label="考核" value="2"></el-option> <el-option label="练习" value="2"></el-option>
<el-option label="竞赛" value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </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>
</div>
<el-row ::gutter="20">
<el-col ::span="24">
<el-form-item label="" label-width="0px;" class="content-item" prop="content">
<el-input type="textarea" :autosize="{ minRows: 10, maxRows: 16}" v-model="dataForm.content" :disabled="formAction==2"></el-input>
</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>
<el-button icon="el-icon-plus" type="primary" style="float: right;" circle size="mini" @click="toAddCaseData" v-if="formAction !=2"></el-button>
</div>
<div v-if="dataForm.caseDataList.length>0">
<el-row>
<el-col :span="8" v-for="(file,index) in selectedItemRows" :key="index" style="width:380px;height:420px;margin: 0 20px 20px 0;">
<el-card :body-style="{ padding: '0px' }">
<viewer :options="imageViewerOptions" :images="[getFileUrl(file)]">
<img :src="getFileUrl(file)" :alt="file.name" class="image" style="width:380px;height:380px">
</viewer>
<div style="padding: 14px;text-align: center;">
<span>{{file.name}}</span>
</div>
</el-card>
</el-col>
</el-row>
</div>
<div style="text-align:center" v-else>
<span>暂无数据</span>
</div>
</el-card>
<el-card class="box-card" style="margin-bottom: 10px;"> <el-card class="box-card" style="margin-bottom: 10px;">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span class="item-title-font"><i class="el-icon-minus icon-minus-rotated"></i>判分设置</span> <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> <span style="float: right;vertical-align: middle;line-height: 29px;">合计：{{dataForm.totalScore}} 分</span>
</div> </div>
<div> <div>
<div style="margin-bottom: 10px;"> <div><p>量化指标：</p>
<span class="item-title-font" style="padding-right: 10px">流程判分指标</span> <el-transfer
<el-button icon="el-icon-plus" type="primary" circle size="mini" @click="toAddTrade" v-if="formAction !=2"></el-button> filterable
<el-button type="danger" icon="el-icon-delete" circle size="mini" v-if="isShowTradeDelBtn" @click="removeTradeItemBatch"></el-button> :filter-method="filterMethod"
</div> filter-placeholder="请输入指标名称"
<div> v-model="value"
<el-table ref="multipleTable" :data="dataForm.tradeList" border style="width: 100%" :data="data">
:summary-method="getScoreSummaries" show-summary @selection-change="handleTradeSelectionChange"> </el-transfer>
<el-table-column type="selection" width="60" :selectable="checkboxIsEnabled"></el-table-column>
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column prop="oneLevelName" label="一级流程" width="200" show-overflow-tooltip></el-table-column>
<el-table-column prop="twoLevelName" label="二级流程" width="220" show-overflow-tooltip></el-table-column>
<el-table-column prop="lastLevelName" label="工单页面" width="238" show-overflow-tooltip></el-table-column>
<el-table-column prop="tradeScorePoint" label="判分点" width="248" show-overflow-tooltip></el-table-column>
<el-table-column prop="score" label="分数">
<template slot-scope="scope">
<el-form-item :prop="'tradeList.'+scope.$index+'.score'" :rules="dataRule.score" class="score-input">
<el-input size="small" v-model.trim="scope.row.score" :disabled="formAction == 2"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="操作" width="190" v-if="formAction !=2">
<template slot-scope="scope">
<el-button size="mini" :disabled="scope.$index===0" @click="moveUpTradeItem(scope.$index,scope.row)">
<i class="el-icon-arrow-up"></i>
</el-button>
<el-button size="mini" :disabled="scope.$index===(dataForm.tradeList.length-1)" @click="moveDownTradeItem(scope.$index,scope.row)">
<i class="el-icon-arrow-down"></i>
</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" @click="removeTradeItem(scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
</div> </div>
</div> </div>
</el-card> </el-card>
</el-form> </el-form>
<dict-case-data :dictCaseDataList="dictCaseDataList" @getData="getCaseData" @select="handleItemSelectionChange" v-else></dict-case-data>
<dict-trade-list v-if="tradeDialogVisible" :dialogVisible="tradeDialogVisible" :tradeNotInIds="tradeNotInIds" @closeDialog="closeTradeDialog" @doAddSelectTrade="doAddSelectTrade"></dict-trade-list>
</el-main> </el-main>
</el-container> </el-container>
</div> </div>
@ -242,7 +180,8 @@
}, },
methods: { methods: {
goBackList() { goBackList() {
this.$router.push({name: 'ProjectList'}); // this.$router.push({name: 'CaseList'});
this.$router.go(-1);
}, },
goBackAdd() { goBackAdd() {
this.isShowData = false; this.isShowData = false;
@ -483,9 +422,9 @@
clear: both clear: both
} }
.box-card { /*.box-card {
width: 100%; width: 100%;
} }*/
.project-add { .project-add {
.add-header { .add-header {

Write Preview
Loading…
Cancel
Save