项目列表组件，个人中心编辑信息接口，我的项目
This commit is contained in:
zhaoxiao
@@ -1,13 +1,144 @@
|
||||
<template>
|
||||
<div>我的项目</div>
|
||||
<div style="min-width: 1100px">
|
||||
<a-card :bordered="false">
|
||||
<!--查询区域begin-->
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<a-col :xl="6" :lg="8" :md="8" :sm="24">
|
||||
<a-form-item label="项目名称">
|
||||
<a-input placeholder="请输入项目名称" v-model="queryParam.meetingName"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :xl="6" :lg="8" :md="8" :sm="24">
|
||||
<a-form-item label="需要发票">
|
||||
<j-dict-select-tag dict-code="invoice_type" placeholder="请选择需要发票"
|
||||
v-model="queryParam.meetingType"></j-dict-select-tag>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :xl="6" :lg="8" :md="8" :sm="24">
|
||||
<a-form-item label="打包项目">
|
||||
<j-dict-select-tag dict-code="un" placeholder="请选择是否打包"
|
||||
v-model="queryParam.meetingType"></j-dict-select-tag>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
<a-col :xl="6" :lg="8" :md="8" :sm="24">
|
||||
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
||||
<a-button class="reset-button" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
<!--查询区域end-->
|
||||
|
||||
<!-- 表格区域-->
|
||||
<div>
|
||||
<project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange">
|
||||
<template v-slot:text="record">
|
||||
<div @click="d(record)">点击</div>
|
||||
</template>
|
||||
</project-table>
|
||||
</div>
|
||||
<!-- 表格区域end-->
|
||||
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||
import ProjectTable from '@comp/table/ProjectTable'
|
||||
|
||||
export default {
|
||||
name: 'MineProject',
|
||||
components: { ProjectTable },
|
||||
mixins: [JeroListMixin],
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
columns: [
|
||||
{
|
||||
title: '',
|
||||
dataIndex: 'projectName',
|
||||
col: 3
|
||||
}, {
|
||||
title: '项目用途',
|
||||
dataIndex: 'chargeUse_dictText',
|
||||
col: 3
|
||||
}, {
|
||||
title: '应付金额',
|
||||
dataIndex: 'receivableAmount',
|
||||
col: 3
|
||||
}, {
|
||||
title: '实付金额',
|
||||
dataIndex: 'paidAmount',
|
||||
col: 3
|
||||
}, {
|
||||
title: '负责人',
|
||||
dataIndex: 'principalName',
|
||||
col: 2
|
||||
}, {
|
||||
title: '打包',
|
||||
dataIndex: 'pack',
|
||||
scopedSlots: 'text',
|
||||
col: 2
|
||||
}, {
|
||||
title: '需要发票',
|
||||
col: 2,
|
||||
dataIndex: 'needInvoice',
|
||||
scopedSlots: 'text',
|
||||
slot: 'status'
|
||||
}, {
|
||||
title: '到账',
|
||||
dataIndex: 'inAccount',
|
||||
scopedSlots: 'text',
|
||||
col: 2
|
||||
}, {
|
||||
title: '开票',
|
||||
dataIndex: 'makeInvoice',
|
||||
scopedSlots: 'text',
|
||||
col: 2
|
||||
}, {
|
||||
title: '邮寄',
|
||||
dataIndex: 'mail',
|
||||
scopedSlots: 'text',
|
||||
col: 2
|
||||
}
|
||||
],
|
||||
dataSource: [
|
||||
{
|
||||
id: 1,
|
||||
projectName: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
|
||||
chargeUse: '标准所来款',
|
||||
chargeUse_dictText: '展位文字',
|
||||
receivableAmount: '展位文字',
|
||||
paidAmount: '展位文字',
|
||||
principalName: '展位文字',
|
||||
createTime: '2021-09-29 09:26:54',
|
||||
pack: 1,
|
||||
needInvoice: 1,
|
||||
inAccount: 1,
|
||||
makeInvoice: 1,
|
||||
mail: 1
|
||||
}
|
||||
],
|
||||
url: {
|
||||
list: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
methods: {
|
||||
/**
|
||||
* 分页变化获取数据
|
||||
* @param pagination
|
||||
*/
|
||||
handlePageChange(pagination) {
|
||||
this.ipagination.current = pagination.current
|
||||
this.ipagination.pageSize = pagination.pageSize
|
||||
this.loadData()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="less"></style>
|
||||
@@ -1,32 +1,34 @@
|
||||
<template>
|
||||
<a-card :bordered="false">
|
||||
<a-spin :spinning="loading">
|
||||
<div class="account-box">
|
||||
<div class="account-container">
|
||||
<div class="top">
|
||||
<div class="title"><span class="title-text">个人中心</span></div>
|
||||
<a-button type="link" @click="handleEdit">
|
||||
编辑
|
||||
<img src="../../assets/imgs/icon/icon-edit.png" class="title-icon">
|
||||
</a-button>
|
||||
</div>
|
||||
<div style="min-width: 1100px">
|
||||
<a-card :bordered="false">
|
||||
<a-spin :spinning="loading">
|
||||
<div class="account-box">
|
||||
<div class="account-container">
|
||||
<div class="top">
|
||||
<div class="title"><span class="title-text">个人中心</span></div>
|
||||
<a-button type="link" @click="handleEdit">
|
||||
编辑
|
||||
<img src="../../assets/imgs/icon/icon-edit.png" class="title-icon">
|
||||
</a-button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<table class="table" border="1px">
|
||||
<tr v-for="(items, indexs) in accountColumn" :key="indexs">
|
||||
<template v-for="item in items">
|
||||
<td class="table-title">{{ item.title }}</td>
|
||||
<td class="table-content">{{ accountData[item.fieldName] }}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</table>
|
||||
<div>
|
||||
<table class="table" border="1px">
|
||||
<tr v-for="(items, indexs) in accountColumn" :key="indexs">
|
||||
<template v-for="item in items">
|
||||
<td class="table-title">{{ item.title }}</td>
|
||||
<td class="table-content">{{ accountData[item.fieldName] }}</td>
|
||||
</template>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-spin>
|
||||
</a-spin>
|
||||
|
||||
<account-center-model ref="editAccountDetail" @ok="editOk"></account-center-model>
|
||||
</a-card>
|
||||
<account-center-model ref="editAccountDetail" @ok="editOk"></account-center-model>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -99,15 +101,15 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 获取用户id
|
||||
let userId = Vue.ls.get(USER_INFO).id
|
||||
this.initAccountData(userId)
|
||||
this.initAccountData()
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 初始化个人信息
|
||||
*/
|
||||
initAccountData(userId) {
|
||||
initAccountData() {
|
||||
// 获取用户id
|
||||
let userId = Vue.ls.get(USER_INFO).id
|
||||
this.loading = true
|
||||
let param = {
|
||||
id: userId
|
||||
@@ -127,8 +129,8 @@ export default {
|
||||
* 编辑成功后重新获取数据
|
||||
* @param id
|
||||
*/
|
||||
editOk(id) {
|
||||
this.initAccountData(id)
|
||||
editOk() {
|
||||
this.initAccountData()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user