telphone

应勤:13867444628
周杰 23:39:41
张帝民:13867444622
皮皮-剑Xu 23:39:55
张帝民好像不太熟
周杰 23:40:23
欧丽娟:15858100542
<!-- --> <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: checkTelphone, */ 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> 上面这部分代码中实现将网页输入的信息清空的代码是哪一部分
08-01
采用PyQt5框架与Python编程语言构建图书信息管理平台 本项目基于Python编程环境,结合PyQt5图形界面开发库,设计实现了一套完整的图书信息管理解决方案。该系统主要面向图书馆、书店等机构的日常运营需求,通过模块化设计实现了图书信息的标准化管理流程。 系统架构采用典型的三层设计模式,包含数据存储层、业务逻辑层和用户界面层。数据持久化方案支持SQLite轻量级数据库与MySQL企业级数据库的双重配置选项,通过统一的数据库操作接口实现数据存取隔离。在数据建模方面,设计了包含图书基本信息、读者档案、借阅记录等核心数据实体,各实体间通过主外键约束建立关联关系。 核心功能模块包含六大子系统: 1. 图书编目管理:支持国际标准书号、中国图书馆分类法等专业元数据的规范化著录,提供批量导入与单条录入两种数据采集方式 2. 库存动态监控:实时追踪在架数量、借出状态、预约队列等流通指标,设置库存预警阈值自动提醒补货 3. 读者服务管理:建立完整的读者信用评价体系,记录借阅历史与违规行为,实施差异化借阅权限管理 4. 流通业务处理:涵盖借书登记、归还处理、续借申请、逾期计算等标准业务流程,支持射频识别技术设备集成 5. 统计报表生成:按日/月/年周期自动生成流通统计、热门图书排行、读者活跃度等多维度分析图表 6. 系统维护配置:提供用户权限分级管理、数据备份恢复、操作日志审计等管理功能 在技术实现层面,界面设计遵循Material Design设计规范,采用QSS样式表实现视觉定制化。通过信号槽机制实现前后端数据双向绑定,运用多线程处理技术保障界面响应流畅度。数据验证机制包含前端格式校验与后端业务规则双重保障,关键操作均设有二次确认流程。 该系统适用于中小型图书管理场景,通过可扩展的插件架构支持功能模块的灵活组合。开发过程中特别注重代码的可维护性,采用面向对象编程范式实现高内聚低耦合的组件设计,为后续功能迭代奠定技术基础。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值