fixed bug

fujun / dxCard-admin

Browse code fixed bug master
1 parent eb90dd1 commit b6c81cd120b3e1670d211ad6268ec78d0e327fea jiangqihao authored on 25 Sep

Patch

Showing 23 changed files

Ignore Space Show notes View .env.development
# 是否打开mock VITE_USE_MOCK = true # 发布路径 VITE_PUBLIC_PATH = / # 跨域代理，您可以配置多个 ,请注意，没有换行符 VITE_PROXY = [["/jeecg-boot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]] #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecg-boot # 接口前缀 VITE_GLOB_API_URL_PREFIX= #微前端qiankun应用,命名必须以VITE_APP_SUB_开头,jeecg-app-1为子应用的项目名称,也是子应用的路由父路径 VITE_APP_SUB_jeecg-app-1 = '//localhost:8092' # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//localhost:3001/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版) ,onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps # 是否打开mock VITE_USE_MOCK = true # 发布路径 VITE_PUBLIC_PATH = / # 跨域代理，您可以配置多个 ,请注意，没有换行符 VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]] #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecgboot # 接口前缀 VITE_GLOB_API_URL_PREFIX= #微前端qiankun应用,命名必须以VITE_APP_SUB_开头,jeecg-app-1为子应用的项目名称,也是子应用的路由父路径 VITE_APP_SUB_jeecg-app-1 = '//localhost:8092' # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//localhost:3001/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版) ,onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps

Ignore Space Show notes View

.env.development

Ignore Space Show notes View .env.docker
# 是否启用mock VITE_USE_MOCK = false # 发布路径 VITE_PUBLIC_PATH = / # 是否启用gzip或brotli压缩 # 选项值: gzip \| brotli \| none # 如果需要多个可以使用“,”分隔 VITE_BUILD_COMPRESS = 'gzip' # 使用压缩时是否删除原始文件，默认为false VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecg-boot #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot # 接口父路径前缀 VITE_GLOB_API_URL_PREFIX= # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//qiankun.boot3.jeecg.com/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版), onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps # 是否启用mock VITE_USE_MOCK = false # 发布路径 VITE_PUBLIC_PATH = / # 是否启用gzip或brotli压缩 # 选项值: gzip \| brotli \| none # 如果需要多个可以使用“,”分隔 VITE_BUILD_COMPRESS = 'gzip' # 使用压缩时是否删除原始文件，默认为false VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecgboot #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot # 接口父路径前缀 VITE_GLOB_API_URL_PREFIX= # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//qiankun.boot3.jeecg.com/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版), onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps

Ignore Space Show notes View

.env.docker

Ignore Space Show notes View .env.dockercloud
# 是否启用mock VITE_USE_MOCK = false # 发布路径 VITE_PUBLIC_PATH = / # 是否启用gzip或brotli压缩 # 选项值: gzip \| brotli \| none # 如果需要多个可以使用“,”分隔 VITE_BUILD_COMPRESS = 'gzip' # 使用压缩时是否删除原始文件，默认为false VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecg-boot #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999 # 接口父路径前缀 VITE_GLOB_API_URL_PREFIX= # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//qiankun.boot3.jeecg.com/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版), onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps # 是否启用mock VITE_USE_MOCK = false # 发布路径 VITE_PUBLIC_PATH = / # 是否启用gzip或brotli压缩 # 选项值: gzip \| brotli \| none # 如果需要多个可以使用“,”分隔 VITE_BUILD_COMPRESS = 'gzip' # 使用压缩时是否删除原始文件，默认为false VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false #后台接口父地址(必填) VITE_GLOB_API_URL=/jeecgboot #后台接口全路径地址(必填) VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999 # 接口父路径前缀 VITE_GLOB_API_URL_PREFIX= # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动） #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3 # 作为乾坤子应用启动时必填，需与qiankun主应用注册子应用时填写的 entry 保持一致 #VITE_GLOB_QIANKUN_MICRO_APP_ENTRY=//qiankun.boot3.jeecg.com/jeecg-vue3 # 全局隐藏哪些布局。可选属性：sider,header,multi-tabs；多个用逗号隔开 #VITE_GLOB_HIDE_LAYOUT_TYPES=sider,header,multi-tabs # 在线文档编辑版本。可选属性：wps, offlineWps(离线版), onlyoffice VITE_GLOB_ONLINE_DOCUMENT_VERSION=wps

Ignore Space Show notes View

.env.dockercloud

Show notes View src/views/ card/customers/CardApplicationCustomers.api.ts 100644 → 0
import {defHttp} from '/@/utils/http/axios'; import { useMessage } from "/@/hooks/web/useMessage"; const { createConfirm } = useMessage(); enum Api { list = '/jeecg-boot/cardApplicationCustomers/list', save='/jeecg-boot/cardApplicationCustomers/add', edit='/jeecg-boot/cardApplicationCustomers/edit', deleteOne = '/jeecg-boot/cardApplicationCustomers/delete', deleteBatch = '/jeecg-boot/cardApplicationCustomers/deleteBatch', importExcel = '/jeecg-boot/cardApplicationCustomers/importExcel', exportXls = '/jeecg-boot/cardApplicationCustomers/exportXls', } /** * 导出api * @param params / export const getExportUrl = Api.exportXls; /* * 导入api / export const getImportUrl = Api.importExcel; /* * 列表接口 * @param params / export const list = (params) => defHttp.get({url: Api.list, params}); /* * 删除单个 / export const deleteOne = (params,handleSuccess) => { return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } /* * 批量删除 * @param params / export const batchDelete = (params, handleSuccess) => { createConfirm({ iconType: 'warning', title: '确认删除', content: '是否删除选中数据', okText: '确认', cancelText: '取消', onOk: () => { return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } }); } /* * 保存或者更新 * @param params */ export const saveOrUpdate = (params, isUpdate) => { let url = isUpdate ? Api.edit : Api.save; return defHttp.post({url: url, params}); }

Show notes View

src/views/ card/customers/CardApplicationCustomers.api.ts 100644 → 0

import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";

const { createConfirm } = useMessage();

enum Api {
  list = '/jeecg-boot/cardApplicationCustomers/list',
  save='/jeecg-boot/cardApplicationCustomers/add',
  edit='/jeecg-boot/cardApplicationCustomers/edit',
  deleteOne = '/jeecg-boot/cardApplicationCustomers/delete',
  deleteBatch = '/jeecg-boot/cardApplicationCustomers/deleteBatch',
  importExcel = '/jeecg-boot/cardApplicationCustomers/importExcel',
  exportXls = '/jeecg-boot/cardApplicationCustomers/exportXls',
}
/**
 * 导出api
 * @param params
 */
export const getExportUrl = Api.exportXls;
/**
 * 导入api
 */
export const getImportUrl = Api.importExcel;
/**
 * 列表接口
 * @param params
 */
export const list = (params) =>
  defHttp.get({url: Api.list, params});

/**
 * 删除单个
 */
export const deleteOne = (params,handleSuccess) => {
  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
    handleSuccess();
  });
}
/**
 * 批量删除
 * @param params
 */
export const batchDelete = (params, handleSuccess) => {
  createConfirm({
    iconType: 'warning',
    title: '确认删除',
    content: '是否删除选中数据',
    okText: '确认',
    cancelText: '取消',
    onOk: () => {
      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
        handleSuccess();
      });
    }
  });
}
/**
 * 保存或者更新
 * @param params
 */
export const saveOrUpdate = (params, isUpdate) => {
  let url = isUpdate ? Api.edit : Api.save;
  return defHttp.post({url: url, params});
}

Show notes View src/views/ card/customers/CardApplicationCustomers.data.ts 100644 → 0
import {BasicColumn} from '/@/components/Table'; import {FormSchema} from '/@/components/Table'; import { rules} from '/@/utils/helper/validator'; import { render } from '/@/utils/common/renderUtils'; import { getWeekMonthQuarterYear } from '/@/utils'; //列表数据 export const columns: BasicColumn[] = [ { title: '姓名', align:"center", dataIndex: 'name' }, { title: '手机号', align:"center", dataIndex: 'phone' }, { title: '办卡姓名', align:"center", dataIndex: 'cardApplicationName' }, { title: '办卡手机号', align:"center", dataIndex: 'cardApplicationPhone' }, { title: '预约单号', align:"center", dataIndex: 'reservationNumber' }, { title: '省', align:"center", dataIndex: 'province' }, { title: '市', align:"center", dataIndex: 'city' }, { title: '区', align:"center", dataIndex: 'area' }, { title: '详细地址', align:"center", dataIndex: 'address' }, { title: '预约时间', align:"center", dataIndex: 'reservationTime' }, ]; //查询数据 export const searchFormSchema: FormSchema[] = [ ]; //表单数据 export const formSchema: FormSchema[] = [ { label: '姓名', field: 'name', component: 'Input', }, { label: '手机号', field: 'phone', component: 'Input', }, { label: '办卡姓名', field: 'cardApplicationName', component: 'Input', }, { label: '办卡手机号', field: 'cardApplicationPhone', component: 'Input', }, { label: '预约单号', field: 'reservationNumber', component: 'Input', }, { label: '省', field: 'province', component: 'Input', }, { label: '市', field: 'city', component: 'Input', }, { label: '区', field: 'area', component: 'Input', }, { label: '详细地址', field: 'address', component: 'Input', }, { label: '预约时间', field: 'reservationTime', component: 'DatePicker', componentProps: { showTime: true, valueFormat: 'YYYY-MM-DD HH:mm:ss' }, }, // TODO 主键隐藏字段，目前写死为ID { label: '', field: 'id', component: 'Input', show: false }, ]; // 高级查询数据 export const superQuerySchema = { name: {title: '姓名',order: 0,view: 'text', type: 'string',}, phone: {title: '手机号',order: 1,view: 'text', type: 'string',}, cardApplicationName: {title: '办卡姓名',order: 2,view: 'text', type: 'string',}, cardApplicationPhone: {title: '办卡手机号',order: 3,view: 'text', type: 'string',}, reservationNumber: {title: '预约单号',order: 4,view: 'text', type: 'string',}, province: {title: '省',order: 5,view: 'text', type: 'string',}, city: {title: '市',order: 6,view: 'text', type: 'string',}, area: {title: '区',order: 7,view: 'text', type: 'string',}, address: {title: '详细地址',order: 8,view: 'text', type: 'string',}, reservationTime: {title: '预约时间',order: 9,view: 'datetime', type: 'string',}, }; /** * 流程表单调用这个方法获取formSchema * @param param */ export function getBpmFormSchema(_formData): FormSchema[]{ // 默认和原始表单保持一致如果流程中配置了权限数据，这里需要单独处理formSchema return formSchema; }

Show notes View

src/views/ card/customers/CardApplicationCustomers.data.ts 100644 → 0

import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
import { getWeekMonthQuarterYear } from '/@/utils';
//列表数据
export const columns: BasicColumn[] = [
   {
    title: '姓名',
    align:"center",
    dataIndex: 'name'
   },
   {
    title: '手机号',
    align:"center",
    dataIndex: 'phone'
   },
   {
    title: '办卡姓名',
    align:"center",
    dataIndex: 'cardApplicationName'
   },
   {
    title: '办卡手机号',
    align:"center",
    dataIndex: 'cardApplicationPhone'
   },
   {
    title: '预约单号',
    align:"center",
    dataIndex: 'reservationNumber'
   },
   {
    title: '省',
    align:"center",
    dataIndex: 'province'
   },
   {
    title: '市',
    align:"center",
    dataIndex: 'city'
   },
   {
    title: '区',
    align:"center",
    dataIndex: 'area'
   },
   {
    title: '详细地址',
    align:"center",
    dataIndex: 'address'
   },
   {
    title: '预约时间',
    align:"center",
    dataIndex: 'reservationTime'
   },
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
  {
    label: '姓名',
    field: 'name',
    component: 'Input',
  },
  {
    label: '手机号',
    field: 'phone',
    component: 'Input',
  },
  {
    label: '办卡姓名',
    field: 'cardApplicationName',
    component: 'Input',
  },
  {
    label: '办卡手机号',
    field: 'cardApplicationPhone',
    component: 'Input',
  },
  {
    label: '预约单号',
    field: 'reservationNumber',
    component: 'Input',
  },
  {
    label: '省',
    field: 'province',
    component: 'Input',
  },
  {
    label: '市',
    field: 'city',
    component: 'Input',
  },
  {
    label: '区',
    field: 'area',
    component: 'Input',
  },
  {
    label: '详细地址',
    field: 'address',
    component: 'Input',
  },
  {
    label: '预约时间',
    field: 'reservationTime',
    component: 'DatePicker',
    componentProps: {
       showTime: true,
       valueFormat: 'YYYY-MM-DD HH:mm:ss'
     },
  },
	// TODO 主键隐藏字段，目前写死为ID
	{
	  label: '',
	  field: 'id',
	  component: 'Input',
	  show: false
	},
];

// 高级查询数据
export const superQuerySchema = {
  name: {title: '姓名',order: 0,view: 'text', type: 'string',},
  phone: {title: '手机号',order: 1,view: 'text', type: 'string',},
  cardApplicationName: {title: '办卡姓名',order: 2,view: 'text', type: 'string',},
  cardApplicationPhone: {title: '办卡手机号',order: 3,view: 'text', type: 'string',},
  reservationNumber: {title: '预约单号',order: 4,view: 'text', type: 'string',},
  province: {title: '省',order: 5,view: 'text', type: 'string',},
  city: {title: '市',order: 6,view: 'text', type: 'string',},
  area: {title: '区',order: 7,view: 'text', type: 'string',},
  address: {title: '详细地址',order: 8,view: 'text', type: 'string',},
  reservationTime: {title: '预约时间',order: 9,view: 'datetime', type: 'string',},
};

/**
* 流程表单调用这个方法获取formSchema
* @param param
*/
export function getBpmFormSchema(_formData): FormSchema[]{
  // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
  return formSchema;
}

Show notes View src/views/ card/customers/CardApplicationCustomersList.vue 100644 → 0
<template> <div> <!--引用表格--> <BasicTable @register="registerTable" :rowSelection="rowSelection"> <!--插槽:table标题--> <template #tableTitle> <a-button type="primary" v-auth="'card_application_customers:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> <a-button type="primary" v-auth="'card_application_customers:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> <j-upload-button type="primary" v-auth="'card_application_customers:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> <a-dropdown v-if="selectedRowKeys.length > 0"> <template #overlay> <a-menu> <a-menu-item key="1" @click="batchHandleDelete"> <Icon icon="ant-design:delete-outlined"></Icon> 删除 </a-menu-item> </a-menu> </template> <a-button v-auth="'card_application_customers:deleteBatch'">批量操作 <Icon icon="mdi:chevron-down"></Icon> </a-button> </a-dropdown> <!-- 高级查询 --> <super-query :config="superQueryConfig" @search="handleSuperQuery" /> </template> <!--操作栏--> <template #action="{ record }"> <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> </template> <!--字段回显插槽--> <template v-slot:bodyCell="{ column, record, index, text }"> </template> </BasicTable> <!-- 表单区域 --> <CardApplicationCustomersModal @register="registerModal" @success="handleSuccess"></CardApplicationCustomersModal> </div> </template> <script lang="ts" name="cardApplicationCustomersList" setup> import {ref, reactive, computed, unref} from 'vue'; import {BasicTable, useTable, TableAction} from '/@/components/Table'; import {useModal} from '/@/components/Modal'; import { useListPage } from '/@/hooks/system/useListPage' import CardApplicationCustomersModal from './components/CardApplicationCustomersModal.vue' import {columns, searchFormSchema, superQuerySchema} from './CardApplicationCustomers.data'; import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './CardApplicationCustomers.api'; import { downloadFile } from '/@/utils/common/renderUtils'; import { useUserStore } from '/@/store/modules/user'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; //日期个性化选择 const fieldPickers = reactive({ }); const queryParam = reactive<any>({}); const checkedKeys = ref<Array<string \| number>>([]); const userStore = useUserStore(); const { createMessage } = useMessage(); //注册model const [registerModal, {openModal}] = useModal(); //注册table数据 const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ tableProps:{ title: 'card_application_customers', api: list, columns, canResize:true, formConfig: { //labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter:true, showAdvancedButton:true, fieldMapToNumber: [ ], fieldMapToTime: [ ], }, actionColumn: { width: 120, fixed:'right' }, beforeFetch: (params) => { if (params && fieldPickers) { for (let key in fieldPickers) { if (params[key]) { params[key] = getDateByPicker(params[key], fieldPickers[key]); } } } return Object.assign(params, queryParam); }, }, exportConfig: { name:"card_application_customers", url: getExportUrl, params: queryParam, }, importConfig: { url: getImportUrl, success: handleSuccess }, }) const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext // 高级查询配置 const superQueryConfig = reactive(superQuerySchema); /** * 高级查询事件 / function handleSuperQuery(params) { Object.keys(params).map((k) => { queryParam[k] = params[k]; }); reload(); } /* * 新增事件 / function handleAdd() { openModal(true, { isUpdate: false, showFooter: true, }); } /* * 编辑事件 / function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true, }); } /* * 详情 / function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false, }); } /* * 删除事件 / async function handleDelete(record) { await deleteOne({id: record.id}, handleSuccess); } /* * 批量删除事件 / async function batchHandleDelete() { await batchDelete({ids: selectedRowKeys.value}, handleSuccess); } /* * 成功回调 / function handleSuccess() { (selectedRowKeys.value = []) && reload(); } /* * 操作栏 / function getTableAction(record){ return [ { label: '编辑', onClick: handleEdit.bind(null, record), auth: 'card_application_customers:edit' } ] } /* * 下拉操作栏 */ function getDropDownAction(record){ return [ { label: '详情', onClick: handleDetail.bind(null, record), }, { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record), placement: 'topLeft', }, auth: 'card_application_customers:delete' } ] } </script> <style lang="less" scoped> :deep(.ant-picker),:deep(.ant-input-number){ width: 100%; } </style>

Show notes View

src/views/ card/customers/CardApplicationCustomersList.vue 100644 → 0

<a-dropdown v-if="selectedRowKeys.length > 0">
              <template #overlay>
                <a-menu>
                  <a-menu-item key="1" @click="batchHandleDelete">
                    <Icon icon="ant-design:delete-outlined"></Icon>
                    删除
                  </a-menu-item>
                </a-menu>
              </template>
              <a-button v-auth="'card_application_customers:deleteBatch'">批量操作
                <Icon icon="mdi:chevron-down"></Icon>
              </a-button>
        </a-dropdown>
        
        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
      </template>
       
      <template #action="{ record }">
        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
      </template>
      
      <template v-slot:bodyCell="{ column, record, index, text }">
      </template>
    </BasicTable>
    
    <CardApplicationCustomersModal @register="registerModal" @success="handleSuccess"></CardApplicationCustomersModal>
  </div>
</template>

const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext

// 高级查询配置
  const superQueryConfig = reactive(superQuerySchema);

/**
   * 高级查询事件
   */
  function handleSuperQuery(params) {
    Object.keys(params).map((k) => {
      queryParam[k] = params[k];
    });
    reload();
  }
   /**
    * 新增事件
    */
  function handleAdd() {
     openModal(true, {
       isUpdate: false,
       showFooter: true,
     });
  }
   /**
    * 编辑事件
    */
  function handleEdit(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: true,
     });
   }
   /**
    * 详情
   */
  function handleDetail(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: false,
     });
   }
   /**
    * 删除事件
    */
  async function handleDelete(record) {
     await deleteOne({id: record.id}, handleSuccess);
   }
   /**
    * 批量删除事件
    */
  async function batchHandleDelete() {
     await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
   }
   /**
    * 成功回调
    */
  function handleSuccess() {
      (selectedRowKeys.value = []) && reload();
   }
   /**
      * 操作栏
      */
  function getTableAction(record){
       return [
         {
           label: '编辑',
           onClick: handleEdit.bind(null, record),
           auth: 'card_application_customers:edit'
         }
       ]
   }
     /**
        * 下拉操作栏
        */
  function getDropDownAction(record){
       return [
         {
           label: '详情',
           onClick: handleDetail.bind(null, record),
         }, {
           label: '删除',
           popConfirm: {
             title: '是否确认删除',
             confirm: handleDelete.bind(null, record),
             placement: 'topLeft',
           },
           auth: 'card_application_customers:delete'
         }
       ]
   }

</script>

Show notes View src/views/ card/customers/components/CardApplicationCustomersForm.vue 100644 → 0
<template> <div style="min-height: 400px"> <BasicForm @register="registerForm"></BasicForm> <div style="width: 100%;text-align: center" v-if="!formDisabled"> <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button> </div> </div> </template> <script lang="ts"> import {BasicForm, useForm} from '/@/components/Form/index'; import {computed, defineComponent} from 'vue'; import {defHttp} from '/@/utils/http/axios'; import { propTypes } from '/@/utils/propTypes'; import {getBpmFormSchema} from '../CardApplicationCustomers.data'; import {saveOrUpdate} from '../CardApplicationCustomers.api'; export default defineComponent({ name: "CardApplicationCustomersForm", components:{ BasicForm }, props:{ formData: propTypes.object.def({}), formBpm: propTypes.bool.def(true), }, setup(props){ const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({ labelWidth: 150, schemas: getBpmFormSchema(props.formData), showActionButtonGroup: false, baseColProps: {span: 24} }); const formDisabled = computed(()=>{ if(props.formData.disabled === false){ return false; } return true; }); let formData = {}; const queryByIdUrl = '/org/jeecg/modules/system/cardApplicationCustomers/queryById'; async function initFormData(){ let params = {id: props.formData.dataId}; const data = await defHttp.get({url: queryByIdUrl, params}); formData = {...data} //设置表单的值 await setFieldsValue(formData); //默认是禁用 await setProps({disabled: formDisabled.value}) } async function submitForm() { let data = getFieldsValue(); let params = Object.assign({}, formData, data); console.log('表单数据', params) await saveOrUpdate(params, true) } initFormData(); return { registerForm, formDisabled, submitForm, } } }); </script>

Show notes View

src/views/ card/customers/components/CardApplicationCustomersForm.vue 100644 → 0

const formDisabled = computed(()=>{
                if(props.formData.disabled === false){
                    return false;
                }
                return true;
            });

async function submitForm() {
                let data = getFieldsValue();
                let params = Object.assign({}, formData, data);
                console.log('表单数据', params)
                await saveOrUpdate(params, true)
            }

initFormData();
            
            return {
                registerForm,
                formDisabled,
                submitForm,
            }
        }
    });
</script>

Show notes View src/views/ card/customers/components/CardApplicationCustomersModal.vue 100644 → 0
<template> <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> <BasicForm @register="registerForm" name="CardApplicationCustomersForm" /> </BasicModal> </template> <script lang="ts" setup> import {ref, computed, unref, reactive} from 'vue'; import {BasicModal, useModalInner} from '/@/components/Modal'; import {BasicForm, useForm} from '/@/components/Form/index'; import {formSchema} from '../CardApplicationCustomers.data'; import {saveOrUpdate} from '../CardApplicationCustomers.api'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; const { createMessage } = useMessage(); // Emits声明 const emit = defineEmits(['register','success']); const isUpdate = ref(true); const isDetail = ref(false); //表单配置 const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({ labelWidth: 150, schemas: formSchema, showActionButtonGroup: false, baseColProps: {span: 24} }); //表单赋值 const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => { //重置表单 await resetFields(); setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter}); isUpdate.value = !!data?.isUpdate; isDetail.value = !!data?.showFooter; if (unref(isUpdate)) { //表单赋值 await setFieldsValue({ ...data.record, }); } // 隐藏底部时禁用整个表单 setProps({ disabled: !data?.showFooter }) }); //日期个性化选择 const fieldPickers = reactive({ }); //设置标题 const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑')); //表单提交事件 async function handleSubmit(v) { try { let values = await validate(); // 预处理日期数据 changeDateValue(values); setModalProps({confirmLoading: true}); //提交表单 await saveOrUpdate(values, isUpdate.value); //关闭弹窗 closeModal(); //刷新列表 emit('success'); } catch ({ errorFields }) { if (errorFields) { const firstField = errorFields[0]; if (firstField) { scrollToField(firstField.name, { behavior: 'smooth', block: 'center' }); } } return Promise.reject(errorFields); } finally { setModalProps({confirmLoading: false}); } } /** * 处理日期值 * @param formData 表单数据 / const changeDateValue = (formData) => { if (formData && fieldPickers) { for (let key in fieldPickers) { if (formData[key]) { formData[key] = getDateByPicker(formData[key], fieldPickers[key]); } } } }; </script> <style lang="less" scoped> /* 时间和数字输入框样式 */ :deep(.ant-input-number) { width: 100%; } :deep(.ant-calendar-picker) { width: 100%; } </style>

Show notes View

src/views/ card/customers/components/CardApplicationCustomersModal.vue 100644 → 0

/**
     * 处理日期值
     * @param formData 表单数据
     */
    const changeDateValue = (formData) => {
        if (formData && fieldPickers) {
            for (let key in fieldPickers) {
                if (formData[key]) {
                    formData[key] = getDateByPicker(formData[key], fieldPickers[key]);
                }
            }
        }
    };

</script>

:deep(.ant-calendar-picker) {
    width: 100%;
  }
</style>

Show notes View src/views/ card/delivery/CardDeliveryPerson.api.ts 100644 → 0
import {defHttp} from '/@/utils/http/axios'; import { useMessage } from "/@/hooks/web/useMessage"; const { createConfirm } = useMessage(); enum Api { list = '/jeecg-boot/cardDeliveryPerson/list', save='/jeecg-boot/cardDeliveryPerson/add', edit='/jeecg-boot/cardDeliveryPerson/edit', deleteOne = '/jeecg-boot/cardDeliveryPerson/delete', deleteBatch = '/jeecg-boot/cardDeliveryPerson/deleteBatch', importExcel = '/jeecg-boot/cardDeliveryPerson/importExcel', exportXls = '/jeecg-boot/cardDeliveryPerson/exportXls', } /** * 导出api * @param params / export const getExportUrl = Api.exportXls; /* * 导入api / export const getImportUrl = Api.importExcel; /* * 列表接口 * @param params / export const list = (params) => defHttp.get({url: Api.list, params}); /* * 删除单个 / export const deleteOne = (params,handleSuccess) => { return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } /* * 批量删除 * @param params / export const batchDelete = (params, handleSuccess) => { createConfirm({ iconType: 'warning', title: '确认删除', content: '是否删除选中数据', okText: '确认', cancelText: '取消', onOk: () => { return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } }); } /* * 保存或者更新 * @param params */ export const saveOrUpdate = (params, isUpdate) => { let url = isUpdate ? Api.edit : Api.save; return defHttp.post({url: url, params}); }

Show notes View

src/views/ card/delivery/CardDeliveryPerson.api.ts 100644 → 0

import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";

const { createConfirm } = useMessage();

enum Api {
  list = '/jeecg-boot/cardDeliveryPerson/list',
  save='/jeecg-boot/cardDeliveryPerson/add',
  edit='/jeecg-boot/cardDeliveryPerson/edit',
  deleteOne = '/jeecg-boot/cardDeliveryPerson/delete',
  deleteBatch = '/jeecg-boot/cardDeliveryPerson/deleteBatch',
  importExcel = '/jeecg-boot/cardDeliveryPerson/importExcel',
  exportXls = '/jeecg-boot/cardDeliveryPerson/exportXls',
}
/**
 * 导出api
 * @param params
 */
export const getExportUrl = Api.exportXls;
/**
 * 导入api
 */
export const getImportUrl = Api.importExcel;
/**
 * 列表接口
 * @param params
 */
export const list = (params) =>
  defHttp.get({url: Api.list, params});

Show notes View src/views/ card/delivery/CardDeliveryPerson.data.ts 100644 → 0
import {BasicColumn} from '/@/components/Table'; import {FormSchema} from '/@/components/Table'; import { rules} from '/@/utils/helper/validator'; import { render } from '/@/utils/common/renderUtils'; import { getWeekMonthQuarterYear } from '/@/utils'; //列表数据 export const columns: BasicColumn[] = [ { title: '姓名', align:"center", dataIndex: 'name' }, { title: '手机号', align:"center", dataIndex: 'phone' }, { title: '电信工号', align:"center", dataIndex: 'dxWorkNo' }, { title: '待处理工单数', align:"center", dataIndex: 'waitDealWorkNum' }, { title: '已处理工单数', align:"center", dataIndex: 'dealWorkNum' }, { title: '总工单数', align:"center", dataIndex: 'totalWorkNum' }, { title: '应收办卡费用', align:"center", dataIndex: 'receivableFee' }, { title: '全部办卡费用', align:"center", dataIndex: 'allFee' }, ]; //查询数据 export const searchFormSchema: FormSchema[] = [ ]; //表单数据 export const formSchema: FormSchema[] = [ { label: '姓名', field: 'name', component: 'Input', }, { label: '手机号', field: 'phone', component: 'Input', }, { label: '电信工号', field: 'dxWorkNo', component: 'Input', }, { label: '待处理工单数', field: 'waitDealWorkNum', component: 'InputNumber', }, { label: '已处理工单数', field: 'dealWorkNum', component: 'InputNumber', }, { label: '总工单数', field: 'totalWorkNum', component: 'InputNumber', }, { label: '应收办卡费用', field: 'receivableFee', component: 'InputNumber', }, { label: '全部办卡费用', field: 'allFee', component: 'InputNumber', }, // TODO 主键隐藏字段，目前写死为ID { label: '', field: 'id', component: 'Input', show: false }, ]; // 高级查询数据 export const superQuerySchema = { name: {title: '姓名',order: 0,view: 'text', type: 'string',}, phone: {title: '手机号',order: 1,view: 'text', type: 'string',}, dxWorkNo: {title: '电信工号',order: 2,view: 'text', type: 'string',}, waitDealWorkNum: {title: '待处理工单数',order: 3,view: 'number', type: 'number',}, dealWorkNum: {title: '已处理工单数',order: 4,view: 'number', type: 'number',}, totalWorkNum: {title: '总工单数',order: 5,view: 'number', type: 'number',}, receivableFee: {title: '应收办卡费用',order: 6,view: 'number', type: 'number',}, allFee: {title: '全部办卡费用',order: 7,view: 'number', type: 'number',}, }; /** * 流程表单调用这个方法获取formSchema * @param param */ export function getBpmFormSchema(_formData): FormSchema[]{ // 默认和原始表单保持一致如果流程中配置了权限数据，这里需要单独处理formSchema return formSchema; }

Show notes View

src/views/ card/delivery/CardDeliveryPerson.data.ts 100644 → 0

import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
import { getWeekMonthQuarterYear } from '/@/utils';
//列表数据
export const columns: BasicColumn[] = [
   {
    title: '姓名',
    align:"center",
    dataIndex: 'name'
   },
   {
    title: '手机号',
    align:"center",
    dataIndex: 'phone'
   },
   {
    title: '电信工号',
    align:"center",
    dataIndex: 'dxWorkNo'
   },
   {
    title: '待处理工单数',
    align:"center",
    dataIndex: 'waitDealWorkNum'
   },
   {
    title: '已处理工单数',
    align:"center",
    dataIndex: 'dealWorkNum'
   },
   {
    title: '总工单数',
    align:"center",
    dataIndex: 'totalWorkNum'
   },
   {
    title: '应收办卡费用',
    align:"center",
    dataIndex: 'receivableFee'
   },
   {
    title: '全部办卡费用',
    align:"center",
    dataIndex: 'allFee'
   },
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
  {
    label: '姓名',
    field: 'name',
    component: 'Input',
  },
  {
    label: '手机号',
    field: 'phone',
    component: 'Input',
  },
  {
    label: '电信工号',
    field: 'dxWorkNo',
    component: 'Input',
  },
  {
    label: '待处理工单数',
    field: 'waitDealWorkNum',
    component: 'InputNumber',
  },
  {
    label: '已处理工单数',
    field: 'dealWorkNum',
    component: 'InputNumber',
  },
  {
    label: '总工单数',
    field: 'totalWorkNum',
    component: 'InputNumber',
  },
  {
    label: '应收办卡费用',
    field: 'receivableFee',
    component: 'InputNumber',
  },
  {
    label: '全部办卡费用',
    field: 'allFee',
    component: 'InputNumber',
  },
	// TODO 主键隐藏字段，目前写死为ID
	{
	  label: '',
	  field: 'id',
	  component: 'Input',
	  show: false
	},
];

// 高级查询数据
export const superQuerySchema = {
  name: {title: '姓名',order: 0,view: 'text', type: 'string',},
  phone: {title: '手机号',order: 1,view: 'text', type: 'string',},
  dxWorkNo: {title: '电信工号',order: 2,view: 'text', type: 'string',},
  waitDealWorkNum: {title: '待处理工单数',order: 3,view: 'number', type: 'number',},
  dealWorkNum: {title: '已处理工单数',order: 4,view: 'number', type: 'number',},
  totalWorkNum: {title: '总工单数',order: 5,view: 'number', type: 'number',},
  receivableFee: {title: '应收办卡费用',order: 6,view: 'number', type: 'number',},
  allFee: {title: '全部办卡费用',order: 7,view: 'number', type: 'number',},
};

Show notes View src/views/ card/delivery/CardDeliveryPersonList.vue 100644 → 0
<template> <div> <!--引用表格--> <BasicTable @register="registerTable" :rowSelection="rowSelection"> <!--插槽:table标题--> <template #tableTitle> <a-button type="primary" v-auth="'card_delivery_person:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> <a-button type="primary" v-auth="'card_delivery_person:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> <j-upload-button type="primary" v-auth="'card_delivery_person:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> <a-dropdown v-if="selectedRowKeys.length > 0"> <template #overlay> <a-menu> <a-menu-item key="1" @click="batchHandleDelete"> <Icon icon="ant-design:delete-outlined"></Icon> 删除 </a-menu-item> </a-menu> </template> <a-button v-auth="'card_delivery_person:deleteBatch'">批量操作 <Icon icon="mdi:chevron-down"></Icon> </a-button> </a-dropdown> <!-- 高级查询 --> <super-query :config="superQueryConfig" @search="handleSuperQuery" /> </template> <!--操作栏--> <template #action="{ record }"> <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> </template> <!--字段回显插槽--> <template v-slot:bodyCell="{ column, record, index, text }"> </template> </BasicTable> <!-- 表单区域 --> <CardDeliveryPersonModal @register="registerModal" @success="handleSuccess"></CardDeliveryPersonModal> </div> </template> <script lang="ts" name="cardDeliveryPersonList" setup> import {ref, reactive, computed, unref} from 'vue'; import {BasicTable, useTable, TableAction} from '/@/components/Table'; import {useModal} from '/@/components/Modal'; import { useListPage } from '/@/hooks/system/useListPage' import CardDeliveryPersonModal from './components/CardDeliveryPersonModal.vue' import {columns, searchFormSchema, superQuerySchema} from './CardDeliveryPerson.data'; import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './CardDeliveryPerson.api'; import { downloadFile } from '/@/utils/common/renderUtils'; import { useUserStore } from '/@/store/modules/user'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; //日期个性化选择 const fieldPickers = reactive({ }); const queryParam = reactive<any>({}); const checkedKeys = ref<Array<string \| number>>([]); const userStore = useUserStore(); const { createMessage } = useMessage(); //注册model const [registerModal, {openModal}] = useModal(); //注册table数据 const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ tableProps:{ title: 'card_delivery_person', api: list, columns, canResize:true, formConfig: { //labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter:true, showAdvancedButton:true, fieldMapToNumber: [ ], fieldMapToTime: [ ], }, actionColumn: { width: 120, fixed:'right' }, beforeFetch: (params) => { if (params && fieldPickers) { for (let key in fieldPickers) { if (params[key]) { params[key] = getDateByPicker(params[key], fieldPickers[key]); } } } return Object.assign(params, queryParam); }, }, exportConfig: { name:"card_delivery_person", url: getExportUrl, params: queryParam, }, importConfig: { url: getImportUrl, success: handleSuccess }, }) const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext // 高级查询配置 const superQueryConfig = reactive(superQuerySchema); /** * 高级查询事件 / function handleSuperQuery(params) { Object.keys(params).map((k) => { queryParam[k] = params[k]; }); reload(); } /* * 新增事件 / function handleAdd() { openModal(true, { isUpdate: false, showFooter: true, }); } /* * 编辑事件 / function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true, }); } /* * 详情 / function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false, }); } /* * 删除事件 / async function handleDelete(record) { await deleteOne({id: record.id}, handleSuccess); } /* * 批量删除事件 / async function batchHandleDelete() { await batchDelete({ids: selectedRowKeys.value}, handleSuccess); } /* * 成功回调 / function handleSuccess() { (selectedRowKeys.value = []) && reload(); } /* * 操作栏 / function getTableAction(record){ return [ { label: '编辑', onClick: handleEdit.bind(null, record), auth: 'card_delivery_person:edit' } ] } /* * 下拉操作栏 */ function getDropDownAction(record){ return [ { label: '详情', onClick: handleDetail.bind(null, record), }, { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record), placement: 'topLeft', }, auth: 'card_delivery_person:delete' } ] } </script> <style lang="less" scoped> :deep(.ant-picker),:deep(.ant-input-number){ width: 100%; } </style>

Show notes View

src/views/ card/delivery/CardDeliveryPersonList.vue 100644 → 0

<a-dropdown v-if="selectedRowKeys.length > 0">
              <template #overlay>
                <a-menu>
                  <a-menu-item key="1" @click="batchHandleDelete">
                    <Icon icon="ant-design:delete-outlined"></Icon>
                    删除
                  </a-menu-item>
                </a-menu>
              </template>
              <a-button v-auth="'card_delivery_person:deleteBatch'">批量操作
                <Icon icon="mdi:chevron-down"></Icon>
              </a-button>
        </a-dropdown>
        
        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
      </template>
       
      <template #action="{ record }">
        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
      </template>
      
      <template v-slot:bodyCell="{ column, record, index, text }">
      </template>
    </BasicTable>
    
    <CardDeliveryPersonModal @register="registerModal" @success="handleSuccess"></CardDeliveryPersonModal>
  </div>
</template>

const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext

// 高级查询配置
  const superQueryConfig = reactive(superQuerySchema);

/**
   * 高级查询事件
   */
  function handleSuperQuery(params) {
    Object.keys(params).map((k) => {
      queryParam[k] = params[k];
    });
    reload();
  }
   /**
    * 新增事件
    */
  function handleAdd() {
     openModal(true, {
       isUpdate: false,
       showFooter: true,
     });
  }
   /**
    * 编辑事件
    */
  function handleEdit(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: true,
     });
   }
   /**
    * 详情
   */
  function handleDetail(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: false,
     });
   }
   /**
    * 删除事件
    */
  async function handleDelete(record) {
     await deleteOne({id: record.id}, handleSuccess);
   }
   /**
    * 批量删除事件
    */
  async function batchHandleDelete() {
     await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
   }
   /**
    * 成功回调
    */
  function handleSuccess() {
      (selectedRowKeys.value = []) && reload();
   }
   /**
      * 操作栏
      */
  function getTableAction(record){
       return [
         {
           label: '编辑',
           onClick: handleEdit.bind(null, record),
           auth: 'card_delivery_person:edit'
         }
       ]
   }
     /**
        * 下拉操作栏
        */
  function getDropDownAction(record){
       return [
         {
           label: '详情',
           onClick: handleDetail.bind(null, record),
         }, {
           label: '删除',
           popConfirm: {
             title: '是否确认删除',
             confirm: handleDelete.bind(null, record),
             placement: 'topLeft',
           },
           auth: 'card_delivery_person:delete'
         }
       ]
   }

</script>

Show notes View src/views/ card/delivery/components/CardDeliveryPersonForm.vue 100644 → 0
<template> <div style="min-height: 400px"> <BasicForm @register="registerForm"></BasicForm> <div style="width: 100%;text-align: center" v-if="!formDisabled"> <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button> </div> </div> </template> <script lang="ts"> import {BasicForm, useForm} from '/@/components/Form/index'; import {computed, defineComponent} from 'vue'; import {defHttp} from '/@/utils/http/axios'; import { propTypes } from '/@/utils/propTypes'; import {getBpmFormSchema} from '../CardDeliveryPerson.data'; import {saveOrUpdate} from '../CardDeliveryPerson.api'; export default defineComponent({ name: "CardDeliveryPersonForm", components:{ BasicForm }, props:{ formData: propTypes.object.def({}), formBpm: propTypes.bool.def(true), }, setup(props){ const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({ labelWidth: 150, schemas: getBpmFormSchema(props.formData), showActionButtonGroup: false, baseColProps: {span: 24} }); const formDisabled = computed(()=>{ if(props.formData.disabled === false){ return false; } return true; }); let formData = {}; const queryByIdUrl = '/org/jeecg/modules/system/cardDeliveryPerson/queryById'; async function initFormData(){ let params = {id: props.formData.dataId}; const data = await defHttp.get({url: queryByIdUrl, params}); formData = {...data} //设置表单的值 await setFieldsValue(formData); //默认是禁用 await setProps({disabled: formDisabled.value}) } async function submitForm() { let data = getFieldsValue(); let params = Object.assign({}, formData, data); console.log('表单数据', params) await saveOrUpdate(params, true) } initFormData(); return { registerForm, formDisabled, submitForm, } } }); </script>

Show notes View

src/views/ card/delivery/components/CardDeliveryPersonForm.vue 100644 → 0

const formDisabled = computed(()=>{
                if(props.formData.disabled === false){
                    return false;
                }
                return true;
            });

initFormData();
            
            return {
                registerForm,
                formDisabled,
                submitForm,
            }
        }
    });
</script>

Show notes View src/views/ card/delivery/components/CardDeliveryPersonModal.vue 100644 → 0
<template> <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> <BasicForm @register="registerForm" name="CardDeliveryPersonForm" /> </BasicModal> </template> <script lang="ts" setup> import {ref, computed, unref, reactive} from 'vue'; import {BasicModal, useModalInner} from '/@/components/Modal'; import {BasicForm, useForm} from '/@/components/Form/index'; import {formSchema} from '../CardDeliveryPerson.data'; import {saveOrUpdate} from '../CardDeliveryPerson.api'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; const { createMessage } = useMessage(); // Emits声明 const emit = defineEmits(['register','success']); const isUpdate = ref(true); const isDetail = ref(false); //表单配置 const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({ labelWidth: 150, schemas: formSchema, showActionButtonGroup: false, baseColProps: {span: 24} }); //表单赋值 const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => { //重置表单 await resetFields(); setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter}); isUpdate.value = !!data?.isUpdate; isDetail.value = !!data?.showFooter; if (unref(isUpdate)) { //表单赋值 await setFieldsValue({ ...data.record, }); } // 隐藏底部时禁用整个表单 setProps({ disabled: !data?.showFooter }) }); //日期个性化选择 const fieldPickers = reactive({ }); //设置标题 const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑')); //表单提交事件 async function handleSubmit(v) { try { let values = await validate(); // 预处理日期数据 changeDateValue(values); setModalProps({confirmLoading: true}); //提交表单 await saveOrUpdate(values, isUpdate.value); //关闭弹窗 closeModal(); //刷新列表 emit('success'); } catch ({ errorFields }) { if (errorFields) { const firstField = errorFields[0]; if (firstField) { scrollToField(firstField.name, { behavior: 'smooth', block: 'center' }); } } return Promise.reject(errorFields); } finally { setModalProps({confirmLoading: false}); } } /** * 处理日期值 * @param formData 表单数据 / const changeDateValue = (formData) => { if (formData && fieldPickers) { for (let key in fieldPickers) { if (formData[key]) { formData[key] = getDateByPicker(formData[key], fieldPickers[key]); } } } }; </script> <style lang="less" scoped> /* 时间和数字输入框样式 */ :deep(.ant-input-number) { width: 100%; } :deep(.ant-calendar-picker) { width: 100%; } </style>

Show notes View

src/views/ card/delivery/components/CardDeliveryPersonModal.vue 100644 → 0

</script>

:deep(.ant-calendar-picker) {
    width: 100%;
  }
</style>

Ignore Space Show notes View src/views/card/customers/CardApplicationCustomers.api.ts 0 → 100644
import {defHttp} from '/@/utils/http/axios'; import { useMessage } from "/@/hooks/web/useMessage"; const { createConfirm } = useMessage(); enum Api { list = '/card/cardApplicationCustomers/list', save='/card/cardApplicationCustomers/add', edit='/card/cardApplicationCustomers/edit', deleteOne = '/card/cardApplicationCustomers/delete', deleteBatch = '/card/cardApplicationCustomers/deleteBatch', importExcel = '/card/cardApplicationCustomers/importExcel', exportXls = '/card/cardApplicationCustomers/exportXls', } /** * 导出api * @param params / export const getExportUrl = Api.exportXls; /* * 导入api / export const getImportUrl = Api.importExcel; /* * 列表接口 * @param params / export const list = (params) => defHttp.get({url: Api.list, params}); /* * 删除单个 / export const deleteOne = (params,handleSuccess) => { return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } /* * 批量删除 * @param params / export const batchDelete = (params, handleSuccess) => { createConfirm({ iconType: 'warning', title: '确认删除', content: '是否删除选中数据', okText: '确认', cancelText: '取消', onOk: () => { return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } }); } /* * 保存或者更新 * @param params */ export const saveOrUpdate = (params, isUpdate) => { let url = isUpdate ? Api.edit : Api.save; return defHttp.post({url: url, params}); }

Ignore Space Show notes View

src/views/card/customers/CardApplicationCustomers.api.ts 0 → 100644

import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";

const { createConfirm } = useMessage();

enum Api {
  list = '/card/cardApplicationCustomers/list',
  save='/card/cardApplicationCustomers/add',
  edit='/card/cardApplicationCustomers/edit',
  deleteOne = '/card/cardApplicationCustomers/delete',
  deleteBatch = '/card/cardApplicationCustomers/deleteBatch',
  importExcel = '/card/cardApplicationCustomers/importExcel',
  exportXls = '/card/cardApplicationCustomers/exportXls',
}
/**
 * 导出api
 * @param params
 */
export const getExportUrl = Api.exportXls;
/**
 * 导入api
 */
export const getImportUrl = Api.importExcel;
/**
 * 列表接口
 * @param params
 */
export const list = (params) =>
  defHttp.get({url: Api.list, params});

Ignore Space Show notes View src/views/card/customers/CardApplicationCustomers.data.ts 0 → 100644
import {BasicColumn} from '/@/components/Table'; import {FormSchema} from '/@/components/Table'; import { rules} from '/@/utils/helper/validator'; import { render } from '/@/utils/common/renderUtils'; import { getWeekMonthQuarterYear } from '/@/utils'; //列表数据 export const columns: BasicColumn[] = [ { title: '姓名', align:"center", dataIndex: 'name' }, { title: '手机号', align:"center", dataIndex: 'phone' }, { title: '办卡姓名', align:"center", dataIndex: 'cardApplicationName' }, { title: '办卡手机号', align:"center", dataIndex: 'cardApplicationPhone' }, { title: '预约单号', align:"center", dataIndex: 'reservationNumber' }, { title: '省', align:"center", dataIndex: 'province' }, { title: '市', align:"center", dataIndex: 'city' }, { title: '区', align:"center", dataIndex: 'area' }, { title: '详细地址', align:"center", dataIndex: 'address' }, { title: '预约时间', align:"center", dataIndex: 'reservationTime' }, ]; //查询数据 export const searchFormSchema: FormSchema[] = [ ]; //表单数据 export const formSchema: FormSchema[] = [ { label: '姓名', field: 'name', component: 'Input', }, { label: '手机号', field: 'phone', component: 'Input', }, { label: '办卡姓名', field: 'cardApplicationName', component: 'Input', }, { label: '办卡手机号', field: 'cardApplicationPhone', component: 'Input', }, { label: '预约单号', field: 'reservationNumber', component: 'Input', }, { label: '省', field: 'province', component: 'Input', }, { label: '市', field: 'city', component: 'Input', }, { label: '区', field: 'area', component: 'Input', }, { label: '详细地址', field: 'address', component: 'Input', }, { label: '预约时间', field: 'reservationTime', component: 'DatePicker', componentProps: { showTime: true, valueFormat: 'YYYY-MM-DD HH:mm:ss' }, }, // TODO 主键隐藏字段，目前写死为ID { label: '', field: 'id', component: 'Input', show: false }, ]; // 高级查询数据 export const superQuerySchema = { name: {title: '姓名',order: 0,view: 'text', type: 'string',}, phone: {title: '手机号',order: 1,view: 'text', type: 'string',}, cardApplicationName: {title: '办卡姓名',order: 2,view: 'text', type: 'string',}, cardApplicationPhone: {title: '办卡手机号',order: 3,view: 'text', type: 'string',}, reservationNumber: {title: '预约单号',order: 4,view: 'text', type: 'string',}, province: {title: '省',order: 5,view: 'text', type: 'string',}, city: {title: '市',order: 6,view: 'text', type: 'string',}, area: {title: '区',order: 7,view: 'text', type: 'string',}, address: {title: '详细地址',order: 8,view: 'text', type: 'string',}, reservationTime: {title: '预约时间',order: 9,view: 'datetime', type: 'string',}, }; /** * 流程表单调用这个方法获取formSchema * @param param */ export function getBpmFormSchema(_formData): FormSchema[]{ // 默认和原始表单保持一致如果流程中配置了权限数据，这里需要单独处理formSchema return formSchema; }

Ignore Space Show notes View

src/views/card/customers/CardApplicationCustomers.data.ts 0 → 100644

Ignore Space Show notes View src/views/card/customers/CardApplicationCustomersList.vue 0 → 100644
<template> <div> <!--引用表格--> <BasicTable @register="registerTable" :rowSelection="rowSelection"> <!--插槽:table标题--> <template #tableTitle> <a-button type="primary" v-auth="'card_application_customers:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> <a-button type="primary" v-auth="'card_application_customers:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> <j-upload-button type="primary" v-auth="'card_application_customers:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> <a-dropdown v-if="selectedRowKeys.length > 0"> <template #overlay> <a-menu> <a-menu-item key="1" @click="batchHandleDelete"> <Icon icon="ant-design:delete-outlined"></Icon> 删除 </a-menu-item> </a-menu> </template> <a-button v-auth="'card_application_customers:deleteBatch'">批量操作 <Icon icon="mdi:chevron-down"></Icon> </a-button> </a-dropdown> <!-- 高级查询 --> <super-query :config="superQueryConfig" @search="handleSuperQuery" /> </template> <!--操作栏--> <template #action="{ record }"> <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> </template> <!--字段回显插槽--> <template v-slot:bodyCell="{ column, record, index, text }"> </template> </BasicTable> <!-- 表单区域 --> <CardApplicationCustomersModal @register="registerModal" @success="handleSuccess"></CardApplicationCustomersModal> </div> </template> <script lang="ts" name="cardApplicationCustomersList" setup> import {ref, reactive, computed, unref} from 'vue'; import {BasicTable, useTable, TableAction} from '/@/components/Table'; import {useModal} from '/@/components/Modal'; import { useListPage } from '/@/hooks/system/useListPage' import CardApplicationCustomersModal from './components/CardApplicationCustomersModal.vue' import {columns, searchFormSchema, superQuerySchema} from './CardApplicationCustomers.data'; import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './CardApplicationCustomers.api'; import { downloadFile } from '/@/utils/common/renderUtils'; import { useUserStore } from '/@/store/modules/user'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; //日期个性化选择 const fieldPickers = reactive({ }); const queryParam = reactive<any>({}); const checkedKeys = ref<Array<string \| number>>([]); const userStore = useUserStore(); const { createMessage } = useMessage(); //注册model const [registerModal, {openModal}] = useModal(); //注册table数据 const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ tableProps:{ title: 'card_application_customers', api: list, columns, canResize:true, formConfig: { //labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter:true, showAdvancedButton:true, fieldMapToNumber: [ ], fieldMapToTime: [ ], }, actionColumn: { width: 120, fixed:'right' }, beforeFetch: (params) => { if (params && fieldPickers) { for (let key in fieldPickers) { if (params[key]) { params[key] = getDateByPicker(params[key], fieldPickers[key]); } } } return Object.assign(params, queryParam); }, }, exportConfig: { name:"card_application_customers", url: getExportUrl, params: queryParam, }, importConfig: { url: getImportUrl, success: handleSuccess }, }) const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext // 高级查询配置 const superQueryConfig = reactive(superQuerySchema); /** * 高级查询事件 / function handleSuperQuery(params) { Object.keys(params).map((k) => { queryParam[k] = params[k]; }); reload(); } /* * 新增事件 / function handleAdd() { openModal(true, { isUpdate: false, showFooter: true, }); } /* * 编辑事件 / function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true, }); } /* * 详情 / function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false, }); } /* * 删除事件 / async function handleDelete(record) { await deleteOne({id: record.id}, handleSuccess); } /* * 批量删除事件 / async function batchHandleDelete() { await batchDelete({ids: selectedRowKeys.value}, handleSuccess); } /* * 成功回调 / function handleSuccess() { (selectedRowKeys.value = []) && reload(); } /* * 操作栏 / function getTableAction(record){ return [ { label: '编辑', onClick: handleEdit.bind(null, record), auth: 'card_application_customers:edit' } ] } /* * 下拉操作栏 */ function getDropDownAction(record){ return [ { label: '详情', onClick: handleDetail.bind(null, record), }, { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record), placement: 'topLeft', }, auth: 'card_application_customers:delete' } ] } </script> <style lang="less" scoped> :deep(.ant-picker),:deep(.ant-input-number){ width: 100%; } </style>

Ignore Space Show notes View

src/views/card/customers/CardApplicationCustomersList.vue 0 → 100644

const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext

// 高级查询配置
  const superQueryConfig = reactive(superQuerySchema);

</script>

Ignore Space Show notes View src/views/card/customers/components/CardApplicationCustomersForm.vue 0 → 100644
<template> <div style="min-height: 400px"> <BasicForm @register="registerForm"></BasicForm> <div style="width: 100%;text-align: center" v-if="!formDisabled"> <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button> </div> </div> </template> <script lang="ts"> import {BasicForm, useForm} from '/@/components/Form/index'; import {computed, defineComponent} from 'vue'; import {defHttp} from '/@/utils/http/axios'; import { propTypes } from '/@/utils/propTypes'; import {getBpmFormSchema} from '../CardApplicationCustomers.data'; import {saveOrUpdate} from '../CardApplicationCustomers.api'; export default defineComponent({ name: "CardApplicationCustomersForm", components:{ BasicForm }, props:{ formData: propTypes.object.def({}), formBpm: propTypes.bool.def(true), }, setup(props){ const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({ labelWidth: 150, schemas: getBpmFormSchema(props.formData), showActionButtonGroup: false, baseColProps: {span: 24} }); const formDisabled = computed(()=>{ if(props.formData.disabled === false){ return false; } return true; }); let formData = {}; const queryByIdUrl = '/org/jeecg/modules/system/cardApplicationCustomers/queryById'; async function initFormData(){ let params = {id: props.formData.dataId}; const data = await defHttp.get({url: queryByIdUrl, params}); formData = {...data} //设置表单的值 await setFieldsValue(formData); //默认是禁用 await setProps({disabled: formDisabled.value}) } async function submitForm() { let data = getFieldsValue(); let params = Object.assign({}, formData, data); console.log('表单数据', params) await saveOrUpdate(params, true) } initFormData(); return { registerForm, formDisabled, submitForm, } } }); </script>

Ignore Space Show notes View

src/views/card/customers/components/CardApplicationCustomersForm.vue 0 → 100644

const formDisabled = computed(()=>{
                if(props.formData.disabled === false){
                    return false;
                }
                return true;
            });

initFormData();
            
            return {
                registerForm,
                formDisabled,
                submitForm,
            }
        }
    });
</script>

Ignore Space Show notes View src/views/card/customers/components/CardApplicationCustomersModal.vue 0 → 100644
<template> <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> <BasicForm @register="registerForm" name="CardApplicationCustomersForm" /> </BasicModal> </template> <script lang="ts" setup> import {ref, computed, unref, reactive} from 'vue'; import {BasicModal, useModalInner} from '/@/components/Modal'; import {BasicForm, useForm} from '/@/components/Form/index'; import {formSchema} from '../CardApplicationCustomers.data'; import {saveOrUpdate} from '../CardApplicationCustomers.api'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; const { createMessage } = useMessage(); // Emits声明 const emit = defineEmits(['register','success']); const isUpdate = ref(true); const isDetail = ref(false); //表单配置 const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({ labelWidth: 150, schemas: formSchema, showActionButtonGroup: false, baseColProps: {span: 24} }); //表单赋值 const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => { //重置表单 await resetFields(); setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter}); isUpdate.value = !!data?.isUpdate; isDetail.value = !!data?.showFooter; if (unref(isUpdate)) { //表单赋值 await setFieldsValue({ ...data.record, }); } // 隐藏底部时禁用整个表单 setProps({ disabled: !data?.showFooter }) }); //日期个性化选择 const fieldPickers = reactive({ }); //设置标题 const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑')); //表单提交事件 async function handleSubmit(v) { try { let values = await validate(); // 预处理日期数据 changeDateValue(values); setModalProps({confirmLoading: true}); //提交表单 await saveOrUpdate(values, isUpdate.value); //关闭弹窗 closeModal(); //刷新列表 emit('success'); } catch ({ errorFields }) { if (errorFields) { const firstField = errorFields[0]; if (firstField) { scrollToField(firstField.name, { behavior: 'smooth', block: 'center' }); } } return Promise.reject(errorFields); } finally { setModalProps({confirmLoading: false}); } } /** * 处理日期值 * @param formData 表单数据 / const changeDateValue = (formData) => { if (formData && fieldPickers) { for (let key in fieldPickers) { if (formData[key]) { formData[key] = getDateByPicker(formData[key], fieldPickers[key]); } } } }; </script> <style lang="less" scoped> /* 时间和数字输入框样式 */ :deep(.ant-input-number) { width: 100%; } :deep(.ant-calendar-picker) { width: 100%; } </style>

Ignore Space Show notes View

src/views/card/customers/components/CardApplicationCustomersModal.vue 0 → 100644

</script>

:deep(.ant-calendar-picker) {
    width: 100%;
  }
</style>

Ignore Space Show notes View src/views/card/delivery/CardDeliveryPerson.api.ts 0 → 100644
import {defHttp} from '/@/utils/http/axios'; import { useMessage } from "/@/hooks/web/useMessage"; const { createConfirm } = useMessage(); enum Api { list = '/card/cardDeliveryPerson/list', save='/card/cardDeliveryPerson/add', edit='/card/cardDeliveryPerson/edit', deleteOne = '/card/cardDeliveryPerson/delete', deleteBatch = '/card/cardDeliveryPerson/deleteBatch', importExcel = '/card/cardDeliveryPerson/importExcel', exportXls = '/card/cardDeliveryPerson/exportXls', } /** * 导出api * @param params / export const getExportUrl = Api.exportXls; /* * 导入api / export const getImportUrl = Api.importExcel; /* * 列表接口 * @param params / export const list = (params) => defHttp.get({url: Api.list, params}); /* * 删除单个 / export const deleteOne = (params,handleSuccess) => { return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } /* * 批量删除 * @param params / export const batchDelete = (params, handleSuccess) => { createConfirm({ iconType: 'warning', title: '确认删除', content: '是否删除选中数据', okText: '确认', cancelText: '取消', onOk: () => { return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { handleSuccess(); }); } }); } /* * 保存或者更新 * @param params */ export const saveOrUpdate = (params, isUpdate) => { let url = isUpdate ? Api.edit : Api.save; return defHttp.post({url: url, params}); }

Ignore Space Show notes View

src/views/card/delivery/CardDeliveryPerson.api.ts 0 → 100644

import {defHttp} from '/@/utils/http/axios';
import { useMessage } from "/@/hooks/web/useMessage";

const { createConfirm } = useMessage();

enum Api {
  list = '/card/cardDeliveryPerson/list',
  save='/card/cardDeliveryPerson/add',
  edit='/card/cardDeliveryPerson/edit',
  deleteOne = '/card/cardDeliveryPerson/delete',
  deleteBatch = '/card/cardDeliveryPerson/deleteBatch',
  importExcel = '/card/cardDeliveryPerson/importExcel',
  exportXls = '/card/cardDeliveryPerson/exportXls',
}
/**
 * 导出api
 * @param params
 */
export const getExportUrl = Api.exportXls;
/**
 * 导入api
 */
export const getImportUrl = Api.importExcel;
/**
 * 列表接口
 * @param params
 */
export const list = (params) =>
  defHttp.get({url: Api.list, params});

Ignore Space Show notes View src/views/card/delivery/CardDeliveryPerson.data.ts 0 → 100644
import {BasicColumn} from '/@/components/Table'; import {FormSchema} from '/@/components/Table'; import { rules} from '/@/utils/helper/validator'; import { render } from '/@/utils/common/renderUtils'; import { getWeekMonthQuarterYear } from '/@/utils'; //列表数据 export const columns: BasicColumn[] = [ { title: '姓名', align:"center", dataIndex: 'name' }, { title: '手机号', align:"center", dataIndex: 'phone' }, { title: '电信工号', align:"center", dataIndex: 'dxWorkNo' }, { title: '待处理工单数', align:"center", dataIndex: 'waitDealWorkNum' }, { title: '已处理工单数', align:"center", dataIndex: 'dealWorkNum' }, { title: '总工单数', align:"center", dataIndex: 'totalWorkNum' }, { title: '应收办卡费用', align:"center", dataIndex: 'receivableFee' }, { title: '全部办卡费用', align:"center", dataIndex: 'allFee' }, ]; //查询数据 export const searchFormSchema: FormSchema[] = [ ]; //表单数据 export const formSchema: FormSchema[] = [ { label: '姓名', field: 'name', component: 'Input', }, { label: '手机号', field: 'phone', component: 'Input', }, { label: '电信工号', field: 'dxWorkNo', component: 'Input', }, { label: '待处理工单数', field: 'waitDealWorkNum', component: 'InputNumber', }, { label: '已处理工单数', field: 'dealWorkNum', component: 'InputNumber', }, { label: '总工单数', field: 'totalWorkNum', component: 'InputNumber', }, { label: '应收办卡费用', field: 'receivableFee', component: 'InputNumber', }, { label: '全部办卡费用', field: 'allFee', component: 'InputNumber', }, // TODO 主键隐藏字段，目前写死为ID { label: '', field: 'id', component: 'Input', show: false }, ]; // 高级查询数据 export const superQuerySchema = { name: {title: '姓名',order: 0,view: 'text', type: 'string',}, phone: {title: '手机号',order: 1,view: 'text', type: 'string',}, dxWorkNo: {title: '电信工号',order: 2,view: 'text', type: 'string',}, waitDealWorkNum: {title: '待处理工单数',order: 3,view: 'number', type: 'number',}, dealWorkNum: {title: '已处理工单数',order: 4,view: 'number', type: 'number',}, totalWorkNum: {title: '总工单数',order: 5,view: 'number', type: 'number',}, receivableFee: {title: '应收办卡费用',order: 6,view: 'number', type: 'number',}, allFee: {title: '全部办卡费用',order: 7,view: 'number', type: 'number',}, }; /** * 流程表单调用这个方法获取formSchema * @param param */ export function getBpmFormSchema(_formData): FormSchema[]{ // 默认和原始表单保持一致如果流程中配置了权限数据，这里需要单独处理formSchema return formSchema; }

Ignore Space Show notes View

src/views/card/delivery/CardDeliveryPerson.data.ts 0 → 100644

import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
import { getWeekMonthQuarterYear } from '/@/utils';
//列表数据
export const columns: BasicColumn[] = [
   {
    title: '姓名',
    align:"center",
    dataIndex: 'name'
   },
   {
    title: '手机号',
    align:"center",
    dataIndex: 'phone'
   },
   {
    title: '电信工号',
    align:"center",
    dataIndex: 'dxWorkNo'
   },
   {
    title: '待处理工单数',
    align:"center",
    dataIndex: 'waitDealWorkNum'
   },
   {
    title: '已处理工单数',
    align:"center",
    dataIndex: 'dealWorkNum'
   },
   {
    title: '总工单数',
    align:"center",
    dataIndex: 'totalWorkNum'
   },
   {
    title: '应收办卡费用',
    align:"center",
    dataIndex: 'receivableFee'
   },
   {
    title: '全部办卡费用',
    align:"center",
    dataIndex: 'allFee'
   },
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
  {
    label: '姓名',
    field: 'name',
    component: 'Input',
  },
  {
    label: '手机号',
    field: 'phone',
    component: 'Input',
  },
  {
    label: '电信工号',
    field: 'dxWorkNo',
    component: 'Input',
  },
  {
    label: '待处理工单数',
    field: 'waitDealWorkNum',
    component: 'InputNumber',
  },
  {
    label: '已处理工单数',
    field: 'dealWorkNum',
    component: 'InputNumber',
  },
  {
    label: '总工单数',
    field: 'totalWorkNum',
    component: 'InputNumber',
  },
  {
    label: '应收办卡费用',
    field: 'receivableFee',
    component: 'InputNumber',
  },
  {
    label: '全部办卡费用',
    field: 'allFee',
    component: 'InputNumber',
  },
	// TODO 主键隐藏字段，目前写死为ID
	{
	  label: '',
	  field: 'id',
	  component: 'Input',
	  show: false
	},
];

Ignore Space Show notes View src/views/card/delivery/CardDeliveryPersonList.vue 0 → 100644
<template> <div> <!--引用表格--> <BasicTable @register="registerTable" :rowSelection="rowSelection"> <!--插槽:table标题--> <template #tableTitle> <a-button type="primary" v-auth="'card_delivery_person:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> <a-button type="primary" v-auth="'card_delivery_person:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> <j-upload-button type="primary" v-auth="'card_delivery_person:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> <a-dropdown v-if="selectedRowKeys.length > 0"> <template #overlay> <a-menu> <a-menu-item key="1" @click="batchHandleDelete"> <Icon icon="ant-design:delete-outlined"></Icon> 删除 </a-menu-item> </a-menu> </template> <a-button v-auth="'card_delivery_person:deleteBatch'">批量操作 <Icon icon="mdi:chevron-down"></Icon> </a-button> </a-dropdown> <!-- 高级查询 --> <super-query :config="superQueryConfig" @search="handleSuperQuery" /> </template> <!--操作栏--> <template #action="{ record }"> <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> </template> <!--字段回显插槽--> <template v-slot:bodyCell="{ column, record, index, text }"> </template> </BasicTable> <!-- 表单区域 --> <CardDeliveryPersonModal @register="registerModal" @success="handleSuccess"></CardDeliveryPersonModal> </div> </template> <script lang="ts" name="cardDeliveryPersonList" setup> import {ref, reactive, computed, unref} from 'vue'; import {BasicTable, useTable, TableAction} from '/@/components/Table'; import {useModal} from '/@/components/Modal'; import { useListPage } from '/@/hooks/system/useListPage' import CardDeliveryPersonModal from './components/CardDeliveryPersonModal.vue' import {columns, searchFormSchema, superQuerySchema} from './CardDeliveryPerson.data'; import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './CardDeliveryPerson.api'; import { downloadFile } from '/@/utils/common/renderUtils'; import { useUserStore } from '/@/store/modules/user'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; //日期个性化选择 const fieldPickers = reactive({ }); const queryParam = reactive<any>({}); const checkedKeys = ref<Array<string \| number>>([]); const userStore = useUserStore(); const { createMessage } = useMessage(); //注册model const [registerModal, {openModal}] = useModal(); //注册table数据 const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ tableProps:{ title: 'card_delivery_person', api: list, columns, canResize:true, formConfig: { //labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter:true, showAdvancedButton:true, fieldMapToNumber: [ ], fieldMapToTime: [ ], }, actionColumn: { width: 120, fixed:'right' }, beforeFetch: (params) => { if (params && fieldPickers) { for (let key in fieldPickers) { if (params[key]) { params[key] = getDateByPicker(params[key], fieldPickers[key]); } } } return Object.assign(params, queryParam); }, }, exportConfig: { name:"card_delivery_person", url: getExportUrl, params: queryParam, }, importConfig: { url: getImportUrl, success: handleSuccess }, }) const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext // 高级查询配置 const superQueryConfig = reactive(superQuerySchema); /** * 高级查询事件 / function handleSuperQuery(params) { Object.keys(params).map((k) => { queryParam[k] = params[k]; }); reload(); } /* * 新增事件 / function handleAdd() { openModal(true, { isUpdate: false, showFooter: true, }); } /* * 编辑事件 / function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true, }); } /* * 详情 / function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false, }); } /* * 删除事件 / async function handleDelete(record) { await deleteOne({id: record.id}, handleSuccess); } /* * 批量删除事件 / async function batchHandleDelete() { await batchDelete({ids: selectedRowKeys.value}, handleSuccess); } /* * 成功回调 / function handleSuccess() { (selectedRowKeys.value = []) && reload(); } /* * 操作栏 / function getTableAction(record){ return [ { label: '编辑', onClick: handleEdit.bind(null, record), auth: 'card_delivery_person:edit' } ] } /* * 下拉操作栏 */ function getDropDownAction(record){ return [ { label: '详情', onClick: handleDetail.bind(null, record), }, { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record), placement: 'topLeft', }, auth: 'card_delivery_person:delete' } ] } </script> <style lang="less" scoped> :deep(.ant-picker),:deep(.ant-input-number){ width: 100%; } </style>

Ignore Space Show notes View

src/views/card/delivery/CardDeliveryPersonList.vue 0 → 100644

<a-dropdown v-if="selectedRowKeys.length > 0">
              <template #overlay>
                <a-menu>
                  <a-menu-item key="1" @click="batchHandleDelete">
                    <Icon icon="ant-design:delete-outlined"></Icon>
                    删除
                  </a-menu-item>
                </a-menu>
              </template>
              <a-button v-auth="'card_delivery_person:deleteBatch'">批量操作
                <Icon icon="mdi:chevron-down"></Icon>
              </a-button>
        </a-dropdown>
        
        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
      </template>
       
      <template #action="{ record }">
        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
      </template>
      
      <template v-slot:bodyCell="{ column, record, index, text }">
      </template>
    </BasicTable>
    
    <CardDeliveryPersonModal @register="registerModal" @success="handleSuccess"></CardDeliveryPersonModal>
  </div>
</template>

const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext

// 高级查询配置
  const superQueryConfig = reactive(superQuerySchema);

/**
   * 高级查询事件
   */
  function handleSuperQuery(params) {
    Object.keys(params).map((k) => {
      queryParam[k] = params[k];
    });
    reload();
  }
   /**
    * 新增事件
    */
  function handleAdd() {
     openModal(true, {
       isUpdate: false,
       showFooter: true,
     });
  }
   /**
    * 编辑事件
    */
  function handleEdit(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: true,
     });
   }
   /**
    * 详情
   */
  function handleDetail(record: Recordable) {
     openModal(true, {
       record,
       isUpdate: true,
       showFooter: false,
     });
   }
   /**
    * 删除事件
    */
  async function handleDelete(record) {
     await deleteOne({id: record.id}, handleSuccess);
   }
   /**
    * 批量删除事件
    */
  async function batchHandleDelete() {
     await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
   }
   /**
    * 成功回调
    */
  function handleSuccess() {
      (selectedRowKeys.value = []) && reload();
   }
   /**
      * 操作栏
      */
  function getTableAction(record){
       return [
         {
           label: '编辑',
           onClick: handleEdit.bind(null, record),
           auth: 'card_delivery_person:edit'
         }
       ]
   }
     /**
        * 下拉操作栏
        */
  function getDropDownAction(record){
       return [
         {
           label: '详情',
           onClick: handleDetail.bind(null, record),
         }, {
           label: '删除',
           popConfirm: {
             title: '是否确认删除',
             confirm: handleDelete.bind(null, record),
             placement: 'topLeft',
           },
           auth: 'card_delivery_person:delete'
         }
       ]
   }

</script>

Ignore Space Show notes View src/views/card/delivery/components/CardDeliveryPersonForm.vue 0 → 100644
<template> <div style="min-height: 400px"> <BasicForm @register="registerForm"></BasicForm> <div style="width: 100%;text-align: center" v-if="!formDisabled"> <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button> </div> </div> </template> <script lang="ts"> import {BasicForm, useForm} from '/@/components/Form/index'; import {computed, defineComponent} from 'vue'; import {defHttp} from '/@/utils/http/axios'; import { propTypes } from '/@/utils/propTypes'; import {getBpmFormSchema} from '../CardDeliveryPerson.data'; import {saveOrUpdate} from '../CardDeliveryPerson.api'; export default defineComponent({ name: "CardDeliveryPersonForm", components:{ BasicForm }, props:{ formData: propTypes.object.def({}), formBpm: propTypes.bool.def(true), }, setup(props){ const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({ labelWidth: 150, schemas: getBpmFormSchema(props.formData), showActionButtonGroup: false, baseColProps: {span: 24} }); const formDisabled = computed(()=>{ if(props.formData.disabled === false){ return false; } return true; }); let formData = {}; const queryByIdUrl = '/org/jeecg/modules/system/cardDeliveryPerson/queryById'; async function initFormData(){ let params = {id: props.formData.dataId}; const data = await defHttp.get({url: queryByIdUrl, params}); formData = {...data} //设置表单的值 await setFieldsValue(formData); //默认是禁用 await setProps({disabled: formDisabled.value}) } async function submitForm() { let data = getFieldsValue(); let params = Object.assign({}, formData, data); console.log('表单数据', params) await saveOrUpdate(params, true) } initFormData(); return { registerForm, formDisabled, submitForm, } } }); </script>

Ignore Space Show notes View

src/views/card/delivery/components/CardDeliveryPersonForm.vue 0 → 100644

const formDisabled = computed(()=>{
                if(props.formData.disabled === false){
                    return false;
                }
                return true;
            });

initFormData();
            
            return {
                registerForm,
                formDisabled,
                submitForm,
            }
        }
    });
</script>

Ignore Space Show notes View src/views/card/delivery/components/CardDeliveryPersonModal.vue 0 → 100644
<template> <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> <BasicForm @register="registerForm" name="CardDeliveryPersonForm" /> </BasicModal> </template> <script lang="ts" setup> import {ref, computed, unref, reactive} from 'vue'; import {BasicModal, useModalInner} from '/@/components/Modal'; import {BasicForm, useForm} from '/@/components/Form/index'; import {formSchema} from '../CardDeliveryPerson.data'; import {saveOrUpdate} from '../CardDeliveryPerson.api'; import { useMessage } from '/@/hooks/web/useMessage'; import { getDateByPicker } from '/@/utils'; const { createMessage } = useMessage(); // Emits声明 const emit = defineEmits(['register','success']); const isUpdate = ref(true); const isDetail = ref(false); //表单配置 const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({ labelWidth: 150, schemas: formSchema, showActionButtonGroup: false, baseColProps: {span: 24} }); //表单赋值 const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => { //重置表单 await resetFields(); setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter}); isUpdate.value = !!data?.isUpdate; isDetail.value = !!data?.showFooter; if (unref(isUpdate)) { //表单赋值 await setFieldsValue({ ...data.record, }); } // 隐藏底部时禁用整个表单 setProps({ disabled: !data?.showFooter }) }); //日期个性化选择 const fieldPickers = reactive({ }); //设置标题 const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑')); //表单提交事件 async function handleSubmit(v) { try { let values = await validate(); // 预处理日期数据 changeDateValue(values); setModalProps({confirmLoading: true}); //提交表单 await saveOrUpdate(values, isUpdate.value); //关闭弹窗 closeModal(); //刷新列表 emit('success'); } catch ({ errorFields }) { if (errorFields) { const firstField = errorFields[0]; if (firstField) { scrollToField(firstField.name, { behavior: 'smooth', block: 'center' }); } } return Promise.reject(errorFields); } finally { setModalProps({confirmLoading: false}); } } /** * 处理日期值 * @param formData 表单数据 / const changeDateValue = (formData) => { if (formData && fieldPickers) { for (let key in fieldPickers) { if (formData[key]) { formData[key] = getDateByPicker(formData[key], fieldPickers[key]); } } } }; </script> <style lang="less" scoped> /* 时间和数字输入框样式 */ :deep(.ant-input-number) { width: 100%; } :deep(.ant-calendar-picker) { width: 100%; } </style>

Ignore Space Show notes View

src/views/card/delivery/components/CardDeliveryPersonModal.vue 0 → 100644

</script>

:deep(.ant-calendar-picker) {
    width: 100%;
  }
</style>

Show line notes below