|
@ -1,119 +1,52 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="g-main"> |
|
|
<div class="g-main"> |
|
|
<div class="m-search"> |
|
|
<div class="m-search"> |
|
|
<el-form |
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'120px'"> |
|
|
:inline="true" |
|
|
|
|
|
:model="formData" |
|
|
|
|
|
ref="ref_searchform" |
|
|
|
|
|
:label-width="'120px'" |
|
|
|
|
|
> |
|
|
|
|
|
<el-form-item label="标签名称" prop="tagName"> |
|
|
<el-form-item label="标签名称" prop="tagName"> |
|
|
<el-input |
|
|
<el-input v-model="formData.tagName" size="small" class="u-item-width-normal" clearable placeholder="请输入"> |
|
|
v-model="formData.tagName" |
|
|
|
|
|
size="small" |
|
|
|
|
|
class="u-item-width-normal" |
|
|
|
|
|
clearable |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-row type="flex"> |
|
|
<el-row type="flex"> |
|
|
<el-col :span="24" align="right"> |
|
|
<el-col :span="24" align="right"> |
|
|
<el-button |
|
|
<el-button style="margin-left: 30px" size="small" type="primary " @click="handleSearchFrom">查询</el-button> |
|
|
style="margin-left: 30px" |
|
|
|
|
|
size="small" |
|
|
|
|
|
type="primary " |
|
|
|
|
|
@click="handleSearchFrom" |
|
|
|
|
|
>查询</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-table"> |
|
|
<div class="m-table"> |
|
|
<div class="div_btn"> |
|
|
<div class="div_btn"> |
|
|
<el-button |
|
|
<el-button style="height: 32px" size="small" @click="handleAdd({}, 'add')" type="primary" icon="el-icon-plus"> |
|
|
style="height: 32px" |
|
|
新增</el-button> |
|
|
size="small" |
|
|
|
|
|
@click="handleAdd({}, 'add')" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
icon="el-icon-plus" |
|
|
|
|
|
> |
|
|
|
|
|
新增</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<el-table |
|
|
<el-table ref="config_table" border :data="tableData" v-loading="tableLoading" style="width: 100%" |
|
|
ref="config_table" |
|
|
:height="tableHeight"> |
|
|
border |
|
|
<el-table-column label="标签名称" prop="tagName" fixed="left" align="center" key="tagName" /> |
|
|
:data="tableData" |
|
|
|
|
|
v-loading="tableLoading" |
|
|
|
|
|
style="width: 100%" |
|
|
|
|
|
:height="tableHeight" |
|
|
|
|
|
> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="标签名称" |
|
|
|
|
|
prop="tagName" |
|
|
|
|
|
fixed="left" |
|
|
|
|
|
align="center" |
|
|
|
|
|
key="tagName" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
|
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button style="margin-right: 10px" @click="handleAdd(scope.row, 'edit')" size="small" |
|
|
style="margin-right: 10px" |
|
|
type="text">修改</el-button> |
|
|
@click="handleAdd(scope.row, 'edit')" |
|
|
|
|
|
size="small" |
|
|
|
|
|
type="text" |
|
|
|
|
|
>修改</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<!-- 按钮权限--> |
|
|
<!-- 按钮权限--> |
|
|
<template> |
|
|
<template> |
|
|
<el-popconfirm |
|
|
<el-popconfirm title="删除之后无法回复,确认删除?" @onConfirm="handleDel(scope.row)"> |
|
|
title="删除之后无法回复,确认删除?" |
|
|
<el-button size="small" type="text" slot="reference">删除</el-button> |
|
|
@onConfirm="handleDel(scope.row)" |
|
|
|
|
|
> |
|
|
|
|
|
<el-button size="small" type="text" slot="reference" |
|
|
|
|
|
>删除</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</el-popconfirm> |
|
|
</el-popconfirm> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<div class="div-flex"> |
|
|
<div class="div-flex"> |
|
|
<div class="m-page"> |
|
|
<div class="m-page"> |
|
|
<el-pagination |
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|
|
@size-change="handleSizeChange" |
|
|
:page-sizes="[20, 50, 100, 200]" :page-size="pageSize" layout="sizes, prev, pager, next, total" |
|
|
@current-change="handleCurrentChange" |
|
|
:total="total"> |
|
|
:current-page.sync="pageNo" |
|
|
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
|
|
:page-size="pageSize" |
|
|
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
> |
|
|
|
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-dialog |
|
|
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
:visible.sync="formShow" |
|
|
destroy-on-close width="950px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
:close-on-click-modal="false" |
|
|
<add-form v-if="formShow" ref="Config_form" :row-obj="rowObj" @dialogCancle="addFormCancle" |
|
|
:close-on-press-escape="false" |
|
|
@dialogOk="addFormOk"></add-form> |
|
|
:title="formTitle" |
|
|
|
|
|
destroy-on-close |
|
|
|
|
|
width="950px" |
|
|
|
|
|
top="5vh" |
|
|
|
|
|
class="dialog-h" |
|
|
|
|
|
@closed="diaClose" |
|
|
|
|
|
> |
|
|
|
|
|
<add-form |
|
|
|
|
|
v-if="formShow" |
|
|
|
|
|
ref="Config_form" |
|
|
|
|
|
:row-obj="rowObj" |
|
|
|
|
|
@dialogCancle="addFormCancle" |
|
|
|
|
|
@dialogOk="addFormOk" |
|
|
|
|
|
></add-form> |
|
|
|
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -140,7 +73,7 @@ export default { |
|
|
rowObj: {}, |
|
|
rowObj: {}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() {}, |
|
|
created() { }, |
|
|
components: { addForm }, |
|
|
components: { addForm }, |
|
|
methods: { |
|
|
methods: { |
|
|
async getlabelConfigList() { |
|
|
async getlabelConfigList() { |
|
@ -225,10 +158,17 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
|
|
|
|
|
.div_btn { |
|
|
.div_btn { |
|
|
margin-bottom: 12px; |
|
|
margin-bottom: 12px; |
|
|
} |
|
|
} |
|
|
.dialog-h{ |
|
|
|
|
|
|
|
|
.div-flex { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.dialog-h { |
|
|
padding: 0 50px; |
|
|
padding: 0 50px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|