一、调整系统字典表

1、启用停用的值
2、停用后依旧显示(原不显示)但是将下拉选调整为禁用状态
This commit is contained in:
1378012178@qq.com 2025-03-19 09:47:28 +08:00
parent 9096722666
commit f99e7c1814
11 changed files with 299 additions and 295 deletions

View File

@ -1,21 +1,18 @@
<template> <template>
<a-radio-group v-if="compType === CompTypeEnum.Radio" v-bind="attrs" v-model:value="state" @change="handleChangeRadio"> <a-radio-group v-if="compType === CompTypeEnum.Radio" v-bind="attrs" v-model:value="state"
@change="handleChangeRadio">
<template v-for="item in dictOptions" :key="`${item.value}`"> <template v-for="item in dictOptions" :key="`${item.value}`">
<a-radio :value="item.value"> <a-radio :value="item.value">
<span :class="[useDicColor && item.color ? 'colorText' : '']" :style="{ backgroundColor: `${useDicColor && item.color}` }"> <span :class="[useDicColor && item.color ? 'colorText' : '']"
:style="{ backgroundColor: `${useDicColor && item.color}` }">
{{ item.label }} {{ item.label }}
</span> </span>
</a-radio> </a-radio>
</template> </template>
</a-radio-group> </a-radio-group>
<a-radio-group <a-radio-group v-else-if="compType === CompTypeEnum.RadioButton" v-bind="attrs" v-model:value="state"
v-else-if="compType === CompTypeEnum.RadioButton" buttonStyle="solid" @change="handleChangeRadio">
v-bind="attrs"
v-model:value="state"
buttonStyle="solid"
@change="handleChangeRadio"
>
<template v-for="item in dictOptions" :key="`${item.value}`"> <template v-for="item in dictOptions" :key="`${item.value}`">
<a-radio-button :value="item.value"> <a-radio-button :value="item.value">
{{ item.label }} {{ item.label }}
@ -30,24 +27,13 @@
<LoadingOutlined /> <LoadingOutlined />
</template> </template>
</a-input> </a-input>
<a-select <a-select v-else :placeholder="placeholder" v-bind="attrs" v-model:value="state" :filterOption="handleFilterOption"
v-else :getPopupContainer="getPopupContainer" :style="style" @change="handleChange">
:placeholder="placeholder"
v-bind="attrs"
v-model:value="state"
:filterOption="handleFilterOption"
:getPopupContainer="getPopupContainer"
:style="style"
@change="handleChange"
>
<a-select-option v-if="showChooseOption" :value="null">请选择</a-select-option> <a-select-option v-if="showChooseOption" :value="null">请选择</a-select-option>
<template v-for="item in dictOptions" :key="`${item.value}`"> <template v-for="item in dictOptions" :key="`${item.value}`">
<a-select-option :value="item.value"> <a-select-option :value="item.value" :disabled="item.disabled">
<span <span :class="[useDicColor && item.color ? 'colorText' : '']"
:class="[useDicColor && item.color ? 'colorText' : '']" :style="{ backgroundColor: `${useDicColor && item.color}` }" :title="item.label">
:style="{ backgroundColor: `${useDicColor && item.color}` }"
:title="item.label"
>
{{ item.label }} {{ item.label }}
</span> </span>
</a-select-option> </a-select-option>
@ -56,182 +42,184 @@
</template> </template>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent, PropType, ref, reactive, watchEffect, computed, unref, watch, onMounted, nextTick } from 'vue'; import { defineComponent, PropType, ref, reactive, watchEffect, computed, unref, watch, onMounted, nextTick } from 'vue';
import { propTypes } from '/@/utils/propTypes'; import { propTypes } from '/@/utils/propTypes';
import { useAttrs } from '/@/hooks/core/useAttrs'; import { useAttrs } from '/@/hooks/core/useAttrs';
import { initDictOptions } from '/@/utils/dict'; import { initDictOptions } from '/@/utils/dict';
import { get, omit } from 'lodash-es'; import { get, omit } from 'lodash-es';
import { useRuleFormItem } from '/@/hooks/component/useFormItem'; import { useRuleFormItem } from '/@/hooks/component/useFormItem';
import { CompTypeEnum } from '/@/enums/CompTypeEnum'; import { CompTypeEnum } from '/@/enums/CompTypeEnum';
import { LoadingOutlined } from '@ant-design/icons-vue'; import { LoadingOutlined } from '@ant-design/icons-vue';
export default defineComponent({ export default defineComponent({
name: 'JDictSelectTag', name: 'JDictSelectTag',
inheritAttrs: false, inheritAttrs: false,
components: { LoadingOutlined }, components: { LoadingOutlined },
props: { props: {
value: propTypes.oneOfType([propTypes.string, propTypes.number, propTypes.array]), value: propTypes.oneOfType([propTypes.string, propTypes.number, propTypes.array]),
dictCode: propTypes.string, dictCode: propTypes.string,
type: propTypes.string, type: propTypes.string,
placeholder: propTypes.string, placeholder: propTypes.string,
stringToNumber: propTypes.bool, stringToNumber: propTypes.bool,
useDicColor: propTypes.bool.def(false), useDicColor: propTypes.bool.def(false),
getPopupContainer: { getPopupContainer: {
type: Function, type: Function,
default: (node) => node?.parentNode, default: (node) => node?.parentNode,
},
//
showChooseOption: propTypes.bool.def(true),
// -online使
options: {
type: Array,
default: [],
required: false,
},
style: propTypes.any,
}, },
emits: ['options-change', 'change','update:value'], //
setup(props, { emit, refs }) { showChooseOption: propTypes.bool.def(true),
const dictOptions = ref<any[]>([]); // -online使
const attrs = useAttrs(); options: {
const [state, , , formItemContext] = useRuleFormItem(props, 'value', 'change'); type: Array,
const getBindValue = Object.assign({}, unref(props), unref(attrs)); default: [],
// required: false,
const loadingEcho = ref<boolean>(false); },
// loading style: propTypes.any,
let isFirstLoadEcho = true; },
emits: ['options-change', 'change', 'update:value'],
setup(props, { emit, refs }) {
const dictOptions = ref<any[]>([]);
const attrs = useAttrs();
const [state, , , formItemContext] = useRuleFormItem(props, 'value', 'change');
const getBindValue = Object.assign({}, unref(props), unref(attrs));
//
const loadingEcho = ref<boolean>(false);
// loading
let isFirstLoadEcho = true;
// //
const compType = computed(() => { const compType = computed(() => {
return !props.type || props.type === 'list' ? 'select' : props.type; return !props.type || props.type === 'list' ? 'select' : props.type;
}); });
/** /**
* 监听字典code * 监听字典code
*/ */
watchEffect(() => { watchEffect(() => {
if (props.dictCode) { if (props.dictCode) {
loadingEcho.value = isFirstLoadEcho;
isFirstLoadEcho = false;
initDictData().finally(() => {
loadingEcho.value = isFirstLoadEcho; loadingEcho.value = isFirstLoadEcho;
isFirstLoadEcho = false; });
initDictData().finally(() => { }
loadingEcho.value = isFirstLoadEcho; //update-begin-author:taoyan date: dictCode options--
if (!props.dictCode) {
dictOptions.value = props.options;
}
//update-end-author:taoyan date: dictCode options--
});
//update-begin-author:taoyan date:20220404 for: 使useRuleFormItemvaluechange
// change,value''change
watch(
() => props.value,
() => {
if (props.value === '') {
emit('change', '');
nextTick(() => formItemContext.onFieldChange());
}
}
);
//update-end-author:taoyan date:20220404 for: 使useRuleFormItemvaluechange
async function initDictData() {
let { dictCode, stringToNumber } = props;
//Code,
const dictData = await initDictOptions(dictCode);
dictOptions.value = dictData.reduce((prev, next) => {
if (next) {
console.log(next['status'] == 1)
const value = next['value'];
prev.push({
label: next['text'] || next['label'],
value: stringToNumber ? +value : value,
disabled:next['status'] != 0,
color: next['color'],
...omit(next, ['text', 'value', 'color']),
}); });
} }
//update-begin-author:taoyan date: dictCode options-- return prev;
if (!props.dictCode) { }, []);
dictOptions.value = props.options; }
function handleChange(e) {
const { mode } = unref<Recordable>(getBindValue);
let changeValue: any;
//
//update-begin---author:wangshuai ---date:20230216 for[QQYUN-4290],change------------
//statechange
if (mode === 'multiple') {
changeValue = e?.target?.value ?? e;
//
if (changeValue == null || changeValue === '') {
changeValue = [];
} }
//update-end-author:taoyan date: dictCode options-- if (Array.isArray(changeValue)) {
}); changeValue = changeValue.filter((item) => item != null && item !== '');
//update-begin-author:taoyan date:20220404 for: 使useRuleFormItemvaluechange
// change,value''change
watch(
() => props.value,
() => {
if (props.value === '') {
emit('change', '');
nextTick(() => formItemContext.onFieldChange());
}
} }
); } else {
//update-end-author:taoyan date:20220404 for: 使useRuleFormItemvaluechange changeValue = e?.target?.value ?? e;
async function initDictData() {
let { dictCode, stringToNumber } = props;
//Code,
const dictData = await initDictOptions(dictCode);
dictOptions.value = dictData.reduce((prev, next) => {
if (next) {
const value = next['value'];
prev.push({
label: next['text'] || next['label'],
value: stringToNumber ? +value : value,
color: next['color'],
...omit(next, ['text', 'value', 'color']),
});
}
return prev;
}, []);
} }
state.value = changeValue;
function handleChange(e) { //update-begin---author:wangshuai ---date:20230403 forissues/4507JDictSelectTag使Expected Function, got Array------------
const { mode } = unref<Recordable>(getBindValue); emit('update:value', changeValue)
let changeValue:any; //update-end---author:wangshuai ---date:20230403 forissues/4507JDictSelectTag使Expected Function, got Array------------
// //update-end---author:wangshuai ---date:20230216 for[QQYUN-4290],change------------
//update-begin---author:wangshuai ---date:20230216 for[QQYUN-4290],change------------ // nextTick(() => formItemContext.onFieldChange());
//statechange }
if (mode === 'multiple') {
changeValue = e?.target?.value ?? e; /** 单选radio的值变化事件 */
// function handleChangeRadio(e) {
if (changeValue == null || changeValue === '') { state.value = e?.target?.value ?? e;
changeValue = []; //update-begin---author:wangshuai ---date:20230504 forissues/506JDictSelectTag type="radio" ------------
} emit('update:value', e?.target?.value ?? e)
if (Array.isArray(changeValue)) { //update-end---author:wangshuai ---date:20230504 forissues/506JDictSelectTag type="radio" ------------
changeValue = changeValue.filter((item) => item != null && item !== ''); }
}
} else { /** 用于搜索下拉框中的内容 */
changeValue = e?.target?.value ?? e; function handleFilterOption(input, option) {
// update-begin--author:liaozhiyang---date:20230914---forQQYUN-6514 Y
if (typeof option.children === 'function') {
// label
let labelIf = option.children()[0]?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
if (labelIf) {
return true;
} }
state.value = changeValue;
//update-begin---author:wangshuai ---date:20230403 forissues/4507JDictSelectTag使Expected Function, got Array------------
emit('update:value',changeValue)
//update-end---author:wangshuai ---date:20230403 forissues/4507JDictSelectTag使Expected Function, got Array------------
//update-end---author:wangshuai ---date:20230216 for[QQYUN-4290],change------------
// nextTick(() => formItemContext.onFieldChange());
} }
// update-end--author:liaozhiyang---date:20230914---forQQYUN-6514 Y
// value
return (option.value || '').toString().toLowerCase().indexOf(input.toLowerCase()) >= 0;
}
/** 单选radio的值变化事件 */ return {
function handleChangeRadio(e) { state,
state.value = e?.target?.value ?? e; compType,
//update-begin---author:wangshuai ---date:20230504 forissues/506JDictSelectTag type="radio" ------------ attrs,
emit('update:value',e?.target?.value ?? e) loadingEcho,
//update-end---author:wangshuai ---date:20230504 forissues/506JDictSelectTag type="radio" ------------ getBindValue,
} dictOptions,
CompTypeEnum,
/** 用于搜索下拉框中的内容 */ handleChange,
function handleFilterOption(input, option) { handleChangeRadio,
// update-begin--author:liaozhiyang---date:20230914---forQQYUN-6514 Y handleFilterOption,
if (typeof option.children === 'function') { };
// label },
let labelIf = option.children()[0]?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0; });
if (labelIf) {
return true;
}
}
// update-end--author:liaozhiyang---date:20230914---forQQYUN-6514 Y
// value
return (option.value || '').toString().toLowerCase().indexOf(input.toLowerCase()) >= 0;
}
return {
state,
compType,
attrs,
loadingEcho,
getBindValue,
dictOptions,
CompTypeEnum,
handleChange,
handleChangeRadio,
handleFilterOption,
};
},
});
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
// update-begin--author:liaozhiyang---date:20230110---forQQYUN-7799 // update-begin--author:liaozhiyang---date:20230110---forQQYUN-7799
.colorText { .colorText {
display: inline-block; display: inline-block;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
padding: 0 6px; padding: 0 6px;
border-radius: 8px; border-radius: 8px;
background-color: red; background-color: red;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
} }
// update-begin--author:liaozhiyang---date:20230110---forQQYUN-7799
</style> // update-begin--author:liaozhiyang---date:20230110---forQQYUN-7799</style>

View File

@ -8,7 +8,7 @@
<a-col :lg="6"> <a-col :lg="6">
<a-form-item name="tagName"> <a-form-item name="tagName">
<template #label><span title="标签名称">标签名称</span></template> <template #label><span title="标签名称">标签名称</span></template>
<JInput v-model:value="queryParam.tagName" allowClear placeholder="请输入标签名称"/> <JInput v-model:value="queryParam.tagName" allowClear placeholder="请输入标签名称" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6"> <a-col :lg="6">
@ -95,8 +95,13 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
columns, columns,
canResize: false, canResize: false,
useSearchForm: false, useSearchForm: false,
pagination: {
current: 1,
pageSize: 50,
pageSizeOptions: ['50', '70', '100'],
},
actionColumn: { actionColumn: {
width: 120, width: 160,
fixed: 'right', fixed: 'right',
}, },
beforeFetch: async (params) => { beforeFetch: async (params) => {
@ -195,16 +200,7 @@ function getTableAction(record) {
{ {
label: '编辑', label: '编辑',
onClick: handleEdit.bind(null, record) onClick: handleEdit.bind(null, record)
}, }, {
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
{
label: '详情', label: '详情',
onClick: handleDetail.bind(null, record), onClick: handleDetail.bind(null, record),
}, { }, {
@ -215,6 +211,15 @@ function getDropDownAction(record) {
placement: 'topLeft', placement: 'topLeft',
} }
} }
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
] ]
} }

View File

@ -95,7 +95,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
canResize: false, canResize: false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
width: 120, width: 160,
fixed: 'right', fixed: 'right',
}, },
beforeFetch: async (params) => { beforeFetch: async (params) => {
@ -195,6 +195,18 @@ function getTableAction(record) {
label: '编辑', label: '编辑',
onClick: handleEdit.bind(null, record) onClick: handleEdit.bind(null, record)
}, },
{
label: '详情',
onClick: handleDetail.bind(null, record),
},
{
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
placement: 'topLeft',
}
}
]; ];
} }
@ -203,17 +215,7 @@ function getTableAction(record) {
*/ */
function getDropDownAction(record) { function getDropDownAction(record) {
return [ return [
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
placement: 'topLeft',
}
}
] ]
} }

View File

@ -26,7 +26,7 @@ export const columns: BasicColumn[] = [
}, },
}, },
{ {
title: '指令标签', title: '分类标签',
align: 'center', align: 'center',
dataIndex: 'instructionTagId_dictText', dataIndex: 'instructionTagId_dictText',
width: 100, width: 100,
@ -133,9 +133,9 @@ export const columns: BasicColumn[] = [
// 高级查询数据 // 高级查询数据
export const superQuerySchema = { export const superQuerySchema = {
categoryId: { title: '服务类别id', order: 0, view: 'list', type: 'string', dictCode: '' }, categoryId: { title: '服务类别', order: 0, view: 'list', type: 'string', dictCode: '' },
typeId: { title: '服务类型id', order: 1, view: 'list', type: 'string', dictCode: '' }, typeId: { title: '服务类型', order: 1, view: 'list', type: 'string', dictCode: '' },
instructionTagId: { title: '指令标签id', order: 2, view: 'list', type: 'string', dictCode: 'instruction_tag' }, instructionTagId: { title: '分类标签', order: 2, view: 'list', type: 'string', dictCode: 'instruction_tag' },
directiveName: { title: '服务指令名称', order: 3, view: 'text', type: 'string' }, directiveName: { title: '服务指令名称', order: 3, view: 'text', type: 'string' },
tollPrice: { title: '收费价格', order: 4, view: 'number', type: 'number' }, tollPrice: { title: '收费价格', order: 4, view: 'number', type: 'number' },
comPrice: { title: '提成价格', order: 5, view: 'number', type: 'number' }, comPrice: { title: '提成价格', order: 5, view: 'number', type: 'number' },

View File

@ -9,7 +9,7 @@
<a-form-item name="categoryId"> <a-form-item name="categoryId">
<template #label><span title="服务类别">服务类别</span></template> <template #label><span title="服务类别">服务类别</span></template>
<j-dict-select-tag type="list" v-model:value="queryParam.categoryId" <j-dict-select-tag type="list" v-model:value="queryParam.categoryId"
:dictCode="`config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0`" :dictCode="`config_service_category,category_name,id,del_flag = 0 order by sort asc`"
placeholder="请选择服务类别" allow-clear /> placeholder="请选择服务类别" allow-clear />
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -17,7 +17,7 @@
<a-form-item name="typeId"> <a-form-item name="typeId">
<template #label><span title="服务类型">服务类型</span></template> <template #label><span title="服务类型">服务类型</span></template>
<j-dict-select-tag type="list" v-model:value="queryParam.typeId" <j-dict-select-tag type="list" v-model:value="queryParam.typeId"
:dictCode="`config_service_type,type_name,id,del_flag = 0 and iz_enabled = 0`" placeholder="请选择服务类型" :dictCode="`config_service_type,type_name,id,del_flag = 0 order by sort asc`" placeholder="请选择服务类型"
allowClear /> allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -32,7 +32,7 @@
<a-col :lg="6"> <a-col :lg="6">
<a-form-item name="directiveName"> <a-form-item name="directiveName">
<template #label><span title="服务指令">服务指令</span></template> <template #label><span title="服务指令">服务指令</span></template>
<JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称" allowClear/> <JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- <a-col :lg="6"> <!-- <a-col :lg="6">
@ -79,7 +79,7 @@
<a-form-item name="izEnabled"> <a-form-item name="izEnabled">
<template #label><span title="是否启用">是否启用</span></template> <template #label><span title="是否启用">是否启用</span></template>
<j-dict-select-tag type='list' v-model:value="queryParam.izEnabled" dictCode="iz_enabled" <j-dict-select-tag type='list' v-model:value="queryParam.izEnabled" dictCode="iz_enabled"
placeholder="请选择是否启用" allowClear/> placeholder="请选择是否启用" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
</template> </template>
@ -107,7 +107,7 @@
preIcon="tabler:settings">配置服务类别</a-button> preIcon="tabler:settings">配置服务类别</a-button>
<a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleType" <a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleType"
preIcon="tabler:settings">配置服务类型</a-button> preIcon="tabler:settings">配置服务类型</a-button>
<a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleTag" <a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleTag"
preIcon="tabler:settings">配置指令标签</a-button> preIcon="tabler:settings">配置指令标签</a-button>
<a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleAdd" <a-button type="primary" v-auth="'serviceDirective:config_service_directive:add'" @click="handleAdd"
preIcon="ant-design:plus-outlined">新增</a-button> preIcon="ant-design:plus-outlined">新增</a-button>
@ -210,7 +210,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
canResize: false, canResize: false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
width: 120, width: 160,
fixed: 'right', fixed: 'right',
}, },
beforeFetch: async (params) => { beforeFetch: async (params) => {
@ -247,7 +247,7 @@ const superQueryConfig = reactive(superQuerySchema);
const categoryOpen = ref(false)// const categoryOpen = ref(false)//
const typeOpen = ref(false)// const typeOpen = ref(false)//
const tagOpen =ref(false)// const tagOpen = ref(false)//
/** /**
* 高级查询事件 * 高级查询事件
@ -313,16 +313,7 @@ function getTableAction(record) {
label: '编辑', label: '编辑',
onClick: handleEdit.bind(null, record), onClick: handleEdit.bind(null, record),
auth: 'serviceDirective:config_service_directive:edit' auth: 'serviceDirective:config_service_directive:edit'
}, }, {
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
{
label: '详情', label: '详情',
onClick: handleDetail.bind(null, record), onClick: handleDetail.bind(null, record),
}, { }, {
@ -334,6 +325,15 @@ function getDropDownAction(record) {
}, },
auth: 'serviceDirective:config_service_directive:delete' auth: 'serviceDirective:config_service_directive:delete'
} }
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
] ]
} }

View File

@ -5,93 +5,105 @@
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="ConfigServiceDirectiveForm"> name="ConfigServiceDirectiveForm">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId" <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
name="categoryId"> name="categoryId">
<j-dict-select-tag type="list" v-model:value="formData.categoryId" <j-dict-select-tag type="list" v-model:value="formData.categoryId"
:dictCode="`config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0`" :dictCode="`config_service_category,category_name,id,del_flag = 0 order by sort asc`"
placeholder="请选择服务类别" allow-clear /> placeholder="请选择服务类别" allow-clear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="服务类型" v-bind="validateInfos.typeId" id="ConfigServiceDirectiveForm-typeId" <a-form-item label="服务类型" v-bind="validateInfos.typeId" id="ConfigServiceDirectiveForm-typeId"
name="typeId"> name="typeId">
<j-dict-select-tag type="list" v-model:value="formData.typeId" <j-dict-select-tag type="list" v-model:value="formData.typeId"
:dictCode="`config_service_type,type_name,id,del_flag = 0 and iz_enabled = 0`" placeholder="请选择服务类型" :dictCode="`config_service_type,type_name,id,del_flag = 0 order by sort asc`" placeholder="请选择服务类型"
allowClear /> allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="指令标签" v-bind="validateInfos.instructionTagId" <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId"> id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
<j-dict-select-tag v-model:value="formData.instructionTagId" dictCode="instruction_tag" <j-dict-select-tag v-model:value="formData.instructionTagId" dictCode="instruction_tag"
placeholder="请选择指令标签" allowClear /> placeholder="请选择分类标签" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="服务指令名称" v-bind="validateInfos.directiveName" <a-form-item label="服务指令名称" v-bind="validateInfos.directiveName"
id="ConfigServiceDirectiveForm-directiveName" name="directiveName"> id="ConfigServiceDirectiveForm-directiveName" name="directiveName">
<a-input v-model:value="formData.directiveName" placeholder="请输入服务指令名称" allow-clear></a-input> <a-input v-model:value="formData.directiveName" placeholder="请输入服务指令名称" allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="收费价格" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice" <a-form-item label="收费价格" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
name="tollPrice"> name="tollPrice">
<a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" /> <a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="提成价格" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice" <a-form-item label="提成价格" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
name="comPrice"> name="comPrice">
<a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" /> <a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="医保报销" v-bind="validateInfos.izReimbursement" <a-form-item label="医保报销" v-bind="validateInfos.izReimbursement"
id="ConfigServiceDirectiveForm-izReimbursement" name="izReimbursement"> id="ConfigServiceDirectiveForm-izReimbursement" name="izReimbursement">
<j-dict-select-tag type='radio' v-model:value="formData.izReimbursement" dictCode="med_ins_reimb" <j-dict-select-tag type='radio' v-model:value="formData.izReimbursement" dictCode="med_ins_reimb"
allowClear /> allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="机构优惠" v-bind="validateInfos.izPreferential" <a-form-item label="机构优惠" v-bind="validateInfos.izPreferential"
id="ConfigServiceDirectiveForm-izPreferential" name="izPreferential"> id="ConfigServiceDirectiveForm-izPreferential" name="izPreferential">
<j-dict-select-tag type='radio' v-model:value="formData.izPreferential" <j-dict-select-tag type='radio' v-model:value="formData.izPreferential"
dictCode="institutional_discount" allowClear /> dictCode="institutional_discount" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="收费频次" v-bind="validateInfos.chargingFrequency" <a-form-item label="收费频次" v-bind="validateInfos.chargingFrequency"
id="ConfigServiceDirectiveForm-chargingFrequency" name="chargingFrequency"> id="ConfigServiceDirectiveForm-chargingFrequency" name="chargingFrequency">
<j-dict-select-tag type="list" v-model:value="formData.chargingFrequency" dictCode="billing_frequency" <j-dict-select-tag type="list" v-model:value="formData.chargingFrequency" dictCode="billing_frequency"
placeholder="请选择收费频次" allowClear /> placeholder="请选择收费频次" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="周期类型" v-bind="validateInfos.cycleType" id="ConfigServiceDirectiveForm-cycleType" <a-form-item label="周期类型" v-bind="validateInfos.cycleType" id="ConfigServiceDirectiveForm-cycleType"
name="cycleType"> name="cycleType">
<j-dict-select-tag type="list" v-model:value="formData.cycleType" dictCode="period_type" <j-dict-select-tag type="list" v-model:value="formData.cycleType" dictCode="period_type"
placeholder="请选择周期类型" allowClear /> placeholder="请选择周期类型" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="排序" v-bind="validateInfos.sort" id="ConfigServiceDirectiveForm-sort" name="sort">
<a-input-number v-model:value="formData.sort" placeholder="请输入排序" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="服务说明" v-bind="validateInfos.serviceContent"
id="ConfigServiceDirectiveForm-serviceContent" name="serviceContent">
<a-textarea v-model:value="formData.serviceContent" :rows="4" placeholder="请输入服务说明" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="服务时长(分钟)" v-bind="validateInfos.serviceDuration" <a-form-item label="服务时长(分钟)" v-bind="validateInfos.serviceDuration"
id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration"> id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
<a-input v-model:value="formData.serviceDuration" placeholder="请输入服务时长(分钟)" allow-clear></a-input> <a-input v-model:value="formData.serviceDuration" placeholder="请输入服务时长(分钟)" allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="服务说明" v-bind="validateInfos.serviceContent"
id="ConfigServiceDirectiveForm-serviceContent" name="serviceContent">
<a-textarea v-model:value="formData.serviceContent" :rows="1" placeholder="请输入服务说明" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="语音文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File"
name="mp3File">
<j-upload v-model:value="formData.mp3File" accept="audio/*"></j-upload>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="视频文件" v-bind="validateInfos.mp4File" id="ConfigServiceDirectiveForm-mp4File"
name="mp4File">
<j-upload v-model:value="formData.mp4File" accept="video/*"></j-upload>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="排序" v-bind="validateInfos.sort" id="ConfigServiceDirectiveForm-sort" name="sort">
<a-input-number v-model:value="formData.sort" placeholder="请输入排序" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="ConfigServiceDirectiveForm-izEnabled" <a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="ConfigServiceDirectiveForm-izEnabled"
name="izEnabled"> name="izEnabled">
<j-dict-select-tag type='radio' v-model:value="formData.izEnabled" dictCode="iz_enabled" <j-dict-select-tag type='radio' v-model:value="formData.izEnabled" dictCode="iz_enabled"
@ -99,37 +111,32 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="语音文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File" <a-form-item label="指令标签" v-bind="validateInfos.typeId" id="ConfigServiceDirectiveForm-typeId" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
name="mp3File"> name="typeId">
<j-upload v-model:value="formData.mp3File" accept="audio/*"></j-upload> <JCheckbox v-model:value="formData.tags"
:dictCode="`config_directive_tag,tag_name,id,del_flag = 0 order by sort asc`" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="视频文件" v-bind="validateInfos.mp4File" id="ConfigServiceDirectiveForm-mp4File"
name="mp4File">
<j-upload v-model:value="formData.mp4File" accept="video/*"></j-upload>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="创建人" v-bind="validateInfos.createBy" id="ConfigServiceDirectiveForm-createBy" <a-form-item label="创建人" v-bind="validateInfos.createBy" id="ConfigServiceDirectiveForm-createBy"
name="createBy"> name="createBy">
<a-input v-model:value="formData.createBy" placeholder="请输入创建人" disabled allow-clear></a-input> <a-input v-model:value="formData.createBy" placeholder="请输入创建人" disabled allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="创建日期" v-bind="validateInfos.createTime" id="ConfigServiceDirectiveForm-createTime" <a-form-item label="创建日期" v-bind="validateInfos.createTime" id="ConfigServiceDirectiveForm-createTime"
name="createTime"> name="createTime">
<a-date-picker placeholder="请选择创建日期" v-model:value="formData.createTime" showTime <a-date-picker placeholder="请选择创建日期" v-model:value="formData.createTime" showTime
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled allow-clear /> value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled allow-clear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="更新人" v-bind="validateInfos.updateBy" id="ConfigServiceDirectiveForm-updateBy" <a-form-item label="更新人" v-bind="validateInfos.updateBy" id="ConfigServiceDirectiveForm-updateBy"
name="updateBy"> name="updateBy">
<a-input v-model:value="formData.updateBy" placeholder="请输入更新人" disabled allow-clear></a-input> <a-input v-model:value="formData.updateBy" placeholder="请输入更新人" disabled allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="12">
<a-form-item label="更新日期" v-bind="validateInfos.updateTime" id="ConfigServiceDirectiveForm-updateTime" <a-form-item label="更新日期" v-bind="validateInfos.updateTime" id="ConfigServiceDirectiveForm-updateTime"
name="updateTime"> name="updateTime">
<a-date-picker placeholder="请选择更新日期" v-model:value="formData.updateTime" showTime <a-date-picker placeholder="请选择更新日期" v-model:value="formData.updateTime" showTime
@ -148,6 +155,7 @@ import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted
import { defHttp } from '/@/utils/http/axios'; import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage'; import { useMessage } from '/@/hooks/web/useMessage';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue'; import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import { JCheckbox } from '/@/components/Form';
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue'; import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
import { getValueType } from '/@/utils'; import { getValueType } from '/@/utils';
import { saveOrUpdate } from '../ConfigServiceDirective.api'; import { saveOrUpdate } from '../ConfigServiceDirective.api';
@ -185,14 +193,16 @@ const formData = reactive<Record<string, any>>({
mp4File: '', mp4File: '',
}); });
const { createMessage } = useMessage(); const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } }); const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } }); const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 20 } });
const confirmLoading = ref<boolean>(false); const confirmLoading = ref<boolean>(false);
// //
const validatorRules = reactive({ const validatorRules = reactive({
categoryId: [{ required: true, message: '请选择服务类别!' },], categoryId: [{ required: true, message: '请选择服务类别!' },],
typeId: [{ required: true, message: '请选择服务类型!' },], typeId: [{ required: true, message: '请选择服务类型!' },],
instructionTagId: [{ required: true, message: '请选择指令标签!' },], instructionTagId: [{ required: true, message: '请选择分类标签!' },],
directiveName: [{ required: true, message: '请输入服务指令名称!' },], directiveName: [{ required: true, message: '请输入服务指令名称!' },],
tollPrice: [{ required: true, message: '请输入收费价格!' }, { pattern: /^(([0-9]*)|([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2}))$/, message: '请输入正确的金额!' },], tollPrice: [{ required: true, message: '请输入收费价格!' }, { pattern: /^(([0-9]*)|([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2}))$/, message: '请输入正确的金额!' },],
comPrice: [{ required: false }, { pattern: /^(([0-9]*)|([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2}))$/, message: '请输入正确的金额!' },], comPrice: [{ required: false }, { pattern: /^(([0-9]*)|([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2}))$/, message: '请输入正确的金额!' },],
@ -200,12 +210,11 @@ const validatorRules = reactive({
izPreferential: [{ required: true, message: '请选择是否参与机构优惠!' },], izPreferential: [{ required: true, message: '请选择是否参与机构优惠!' },],
chargingFrequency: [{ required: true, message: '请选择收费频次!' },], chargingFrequency: [{ required: true, message: '请选择收费频次!' },],
cycleType: [{ required: true, message: '请选择周期类型!' },], cycleType: [{ required: true, message: '请选择周期类型!' },],
sort: [{ required: true, message: '请输入排序!'}, { pattern: /^\d+$/, message: '请输入正整数!'},], sort: [{ required: true, message: '请输入排序!' }, { pattern: /^\d+$/, message: '请输入正整数!' },],
serviceDuration: [{ required: true, message: '请输入服务时长(分钟)!' }, { pattern: /^\d+$/, message: '请输入正整数!' },], serviceDuration: [{ required: true, message: '请输入服务时长(分钟)!' }, { pattern: /^\d+$/, message: '请输入正整数!' },],
izEnabled: [{ required: true, message: '请选择是否启用!' },], izEnabled: [{ required: true, message: '请选择是否启用!' },],
}); });
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false }); const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
// //
const disabled = computed(() => { const disabled = computed(() => {
if (props.formBpm === true) { if (props.formBpm === true) {
@ -230,6 +239,7 @@ function add() {
* 编辑 * 编辑
*/ */
function edit(record) { function edit(record) {
formData.tags = ''
nextTick(() => { nextTick(() => {
resetFields(); resetFields();
const tmpData = {}; const tmpData = {};

View File

@ -1,5 +1,5 @@
<template> <template>
<j-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭" :maskClosable="false"> <j-modal :title="title" width="70vw" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭" :maskClosable="false">
<ConfigServiceDirectiveForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveForm> <ConfigServiceDirectiveForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveForm>
</j-modal> </j-modal>
</template> </template>
@ -11,7 +11,6 @@
import { array } from 'vue-types'; import { array } from 'vue-types';
const title = ref<string>(''); const title = ref<string>('');
const width = ref<number>(800);
const visible = ref<boolean>(false); const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false); const disableSubmit = ref<boolean>(false);
const registerForm = ref(); const registerForm = ref();

View File

@ -9,7 +9,7 @@
<a-form-item name="categoryId"> <a-form-item name="categoryId">
<template #label><span title="服务类别">服务类别</span></template> <template #label><span title="服务类别">服务类别</span></template>
<j-dict-select-tag type='list' v-model:value="queryParam.categoryId" <j-dict-select-tag type='list' v-model:value="queryParam.categoryId"
:dictCode="`config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0`" :dictCode="`config_service_category,category_name,id,del_flag = 0 order by sort asc`"
placeholder="请选择服务类别" allowClear /> placeholder="请选择服务类别" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -106,7 +106,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
canResize: false, canResize: false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
width: 120, width: 160,
fixed: 'right', fixed: 'right',
}, },
beforeFetch: async (params) => { beforeFetch: async (params) => {
@ -205,16 +205,7 @@ function getTableAction(record) {
{ {
label: '编辑', label: '编辑',
onClick: handleEdit.bind(null, record) onClick: handleEdit.bind(null, record)
}, }, {
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
{
label: '详情', label: '详情',
onClick: handleDetail.bind(null, record), onClick: handleDetail.bind(null, record),
}, { }, {
@ -225,6 +216,15 @@ function getDropDownAction(record) {
placement: 'topLeft', placement: 'topLeft',
} }
} }
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
] ]
} }

View File

@ -9,7 +9,7 @@
<a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceTypeForm-categoryId" <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceTypeForm-categoryId"
name="categoryId"> name="categoryId">
<j-dict-select-tag type='list' v-model:value="formData.categoryId" <j-dict-select-tag type='list' v-model:value="formData.categoryId"
:dictCode="`config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0`" :dictCode="`config_service_category,category_name,id,del_flag = 0 order by sort asc`"
placeholder="请选择服务类别" allowClear /> placeholder="请选择服务类别" allowClear />
</a-form-item> </a-form-item>
</a-col> </a-col>

View File

@ -127,7 +127,7 @@
]; ];
} }
function getRowClassName(record) { function getRowClassName(record) {
return record.status == 0 ? prefixCls : ''; return record.status == 1 ? prefixCls : '';
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">

View File

@ -192,7 +192,7 @@ export const itemFormSchema: FormSchema[] = [
{ {
field: 'status', field: 'status',
label: '是否启用', label: '是否启用',
defaultValue: 1, defaultValue: 0,
component: 'JDictSelectTag', component: 'JDictSelectTag',
componentProps: { componentProps: {
type: 'radioButton', type: 'radioButton',