解决前端Vue数据绑定诸多问题

This commit is contained in:
2018-04-05 11:06:35 +08:00
parent b55b735bb2
commit 0c182a4375
9 changed files with 101 additions and 28 deletions

View File

@@ -125,27 +125,42 @@
</el-button>
</el-form-item>
<el-form-item label="提交作业">
<el-upload class="upload-demo" ref="upload"
:action="uploadURL(props.row)"
:on-preview="handlePreview"
:on-remove="handleRemove" :file-list="fileList" :auto-upload="false"
name="imageFile">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success"
@click="submitUpload">
上传到服务器
</el-button>
<div slot="tip" class="el-upload__tip">上传文件大小不能超过100Mb</div>
</el-upload>
<el-upload class="upload-demo" ref="upload"
:action="uploadURL(props.row)"
:on-preview="handlePreview"
:on-remove="handleRemove" :file-list="fileList"
:auto-upload="false"
name="imageFile">
<div id="btn-group" v-show="isShow">
<el-button slot="trigger" size="small" type="primary">
选取文件
</el-button>
<el-button style="margin-left: 10px;" size="small"
type="success"
@click="submitUpload">
上传到服务器
</el-button>
<div slot="tip" class="el-upload__tip">上传文件大小不能超过100Mb
</div>
</div>
<div id="btn-show" v-show="!isShow">
<el-alert
title="作业提交已截止"
type="error"
center
show-icon>
</el-alert>
</div>
</el-upload>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column label="科目" prop="coursename" sortable>
</el-table-column>
<el-table-column label="内容" prop="workname"sortable>
<el-table-column label="内容" prop="workname" sortable>
</el-table-column>
<el-table-column label="提交时间" prop="worktime"sortable>
<el-table-column label="提交时间" prop="worktime" sortable>
</el-table-column>
<!--<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
@@ -237,7 +252,7 @@
<el-table-column prop="colfilesize" label="大小" width="80">
</el-table-column>
<el-table-column prop="coltime" label="上传时间">
</el-table-column>
</el-table-column>
<el-table-column prop="courseName" label="课程名">
</el-table-column>
<el-table-column prop="workFolder" label="作业名">
@@ -248,7 +263,9 @@
size="small">
下载
</el-button>
<el-button type="danger" plain size="small" @click="handleDelete(scope.row)">删除</el-button>
<el-button type="danger" plain size="small"
@click="handleDelete(scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table-column>

View File

@@ -47,9 +47,11 @@
<h4>添加课程</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="课程名">
<el-autocomplete class="inline-input" v-model="state1"
:fetch-suggestions="querySearchAsync" placeholder="课程名"
@select="handleSelect"></el-autocomplete>
<el-select placeholder="请选择课程" v-model="courseList.courseName">
<el-option v-for="course in courseList" :value="course.courseName" :label="course.courseName">{{course.courseName}}</el-option>
<!--<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>-->
</el-select>
</el-form-item>
<el-form-item label="教师名">
<el-autocomplete class="inline-input" v-model="state2"