59 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			59 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <section class="AppDataPublicity">
 | |
|     <ai-list>
 | |
|       <ai-title slot="title" title="数据公示" isShowBottomBorder/>
 | |
|       <template #content>
 | |
|         <ai-search-bar>
 | |
|           <template #left>
 | |
|             <el-button type="primary" icon="iconfont iconAdd">添加</el-button>
 | |
|           </template>
 | |
|         </ai-search-bar>
 | |
|         <ai-table :tableData="tableData" :colConfigs="colConfigs" @getList="getTableData"
 | |
|                   :total="page.total" :current.sync="page.current" :size.sync="page.size">
 | |
|           <el-table-column slot="options" label="操作" fixed="right" align="center">
 | |
|             <template slot-scope="{row}">
 | |
|               <el-button type="text">编辑</el-button>
 | |
|               <el-button type="text">删除</el-button>
 | |
|             </template>
 | |
|           </el-table-column>
 | |
|         </ai-table>
 | |
|       </template>
 | |
|     </ai-list>
 | |
|   </section>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| export default {
 | |
|   name: "AppDataPublicity",
 | |
|   label: "数据公示",
 | |
|   data() {
 | |
|     return {
 | |
|       tableData: [],
 | |
|       colConfigs: [
 | |
|         {label: "注册企业(家)", prop: ""},
 | |
|         {label: "对接成功企业(家)", prop: ""},
 | |
|         {label: "对接成功笔数(家)", prop: ""},
 | |
|         {label: "发布需求金额(家)", prop: ""},
 | |
|         {label: "对接成功金额(家)", prop: ""},
 | |
|         {label: "操作人", prop: ""},
 | |
|         {slot: "options"}
 | |
|       ],
 | |
|       page: {current: 1, size: 10, total: 0}
 | |
|     }
 | |
|   },
 | |
|   methods: {
 | |
|     getTableData() {
 | |
| 
 | |
|     }
 | |
|   },
 | |
|   created() {
 | |
|     this.getTableData()
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped>
 | |
| .AppDataPublicity {
 | |
| }
 | |
| </style>
 |