|
|
|
@ -4,9 +4,31 @@ |
|
|
|
<div class="client_flex-common flex-common" id=""> |
|
|
|
<div class="before_h_title mb24">基本信息</div> |
|
|
|
<el-form :model="coverInfo" ref="baseInfoRef"> |
|
|
|
<GuipInput v-model="coverInfo.school" :client-form-flex="true" label="所属学校" width="356px" /> |
|
|
|
<GuipRadio :options="collegeList" v-model="coverInfo.college" :client-form-flex="true" label="学院" /> |
|
|
|
<GuipInput v-model="coverInfo.college_name" label="学院名称" :client-form-flex="true" width="356px" /> |
|
|
|
<div class="flex-label mb24"> |
|
|
|
<div class="label-text">所属学校</div> |
|
|
|
<div class="colon">：</div> |
|
|
|
<el-autocomplete |
|
|
|
class="autoInput" |
|
|
|
slot="formDom" |
|
|
|
v-model="coverInfo.school_name" |
|
|
|
:fetch-suggestions="querySearchAsync" |
|
|
|
placeholder="请输入学校名称" |
|
|
|
@select="handleSelect" |
|
|
|
:debounce="300" |
|
|
|
:loading="loading" |
|
|
|
> |
|
|
|
<!-- 自定义下拉选项 --> |
|
|
|
<template #default="{ item }"> |
|
|
|
<div class="flex-between school-option"> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
<img src="@/assets/site/dropdown_chose_ic.svg" alt="" v-if="item.id == coverInfo.school"> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-autocomplete> |
|
|
|
</div> |
|
|
|
<!-- <GuipInput v-model="coverInfo.school" :client-form-flex="true" label="所属学校" width="356px" /> --> |
|
|
|
<GuipRadio :options="collegeList" v-model="coverInfo.collegeId" :client-form-flex="true" label="学院" /> |
|
|
|
<GuipInput v-if="coverInfo.collegeId == '1'" v-model="coverInfo.college" label="学院名称" :client-form-flex="true" width="356px" /> |
|
|
|
<GuipRadio :options="qualificationList" v-model="coverInfo.degree" label="学历" :client-form-flex="true" /> |
|
|
|
<GroupFormBtns cancelText="重置" @cancel="cancelClick('baseInfoRef')" flex="start" |
|
|
|
@confirm="submitCoverInfo" /> |
|
|
|
@ -59,6 +81,7 @@ export default { |
|
|
|
qrcode_path: '' |
|
|
|
}, |
|
|
|
coverInfo: { |
|
|
|
school_name:'' |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
name: [ |
|
|
|
@ -75,47 +98,83 @@ export default { |
|
|
|
value: '1' |
|
|
|
} |
|
|
|
], |
|
|
|
qualificationList: [// 学历列表 |
|
|
|
{ |
|
|
|
label: '专科', |
|
|
|
value: '1' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '本科', |
|
|
|
value: '2' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '硕士', |
|
|
|
value: '3' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '博士', |
|
|
|
value: '4' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '继续教育', |
|
|
|
value: '5' |
|
|
|
}, |
|
|
|
], |
|
|
|
qualificationList: null, |
|
|
|
formData: new FormData(), |
|
|
|
editInfo:{},//当前编辑的模板信息 |
|
|
|
template_id: '',//当前模板id |
|
|
|
timeout: null, |
|
|
|
loading:false, |
|
|
|
lastSearchKeyword:'', |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
const editInfo = JSON.parse(localStorage.getItem('curtplInfo')) || ''; |
|
|
|
this.editInfo = this.coverInfo = editInfo; |
|
|
|
if(editInfo){ |
|
|
|
this.editInfo = JSON.parse(JSON.stringify(editInfo)); |
|
|
|
this.coverInfo = { |
|
|
|
school:editInfo.school_name, |
|
|
|
college:editInfo.college_id, |
|
|
|
college_name:editInfo.college_name, |
|
|
|
school:editInfo.school_id, |
|
|
|
school_name:editInfo.school_name, |
|
|
|
collegeId:editInfo.college_id, |
|
|
|
college:editInfo.college_name, |
|
|
|
degree:editInfo.degree_id, |
|
|
|
// qrcode_path:editInfo.cover_img |
|
|
|
} |
|
|
|
this.template_id = editInfo.id; |
|
|
|
} |
|
|
|
this.getCoverInfo(); |
|
|
|
this.getStatusList() //缺学历下拉列表 |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleSelect(item) { |
|
|
|
console.log('选中:', item); |
|
|
|
this.$emit('select', item); |
|
|
|
this.coverInfo.school = item.id; |
|
|
|
this.coverInfo.school_name = item.name; |
|
|
|
console.log(this.coverInfo.school,this.coverInfo.school_name,'==='); |
|
|
|
}, |
|
|
|
querySearchAsync(queryString, callback) { |
|
|
|
const keyword = queryString && queryString.trim(); |
|
|
|
|
|
|
|
// 如果搜索内容为空或与上次相同，直接返回 |
|
|
|
if (!keyword || keyword === this.lastSearchKeyword) { |
|
|
|
callback([]); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
this.lastSearchKeyword = keyword; |
|
|
|
this.loading = true; |
|
|
|
|
|
|
|
// 使用防抖 |
|
|
|
clearTimeout(this.timeout); |
|
|
|
this.timeout = setTimeout(() => { |
|
|
|
this.getSchoolSearchList(keyword, callback); |
|
|
|
}, 300); |
|
|
|
}, |
|
|
|
getSchoolSearchList(keyword, callback) { |
|
|
|
try { |
|
|
|
this.$http('POST', '/supernew/ajax_get_paiban_schools', { |
|
|
|
keyword |
|
|
|
}).then(response => { |
|
|
|
if(response.status){ |
|
|
|
const data = response.data || []; |
|
|
|
|
|
|
|
if (data.length === 0) { |
|
|
|
// this.$Message.info('未找到相关学校') |
|
|
|
} |
|
|
|
callback(data); |
|
|
|
}else{ |
|
|
|
callback([]); |
|
|
|
} |
|
|
|
}).catch(error => { |
|
|
|
this.$Message.info('搜索学校列表失败') |
|
|
|
callback([]); |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
} catch (error) { |
|
|
|
console.error('数据加载失败:', error) |
|
|
|
} |
|
|
|
}, |
|
|
|
async getCoverInfo(){ |
|
|
|
// this.$http('POST', '/supernew/ajax_get_paiban_template_list', {}, { |
|
|
|
// }).then(response => { |
|
|
|
@ -131,6 +190,19 @@ export default { |
|
|
|
// console.error(error, 'error') |
|
|
|
// }) |
|
|
|
}, |
|
|
|
getStatusList() { |
|
|
|
try { |
|
|
|
this.$http('POST', '/supernew/ajax_get_paiban_degrees', { |
|
|
|
}).then(response => { |
|
|
|
this.qualificationList = response.data |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
} catch (error) { |
|
|
|
console.error('数据加载失败:', error) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
cancelClick(formName) { |
|
|
|
this.$refs[formName].resetFields(); |
|
|
|
}, |
|
|
|
@ -174,19 +246,32 @@ export default { |
|
|
|
handleConfirmConfirm(){ |
|
|
|
let props={ |
|
|
|
school: this.coverInfo.school, |
|
|
|
college: this.coverInfo.college, |
|
|
|
college: this.coverInfo.collegeId == '1' ? this.editInfo.college_name : '-1', |
|
|
|
degree: this.coverInfo.degree, |
|
|
|
// 缺乏一个参数 |
|
|
|
} |
|
|
|
let url = '/supernew/ajax_add_paiban_template' |
|
|
|
if(this.template_id){ |
|
|
|
props.template_id = this.template_id; |
|
|
|
url ='/supernew/ajax_update_paiban_template_info' |
|
|
|
} |
|
|
|
if(this.coverInfo.school){ |
|
|
|
props.school = this.coverInfo.school; |
|
|
|
} |
|
|
|
try { |
|
|
|
this.$http('POST', '/supernew/ajax_update_paiban_template_info', { |
|
|
|
this.$http('POST', url, { |
|
|
|
...props, |
|
|
|
template_id: this.template_id |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
this.getList() |
|
|
|
if(props.template_id){ |
|
|
|
let obj = { |
|
|
|
...this.editInfo, |
|
|
|
...props, |
|
|
|
}; |
|
|
|
localStorage.setItem('curtplInfo', JSON.stringify(obj)) |
|
|
|
} |
|
|
|
this.template_id = response.data.template_id |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
@ -200,27 +285,29 @@ export default { |
|
|
|
}, |
|
|
|
// 保存模板配置 |
|
|
|
submitFun() { |
|
|
|
let props = { |
|
|
|
configdata:{ |
|
|
|
school: this.coverInfo.school, |
|
|
|
college: this.coverInfo.college, |
|
|
|
degree: this.coverInfo.degree, |
|
|
|
}, |
|
|
|
template_id: this.template_id |
|
|
|
} |
|
|
|
this.$http('POST', '/supernew/ajax_save_paiban_template_config', { |
|
|
|
...props |
|
|
|
}).then(response => { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (response.status) { |
|
|
|
this.$Message.success(response.info); |
|
|
|
} else { |
|
|
|
this.$Message.error(response.info); |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
// 这个还缺一个接口 |
|
|
|
|
|
|
|
// let props = { |
|
|
|
// configdata:{ |
|
|
|
// school: this.coverInfo.school, |
|
|
|
// college: this.coverInfo.college, |
|
|
|
// degree: this.coverInfo.degree, |
|
|
|
// }, |
|
|
|
// template_id: this.template_id |
|
|
|
// } |
|
|
|
// this.$http('POST', '/supernew/ajax_save_paiban_template_config', { |
|
|
|
// ...props |
|
|
|
// }).then(response => { |
|
|
|
// this.$nextTick(() => { |
|
|
|
// if (response.status) { |
|
|
|
// this.$Message.success(response.info); |
|
|
|
// } else { |
|
|
|
// this.$Message.error(response.info); |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// }).catch(error => { |
|
|
|
// console.error(error, 'error') |
|
|
|
// }) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
@ -232,4 +319,8 @@ export default { |
|
|
|
align-items: flex-start; |
|
|
|
padding: 24px 32px; |
|
|
|
} |
|
|
|
.autoInput{ |
|
|
|
width: 300px; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
zq
3 weeks ago