ma
4 years ago
28 changed files with 1185 additions and 279 deletions
@ -0,0 +1,193 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<!-- 添加 --> |
||||
|
<a-modal |
||||
|
:closable="false" |
||||
|
:title="`添加${partnerOptions.type === 1 ? '合作伙伴' : '衍生企业'} `" |
||||
|
footer |
||||
|
v-model="visible" |
||||
|
width="700px" |
||||
|
> |
||||
|
<a-form :form="form" @submit="handleSubmit"> |
||||
|
<!-- 公司名称 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司名称" |
||||
|
> |
||||
|
<a-input |
||||
|
placeholder="公司名称" |
||||
|
v-decorator="[ |
||||
|
'name', |
||||
|
{ |
||||
|
rules: [ |
||||
|
{ required: true, message: '公司名称不能为空' }, |
||||
|
{ whitespace: true, message: '公司名称不能为空' }, |
||||
|
{ max: 140, massage: '公司名称最多140个字符' }, |
||||
|
], |
||||
|
}, |
||||
|
]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- logo --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司logo" |
||||
|
required |
||||
|
> |
||||
|
<a-upload |
||||
|
:action="upload" |
||||
|
:before-upload="beforeUpload" |
||||
|
@change="handleChange" |
||||
|
list-type="picture" |
||||
|
name="files" |
||||
|
> |
||||
|
<a-button v-show="fileList.length - 0 === 0"> |
||||
|
<a-icon type="upload" />选择图片 |
||||
|
</a-button> |
||||
|
</a-upload> |
||||
|
</a-form-item> |
||||
|
<!-- 公司类型 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司类型" |
||||
|
required |
||||
|
> |
||||
|
<a-select @change="getStatus" placeholder="公司类型" style="width: 100%"> |
||||
|
<a-select-option |
||||
|
:key="index" |
||||
|
:value="item.id" |
||||
|
v-for="(item, index) in policyStatus" |
||||
|
>{{ item.value }}</a-select-option> |
||||
|
</a-select> |
||||
|
</a-form-item> |
||||
|
<!-- 公司简介 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司简介" |
||||
|
> |
||||
|
<quill-editor :max-size="maxSize" :placeholder="placeholder" @changeInput="changeInput" /> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item class="d-flex flex-row-reverse"> |
||||
|
<a-button @click="$emit('closeModal')" class="mr-3">取消</a-button> |
||||
|
<a-button class="white--text" html-type="submit" type="primary">保存</a-button> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
import { upload, backendAdd } from 'config/api'; |
||||
|
import QuillEditor from 'components/QuillEditor/QuillEditor.vue'; |
||||
|
|
||||
|
const formItemLayout = { |
||||
|
labelCol: { span: 6 }, |
||||
|
wrapperCol: { span: 16 }, |
||||
|
}; |
||||
|
const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } }; |
||||
|
export default { |
||||
|
name: 'PartnerAdd', |
||||
|
props: { visible: { type: Boolean, default: false } }, |
||||
|
components: { QuillEditor }, |
||||
|
data() { |
||||
|
return { |
||||
|
formItemLayout, |
||||
|
tailItemLayout, |
||||
|
form: this.$form.createForm(this, { name: 'activity-add' }), |
||||
|
maxSize: 2048, |
||||
|
description: '', |
||||
|
placeholder: '请输入...', |
||||
|
policyStatus: [ |
||||
|
{ id: 0, value: '高校' }, |
||||
|
{ id: 1, value: '院所' }, |
||||
|
{ id: 2, value: '企业' }, |
||||
|
], |
||||
|
typeOfTech: '', |
||||
|
upload: upload, |
||||
|
fileList: [], |
||||
|
//限制文件上传的格式和大小 |
||||
|
beforeUpload: file => { |
||||
|
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'; |
||||
|
if (!isJpgOrPng) { |
||||
|
this.$message.error('仅支持 JPG/PNG 格式的图片!'); |
||||
|
} |
||||
|
return isJpgOrPng; |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState(['partnerOptions']), |
||||
|
|
||||
|
methods: { |
||||
|
// 公司类型 |
||||
|
getStatus(value) { |
||||
|
this.typeOfTech = value; |
||||
|
}, |
||||
|
|
||||
|
// 上传文件 |
||||
|
handleChange(info) { |
||||
|
if (info.file.status === 'done') { |
||||
|
this.fileList.push(info.file.response.data[0].id); |
||||
|
} else if (info.file.status === 'removed') { |
||||
|
this.fileList = info.fileList; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 修改内容 |
||||
|
changeInput(value) { |
||||
|
this.description = value; |
||||
|
}, |
||||
|
|
||||
|
// 验证 |
||||
|
verification() { |
||||
|
const { typeOfTech, fileList } = this; |
||||
|
if (fileList.length < 1) { |
||||
|
this.$message.error('请选择公司logo'); |
||||
|
return false; |
||||
|
} |
||||
|
if (typeOfTech === '') { |
||||
|
this.$message.error('请选择公司类型'); |
||||
|
return false; |
||||
|
} |
||||
|
return true; |
||||
|
}, |
||||
|
|
||||
|
// 提交表单 |
||||
|
handleSubmit(e) { |
||||
|
e.preventDefault(); |
||||
|
this.form.validateFieldsAndScroll(async (err, values) => { |
||||
|
if (!err) { |
||||
|
try { |
||||
|
if (!this.verification()) return; |
||||
|
const { name } = values; |
||||
|
const { description, typeOfTech, fileList, partnerOptions } = this; |
||||
|
const params = { param: { name, type: partnerOptions.type, typeOfPlatform: partnerOptions.typeOfPlatform } }; |
||||
|
params.param.description = description; |
||||
|
params.param.typeOfTech = typeOfTech; |
||||
|
params.param.logo = fileList[0]; |
||||
|
const res = await backendAdd(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('添加成功'); |
||||
|
this.$emit('closeModal'); |
||||
|
} else { |
||||
|
this.$emit('closeModal'); |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '添加失败'); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,204 @@ |
|||||
|
<template> |
||||
|
<div class="main flex-1"> |
||||
|
<div style="width:100%" v-if="lists && lists.length > 0"> |
||||
|
<a-table |
||||
|
:columns="columns" |
||||
|
:data-source="lists" |
||||
|
:loading="loading" |
||||
|
:pagination="pagination" |
||||
|
:row-key="record => record.id" |
||||
|
:scroll="{ y: height }" |
||||
|
@change="handleTableChange" |
||||
|
bordered |
||||
|
class="white" |
||||
|
> |
||||
|
<template slot="id" slot-scope="text, record, index"> |
||||
|
<span>{{ index + 1 }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<!-- logo地址 --> |
||||
|
<template slot="logoUrl" slot-scope="text, record"> |
||||
|
<img :src="record.logoUrl" height="50" width="50" /> |
||||
|
</template> |
||||
|
|
||||
|
<!-- 合作关系 --> |
||||
|
<template slot="type" slot-scope="text"> |
||||
|
<span>{{ text === 1 ? '合作伙伴' : text === 2 ? '衍生企业' : '' }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<!-- 展示位置 --> |
||||
|
<template slot="typeOfPlatform" slot-scope="text"> |
||||
|
<span>{{ text === 1 ? '产业平台' : text === 2 ? '关于我们' : text === 3 ? '孵化平台' : '' }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<!-- 公司类型 --> |
||||
|
<template slot="typeOfTech" slot-scope="text"> |
||||
|
<span>{{ text === 0 ? '高校' : text === 1 ? '院所' : text === 2 ? '企业' : '' }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<template slot="edit" slot-scope="text, record"> |
||||
|
<a-icon @click="showEditModal(record)" class="pointer" theme="twoTone" type="edit" /> |
||||
|
<a-popconfirm @confirm="() => onDelete(record.id)" title="确定要删除这一条?" v-if="lists.length"> |
||||
|
<a-icon class="ml-4 pointer" theme="twoTone" two-tone-color="#ff0000" type="delete" /> |
||||
|
</a-popconfirm> |
||||
|
</template> |
||||
|
|
||||
|
<div slot="expandedRowRender" slot-scope="record" style="margin: 0"> |
||||
|
<div> |
||||
|
<span class="font-bold-14">简介：</span> |
||||
|
<span v-dompurify-html="record.description"></span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a-table> |
||||
|
</div> |
||||
|
<a-empty v-else /> |
||||
|
|
||||
|
<!-- 编辑 --> |
||||
|
<partner-edit :editItem="editItem" :editVisible="editVisible" @closeModal="closeModal" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import PartnerEdit from 'components/Partner/PartnerEdit.vue'; |
||||
|
import { backendDelete } from 'config/api'; |
||||
|
|
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
scopedSlots: { customRender: 'id' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: 'logo', |
||||
|
align: 'center', |
||||
|
dataIndex: 'logo', |
||||
|
key: 'logo', |
||||
|
}, |
||||
|
{ |
||||
|
title: 'logo地址', |
||||
|
align: 'center', |
||||
|
dataIndex: 'logoUrl', |
||||
|
key: 'logoUrl', |
||||
|
scopedSlots: { customRender: 'logoUrl' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '公司名', |
||||
|
align: 'center', |
||||
|
dataIndex: 'name', |
||||
|
key: 'name', |
||||
|
}, |
||||
|
{ |
||||
|
title: '合作关系', |
||||
|
align: 'center', |
||||
|
dataIndex: 'type', |
||||
|
key: 'type', |
||||
|
scopedSlots: { customRender: 'type' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '展示位置', |
||||
|
align: 'center', |
||||
|
dataIndex: 'typeOfPlatform', |
||||
|
key: 'typeOfPlatform', |
||||
|
scopedSlots: { customRender: 'typeOfPlatform' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '公司类型', |
||||
|
align: 'center', |
||||
|
dataIndex: 'typeOfTech', |
||||
|
key: 'typeOfTech', |
||||
|
scopedSlots: { customRender: 'typeOfTech' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '编辑', |
||||
|
align: 'center', |
||||
|
dataIndex: 'edit', |
||||
|
key: 'edit', |
||||
|
width: 200, |
||||
|
scopedSlots: { customRender: 'edit' }, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
export default { |
||||
|
name: 'PartnerDate', |
||||
|
components: { |
||||
|
PartnerEdit, |
||||
|
}, |
||||
|
|
||||
|
props: { lists: { type: Array, default: () => [] }, pagination: { type: Object, default: () => {} } }, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
columns, |
||||
|
loading: false, |
||||
|
height: '', |
||||
|
editVisible: false, |
||||
|
editItem: null, // 修改的那条 |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
let th = 250; |
||||
|
let wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
window.onresize = () => { |
||||
|
return (() => { |
||||
|
wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
})(); |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
showEditModal(record) { |
||||
|
this.editItem = record; |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
|
||||
|
async closeModal() { |
||||
|
this.editVisible = false; |
||||
|
await this.$emit('getBackendSearch'); |
||||
|
}, |
||||
|
|
||||
|
handleTableChange(pagination) { |
||||
|
const { current, pageSize } = pagination; |
||||
|
const condition = { current, pageSize }; |
||||
|
this.$emit('getBackendSearch', condition); |
||||
|
}, |
||||
|
|
||||
|
// 删除 |
||||
|
async onDelete(id) { |
||||
|
try { |
||||
|
const params = { param: { id } }; |
||||
|
const res = await backendDelete(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('删除成功'); |
||||
|
this.$emit('getBackendSearch'); |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '删除失败'); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 打开报名 |
||||
|
openSignUp() { |
||||
|
const { query } = this.$route; |
||||
|
this.$router.push({ path: '/sign-up', query }); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.main .img { |
||||
|
height: 65px; |
||||
|
} |
||||
|
|
||||
|
.main .big_img { |
||||
|
width: 200px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,197 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<!-- 编辑 --> |
||||
|
<a-modal |
||||
|
:closable="false" |
||||
|
:title="`修改${partnerOptions.type === 1 ? '合作伙伴' : '衍生企业'} `" |
||||
|
footer |
||||
|
v-model="editVisible" |
||||
|
width="700px" |
||||
|
> |
||||
|
<a-form :form="form" @submit="handleSubmit" v-if="editItem"> |
||||
|
<!-- 公司名称 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司名称" |
||||
|
> |
||||
|
<a-input |
||||
|
placeholder="公司名称" |
||||
|
v-decorator="[ |
||||
|
'name', |
||||
|
{ |
||||
|
initialValue: editItem.name, |
||||
|
rules: [ |
||||
|
{ required: true, message: '公司名称不能为空' }, |
||||
|
{ whitespace: true, message: '公司名称不能为空' }, |
||||
|
{ max: 140, massage: '公司名称最多140个字符' }, |
||||
|
], |
||||
|
}, |
||||
|
]" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<!-- logo --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司logo" |
||||
|
required |
||||
|
> |
||||
|
<a-upload |
||||
|
:action="upload" |
||||
|
:before-upload="beforeUpload" |
||||
|
@change="handleChange" |
||||
|
list-type="picture" |
||||
|
name="files" |
||||
|
> |
||||
|
<a-button v-show="fileList.length - 0 === 0"> |
||||
|
<a-icon type="upload" />选择图片 |
||||
|
</a-button> |
||||
|
</a-upload> |
||||
|
</a-form-item> |
||||
|
<!-- 公司类型 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司类型" |
||||
|
required |
||||
|
> |
||||
|
<a-select |
||||
|
@change="getStatus" |
||||
|
placeholder="公司类型" |
||||
|
style="width: 100%" |
||||
|
v-decorator="[ |
||||
|
'typeOfTech', |
||||
|
{ |
||||
|
initialValue: editItem.typeOfTech, |
||||
|
}, |
||||
|
]" |
||||
|
> |
||||
|
<a-select-option |
||||
|
:key="index" |
||||
|
:value="item.id" |
||||
|
v-for="(item, index) in policyStatus" |
||||
|
>{{ item.value }}</a-select-option> |
||||
|
</a-select> |
||||
|
</a-form-item> |
||||
|
<!-- 公司简介 --> |
||||
|
<a-form-item |
||||
|
:label-col="formItemLayout.labelCol" |
||||
|
:wrapper-col="formItemLayout.wrapperCol" |
||||
|
label="公司简介" |
||||
|
> |
||||
|
<quill-editor |
||||
|
:max-size="maxSize" |
||||
|
:value="editItem && (editItem.description ? editItem.description : '')" |
||||
|
@changeInput="changeInput" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item class="d-flex flex-row-reverse"> |
||||
|
<a-button @click="$emit('closeModal')" class="mr-3">取消</a-button> |
||||
|
<a-button class="white--text" html-type="submit" type="primary">保存</a-button> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-modal> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState } from 'vuex'; |
||||
|
import { upload, backendUpdate } from 'config/api'; |
||||
|
import QuillEditor from 'components/QuillEditor/QuillEditor.vue'; |
||||
|
|
||||
|
const formItemLayout = { |
||||
|
labelCol: { span: 6 }, |
||||
|
wrapperCol: { span: 16 }, |
||||
|
}; |
||||
|
|
||||
|
const tailItemLayout = { wrapperCol: { span: 16, offset: 6 } }; |
||||
|
|
||||
|
export default { |
||||
|
name: 'PartnerEdit', |
||||
|
props: { editVisible: { type: Boolean, default: false }, editItem: { type: Object, default: () => {} } }, |
||||
|
components: { QuillEditor }, |
||||
|
data() { |
||||
|
return { |
||||
|
formItemLayout, |
||||
|
tailItemLayout, |
||||
|
form: this.$form.createForm(this, { name: 'r-d-add' }), |
||||
|
maxSize: 2048, |
||||
|
description: '', |
||||
|
placeholder: '请输入...', |
||||
|
policyStatus: [ |
||||
|
{ id: 0, value: '高校' }, |
||||
|
{ id: 1, value: '院所' }, |
||||
|
{ id: 2, value: '企业' }, |
||||
|
], |
||||
|
typeOfTech: '', |
||||
|
upload: upload, |
||||
|
fileList: [], |
||||
|
//限制文件上传的格式和大小 |
||||
|
beforeUpload: file => { |
||||
|
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'; |
||||
|
if (!isJpgOrPng) { |
||||
|
this.$message.error('仅支持 JPG/PNG 格式的图片!'); |
||||
|
} |
||||
|
return isJpgOrPng; |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState(['partnerOptions']), |
||||
|
|
||||
|
methods: { |
||||
|
// 公司类型 |
||||
|
getStatus(value) { |
||||
|
this.typeOfTech = value; |
||||
|
}, |
||||
|
|
||||
|
// 上传文件 |
||||
|
handleChange(info) { |
||||
|
if (info.file.status === 'done') { |
||||
|
this.fileList.push(info.file.response.data[0].id); |
||||
|
} else if (info.file.status === 'removed') { |
||||
|
this.fileList = info.fileList; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 修改内容 |
||||
|
changeInput(value) { |
||||
|
this.description = value; |
||||
|
}, |
||||
|
|
||||
|
// 提交表单 |
||||
|
handleSubmit(e) { |
||||
|
e.preventDefault(); |
||||
|
this.form.validateFieldsAndScroll(async (err, values) => { |
||||
|
if (!err) { |
||||
|
try { |
||||
|
const { name } = values; |
||||
|
const { description, typeOfTech, fileList, editItem } = this; |
||||
|
const params = { param: { name } }; |
||||
|
params.param.id = editItem.id; |
||||
|
params.param.description = description ? description : editItem.description; |
||||
|
params.param.typeOfTech = typeOfTech ? typeOfTech : editItem.typeOfTech; |
||||
|
params.param.logo = fileList && fileList.length > 0 ? fileList[0] : editItem.logo; |
||||
|
const res = await backendUpdate(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('修改成功'); |
||||
|
this.$emit('closeModal'); |
||||
|
this.description = ''; |
||||
|
this.typeOfTech = ''; |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '修改失败'); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,78 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<div> |
||||
|
<!-- 活动标题 --> |
||||
|
<a-input class="ml-3" placeholder="标题" style="width: 150px" v-model="name" /> |
||||
|
|
||||
|
<!-- 公司类型 --> |
||||
|
<a-select @change="changeState" class="ml-3 mb-3" placeholder="公司类型" style="width: 150px"> |
||||
|
<a-select-option |
||||
|
:key="index" |
||||
|
:value="state.id" |
||||
|
v-for="(state, index) in policyStatus" |
||||
|
>{{ state.value }}</a-select-option> |
||||
|
</a-select> |
||||
|
|
||||
|
<a-button @click="handleTableChange" class="mx-2" type="primary">搜索</a-button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="flex-1"></div> |
||||
|
|
||||
|
<a-button @click="showModal" class="editable-add-btn" type="primary">增加</a-button> |
||||
|
|
||||
|
<!-- 添加 --> |
||||
|
<partner-add :visible="visible" @closeModal="closeModal" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import PartnerAdd from 'components/Partner/PartnerAdd.vue'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'PartnerSearch', |
||||
|
components: { |
||||
|
PartnerAdd, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
name: '', |
||||
|
policyStatus: [ |
||||
|
{ id: 0, value: '高校' }, |
||||
|
{ id: 1, value: '院所' }, |
||||
|
{ id: 2, value: '企业' }, |
||||
|
], |
||||
|
typeOfTech: '', |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 公司类型 |
||||
|
changeState(value) { |
||||
|
this.typeOfTech = value; |
||||
|
}, |
||||
|
|
||||
|
showModal() { |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
|
||||
|
async closeModal() { |
||||
|
this.visible = false; |
||||
|
await this.$emit('getBackendSearch'); |
||||
|
}, |
||||
|
|
||||
|
async handleTableChange() { |
||||
|
const { name, typeOfTech } = this; |
||||
|
// 传参 |
||||
|
const condition = { |
||||
|
name, |
||||
|
typeOfTech, |
||||
|
}; |
||||
|
await this.$emit('getBackendSearch', condition); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,82 @@ |
|||||
|
<template> |
||||
|
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
|
<partner-search @getBackendSearch="getBackendSearch" /> |
||||
|
<partner-date :lists="lists" :pagination="pagination" @getBackendSearch="getBackendSearch" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import PartnerSearch from 'components/Partner/PartnerSearch.vue'; |
||||
|
import PartnerDate from 'components/Partner/PartnerDate.vue'; |
||||
|
import { backendSearch } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'AboutUsDerivativeEnterprise', |
||||
|
components: { |
||||
|
PartnerSearch, |
||||
|
PartnerDate, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
lists: [], |
||||
|
pagination: { current: 1, pageSize: 10 }, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState(['partnerOptions']), |
||||
|
|
||||
|
async created() { |
||||
|
const options = { type: 2, typeOfPlatform: 2 }; |
||||
|
this.setPartnerOptions(options); |
||||
|
await this.getBackendSearch(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations(['setPartnerOptions']), |
||||
|
|
||||
|
/** |
||||
|
* 后台查询合作伙伴和衍生企业 |
||||
|
* @param { String } name 公司名 |
||||
|
* @param { Number } type 1-合作伙伴 2-衍生企业 |
||||
|
* @param { Number } typeOfPlatform 1-创新平台 2-关于我们 3-孵化平台 |
||||
|
* @param { Number } typeOfTech 0-高校 1-院所 2-企业 |
||||
|
*/ |
||||
|
async getBackendSearch(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
type: this.partnerOptions.type, |
||||
|
typeOfPlatform: this.partnerOptions.typeOfPlatform, |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
if (condition) { |
||||
|
if (condition.name) { |
||||
|
params.param.name = condition.name; |
||||
|
} |
||||
|
if (condition.typeOfTech !== '') { |
||||
|
params.param.typeOfTech = condition.typeOfTech; |
||||
|
} |
||||
|
} |
||||
|
const res = await backendSearch(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.lists = data.list; |
||||
|
const paper = { ...this.pagination }; |
||||
|
paper.current = data.pageNum; |
||||
|
paper.total = +data.total; |
||||
|
paper.pageSize = data.pageSize; |
||||
|
this.pagination = paper; |
||||
|
} else { |
||||
|
throw msg || '获取失败'; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,82 @@ |
|||||
|
<template> |
||||
|
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
|
<partner-search @getBackendSearch="getBackendSearch" /> |
||||
|
<partner-date :lists="lists" :pagination="pagination" @getBackendSearch="getBackendSearch" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import PartnerSearch from 'components/Partner/PartnerSearch.vue'; |
||||
|
import PartnerDate from 'components/Partner/PartnerDate.vue'; |
||||
|
import { backendSearch } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'HatchCooperativePartner', |
||||
|
components: { |
||||
|
PartnerSearch, |
||||
|
PartnerDate, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
lists: [], |
||||
|
pagination: { current: 1, pageSize: 10 }, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState(['partnerOptions']), |
||||
|
|
||||
|
async created() { |
||||
|
const options = { type: 1, typeOfPlatform: 3 }; |
||||
|
this.setPartnerOptions(options); |
||||
|
await this.getBackendSearch(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations(['setPartnerOptions']), |
||||
|
|
||||
|
/** |
||||
|
* 后台查询合作伙伴和衍生企业 |
||||
|
* @param { String } name 公司名 |
||||
|
* @param { Number } type 1-合作伙伴 2-衍生企业 |
||||
|
* @param { Number } typeOfPlatform 1-创新平台 2-关于我们 3-孵化平台 |
||||
|
* @param { Number } typeOfTech 0-高校 1-院所 2-企业 |
||||
|
*/ |
||||
|
async getBackendSearch(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
type: this.partnerOptions.type, |
||||
|
typeOfPlatform: this.partnerOptions.typeOfPlatform, |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
if (condition) { |
||||
|
if (condition.name) { |
||||
|
params.param.name = condition.name; |
||||
|
} |
||||
|
if (condition.typeOfTech !== '') { |
||||
|
params.param.typeOfTech = condition.typeOfTech; |
||||
|
} |
||||
|
} |
||||
|
const res = await backendSearch(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.lists = data.list; |
||||
|
const paper = { ...this.pagination }; |
||||
|
paper.current = data.pageNum; |
||||
|
paper.total = +data.total; |
||||
|
paper.pageSize = data.pageSize; |
||||
|
this.pagination = paper; |
||||
|
} else { |
||||
|
throw msg || '获取失败'; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,82 @@ |
|||||
|
<template> |
||||
|
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
|
<partner-search @getBackendSearch="getBackendSearch" /> |
||||
|
<partner-date :lists="lists" :pagination="pagination" @getBackendSearch="getBackendSearch" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapMutations } from 'vuex'; |
||||
|
import PartnerSearch from 'components/Partner/PartnerSearch.vue'; |
||||
|
import PartnerDate from 'components/Partner/PartnerDate.vue'; |
||||
|
import { backendSearch } from 'config/api'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'IndustryDerivativeEnterprise', |
||||
|
components: { |
||||
|
PartnerSearch, |
||||
|
PartnerDate, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
lists: [], |
||||
|
pagination: { current: 1, pageSize: 10 }, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState(['partnerOptions']), |
||||
|
|
||||
|
async created() { |
||||
|
const options = { type: 2, typeOfPlatform: 1 }; |
||||
|
this.setPartnerOptions(options); |
||||
|
await this.getBackendSearch(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapMutations(['setPartnerOptions']), |
||||
|
|
||||
|
/** |
||||
|
* 后台查询合作伙伴和衍生企业 |
||||
|
* @param { String } name 公司名 |
||||
|
* @param { Number } type 1-合作伙伴 2-衍生企业 |
||||
|
* @param { Number } typeOfPlatform 1-创新平台 2-关于我们 3-孵化平台 |
||||
|
* @param { Number } typeOfTech 0-高校 1-院所 2-企业 |
||||
|
*/ |
||||
|
async getBackendSearch(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
type: this.partnerOptions.type, |
||||
|
typeOfPlatform: this.partnerOptions.typeOfPlatform, |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
if (condition) { |
||||
|
if (condition.name) { |
||||
|
params.param.name = condition.name; |
||||
|
} |
||||
|
if (condition.typeOfTech !== '') { |
||||
|
params.param.typeOfTech = condition.typeOfTech; |
||||
|
} |
||||
|
} |
||||
|
const res = await backendSearch(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.lists = data.list; |
||||
|
const paper = { ...this.pagination }; |
||||
|
paper.current = data.pageNum; |
||||
|
paper.total = +data.total; |
||||
|
paper.pageSize = data.pageSize; |
||||
|
this.pagination = paper; |
||||
|
} else { |
||||
|
throw msg || '获取失败'; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -1,20 +0,0 @@ |
|||||
<template> |
|
||||
<div class="pa-3 white fill-height d-flex flex-column"> |
|
||||
<sign-up-search /> |
|
||||
<sign-up-date /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
// @ is an alias to /src |
|
||||
import SignUpSearch from "components/SignUp/SignUpSearch.vue"; |
|
||||
import SignUpDate from "components/SignUp/SignUpDate.vue"; |
|
||||
|
|
||||
export default { |
|
||||
name: "SignUp", |
|
||||
components: { |
|
||||
SignUpSearch, |
|
||||
SignUpDate, |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
Loading…
Reference in new issue