feat:【工厂端】工厂端-供应模块新增供应商管理#1001007

src/api/supplier/supplierManagement.ts

+import { BasePaginationData, BaseRespData } from '@/types/api'
+import axios from './../axios'
+
+export interface IListPage {
+  pageSize: number | string
+  currentPage: number | string
+}
+//供应商分页查询
+export function getSupplierListApi(params: IListPage) {
+  return axios.post<never, BasePaginationData<never>>(
+    '/factory/supplier/list_page',
+    params,
+  )
+}
+
+// 删除供应商
+export function deleteSupplierApi(params: { ids: string }) {
+  return axios.get<never, BaseRespData<never>>('/factory/supplier/delete', {
+    params,
+  })
+}

src/components/CustomizeForm.tsx

@@ -16,7 +16,7 @@ type SimpleFormData = Record<string, unknown>
 // 定义表单项配置接口
 // 定义表单项配置接口
 export interface IFormConfig {
 export interface IFormConfig {
   fixed?: string
   fixed?: string
-  title?: string
+  title?: string | boolean
   prop?: string
   prop?: string
   label?: string
   label?: string
   type?: string
   type?: string
@@ -190,17 +190,19 @@ export default defineComponent({
                 flexWrap: 'wrap',
                 flexWrap: 'wrap',
               }}
               }}
             >
             >
-              <div
-                style={{
-                  width: '100%',
-                  textAlign: 'center',
-                  fontWeight: 700,
-                  marginBottom: '20px',
-                  fontSize: '16px',
-                }}
-              >
-                {item.title}
-              </div>
+              {typeof item.title === 'string' && item.title !== '' && (
+                <div
+                  style={{
+                    width: '100%',
+                    textAlign: 'center',
+                    fontWeight: 700,
+                    marginBottom: '20px',
+                    fontSize: '16px',
+                  }}
+                >
+                  {item.title}
+                </div>
+              )}
               {item.render && item.render(item, this.formData)}
               {item.render && item.render(item, this.formData)}
             </div>
             </div>
           ) : (
           ) : (

src/router/index.ts

@@ -131,7 +131,7 @@ const router = createRouter({
           meta: {
           meta: {
             title: '下载生产客户端',
             title: '下载生产客户端',
           },
           },
-          component: () => { },
+          component: () => {},
           beforeEnter() {
           beforeEnter() {
             // 假设你的下载链接是这个
             // 假设你的下载链接是这个
             const downloadLink = '/exeFiles/JomallProductionAssistantSetup.exe'
             const downloadLink = '/exeFiles/JomallProductionAssistantSetup.exe'
@@ -317,6 +317,15 @@ const router = createRouter({
           name: 'MyDownloads',
           name: 'MyDownloads',
           component: () => import('@/views/MyDownloads.vue'),
           component: () => import('@/views/MyDownloads.vue'),
         },
         },
+        {
+          path: '/supply/supplierManagement',
+          meta: {
+            title: '供应商管理',
+          },
+          name: 'supplierManagement',
+          component: () =>
+            import('@/views//supply/supplierManagement/index.vue'),
+        },
       ],
       ],
     },
     },
     // 登录
     // 登录

src/router/menu.ts

@@ -150,6 +150,18 @@ const menu: MenuItem[] = [
   },
   },
 
 
   {
   {
+    index: '12',
+    id: 4,
+    label: '供应',
+    children: [
+      {
+        index: '/supply/supplierManagement',
+        id: 1,
+        label: '供应商管理',
+      },
+    ],
+  },
+  {
     index: '11',
     index: '11',
     id: 3,
     id: 3,
     label: '对账单',
     label: '对账单',

src/views/supply/supplierManagement/components/dialog.tsx

+import { defineComponent, ref } from 'vue'
+import { ElDialog } from 'element-plus'
+
+export default defineComponent({
+  name: 'CustomizeForm',
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false,
+    },
+
+    title: {
+      type: String,
+      default: '',
+    },
+    dialogWidth: {
+      type: String,
+      default: '600px',
+    },
+  },
+  emits: ['update:modelValue', 'close'],
+  setup(props, { emit, attrs, slots }) {
+    const formRef = ref<InstanceType<typeof ElDialog> | null>(null)
+    const isShow = ref(false)
+    watch(
+      () => props.modelValue,
+      (val) => {
+        isShow.value = val
+      },
+      { immediate: true },
+    )
+
+    return () => {
+      return (
+        <ElDialog
+          ref={formRef}
+          v-model={isShow.value}
+          title={props.title}
+          width={props.dialogWidth}
+          onClose={() => {
+            emit('close')
+          }}
+          destroy-on-close={true}
+          close-on-click-modal={false}
+          {...attrs}
+        >
+          <div class="dialog-form">
+            {slots.default?.()}
+            {slots.footer?.()}
+          </div>
+        </ElDialog>
+      )
+    }
+  },
+})

src/views/supply/supplierManagement/hooks/useValue.ts

+import { Ref, ref } from 'vue'
+import { cloneDeep } from 'lodash-es'
+
+export function useValue<T extends object>(
+  initialValue: T,
+): [Ref<T>, () => void] {
+  const value = ref<T>(cloneDeep(initialValue)) as Ref<T>
+
+  const resetToDefault = () => {
+    value.value = cloneDeep(initialValue)
+  }
+
+  return [value, resetToDefault]
+}

src/views/supply/supplierManagement/types/declarationRule.ts

+export interface DeclarationRuleList {
+  countries: string
+  createTime: string
+  currency: string
+  defaulted: string
+  fixedValue: string
+  fixedWeight: string
+  id: number
+  name: string
+  orderPercent: number
+
+  remark: string
+  shops: string
+  type: number
+  valueUp: number
+  wayIds: string
+  wayNames: string
+  weightPercent: number
+  weightUp: number
+}
+
+export interface AddDeclarationRuleObj {
+  currency?: string
+  fixedValue?: string
+  fixedWeight?: string
+  id?: number
+  limitAmountType?: string
+  limitWeightType?: string
+  name?: string
+  orderPercent?: number | string | null
+
+  remark?: string
+  shops?: string
+  type?: number
+  valueUp?: number | string | null
+  weightPercent?: number | string | null
+  weightUp?: number | string | null
+  logisticsWay?: string
+  logisticsWayId?: (string | number)[]
+}

src/views/supply/supplierManagement/types/logistics.ts

+export interface LogisticsMethod {
+  id?: number | string
+  name?: string
+  warehouseId?: number
+  warehouseName?: string
+  companyId?: number
+  company?: string
+  serviceCode?: string
+  siteUrl?: string
+  status: number | string
+  platformList: platformObj[]
+  ruleRef: ruleRefObj
+  ruleId?: string | number
+  ruleList?: ruleRefObj[]
+  uinuinWarehouseId?: number | string | null
+  companyWarehouseCode?: number | string | null
+}
+
+export interface LogisticsMethodList {
+  name?: string
+  status?: number | string
+  serviceCode?: number | string
+  pageSize: number | string
+  currentPage: number | string
+}
+
+export interface UpdateLogisticsMethodStatus {
+  id?: number | string
+  status?: number | string
+}
+
+export interface LogisticsResponse {
+  code: number
+  data: {
+    total: number
+    size: number
+    current: number
+    records: LogisticsMethod[]
+  }
+  message: string
+}
+
+export interface platformObj {
+  platform: string
+  logisticsName: string | number
+  showPlatform: (string | number)[]
+}
+interface ruleRefObj {
+  ruleId: string | number
+  ruleName: string | number
+}
+
+export interface LogisticsTrackingTree {
+  name: string
+  status: number
+  num: number
+}
+export interface LogisticsTrackingParams {
+  trackNumber?: number | string
+  shopNumber?: string | number
+  trackingStatus?: number
+}

src/views/supply/supplierManagement/types/logisticsPartition.ts

+export interface LogisticsPartitionObj {
+  zoneName?: string
+  logistics?: string
+  codePrefix?: string
+  logisticsId?: string
+}

src/views/supply/supplierManagement/types/logisticsQuotation.ts

+export interface LogisticsQuotation {
+  factoryId?: number
+  id?: number
+  logistics?: string
+  logisticsId?: number
+  rate?: number
+  rateG?: number
+  rateKg?: number
+  rateType?: string
+  seq?: number
+  unit?: string
+  zone1?: string
+  zone2?: string
+  zone3?: string
+  zone4?: string
+  zone5?: string
+  zone6?: string
+  zone7?: string
+  zone8?: string
+  zone9?: string
+  logisticsQuotationList?: LogisticsQuotation[]
+}

src/views/supply/supplierManagement/types/shippingAddress.ts

+export interface ShippingAddressObj {
+  addressLine1?: string
+  addressLine2?: string
+  addressLine3?: string
+  city?: string
+  cityCode?: string
+  countryCode?: string
+  countryName?: string
+  createTime?: string
+  cspAccount?: string
+  district?: string
+  districtCode?: string
+  factoryId?: number
+  id?: number
+  phoneNumber?: string
+  postalCode?: string
+  rfcTaxId?: string
+  shipperName?: string
+  stateProvince?: string
+  stateProvinceAbbr?: string
+  swDefault?: boolean
+  updateTime?: string
+  checked?: boolean
+}
+
+export interface ICountryObj {
+  aeCountryCode: string
+  continentCode: string
+  countryCode: string
+  id: number
+  nameCn: string
+  nameEn: string
+  needProviceAbbr: number
+}