<!-- -->
<template>
<div id="teacherinfoimport"
class="teacherinfoimport">
<el-form label-position="left"
label-width="140px"
:model="teacherinfo"
class="demo-ruleForm"
:rules="rules"
:blur="workcompleteornot()"
name="teacherinfo"
ref="teacherinfo">
<!-- 图片导入 -->
<el-form-item>
<el-upload action="#"
:on-remove="handleRemove"
:file-list="files.photo"
:limit="1"
:on-change="PhotoChange"
:auto-upload="false"
style="width:20%;position:relative;left:30%;height:0px"
list-type="picture">
<el-button size="small"
type="primary">点击上传照片(单张)</el-button>
</el-upload>
</el-form-item>
<!-- 老师姓名 -->
<el-form-item label="姓名："
prop="teacher">
<el-input v-model="teacherinfo.teacher"
size="small"
maxlength="20"
placeholder="老师姓名"
style="width:120px;"
id="teacher"></el-input>
</el-form-item>
<!-- 老师性别 -->
<el-form-item label="性别："
prop="gender">
<el-radio-group v-model="teacherinfo.gender">
<el-radio :label=0>男</el-radio>
<el-radio :label=1>女</el-radio>
</el-radio-group>
</el-form-item>
<!-- 老师生日 -->
<el-form-item label="出生日期："
prop="birthdate">
<el-date-picker type="date"
placeholder="选择出生日期"
:clearable='false'
size="small"
value-format="yyyy-MM-dd"
v-model="teacherinfo.birthdate"
style="width: 12%;"
id="birthdate"></el-date-picker>
</el-form-item>
<!-- 联系方式 -->
<el-form-item label="联系方式:"
prop="
telphone">
<el-input v-model="teacherinfo.
telphone"
size="small"
style="width:220px;"
placeholder="座机/手机/邮箱"
id="
telphone"></el-input>
</el-form-item>
<!-- 办公地址 -->
<el-form-item label="办公地址:"
prop="officelocation">
<el-input v-model="teacherinfo.officelocation"
size="small"
style="width:220px;"
placeholder="请输入办公室地址"></el-input>
</el-form-item>
<!-- 科研院所 -->
<el-form-item label="科研院所:"
prop="school">
<el-autocomplete popper-class="my-autocomplete"
v-model="teacherinfo.school"
:fetch-suggestions="querySearch"
size="small"
style="width:220px"
placeholder="学校/科研单位"
id="school">
<template slot-scope="{ item }">
<div class="name">{{ item.value }}</div>
</template>
</el-autocomplete>
</el-form-item>
<!-- 学院系别 -->
<el-form-item label="学院系别:"
prop="department">
<el-autocomplete popper-class="my-autocomplete"
v-model="teacherinfo.department"
:fetch-suggestions="querydepartments"
size="small"
style="width:220px"
placeholder="学院/系/专业/室"
id="department">
<template slot-scope="{ item }">
<div class="name">{{ item.value }}</div>
</template>
</el-autocomplete>
</el-form-item>
<!-- 职务/职称 -->
<el-form-item label="职称/职务："
prop="title">
<el-input v-model="teacherinfo.title"
size="small"
placeholder="教授/研究院/院长等"
style="width:220px;"
id="title"></el-input>
</el-form-item>
<!-- 团队成员 -->
<el-form-item label="团队成员："
prop="groupmember">
<el-input v-model="teacherinfo.groupmember"
size="small"
placeholder="多少人（硕士人数，博士人数）"
style="width:320px;"
id="groupmember"></el-input>
</el-form-item>
<!-- 研究方向 -->
<el-form-item label="研究方向："
prop="researchdirector">
<el-input type="textarea"
placeholder="请输入内容"
:autosize="{ minRows: 7, maxRows: 7}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.researchdirector"
id="researchdirector"
maxlength="500"
show-word-limit>
</el-input>
</el-form-item>
<!-- 技术专长 -->
<el-form-item label="技术专长："
prop="expertise">
<el-input v-model="teacherinfo.expertise"
size="small"
placeholder="请输入技术专长"
style="width:320px;"
id="expertise"></el-input>
</el-form-item>
<!-- 技术领域 -->
<el-form-item label="技术领域："
prop="field">
<el-input v-model="teacherinfo.field"
size="small"
placeholder="器件，材料，算法，设备，硬件+算法，医学"
style="width:320px;"
id="field"></el-input>
</el-form-item>
<!-- 工作经历 -->
<el-form-item label="工作经历："
prop="experience">
<el-input type="textarea"
placeholder="请输入工作经历"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.experience"
maxlength="1000"
show-word-limit
id="experience">
</el-input>
</el-form-item>
<!-- 获奖荣誉 -->
<el-form-item label="获奖荣誉："
prop="honor">
<el-input type="textarea"
placeholder="请输入获奖荣誉"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.honor"
maxlength="500"
show-word-limit
id="honor">
</el-input>
</el-form-item>
<!-- 纵向项目经历 -->
<el-form-item label="纵向项目经历："
prop="longitudinal">
<el-input type="textarea"
placeholder="按条目，项目名称-金额-合作单位-技术指标-产业化"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.longitudinal"
maxlength="250"
show-word-limit
id="longitudinal">
</el-input>
</el-form-item>
<!-- 横向项目经历 -->
<el-form-item label="横向项目经历："
prop="crossing">
<el-input type="textarea"
placeholder="按条目，项目名称-金额-合作单位-技术指标-产业化"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.crossing"
maxlength="250"
show-word-limit
id="crossing">
</el-input>
</el-form-item>
<!-- 代表论文/专利 -->
<el-form-item label="代表论文/专利："
prop="papersandpatent">
<el-input type="textarea"
placeholder="按条目，名称-期刊"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:450px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.papersandpatent"
maxlength="500"
show-word-limit
id="papersandpatent">
</el-input>
</el-form-item>
<!-- 科研成果 -->
<el-form-item label="科研成果："
prop="achievements">
<el-input type="textarea"
placeholder="按照1/2/3/4;成果状态：无Demo/Demo实验室阶段/中试/量产;成熟度1~9；合作情况：单位/产权情况"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.achievements"
maxlength="500"
show-word-limit
id="achievements">
</el-input>
</el-form-item>
<!-- 科研成果文件 -->
<el-form-item label="科研成果文件：">
<!-- 上传文件按钮 -->
<el-upload style=" margin-right:2%;width:650px"
action="#"
ref="fileupload"
accept="application/pdf"
:multiple="false"
:limit="2"
:on-change="achievementschange"
:on-remove="achievementsremove"
:file-list="files.achievementspdf"
:auto-upload="false"
:show-file-list="true">
<el-button size="small"
type="primary"
round
plain>科研成果文件(PDF,限一个,20M以内)
</el-button>
</el-upload>
</el-form-item>
<!-- 实验室设备 -->
<el-form-item label="实验室设备："
prop="instruments">
<el-input v-model="teacherinfo.instruments"
size="small"
style="width:420px;"
placeholder="主要设备/工艺能力/参数"
id="instruments"></el-input>
</el-form-item>
<!-- 当前创业情况 -->
<el-form-item label="当前创业情况："
prop="companies">
<el-input v-model="teacherinfo.companies"
size="small"
style="width:420px;"
placeholder="兼职/创业情况"
id="companies"></el-input>
</el-form-item>
<!-- 是否推荐 -->
<el-form-item label="是否推荐："
prop="recommedation">
<el-radio-group v-model="teacherinfo.recommedation">
<el-radio :label=0>否</el-radio>
<el-radio :label=1>是</el-radio>
</el-radio-group>
</el-form-item>
<!-- 推荐卡文件 -->
<el-form-item label="推荐卡文件：">
<!-- 上传文件按钮 -->
<el-upload style=" margin-right:2%;width:650px"
action="#"
ref="fileupload"
accept="application/pdf"
:multiple="false"
:limit="2"
:on-change="recommedationchange"
:on-remove="recommedationremove"
:file-list="files.recommedationpdf"
:auto-upload="false"
:show-file-list="true">
<el-button size="small"
type="primary"
round
plain>推荐卡(PDF,限一个,20M以内)
</el-button>
</el-upload>
</el-form-item>
<!-- 拜访情况 -->
<el-form-item label="拜访情况："
prop="visittimes">
<el-input-number v-model="teacherinfo.visittimes"
:min="0"
label="拜访情况"></el-input-number>
</el-form-item>
<!-- 拜访情况文件 -->
<el-form-item label="拜访情况文件：">
<!-- 上传文件按钮 -->
<el-upload style=" margin-right:2%;width:650px"
action="#"
ref="fileupload"
accept="application/pdf"
:multiple="false"
:limit="2"
:on-change="visitexcelchange"
:on-remove="visitexcelremove"
:file-list="files.visitexcelpdf"
:auto-upload="false"
:show-file-list="true">
<el-button size="small"
type="primary"
round
plain>会议纪要(PDF,限一个,20M以内)
</el-button>
</el-upload>
</el-form-item>
<!-- 合作项目个数 -->
<el-form-item label="合作项目个数："
prop="cooprojectscount">
<el-input-number v-model="teacherinfo.cooprojectscount"
:min="0"
label="拜访情况"></el-input-number>
</el-form-item>
<!-- 与BOE合作项目 -->
<el-form-item label="与BOE合作项目："
prop="cooperationwithboe">
<el-input type="textarea"
placeholder="项目名称/日期/合作组织/项目简介/PM"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.cooperationwithboe"
maxlength="250"
show-word-limit
id="cooperationwithboe">
</el-input>
</el-form-item>
<!-- 人物画像 -->
<el-form-item label="人物画像："
prop="portrait">
<el-input type="textarea"
placeholder="老师人物心理画像"
:autosize="{ minRows: 6, maxRows: 6}"
style="width:650px;margin-top:1%;font-weight:normal"
v-model="teacherinfo.portrait"
maxlength="250"
show-word-limit
id="portrait">
</el-input>
</el-form-item>
<!-- 老师合作意愿 -->
<el-form-item label="合作意愿："
prop="cooperativewillingness">
<el-rate v-model="teacherinfo.cooperativewillingness"
show-text
style="padding-top:0.7%"
:texts="['极低','低','中','高','极高']">
</el-rate>
</el-form-item>
<!-- 团队实力 -->
<el-form-item label="团队实力："
prop="teamstrength">
<el-rate v-model="teacherinfo.teamstrength"
show-text
style="padding-top:0.7%"
:texts="['极低','低级','中级','高级','顶级']">
</el-rate>
</el-form-item>
<!-- 合作度 -->
<el-form-item label="合作度："
prop="cooperationdegree">
<el-rate v-model="teacherinfo.cooperationdegree"
show-text
:max="10"
style="padding-top:0.7%"
:texts="['1','2','3','4','5','6','7','8','9','10']">
</el-rate>
</el-form-item>
<!-- 是否对接BOE需求 -->
<el-form-item label="是否对接BOE需求："
prop="dockingboerequest">
<el-radio-group v-model="teacherinfo.dockingboerequest">
<el-radio :label=0>否</el-radio>
<el-radio :label=1>是</el-radio>
</el-radio-group>
</el-form-item>
<!-- 备注 -->
<el-form-item label="备注："
prop="remark">
<el-input v-model="teacherinfo.remark"
size="small"
placeholder="对接BOE何需求/轶事/口碑"
style="width:650px;"
id="remark"></el-input>
</el-form-item>
<div class="submitClass">
<div class="info">
<b>填写提示：</b>
<p>
1. 带
<span style="color:red">*</span> 为必填项
</p>
<p>
2. 部分信息会有初始值，若不填写，将按初始值导入
</p>
</div>
<b>
填写进度：
</b>
<el-progress :percentage="percentage"
status="success"
style="margin-top:3%;margin-bottom:3%"
:text-inside="true"
:stroke-width="15"></el-progress>
<el-form-item>
<el-button icon="el-icon-upload2"
size="small"
plain
type="primary"
round
style="margin-right:2%"
@click="onSubmit">信息上传</el-button>
</el-form-item>
</div>
</el-form>
</div>
</template>
<script>
import { request } from "../../network/request";
export default {
data () {
return {
schools: [],
departments: [],
percentage: 0,
disabled: false,
files: {
photo: [],
achievementspdf: [],
recommedationpdf: [],
visitexcelpdf: [],
},
dialogImageUrl: "",
dialogVisible: false,
teacherinfo: {
teacher: '',
gender: 0,
birthdate: '',
telphone: '',
officelocation: '',
school: '',
department: '',
title: '',
photoname: '',
groupmember: '',
researchdirector: '',
expertise: '',
field: '',
experience: '',
honor: '',
longitudinal: '',
crossing: '',
papersandpatent: '',
achievements: '',
achievementspdf: '',
instruments: '',
companies: '',
recommedation: 0,
recommedationpdf: '',
visittimes: 0,
visitexcel: '',
cooprojectscount: 0,
cooperationwithboe: '',
portrait: '',
cooperativewillingness: null,
teamstrength: null,
cooperationdegree: null,
remark: '',
dockingboerequest: 0
},
rules: { //提示规则
teacher: [
{ required: true, message: '请输入老师姓名', trigger: 'blur' },
],
gender: [
{ required: true, },
],
birthdate: [
{ type: 'string', required: true, message: '请选择出生日期', trigger: 'blur' }
],
telphone: [{ required: true, message: '请输入联系方式', /* validator: check
Telphone, */ trigger: 'blur' }],
officelocation: [{ required: false, },],
school: [{ required: true, message: '请输入科研院所', trigger: 'change' },],
department: [{ required: true, message: '请输入学院系别', trigger: 'change' },],
title: [{ required: true, message: '请输入职称', trigger: 'blur' },],
groupmember: [{ required: true, message: '请输入团队成员', trigger: 'blur' },],
researchdirector: [{ required: true, message: '请输入研究方向', trigger: 'blur' },],
expertise: [{ required: true, message: '请输入技术专长', trigger: 'blur' },],
field: [{ required: true, message: '请输入技术领域', trigger: 'blur' },],
experience: [{ required: false, },],
honor: [{ required: false, },],
longitudinal: [{ required: true, message: '请输入纵向项目经历', trigger: 'blur' },],
crossing: [{ required: true, message: '请输入横向项目经历', trigger: 'blur' },],
papersandpatent: [{ required: false, },],
achievements: [{ required: true, message: '请输入科研成果', trigger: 'blur' },],
instruments: [{ required: false, },],
companies: [{ required: false, },],
recommedation: [{ required: true, },],
visittimes: [{ required: true, },],
cooprojectscount: [{ required: true, },],
cooperationwithboe: [{ required: true, message: '请输入与BOE合作项目', trigger: 'blur' },],
portrait: [{ required: false, },],
cooperativewillingness: [{ required: false, },],
teamstrength: [{ required: false, },],
cooperationdegree: [{ required: false, },],
remark: [{ required: false, },],
dockingboerequest: [{ required: true, },],
}
}
},
methods: {
//科研院所的输入建议
querySearch (queryString, cb) {
var schools = this.schools;
var results = queryString ? schools.filter(this.createFilter(queryString)) : schools;
// 调用 callback 返回建议列表的数据
cb(results);
},
createFilter (queryString) {
return (labelValue) => {
return (labelValue.value.toLowerCase().indexOf(queryString.toLowerCase()) >= 0);
};
},
// 学院系别的输入建议
querydepartments (queryString, cb) {
let department = [];
for (let i = 0; i < this.departments.length; i++) {
let label = this.departments[i].label
if (this.teacherinfo.school === label) {
department = this.departments[i].labels;
break;
}
}
if (department.length === 0) department = [{ 'value': '无匹配输入建议' }]
var results = queryString ? department.filter(this.createFilter(queryString)) : department;
clearTimeout(this.timeout);
this.timeout = setTimeout(() => {
cb(results);
}, 1000 * Math.random());
},
//锚点设置，不满足提交条件则快速定位到页面
Formarchor (rule, callback) {
this.$refs["teacherinfo"].validate((valid, dom) => {
if (valid) {//验证通过
callback(true);
} else { //验证未通过
for (let key of Object.keys(dom)) {
//获取ref dom 点进行锚点定位
let section = document.getElementById(key);
section.scrollIntoView();
break;
}
callback(false);
}
})
},
onSubmit () {
let check = false;
this.Formarchor('', (res) => {
check = !res;
});//填写表单验证是否通过
if (check) {
return; //返回，不执行下面的提交代码
}
// 信息传输,不包括文件
// 服务方式 创建加载中
let loadingText = '教师信息上传中...';
const loading = this.$loading({
lock: true,
text: loadingText,
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
let config = {
url: "/teacher/teacherinfo/uploadteacherinfo",
method: "post",
headers: {
'Content-Type': 'application/json'
},
data: this.teacherinfo
}
request(config).then(
res => {
let type = res.data.success == true ? "success" : "error"
this.$message({
showClose: true,
message: res.data.msg,
type: type
});
if (res.data.success) { //信息导入成功，开始文件传输
let id = res.data.data.id;
let teacher = res.data.data.teacher;
let gender = res.data.data.gender;
let birthdate = res.data.data.birthdate;
//提交成功，把表单给重置一下
Object.assign(this.$data.teacherinfo, this.$options.data().teacherinfo);
//图片文件
if (this.files.photo.length != 0) { //有图片文件，进行图片上传
loadingText = '图片上传中...';
this.uploadFile(this.files.photo.pop(), "照片", id, teacher, gender, birthdate);
}
if (this.files.achievementspdf.length != 0) {
loadingText = '科研文件上传中...';
this.uploadFile(this.files.achievementspdf.pop(), "科研", id, teacher, gender, birthdate);
}
if (this.files.recommedationpdf.length != 0) {
loadingText = '推荐卡上传中...';
this.uploadFile(this.files.recommedationpdf.pop(), "推荐", id, teacher, gender, birthdate);
}
if (this.files.visitexcelpdf.length != 0) {
loadingText = '会议文件上传中...';
// for (let i = 0; i < this.files.visitexcel.length; i) {
this.uploadFile(this.files.visitexcelpdf.pop(), "会议", id, teacher, gender, birthdate);
// }
}
}
}
)
loading.close();
},
//老师文件的上传
uploadFile (file, fileType, id, teacher, gender, birthdate) {
let param = new FormData(); //form 表单
param.append("file", file.raw);
param.append("fileType", fileType);
param.append("id", id);
param.append("teacher", teacher);
param.append("gender", gender);
param.append("birthdate", birthdate);
let config = { //multipart/form-data
headers: {
'Content-Type': 'multipart/form-data'
},
url: "/teacher/teacherinfo/uploadteacherfile",
method: "post",
data: param
}
request(config).then(
res => {
let type = res.data.success ? "success" : "error";
this.$message({
showClose: true,
message: res.data.msg,
type: type,
duration: 12000
});
}
)
},
//计算填写进度
workcompleteornot () {
let totoalCount = 25;
let successCount = 0;
if (this.teacherinfo.teacher != '') successCount++;
if (this.teacherinfo.birthdate != '') successCount++;
if (this.teacherinfo.
telphone != '') successCount++;
if (this.teacherinfo.officelocation != '') successCount++;
if (this.teacherinfo.school != '') successCount++;
if (this.teacherinfo.department != '') successCount++;
if (this.teacherinfo.title != '') successCount++;
if (this.teacherinfo.groupmember != '') successCount++;
if (this.teacherinfo.researchdirector != '') successCount++;
if (this.teacherinfo.expertise != '') successCount++;
if (this.teacherinfo.field != '') successCount++;
if (this.teacherinfo.experience != '') successCount++;
if (this.teacherinfo.honor != '') successCount++;
if (this.teacherinfo.longitudinal != '') successCount++;
if (this.teacherinfo.crossing != '') successCount++;
if (this.teacherinfo.papersandpatent != '') successCount++;
if (this.teacherinfo.achievements != '') successCount++;
if (this.teacherinfo.instruments != '') successCount++;
if (this.teacherinfo.companies != '') successCount++;
if (this.teacherinfo.cooperationwithboe != '') successCount++;
if (this.teacherinfo.portrait != '') successCount++;
if (this.teacherinfo.cooperativewillingness != '' && this.teacherinfo.cooperativewillingness != null) successCount++;
if (this.teacherinfo.teamstrength != '' && this.teacherinfo.teamstrength != null) successCount++;
if (this.teacherinfo.cooperationdegree != '' && this.teacherinfo.cooperationdegree != null) successCount++;
if (this.teacherinfo.remark != '') successCount++;
this.percentage = Math.ceil((successCount / totoalCount) * 100);
},
//获得科研院所和学院系别
loadAll () {
let config = {
url: '/teacher/teacherinfo/schoolanddepartment',
method: 'post',
}
request(config).then(
res => {
this.schools = res.data.data[0];
this.departments = res.data.data[1];
},
).catch(
err => {
this.$message({
showClose: true,
message: "获取科研院所和学院系别失败",
type: "error"
});
}
)
},
//科研成果PDF添加
achievementschange (file, fileList) {
//验证文件格式
let fileinfo = fileList.pop();
let name = fileinfo.name;
let type = name.substring(name.lastIndexOf('.'), name.length);
let size = fileinfo.size / 1024;
if (type.toLowerCase() === '.pdf' && size < 20000) {
this.files.achievementspdf.push(fileinfo);
this.teacherinfo.achievementspdf = name + ";"; // 设置pdf名字 ,加 ；后面展示解析使用
} else {
this.$message({
showClose: true,
message: "请选择PDF文件上传,文件大小20M以内",
type: "error"
});
}
},
//科研成果PDF删除
achievementsremove (file, fileList) {
this.files.achievementspdf.pop();
this.teacherinfo.achievementspdf = '';
},
//推荐卡PDF添加
recommedationchange (file, fileList) {
let fileinfo = fileList.pop();
let name = fileinfo.name;
let type = name.substring(name.lastIndexOf('.'), name.length);
let size = fileinfo.size / 1024;
if (type.toLowerCase() === '.pdf' && size < 20000) {
this.files.recommedationpdf.push(fileinfo);
this.teacherinfo.recommedationpdf = name + ";";
} else {
this.$message({
showClose: true,
message: "请选择PDF文件上传,文件大小20M以内",
type: "error"
});
}
},
//推荐卡PDF删除
recommedationremove (file, fileList) {
this.files.recommedationpdf.pop();
this.teacherinfo.recommedationpdf = '';
},
//会议纪要pdf文件添加
visitexcelchange (file, fileList) {
let fileinfo = fileList.pop();
let name = fileinfo.name;
let type = name.substring(name.lastIndexOf('.'), name.length);
let size = fileinfo.size / 1024;
if (type.toLowerCase() === '.pdf' && size < 20000) {
this.files.visitexcelpdf.push(fileinfo);
this.teacherinfo.visitexcelpdf = name + ";";
} else {
this.$message({
showClose: true,
message: "请选择PDF文件上传,文件大小20M以内",
type: "error"
});
}
},
//会议纪要PDF删除
visitexcelremove (file, fileList) {
this.files.visitexcelpdf.pop();
this.teacherinfo.visitexcelpdf = '';
},
// visitexcelchange (file, fileList) {
// let name = '';
// for (let i = 0; i < fileList.length; i++) {
// let fileinfo = fileList[i];
// let path = fileinfo.name;
// var reg = /^.*\.(?:xls|xlsx)$/i;//文件名可以带空格
// if (!reg.test(path)) {//校验不通过
// fileList.splice(i);
// this.$message({
// showClose: true,
// message: "请选择EXCEL文件上传",
// type: "error"
// });
// } else {
// name += path + ";"; // 添加excel名字
// }
// }
// this.files.visitexcel = fileList;
// this.teacherinfo.visitexcel = name; // excel赋值
// },
// //excel文件删除
// visitexcelremove (file, fileList) {
// this.files.visitexcel = fileList;
// let name = "";
// for (let i = 0; i < fileList.length; i++) {
// let fileinfo = fileList[i];
// let path = fileinfo.name;
// name += path + ";";
// }
// this.teacherinfo.visitexcel = name; // excel赋值
// },
PhotoChange (file, fileList) {
let reg = /.+(\.jpg|\.jpeg|\.png)$/i;
let photoFile = fileList.pop();
let filename = photoFile.name;
let fileSize = photoFile.size / 1024;
if (reg.test(filename) && fileSize < 65) {
this.files.photo.push(photoFile);
this.teacherinfo.photoname = filename;
} else {
this.$message({
showClose: true,
message: "请选择图片上传,图片大小65KB以内",
type: "error"
});
}
},
// 图片上的删除按钮
handleRemove (file) {
this.files.photo.shift();
this.teacherinfo.photoname = '';
},
},
mounted () {
this.loadAll();
},
}
</script>
<style scoped >
.teacherinfoimport {
margin-left: 1%;
font-family: '微软雅黑';
font-weight: bold;
}
.el-form-item {
margin-bottom: 1%;
}
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
font-size: 90%;
padding: 0px;
margin: -1%;
}
.submitClass {
position: fixed;
top: 15%;
right: 8%;
font-size: 90%;
transition: all 0.2s ease-in;
color: #00a2ff;
background: #f7f7f7;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
-webkit-transform: translate3d(0, 0px, -2px);
transform: translate3d(0, 1px, -2px);
padding: 15px;
}
</style>
上面这部分代码中实现将网页输入的信息清空的代码是哪一部分
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
