|
|
|
@ -1,73 +1,84 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div ref="wrapRef" :class="[prefixCls, [`${prefixCls}-form-container`]]"> |
|
|
|
<div ref="wrapRef" :class="[prefixCls, [`${prefixCls}-form-container`]]"> |
|
|
|
<AForm ref="queryFormElRef" |
|
|
|
<AForm |
|
|
|
:model="state.queryParams" |
|
|
|
ref="queryFormElRef" |
|
|
|
layout="inline" |
|
|
|
:model="state.queryParams" |
|
|
|
:colon="false" |
|
|
|
layout="inline" |
|
|
|
:labelCol="{ span: 6 }" |
|
|
|
:colon="false" |
|
|
|
:wrapperCol="{ style: { width: '260px', 'margin-bottom': '5px' } }" |
|
|
|
:labelCol="{ span: 6 }" |
|
|
|
|
|
|
|
:wrapperCol="{ style: { width: '260px', 'margin-bottom': '5px' } }" |
|
|
|
> |
|
|
|
> |
|
|
|
<AFormItem label="参数名称" name="name"> |
|
|
|
<AFormItem label="参数名称" name="name"> |
|
|
|
<a-input v-model:value="state.queryParams.name" |
|
|
|
<a-input |
|
|
|
placeholder="请输入参数名称" |
|
|
|
v-model:value="state.queryParams.name" |
|
|
|
allowClear |
|
|
|
placeholder="请输入参数名称" |
|
|
|
|
|
|
|
allowClear |
|
|
|
/> |
|
|
|
/> |
|
|
|
</AFormItem> |
|
|
|
</AFormItem> |
|
|
|
<AFormItem label="参数键" name="key"> |
|
|
|
<AFormItem label="参数键" name="key"> |
|
|
|
<a-input v-model:value="state.queryParams.key" |
|
|
|
<a-input |
|
|
|
placeholder="请输入参数键" |
|
|
|
v-model:value="state.queryParams.key" |
|
|
|
allowClear |
|
|
|
placeholder="请输入参数键" |
|
|
|
|
|
|
|
allowClear |
|
|
|
/> |
|
|
|
/> |
|
|
|
</AFormItem> |
|
|
|
</AFormItem> |
|
|
|
<AFormItem label="系统内置" name="isSys"> |
|
|
|
<AFormItem label="系统内置" name="isSys"> |
|
|
|
<ASelect v-model:value="state.queryParams.isSys" |
|
|
|
<ASelect |
|
|
|
placeholder="请选择" |
|
|
|
v-model:value="state.queryParams.isSys" |
|
|
|
allowClear |
|
|
|
placeholder="请选择" |
|
|
|
|
|
|
|
allowClear |
|
|
|
> |
|
|
|
> |
|
|
|
<ASelectOption key="0">是</ASelectOption> |
|
|
|
<ASelectOption key="0">是</ASelectOption> |
|
|
|
<ASelectOption key="1">否</ASelectOption> |
|
|
|
<ASelectOption key="1">否</ASelectOption> |
|
|
|
</ASelect> |
|
|
|
</ASelect> |
|
|
|
</AFormItem> |
|
|
|
</AFormItem> |
|
|
|
<AFormItem label="创建时间"> |
|
|
|
<AFormItem label="创建时间"> |
|
|
|
<ARangePicker v-model:value="state.dateRange" |
|
|
|
<ARangePicker |
|
|
|
style="width: 100%" |
|
|
|
v-model:value="state.dateRange" |
|
|
|
valueFormat="YYYY-MM-DD" |
|
|
|
style="width: 100%" |
|
|
|
:placeholder="['开始日期', '结束日期']" |
|
|
|
valueFormat="YYYY-MM-DD" |
|
|
|
|
|
|
|
:placeholder="['开始日期', '结束日期']" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</AFormItem> |
|
|
|
</AFormItem> |
|
|
|
<AFormItem> |
|
|
|
<AFormItem> |
|
|
|
<a-button type="primary" |
|
|
|
<a-button |
|
|
|
class="mr-2" |
|
|
|
type="primary" |
|
|
|
@click="handleQuery" |
|
|
|
class="mr-2" |
|
|
|
|
|
|
|
@click="handleQuery" |
|
|
|
>搜索</a-button> |
|
|
|
>搜索</a-button> |
|
|
|
<a-button type="default" |
|
|
|
<a-button |
|
|
|
class="mr-2" |
|
|
|
type="default" |
|
|
|
@click="resetQuery" |
|
|
|
class="mr-2" |
|
|
|
|
|
|
|
@click="resetQuery" |
|
|
|
>重置</a-button> |
|
|
|
>重置</a-button> |
|
|
|
</AFormItem> |
|
|
|
</AFormItem> |
|
|
|
</AForm> |
|
|
|
</AForm> |
|
|
|
<ATable ref="tableElRef" |
|
|
|
<ATable |
|
|
|
v-bind="getBindValues" |
|
|
|
ref="tableElRef" |
|
|
|
@change="handleTablePaginationChange" |
|
|
|
v-bind="getBindValues" |
|
|
|
|
|
|
|
@change="handleTablePaginationChange" |
|
|
|
> |
|
|
|
> |
|
|
|
<template #title> |
|
|
|
<template #title> |
|
|
|
<div style="width: 100%"> |
|
|
|
<div style="width: 100%"> |
|
|
|
<div class="flex items-center"> |
|
|
|
<div class="flex items-center"> |
|
|
|
<BasicTitle>{{ '参数配置列表' }}</BasicTitle> |
|
|
|
<BasicTitle>{{ '参数配置列表' }}</BasicTitle> |
|
|
|
<div :class="`${prefixCls}__toolbar`"> |
|
|
|
<div :class="`${prefixCls}__toolbar`"> |
|
|
|
<a-button v-auth="['config_add']" |
|
|
|
<a-button |
|
|
|
type="primary" |
|
|
|
v-auth="['config_add']" |
|
|
|
@click="handleAdd()" |
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="handleAdd()" |
|
|
|
>新增参数</a-button> |
|
|
|
>新增参数</a-button> |
|
|
|
<a-button v-auth="['config_edit']" |
|
|
|
<a-button |
|
|
|
type="primary" |
|
|
|
v-auth="['config_edit']" |
|
|
|
:disabled="state.single" |
|
|
|
type="primary" |
|
|
|
@click="handleEdit()" |
|
|
|
:disabled="state.single" |
|
|
|
|
|
|
|
@click="handleEdit()" |
|
|
|
>修改参数</a-button> |
|
|
|
>修改参数</a-button> |
|
|
|
<a-button v-auth="['config_del']" |
|
|
|
<a-button |
|
|
|
type="primary" |
|
|
|
v-auth="['config_del']" |
|
|
|
:disabled="state.multiple" |
|
|
|
type="primary" |
|
|
|
@click="handleDel()" |
|
|
|
:disabled="state.multiple" |
|
|
|
|
|
|
|
@click="handleDel()" |
|
|
|
>删除参数</a-button> |
|
|
|
>删除参数</a-button> |
|
|
|
<ADivider type="vertical"/> |
|
|
|
<ADivider type="vertical"/> |
|
|
|
<div :class="`${prefixCls}__settings`"> |
|
|
|
<div :class="`${prefixCls}__settings`"> |
|
|
|
@ -83,9 +94,10 @@ |
|
|
|
<template #title> |
|
|
|
<template #title> |
|
|
|
<span>{{ t('component.table.settingDens') }}</span> |
|
|
|
<span>{{ t('component.table.settingDens') }}</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<ADropdown :trigger="['click']" |
|
|
|
<ADropdown |
|
|
|
:getPopupContainer="getPopupContainer" |
|
|
|
:trigger="['click']" |
|
|
|
placement="bottom" |
|
|
|
:getPopupContainer="getPopupContainer" |
|
|
|
|
|
|
|
placement="bottom" |
|
|
|
> |
|
|
|
> |
|
|
|
<ColumnHeightOutlined/> |
|
|
|
<ColumnHeightOutlined/> |
|
|
|
<template #overlay> |
|
|
|
<template #overlay> |
|
|
|
@ -134,18 +146,20 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template #action="{ record }"> |
|
|
|
<template #action="{ record }"> |
|
|
|
<div :class="[`${prefixCls}__action`, 'center']"> |
|
|
|
<div :class="[`${prefixCls}__action`, 'center']"> |
|
|
|
<a-button v-auth="['config_edit']" |
|
|
|
<a-button |
|
|
|
type="link" |
|
|
|
v-auth="['config_edit']" |
|
|
|
size="small" |
|
|
|
type="link" |
|
|
|
@click="handleEdit(record)" |
|
|
|
size="small" |
|
|
|
|
|
|
|
@click="handleEdit(record)" |
|
|
|
><Icon icon="fa6-regular:pen-to-square" :size="14"/>修改 |
|
|
|
><Icon icon="fa6-regular:pen-to-square" :size="14"/>修改 |
|
|
|
</a-button> |
|
|
|
</a-button> |
|
|
|
<ADivider type="vertical" class="action-divider"/> |
|
|
|
<ADivider type="vertical" class="action-divider"/> |
|
|
|
<a-button v-auth="['config_del']" |
|
|
|
<a-button |
|
|
|
type="link" |
|
|
|
v-auth="['config_del']" |
|
|
|
size="small" |
|
|
|
type="link" |
|
|
|
color="error" |
|
|
|
size="small" |
|
|
|
@click="handleDel(record)" |
|
|
|
color="error" |
|
|
|
|
|
|
|
@click="handleDel(record)" |
|
|
|
><Icon icon="ant-design:delete-outlined" :size="15"/>删除 |
|
|
|
><Icon icon="ant-design:delete-outlined" :size="15"/>删除 |
|
|
|
</a-button> |
|
|
|
</a-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
wangxiang
2 years ago