标签管理样式完成

This commit is contained in:
aixianling
2022-04-19 15:39:30 +08:00
parent 99e8432ea7
commit 4ec129a695

View File

@@ -7,7 +7,8 @@
<template #left> <template #left>
<el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加 <el-button type="primary" icon="iconfont iconAdd" @click="dialog=true">添加
</el-button> </el-button>
<el-button icon="iconfont iconDelete" @click="dialog=true">删除</el-button> <el-button icon="iconfont iconDelete" :disabled="!search.ids" @click="handleDelete(search.ids)">删除
</el-button>
</template> </template>
<template #right> <template #right>
<el-input size="small" placeholder="标签信息/添加人" v-model="search.title" clearable <el-input size="small" placeholder="标签信息/添加人" v-model="search.title" clearable
@@ -15,7 +16,8 @@
</template> </template>
</ai-search-bar> </ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
@getList="getTableData" :col-configs="colConfigs" :dict="dict"> @getList="getTableData" :col-configs="colConfigs" :dict="dict"
@selection-change="v=>search.ids=v.map(e=>e.id).toString()">
<el-table-column slot="options" align="center" label="操作" fixed="right" width="160px"> <el-table-column slot="options" align="center" label="操作" fixed="right" width="160px">
<el-row type="flex" justify="center" align="middle" slot-scope="{row}"> <el-row type="flex" justify="center" align="middle" slot-scope="{row}">
<el-button type="text" @click="handleEdit(row)">编辑</el-button> <el-button type="text" @click="handleEdit(row)">编辑</el-button>
@@ -65,8 +67,8 @@ export default {
page: {current: 1, size: 10, total: 0}, page: {current: 1, size: 10, total: 0},
dialog: false, dialog: false,
tableData: [], tableData: [],
search: {organizationName: ""}, search: {name: "", ids: ""},
form: {logoUrl: []}, form: {},
colConfigs: [ colConfigs: [
{type: "selection"}, {type: "selection"},
{label: "标签信息", prop: "organizationName"}, {label: "标签信息", prop: "organizationName"},
@@ -78,7 +80,7 @@ export default {
}, },
methods: { methods: {
getTableData() { getTableData() {
this.instance.post("/appfinancialorganization/list", null, { this.instance.post("/app/appfinancialorganization/list", null, {
params: {...this.page, ...this.search} params: {...this.page, ...this.search}
}).then(res => { }).then(res => {
if (res?.data) { if (res?.data) {