ma
4 years ago
16 changed files with 699 additions and 367 deletions
@ -0,0 +1,263 @@ |
|||||
|
<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" |
||||
|
:row-key="record => record.id" |
||||
|
@change="handleTableChange" |
||||
|
:scroll="{ y: height }" |
||||
|
bordered |
||||
|
class="white" |
||||
|
> |
||||
|
<template slot="id" slot-scope="text, record, index"> |
||||
|
<span>{{ index + 1 }}</span> |
||||
|
</template> |
||||
|
|
||||
|
<!-- 说明图片 --> |
||||
|
<template slot="researchDirection" slot-scope="text, record"> |
||||
|
<img :src="record.researchDirection" class="img" /> |
||||
|
<a-modal :imgVisible="imgVisible" @cancel="imgVisible = false" footer title="身份证明"> |
||||
|
<img :src="record.idCardPromise" @click="imgVisible = true" style="width: 100%;" /> |
||||
|
</a-modal> |
||||
|
</template> |
||||
|
|
||||
|
<!-- 分类管理 --> |
||||
|
<!-- <template slot="categoryManage" slot-scope="text, record"> |
||||
|
<a-button @click="openCategoryManage" size="small" type="primary">仪器分类管理</a-button> |
||||
|
</template> --> |
||||
|
|
||||
|
<!-- 研究院类型 --> |
||||
|
<template slot="serviceType" slot-scope="text, record"> |
||||
|
<span v-if=" record.serviceType === 1">创新平台</span> |
||||
|
<span v-if=" record.serviceType === 2">孵化平台</span> |
||||
|
<span v-if=" record.serviceType === 3">产业平台</span> |
||||
|
</template> |
||||
|
|
||||
|
<template slot="edit" slot-scope="text, record"> |
||||
|
<a-icon @click="showEditModal" 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 v-dompurify-html="record.direction"></span></div> |
||||
|
</div> |
||||
|
<div slot="expandedRowRender" slot-scope="record" style="margin: 0"> |
||||
|
<div>简介： |
||||
|
<span v-dompurify-html="record.description"></span></div> |
||||
|
</div> --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div |
||||
|
class="d-flex flex-nowrap justify-space-between" |
||||
|
slot="expandedRowRender" |
||||
|
slot-scope="record" |
||||
|
style="margin: 0" |
||||
|
> |
||||
|
<div class="ml-3">分类：<span v-dompurify-html="record.direction"></span></div> |
||||
|
<div class="ml-3">备注：{{ record.description }}</div> |
||||
|
</div> |
||||
|
</a-table> |
||||
|
</div> |
||||
|
<a-empty v-else /> |
||||
|
|
||||
|
<!-- 编辑 --> |
||||
|
<institute-edit :editVisible="editVisible" @closeModal="closeModal" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import InstituteEdit from "components/Institute/InstituteEdit.vue"; |
||||
|
import { deleteInstitute } from 'config/api'; |
||||
|
|
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '序号', |
||||
|
align: 'center', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
width: '7%', |
||||
|
scopedSlots: { customRender: 'id' }, |
||||
|
}, |
||||
|
{ |
||||
|
title: '姓名', |
||||
|
align: 'center', |
||||
|
dataIndex: 'name', |
||||
|
key: 'name', |
||||
|
}, |
||||
|
{ |
||||
|
title: '电话', |
||||
|
align: 'center', |
||||
|
dataIndex: 'phone', |
||||
|
key: 'phone', |
||||
|
}, |
||||
|
// { |
||||
|
// title: '简介', |
||||
|
// align: 'center', |
||||
|
// dataIndex: 'description', |
||||
|
// key: 'description', |
||||
|
// }, |
||||
|
// { |
||||
|
// title: '研究方向', |
||||
|
// align: 'center', |
||||
|
// dataIndex: 'direction', |
||||
|
// key: 'direction', |
||||
|
// }, |
||||
|
{ |
||||
|
title: '可做实验', |
||||
|
align: 'center', |
||||
|
dataIndex: 'experiments', |
||||
|
key: 'experiments', |
||||
|
}, |
||||
|
{ |
||||
|
title: '图片', |
||||
|
align: 'center', |
||||
|
dataIndex: 'picId', |
||||
|
key: 'picId', |
||||
|
}, |
||||
|
{ |
||||
|
title: '项目分类', |
||||
|
align: 'center', |
||||
|
dataIndex: 'projectKind', |
||||
|
key: 'projectKind', |
||||
|
}, |
||||
|
{ |
||||
|
title: '研究院类型', |
||||
|
align: 'center', |
||||
|
dataIndex: 'type', |
||||
|
key: 'type', |
||||
|
}, |
||||
|
{ |
||||
|
title: '校验', |
||||
|
align: 'center', |
||||
|
dataIndex: 'vertify', |
||||
|
key: 'vertify', |
||||
|
}, |
||||
|
{ |
||||
|
title: '编辑', |
||||
|
align: 'center', |
||||
|
dataIndex: 'edit', |
||||
|
key: 'edit', |
||||
|
scopedSlots: { customRender: 'edit' }, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
// const lists = [ |
||||
|
// { |
||||
|
// id:'001', |
||||
|
// chineseName:'传控科技', |
||||
|
// englishName: 'zhou', |
||||
|
// performance:'传控科技', |
||||
|
// researchDirection:'assets/logo.png', |
||||
|
// equipmentOwnership: '软件', |
||||
|
// category:'A', |
||||
|
// remark: '无' |
||||
|
// }, |
||||
|
// { |
||||
|
// id:'002', |
||||
|
// chineseName:'中绿环保', |
||||
|
// englishName: 'lili', |
||||
|
// performance:'中绿环保', |
||||
|
// researchDirection:'assets/logo.png', |
||||
|
// equipmentOwnership:'软件', |
||||
|
// category:'B', |
||||
|
// remark: '无' |
||||
|
// } |
||||
|
// ]; |
||||
|
|
||||
|
export default { |
||||
|
name: "InstituteDate", |
||||
|
components: { |
||||
|
InstituteEdit, |
||||
|
}, |
||||
|
|
||||
|
props: { lists: { type: Array, default: () => [] }, pagination: { type: Object, default: () => {} } }, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
columns, |
||||
|
loading: false, |
||||
|
editingKey: '', |
||||
|
height: '', |
||||
|
editVisible: false, |
||||
|
imgVisible: false, |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
let th = 250; |
||||
|
let wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
window.onresize = () => { |
||||
|
return (() => { |
||||
|
wh = window.innerHeight; |
||||
|
this.height = wh - th; |
||||
|
})(); |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
showEditModal(){ |
||||
|
this.editVisible = true; |
||||
|
}, |
||||
|
|
||||
|
async closeModal(){ |
||||
|
this.editVisible = false; |
||||
|
await this.$emit('getInstituteSearchBack'); |
||||
|
}, |
||||
|
|
||||
|
// 打开团队成员 |
||||
|
openTeamMember(){ |
||||
|
const { query } = this.$route; |
||||
|
this.$router.push({ path: '/RD-team-member', query }); |
||||
|
}, |
||||
|
|
||||
|
// 打开分类管理 |
||||
|
openCategoryManage(){ |
||||
|
const { query } = this.$route; |
||||
|
this.$router.push({ path: '/category-manage', query }); |
||||
|
}, |
||||
|
|
||||
|
handleTableChange(pagination) { |
||||
|
const { current, pageSize } = pagination; |
||||
|
const condition = { current, pageSize }; |
||||
|
this.$emit('getInstituteSearchBack', condition); |
||||
|
}, |
||||
|
|
||||
|
// 删除 |
||||
|
async onDelete(id) { |
||||
|
try { |
||||
|
const params = { param:{id}}; |
||||
|
const res = await deleteInstitute(params); |
||||
|
const { data, msg, code } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.$message.success('删除成功'); |
||||
|
this.$emit('getInstituteSearchBack'); |
||||
|
// const arr = [...this.lists]; |
||||
|
// this.lists = arr.filter(item => item.id !== id); |
||||
|
// TODO: 填到列表中 |
||||
|
} else { |
||||
|
throw msg; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.$message.error(error || '删除失败'); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.main .img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.main .big_img { |
||||
|
width: 200px; |
||||
|
} |
||||
|
</style> |
||||
@ -1,59 +0,0 @@ |
|||||
<template> |
|
||||
<div class="d-flex flex-wrap pb-3"> |
|
||||
<!-- 团队名称 --> |
|
||||
<div> |
|
||||
<a-input |
|
||||
@change="handleChangeName" |
|
||||
placeholder="团队名称" |
|
||||
style="width: 150px" |
|
||||
v-model="teamName" |
|
||||
/> |
|
||||
<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">增加</a-button> |
|
||||
|
|
||||
<!-- 添加 --> |
|
||||
<r-d-member-add :visible="visible" @closeModal="closeModal" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import RDMemberAdd from "components/RDMember/RDMemberAdd.vue"; |
|
||||
|
|
||||
export default { |
|
||||
name: "RDMemberSearch", |
|
||||
components: { |
|
||||
RDMemberAdd, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
teamName: '', |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
showModal(){ |
|
||||
this.visible = true; |
|
||||
}, |
|
||||
|
|
||||
closeModal(){ |
|
||||
this.visible = false; |
|
||||
}, |
|
||||
|
|
||||
handleChangeName(value) { |
|
||||
console.log('value: ', value); |
|
||||
this.teamName = value; |
|
||||
}, |
|
||||
|
|
||||
handleTableChange() { |
|
||||
console.log('搜索'); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|
||||
<style scoped lang="stylus"></style> |
|
||||
@ -1,204 +0,0 @@ |
|||||
<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" |
|
||||
:row-key="record => record.id" |
|
||||
bordered |
|
||||
class="white" |
|
||||
> |
|
||||
<template slot="id" slot-scope="text, record, index"> |
|
||||
<span>{{ index + 1 }}</span> |
|
||||
</template> |
|
||||
|
|
||||
<!-- 说明图片 --> |
|
||||
<template slot="researchDirection" slot-scope="text, record"> |
|
||||
<img :src="record.researchDirection" class="img" /> |
|
||||
<a-modal :imgVisible="imgVisible" @cancel="imgVisible = false" footer title="身份证明"> |
|
||||
<img :src="record.idCardPromise" @click="imgVisible = true" style="width: 100%;" /> |
|
||||
</a-modal> |
|
||||
</template> |
|
||||
|
|
||||
<!-- 分类管理 --> |
|
||||
<template slot="categoryManage" slot-scope="text, record"> |
|
||||
<a-button @click="openCategoryManage" size="small" type="primary">仪器分类管理</a-button> |
|
||||
</template> |
|
||||
|
|
||||
<template slot="edit" slot-scope="text, record"> |
|
||||
<a-icon @click="showEditModal" 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 |
|
||||
class="d-flex flex-nowrap justify-space-between" |
|
||||
slot="expandedRowRender" |
|
||||
slot-scope="record" |
|
||||
style="margin: 0" |
|
||||
> |
|
||||
<div>设备所属：{{ record.equipmentOwnership }}</div> |
|
||||
<div class="ml-3">分类：{{ record.category }}</div> |
|
||||
<div class="ml-3">备注：{{ record.remark }}</div> |
|
||||
</div> |
|
||||
</a-table> |
|
||||
</div> |
|
||||
<a-empty v-else /> |
|
||||
|
|
||||
<!-- 编辑 --> |
|
||||
<sharing-edit :editVisible="editVisible" @closeModal="closeModal" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import SharingEdit from "components/Sharing/SharingEdit.vue"; |
|
||||
|
|
||||
const columns = [ |
|
||||
{ |
|
||||
title: '序号', |
|
||||
align: 'center', |
|
||||
dataIndex: 'id', |
|
||||
key: 'id', |
|
||||
width: '7%', |
|
||||
scopedSlots: { customRender: 'id' }, |
|
||||
}, |
|
||||
{ |
|
||||
title: '中文名称', |
|
||||
align: 'center', |
|
||||
dataIndex: 'chineseName', |
|
||||
key: 'chineseName', |
|
||||
}, |
|
||||
{ |
|
||||
title: '英文名称', |
|
||||
align: 'center', |
|
||||
dataIndex: 'englishName', |
|
||||
key: 'englishName', |
|
||||
}, |
|
||||
{ |
|
||||
title: '主要性能指标及功能用途', |
|
||||
align: 'center', |
|
||||
dataIndex: 'performance', |
|
||||
key: 'performance', |
|
||||
}, |
|
||||
{ |
|
||||
title: '说明图片', |
|
||||
align: 'center', |
|
||||
dataIndex: 'researchDirection', |
|
||||
key: 'researchDirection', |
|
||||
scopedSlots: { customRender: 'researchDirection' }, |
|
||||
}, |
|
||||
{ |
|
||||
title: '分类管理', |
|
||||
align: 'center', |
|
||||
dataIndex: 'categoryManage', |
|
||||
key: 'categoryManage', |
|
||||
scopedSlots: { customRender: 'categoryManage' }, |
|
||||
}, |
|
||||
{ |
|
||||
title: '编辑', |
|
||||
align: 'center', |
|
||||
dataIndex: 'edit', |
|
||||
key: 'edit', |
|
||||
scopedSlots: { customRender: 'edit' }, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
const lists = [ |
|
||||
{ |
|
||||
id:'001', |
|
||||
chineseName:'传控科技', |
|
||||
englishName: 'zhou', |
|
||||
performance:'传控科技', |
|
||||
researchDirection:'assets/logo.png', |
|
||||
equipmentOwnership: '软件', |
|
||||
category:'A', |
|
||||
remark: '无' |
|
||||
}, |
|
||||
{ |
|
||||
id:'002', |
|
||||
chineseName:'中绿环保', |
|
||||
englishName: 'lili', |
|
||||
performance:'中绿环保', |
|
||||
researchDirection:'assets/logo.png', |
|
||||
equipmentOwnership:'软件', |
|
||||
category:'B', |
|
||||
remark: '无' |
|
||||
} |
|
||||
]; |
|
||||
|
|
||||
export default { |
|
||||
name: "SharingDate", |
|
||||
components: { |
|
||||
SharingEdit, |
|
||||
}, |
|
||||
data() { |
|
||||
this.cacheData = lists.map(item => ({ ...item })); |
|
||||
return { |
|
||||
columns, |
|
||||
lists, |
|
||||
loading: false, |
|
||||
editingKey: '', |
|
||||
height: '', |
|
||||
editVisible: false, |
|
||||
imgVisible: false, |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
mounted() { |
|
||||
this.height = document.getElementsByClassName('main')[0].offsetHeight - 150; |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
showEditModal(){ |
|
||||
this.editVisible = true; |
|
||||
}, |
|
||||
|
|
||||
closeModal(){ |
|
||||
this.editVisible = false; |
|
||||
}, |
|
||||
|
|
||||
// 打开团队成员 |
|
||||
openTeamMember(){ |
|
||||
const { query } = this.$route; |
|
||||
this.$router.push({ path: '/RD-team-member', query }); |
|
||||
}, |
|
||||
|
|
||||
// 打开分类管理 |
|
||||
openCategoryManage(){ |
|
||||
const { query } = this.$route; |
|
||||
this.$router.push({ path: '/category-manage', query }); |
|
||||
}, |
|
||||
|
|
||||
// 删除 |
|
||||
async onDelete(teamId) { |
|
||||
try { |
|
||||
const params = { param: { teamId } }; |
|
||||
// const res = await delTeam(params); |
|
||||
// const { data, msg, code } = res.data; |
|
||||
// if (code === 200) { |
|
||||
// this.$message.success('删除成功'); |
|
||||
// const arr = [...this.lists]; |
|
||||
// this.lists = arr.filter(item => item.id !== teamId); |
|
||||
// // TODO: 填到列表中 |
|
||||
// } else { |
|
||||
// throw msg; |
|
||||
// } |
|
||||
} catch (error) { |
|
||||
this.$message.error(error || '删除失败'); |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="stylus" scoped> |
|
||||
.main .img { |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.main .big_img { |
|
||||
width: 200px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,91 @@ |
|||||
|
<template> |
||||
|
<div class="d-flex flex-wrap pb-3"> |
||||
|
<!-- 团队名称 --> |
||||
|
<div> |
||||
|
<a-input |
||||
|
|
||||
|
placeholder="服务名称" |
||||
|
style="width: 150px" |
||||
|
v-model="name" |
||||
|
/> |
||||
|
|
||||
|
服务类型: |
||||
|
<a-select |
||||
|
@change="handleChangeSelect('serviceType',$event)" |
||||
|
class="ml-3" |
||||
|
style="width: 150px" |
||||
|
allow-clear |
||||
|
> |
||||
|
<a-select-option |
||||
|
:key="serviceType.id" |
||||
|
:value="serviceType.id" |
||||
|
v-for="serviceType in serviceTypes" |
||||
|
>{{ serviceType.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">增加</a-button> |
||||
|
|
||||
|
<!-- 添加 --> |
||||
|
<r-d-member-add :visible="visible" @closeModal="closeModal" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import RDMemberAdd from "components/innovativeService/innovativeServiceAdd.vue"; |
||||
|
|
||||
|
export default { |
||||
|
name: "innovativeServiceSearch", |
||||
|
components: { |
||||
|
RDMemberAdd, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
name: '', |
||||
|
serviceTypes: [ |
||||
|
{ id:1, value:'创新平台' }, |
||||
|
{ id:2, value:'孵化平台' }, |
||||
|
{ id:3, value:'产业平台' }, |
||||
|
], |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showModal(){ |
||||
|
this.visible = true; |
||||
|
}, |
||||
|
|
||||
|
closeModal(){ |
||||
|
this.visible = false; |
||||
|
}, |
||||
|
|
||||
|
handleChangeSelect(type, value) { |
||||
|
this[type] = value; |
||||
|
}, |
||||
|
|
||||
|
handleChangeName(value) { |
||||
|
console.log('value: ', value); |
||||
|
this.name = value; |
||||
|
}, |
||||
|
|
||||
|
async handleTableChange() { |
||||
|
console.log('搜索'); |
||||
|
const { name,serviceType} = this; |
||||
|
console.log(name,serviceType) |
||||
|
// 传参 |
||||
|
const condition = { |
||||
|
name,serviceType |
||||
|
} |
||||
|
await this.$emit('getInnovativeServiceSearch',condition) |
||||
|
this.activityType = []; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||
|
<style scoped lang="stylus"></style> |
||||
@ -1,19 +1,66 @@ |
|||||
<template> |
<template> |
||||
<div class="pa-3 white fill-height d-flex flex-column"> |
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
<sharing-search /> |
<institute-search @getInstituteSearchBack="getInstituteSearchBack" /> |
||||
<sharing-date /> |
<institute-date :pagination="pagination" :lists="lists" @getInstituteSearchBack="getInstituteSearchBack" /> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import SharingSearch from "components/Sharing/SharingSearch.vue"; |
import InstituteSearch from "components/Institute/InstituteSearch.vue"; |
||||
import SharingDate from "components/Sharing/SharingDate.vue"; |
import InstituteDate from "components/Institute/InstituteDate.vue"; |
||||
|
import { getInstituteSearchBack } from "config/api"; |
||||
|
|
||||
export default { |
export default { |
||||
name: "ResourceSharing", |
name: "ResourceSharing", |
||||
components: { |
components: { |
||||
SharingSearch, |
InstituteSearch, |
||||
SharingDate, |
InstituteDate, |
||||
|
}, |
||||
|
|
||||
|
data(){ |
||||
|
return{ |
||||
|
lists: [], |
||||
|
pagination: { current: 1, pageSize: 10 }, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.getInstituteSearchBack() |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async getInstituteSearchBack(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
if(condition){ |
||||
|
if(condition.name){ |
||||
|
params.param.name = condition.name |
||||
|
} |
||||
} |
} |
||||
|
console.log('params',params) |
||||
|
const res = await getInstituteSearchBack(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
console.log(data) |
||||
|
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> |
</script> |
||||
|
|||||
@ -1,20 +1,78 @@ |
|||||
<template> |
<template> |
||||
<div class="pa-3 white fill-height d-flex flex-column"> |
<div class="pa-3 white fill-height d-flex flex-column"> |
||||
<r-d-member-search /> |
<!-- <r-d-member-search /> |
||||
<r-d-member-date /> |
<r-d-member-date /> --> |
||||
|
<innovative-service-search @getInnovativeServiceSearch="getInnovativeServiceSearch" /> |
||||
|
<innovative-service-date :pagination="pagination" :lists="lists" @getInnovativeServiceSearch="getInnovativeServiceSearch" /> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
// @ is an alias to /src |
// @ is an alias to /src |
||||
import RDMemberSearch from "components/RDMember/RDMemberSearch.vue"; |
import innovativeServiceSearch from "components/innovativeService/innovativeServiceSearch.vue"; |
||||
import RDMemberDate from "components/RDMember/RDMemberDate.vue"; |
import innovativeServiceDate from "components/innovativeService/innovativeServiceDate.vue"; |
||||
|
import { getInnovativeServiceSearch } from 'config/api'; |
||||
|
|
||||
export default { |
export default { |
||||
name: "RDTeamMember", |
name: "RDTeamMember", |
||||
components: { |
components: { |
||||
RDMemberSearch, |
innovativeServiceSearch, |
||||
RDMemberDate, |
innovativeServiceDate, |
||||
|
}, |
||||
|
|
||||
|
data(){ |
||||
|
return{ |
||||
|
lists: [], |
||||
|
pagination:{ current: 1,pageSize: 10}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
created() { |
||||
|
this.getInnovativeServiceSearch() |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async getInnovativeServiceSearch(condition) { |
||||
|
try { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: (condition && condition.current) || 1, |
||||
|
pageSize: (condition && condition.pageSize) || 10, |
||||
|
}, |
||||
|
}; |
||||
|
if(condition){ |
||||
|
if(condition.id){ |
||||
|
params.param.id = condition.id |
||||
|
} |
||||
|
if(condition.name){ |
||||
|
params.param.name = condition.name |
||||
|
} |
||||
|
if(condition.recStatus){ |
||||
|
params.param.recStatus = condition.recStatus |
||||
|
} |
||||
|
if(condition.serviceType){ |
||||
|
params.param.serviceType = condition.serviceType |
||||
|
} |
||||
|
} |
||||
|
console.log('params',params) |
||||
|
const res = await getInnovativeServiceSearch(params); |
||||
|
const { code, msg, data } = res.data; |
||||
|
if (code === 200) { |
||||
|
this.lists = data; |
||||
|
console.log(this.lists); |
||||
|
|
||||
|
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> |
</script> |
||||
|
|||||
Loading…
Reference in new issue