commit: 供应商表单开发联调

+import {omit} from "lodash-es";
+import {defHttp} from "/@/utils/http/axios";
+
+
+
+/**
+ * 获取列表
+ */
+export const getSupplierList = (params) => {
+  const { page, pageSize } = params;
+  const otherParams = omit(params, ['page', 'pageSize']);
+  return defHttp.post<any>({
+    url: `/supplier/pageData?page=${page}&pageSize=${pageSize}`,
+    params: otherParams,
+  });
+};
+
+
+/**
+ * 新增
+ */
+export const saveSupplier = (params) => {
+  return defHttp.post<any>({
+    url: `/supplier/save`,
+    params,
+  });
+};
+/**
+ * 删除
+ */
+export const deleteSupplier = (params) => {
+  return defHttp.post<any>({
+    url: `/supplier/delete`,
+    params,
+  });
+};
+
+/**
+ * 选择列表
+ */
+export const supplierListPull = (params) => {
+  return defHttp.post<any>({
+    url: `/supplier/list`,
+    params,
+  });
+};

+export default {
+  createPlanText: '创建供应商',
+  editPlanText: '编辑供应商',
+  listText: '供应商列表',
+  supplier: '供应商名称',
+  supplierCode: '供应商编号',
+  contactsName: '供应商联系人',
+  contactsMobile: '供应商联系人手机号',
+
+};

@@ -113,8 +113,8 @@ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (
     if (!selectedItem.value) {
     if (!selectedItem.value) {
       selectedItem.value = { id: '', username: '' };
       selectedItem.value = { id: '', username: '' };
     }
     }
-    selectedItem.value.username = data?.record?.reportByName || '';
-    selectedItem.value.id = data?.record?.reportBy || '';
+    selectedItem.value.username = data?.record?.directorName || '';
+    selectedItem.value.id = data?.record?.directorId || '';
     setFieldsValue(setDefaultTime());
     setFieldsValue(setDefaultTime());
     updateSchema(disableCustomWeekly(0));
     updateSchema(disableCustomWeekly(0));
     setDrawerProps(setPropsForModal(businessText.value));
     setDrawerProps(setPropsForModal(businessText.value));

@@ -3,6 +3,7 @@ import {useI18n} from "../../../../hooks/web/useI18n";
 const { t } = useI18n();
 const { t } = useI18n();
 import { CategoryTreeSelect } from '../../../common/CategoryTreeSelect';
 import { CategoryTreeSelect } from '../../../common/CategoryTreeSelect';
 import { OrgTreeSelect } from '../../../common/OrgTreeSelect';
 import { OrgTreeSelect } from '../../../common/OrgTreeSelect';
+import {supplierListPull} from "/@/api/equipment/supplier";
 useComponentRegister('OrgTreeSelect', OrgTreeSelect);
 useComponentRegister('OrgTreeSelect', OrgTreeSelect);
 useComponentRegister('CategoryTreeSelect', CategoryTreeSelect);
 useComponentRegister('CategoryTreeSelect', CategoryTreeSelect);
 const statusOptions = [
 const statusOptions = [
@@ -154,15 +155,20 @@ export const formSchema: BFormSchema[] = [
   },
   },
   {
   {
     field: 'supplierId',
     field: 'supplierId',
-    component: 'OrgTreeSelect',
+    component: 'ApiSelect',
     label: '供应商',
     label: '供应商',
     colProps: { span: 24 },
     colProps: { span: 24 },
-    componentProps: {
-      // 添加 change 事件
-      onChange: (value: string) => {
-        // 这里需要触发加载人员数据的逻辑
-        console.log(value,'value')
-      },
+    required: true,
+    componentProps: ({  }) => {
+      return {
+        api: supplierListPull,
+        params: {
+
+        },
+        labelField: 'name',
+        valueField: 'id',
+        getPopupContainer: () => document.body,
+      };
     },
     },
   },
   },
   {
   {

+import supplierModal from './supplierModal.vue';
+
+export { supplierModal };

+<template>
+  <div>
+    <BasicModal
+      v-bind="$attrs"
+      width="30rem"
+      :title="getTitle"
+      @register="register"
+      @cancel="handleCancel"
+      @ok="handleOk"
+      destroyOnClose
+    >
+      <div>
+        <BasicForm @register="registerForm" />
+      </div>
+    </BasicModal>
+  </div>
+</template>
+<script setup lang="ts">
+import {BasicModal, useModalInner} from "/@/components/Modal";
+import {BasicForm, useForm} from "/@/components/Form";
+import {computed, ref, unref} from "vue";
+import {useI18n} from "/@/hooks/web/useI18n";
+import {schemas} from "../index";
+import {saveSupplier} from "/@/api/equipment/supplier";
+import {useMessage} from "/@/hooks/web/useMessage";
+const { t } = useI18n();
+const isUpdate = ref<Boolean>(false);
+const { createMessage } = useMessage();
+const emit = defineEmits(['handleReload', 'register']);
+const recordInfo = ref<any>({});
+const [registerForm, { getFieldsValue, setFieldsValue, validate }] = useForm({
+  labelWidth: 140,
+  schemas,
+  actionColOptions: {
+    span: 14,
+  },
+  showActionButtonGroup: false,
+});
+
+const getTitle = computed(() =>
+  !unref(isUpdate)
+    ? t('equipment.supplier.createPlanText')
+    : t('equipment.supplier.editPlanText')
+);
+
+const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false, loading: true });
+  isUpdate.value = data?.isUpdate;
+  recordInfo.value = data?.record;
+  if (data?.record) {
+    setFieldsValue(data?.record);
+  }
+  setModalProps({ loading: false });
+});
+
+const handleCancel = () => {
+  closeModal();
+};
+
+const handleOk = async () => {
+  await validate();
+  let values = getFieldsValue();
+  if (unref(isUpdate)) {
+    values = { ...values, id: unref(recordInfo).id };
+  }
+  await saveSupplier(values);
+  createMessage.success(t('common.operationSuccessText'));
+  emit('handleReload');
+  handleCancel();
+};
+
+</script>

+<template>
+  <div>
+    <BasicTable :clickToRowSelect="false" @register="registerTable">
+      <template #toolbar>
+        <Authority value="api:yt:product:category:post">
+          <Button type="primary" @click="handleCreate">
+            {{ t('equipment.supplier.createPlanText') }}
+          </Button>
+        </Authority>
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: t('common.editText'),
+              auth: 'api:yt:product:category:update',
+              icon: 'clarity:note-edit-line',
+              onClick: handleEdit.bind(null, record),
+            },
+            {
+              label: t('common.delText'),
+              auth: 'api:yt:product:category:delete',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              popConfirm: {
+                title: t('common.deleteConfirmText'),
+                confirm: handleDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+    </BasicTable>
+    <supplierModal @register="registerModal" @handleReload="handleReload" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import {BasicTable, TableAction, useTable} from '/@/components/Table';
+import {deleteSupplier, getSupplierList} from "/@/api/equipment/supplier";
+import {columns, searchFormSchema} from "./index";
+import {useI18n} from "/@/hooks/web/useI18n";
+import { supplierModal } from "./components/index"
+const { t } = useI18n();
+import {Button} from "ant-design-vue";
+import {useModal} from "/@/components/Modal";
+import {useMessage} from "/@/hooks/web/useMessage";
+const [registerModal, { openModal }] = useModal();
+const { createMessage } = useMessage();
+
+const [
+  registerTable,
+  { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+] = useTable({
+  title: t('equipment.supplier.listText'),
+  api: getSupplierList,
+  columns,
+  formConfig: {
+    labelWidth: 100,
+    schemas: searchFormSchema,
+  },
+  immediate: true,
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  showIndexColumn: false,
+  clickToRowSelect: false,
+  rowKey: 'id',
+  actionColumn: {
+    width: 230,
+    title: t('common.actionText'),
+    slots: { customRender: 'action' },
+    fixed: 'right',
+  },
+  rowSelection: {
+    type: 'checkbox',
+    getCheckboxProps: (record: any) => {},
+  },
+});
+
+const handleReload = () => {
+  setSelectedRowKeys([]);
+  reload();
+};
+
+// 新增
+const handleCreate = () => {
+  openModal(true, {
+    isUpdate: false,
+  });
+};
+
+// 编辑
+const handleEdit = (record?: any) => {
+  openModal(true, {
+    isUpdate: true,
+    record,
+  });
+};
+
+const handleDelete = async (record?: any) => {
+  let ids: string[] = [];
+  if (record) {
+    ids = [record.id];
+  } else {
+    ids = getSelectRowKeys();
+  }
+  try {
+    setLoading(true);
+    await deleteSupplier({ ids });
+    createMessage.success(t('common.deleteSuccessText'));
+    handleReload();
+  } catch (error) {
+    throw error;
+  } finally {
+    setLoading(false);
+  }
+};
+
+</script>
+