update: 供应商管理相关对接

src/pages.json

@@ -12,13 +12,14 @@
     }
   },
   "pages": [
-    // {
+    {
-    //   "path": "pages/index/index",
+      "path": "pagesHome/index",
-    //   "style": {
+      "style": {
-    //     "navigationStyle": "custom", // 控制头部是否显示
+        "navigationStyle": "custom", // 控制头部是否显示
-    //     "navigationBarTitleText": "工作台"
+        "navigationBarTitleText": "工作台"
-    //   }
+      }
-    // },
+    },
+
     {
       "path": "pages/login/index",
       "style": {
@@ -83,18 +84,18 @@
         }
       ]
     },
-    {
+    // {
-      "root": "pagesHome",
+    //   "root": "pagesHome",
-      "pages": [
+    //   "pages": [
-        {
+    //     {
-          "path": "index",
+    //       "path": "index",
-          "style": {
+    //       "style": {
-            "navigationStyle": "custom", // 控制头部是否显示
+    //         "navigationStyle": "custom", // 控制头部是否显示
-            "navigationBarTitleText": "工作台"
+    //         "navigationBarTitleText": "工作台"
-          }
+    //       }
-        }
+    //     }
-      ]
+    //   ]
-    },
+    // },
     {
       "root": "pagesReceive",
       "pages": [
@@ -309,9 +310,15 @@
           "style": {
             "navigationBarTitleText": "客户管理"
           }
+        },
+        {
+          "path": "components/addSupplier",
+          "style": {
+            "navigationBarTitleText": "新增供应商"
+          }
         }
       ]
-    },
+    }
     // {
     //   "root": "uni_modules",
     //   "pages": [

src/pagesApp/components/addSupplier.vue

@@ -0,0 +1,284 @@
+<template>
+  <view class="c-card">
+    <u-form
+      labelPosition="left"
+      :model="model1"
+      :rules="rules"
+      ref="form"
+      :labelWidth="100"
+      :labelStyle="{ padding: '0rpx 10rpx' }"
+    >
+      <u-form-item
+        :prop="`formData[${item.key}]`"
+        :label="item.name"
+        :required="item.required"
+        v-for="(item, index) in formAttrList"
+        :key="index"
+        @click="item.fn"
+      >
+        <u-textarea
+          v-if="item.type === 'textarea'"
+          v-model="(model1.formData as any)[item.key]"
+          :placeholder="`请输入${item.name}`"
+        ></u-textarea>
+        <u-input
+          v-if="item.type === 'select' || item.type === 'input'"
+          v-model="(model1.formData as any)[item.key]"
+          :placeholder="`请${item.type === 'select' ? '选择' : '输入'}${
+            item.name
+          }`"
+          :clearable="true"
+          :customStyle="{}"
+          border="none"
+        >
+          <template #suffix>
+            <text>
+              {{ item.unit }}
+            </text>
+          </template>
+        </u-input>
+        <template #right v-if="item.type === 'select'">
+          <u-icon name="arrow-right"></u-icon>
+        </template>
+      </u-form-item>
+    </u-form>
+    <block v-for="(item, index) in formAttrList" :key="index">
+      <u-action-sheet
+        v-if="item.type === 'select'"
+        :actions="contrlModalParams[item.childKey].list"
+        :title="contrlModalParams[item.childKey].title"
+        :show="contrlModalParams[item.childKey].isShow"
+        @select="(v: any) => handleSelect(item.childKey, v)"
+        @close="contrlModalParams[item.childKey].isShow = false"
+        :closeOnClickAction="true"
+      ></u-action-sheet>
+    </block>
+  </view>
+  <view class="btn-box">
+    <u-button type="primary" text="保存" @click="save()"></u-button>
+  </view>
+</template>
+<script setup lang="ts">
+import { StockCardApi, SupplierApi } from "@/services";
+import { formatDate } from "@/utils";
+import { DeviceType, ImagesType, OrderType } from "@/utils/enum";
+import { onLoad } from "@dcloudio/uni-app";
+import _ from "underscore";
+
+const model1 = reactive<any>({
+  formData: {},
+});
+const rules = ref({
+  "userInfo.userName": {
+    type: "string",
+    required: true,
+    message: "请输入手机号",
+    trigger: ["blur", "change"],
+  },
+  "userInfo.password": {
+    type: "string",
+    required: true,
+    message: "请输入密码",
+    trigger: ["blur", "change"],
+  },
+});
+const contrlModalParams = reactive<any>({
+  supplierType: {
+    isShow: false,
+    title: "标题",
+    list: [],
+  },
+  stockCard: {
+    isShow: false,
+    title: "标题",
+    list: [],
+  },
+});
+
+const formAttrList = reactive<any>([
+  {
+    name: "基本信息",
+    type: "text",
+  },
+  {
+    name: "卡号",
+    key: "stockCardName",
+    type: "select",
+    childKey: "stockCard",
+    required: true,
+    fn: () => {
+      contrlModalParams.stockCard.isShow = true;
+      contrlModalParams.stockCard.title = "卡号";
+    },
+  },
+  {
+    name: "供应商名称",
+    key: "name",
+    type: "input",
+    required: true,
+    unit: "",
+  },
+  {
+    name: "供应商分类",
+    key: "supplierTypeName",
+    type: "select",
+    childKey: "supplierType",
+    required: true,
+    unit: "",
+    fn: () => {
+      contrlModalParams.supplierType.isShow = true;
+      contrlModalParams.supplierType.title = "供应商分类";
+    },
+  },
+  {
+    name: "联系人",
+    key: "contacts",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "联系电话",
+    key: "phone",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "身份证号码",
+    key: "card",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "详细地址",
+    key: "address",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "银行卡信息",
+    type: "text",
+  },
+  {
+    name: "户名",
+    key: "bankTitle",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "银行名称",
+    key: "bankName",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "银行卡号",
+    key: "bankNumber",
+    type: "input",
+    unit: "",
+  },
+  {
+    name: "开户支行",
+    key: "branchName",
+    type: "input",
+    unit: "",
+  },
+]);
+
+const handleSelect = (key: string, v: any) => {
+  contrlModalParams[key].isShow = false;
+  if (key === "supplierType") {
+    model1.formData.supplierTypeName = v.name;
+    model1.formData.supplierTypeId = v.id;
+  } else if (key === "stockCard") {
+    model1.formData.stockCardName = v.name;
+    model1.formData.stockCardId = v.id;
+  }
+};
+
+const save = () => {
+  if (model1.formData.id) {
+    SupplierApi.updateSupplierUser(model1.formData).then((res) => {
+    if (res.code === 200) {
+      uni.navigateTo({
+        url: "/pagesApp/supplierMgt", // 要跳转到的页面路径
+      });
+    }
+  });
+  } else {
+    SupplierApi.addSupplierUser(model1.formData).then((res) => {
+      if (res.code === 200) {
+        uni.navigateTo({
+          url: "/pagesApp/supplierMgt", // 要跳转到的页面路径
+        });
+      }
+    });
+  }
+};
+
+const getSupplierTypeList = () => {
+  SupplierApi.getSupplierTypeList().then((res) => {
+    if (res.code === 200) {
+      contrlModalParams.supplierType.list = res.data;
+    }
+  });
+};
+
+const getStockCardList = () => {
+  StockCardApi.getStockCardList({ pageNum: 1, pageSize: 10 }).then((res) => {
+    if (res.code === 200) {
+      contrlModalParams.stockCard.list = (res.data as any).list.map(
+        (item: any) => {
+          return { ...item, name: item.cardCode };
+        }
+      );
+    }
+  });
+};
+
+onMounted(() => {
+  getSupplierTypeList();
+  getStockCardList();
+});
+
+onLoad((option) => {
+  // 接收传递的标题参数
+  const title = (option as any).title;
+  model1.formData = JSON.parse((option as any).item);
+  if (model1.formData.cardCode) {
+    model1.formData.stockCardName = model1.formData.cardCode;
+  }
+  // 设置页面标题
+  uni.setNavigationBarTitle({
+    title: title,
+  });
+});
+</script>
+<style lang="scss" scoped>
+.c-card {
+  background: #ffffff;
+  // box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(5, 68, 37, 0.12);
+  border-radius: 13rpx;
+  margin: 30rpx 25rpx;
+  padding: 10rpx 20rpx;
+  ::v-deep .u-form-item {
+    height: auto;
+  }
+  ::v-deep .u-form-item + .u-form-item {
+    border-top: 1rpx solid rgba(233, 233, 233, 0.76);
+  }
+}
+.btn-box {
+  margin-top: 60rpx;
+  display: flex;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12);
+  border-radius: 13rpx 13rpx 0rpx 0rpx;
+  padding: 25rpx 50rpx;
+  position: sticky;
+  bottom: 0rpx;
+  z-index: 999;
+  ::v-deep button {
+    border-radius: 43rpx;
+  }
+}
+</style>

src/pagesApp/supplierMgt.vue

@@ -1,6 +1,9 @@
 <template>
   <view class="c-card">
     <view class="search">
+      <view class="type" @click="state.isShowType = true"
+        >全部分类<u-icon name="arrow-down"></u-icon>
+      </view>
       <u-search
         placeholder="请输入供应商名称"
         v-model="state.name"
@@ -10,24 +13,40 @@
         :placeholderColor="'#C1C1C1'"
         @search="handleSearch()"
       ></u-search>
-      <view class="btn"> 新增 </view>
+      <view class="btn" @click="addSupplier"> 新增 </view>
     </view>
+
     <view class="box" v-for="(item, index) in pageList.list" :key="index">
       <view>
         <view>
           <view>{{ item.name }}</view>
           <view>卡号：{{ item.cardCode }}</view>
         </view>
-        <view class="btn"> 删除 </view>
+        <view class="op-box">
+          <view class="btn" @click="edit(item)"> 编辑 </view>
+          <view class="btn" @click="update(item)"> 删除 </view>
+        </view>
       </view>
     </view>
   </view>
+  <u-action-sheet
+    :actions="state.typeList"
+    :title="'供应商分类'"
+    :show="state.isShowType"
+    :closeOnClickOverlay="true"
+    :closeOnClickAction="true"
+    @close="state.isShowType = false"
+    @select="handleSelect"
+  ></u-action-sheet>
 </template>
 <script setup lang="ts">
-import { ProfileApi } from "@/services";
+import { SupplierApi } from "@/services";
 import { UsersType } from "@/utils/enum";
-const state = reactive({
+const state = reactive<any>({
   name: "",
+  supplierTypeId: -1,
+  isShowType: false,
+  typeList: [],
 });
 const pageList: PageResult<User> = reactive({
   total: 0,
@@ -35,16 +54,41 @@ const pageList: PageResult<User> = reactive({
   pageNum: 1,
   pageSize: 10,
 });
+const handleSelect = (v: any) => {
+  state.supplierTypeId = v.id;
+  getUserList();
+};
 const handleSearch = () => {
-  getUserList()
+  getUserList();
+};
+
+const update = (item: any) => {
+  SupplierApi.updateSupplierUser({ isDeleted: true, id: item.id }).then(
+    (res) => {
+      if (res.code === 200) {
+        getUserList();
+      }
+    }
+  );
+};
+
+const edit = (item: any) => {
+  uni.navigateTo({
+    url:
+      "/pagesApp/components/addSupplier?title=编辑供应商&item=" +
+      JSON.stringify(item), // 要跳转到的页面路径
+  });
 };
 const getUserList = () => {
-  ProfileApi.getInventoryUserPage({
+  let params: any = {
     pageSize: 10,
     pageNum: 1,
-    userType: UsersType.Purchaser,
     name: state.name,
-  }).then((res) => {
+  };
+  if (state.supplierTypeId > -1) {
+    params.supplierTypeId = state.supplierTypeId;
+  }
+  SupplierApi.getSupplierUserPage(params).then((res) => {
     if (res.code === 200) {
       if (res.code === 200) {
         (pageList as any).list = (res.data as any).list;
@@ -52,8 +96,21 @@ const getUserList = () => {
     }
   });
 };
+const getSupplierTypeList = () => {
+  SupplierApi.getSupplierTypeList().then((res) => {
+    if (res.code === 200) {
+      state.typeList = res.data;
+    }
+  });
+};
+const addSupplier = () => {
+  uni.navigateTo({
+    url: "/pagesApp/components/addSupplier", // 要跳转到的页面路径
+  });
+};
 onMounted(() => {
   getUserList();
+  getSupplierTypeList();
 });
 </script>
 <style lang="scss" scoped>
@@ -63,12 +120,18 @@ onMounted(() => {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    .type {
+      display: flex;
+      margin-right: 20rpx;
+      font-size: 28rpx;
+      color: #000000;
+    }
     .btn {
       background: #00dcee;
       border-radius: 24rpx;
       border: 1px solid #00dcee;
       font-weight: 500;
-      font-size: 26rpx;
+      font-size: 28rpx;
       color: #ffffff;
       margin-left: 50rpx;
       padding: 6rpx 30rpx;
@@ -80,7 +143,7 @@ onMounted(() => {
     border-radius: 13rpx;
     padding: 10rpx 25rpx;
     font-weight: 400;
-    font-size: 26rpx;
+    font-size: 28rpx;
     color: #000000;
     line-height: 41rpx;
     margin-top: 30rpx;
@@ -89,18 +152,25 @@ onMounted(() => {
       align-items: center;
       justify-content: space-between;
       padding: 20rpx 0rpx;
-      .btn {
+
-        background: #ff9d55;
+      .op-box {
-        border-radius: 24rpx;
+        display: flex;
-        font-weight: 500;
+        .btn + .btn {
-        font-size: 26rpx;
+          margin-left: 20rpx;
-        color: #ffffff;
+        }
-        padding: 6rpx 30rpx;
+        .btn {
-      }
+          background: #ff9d55;
-      .btn_text {
+          border-radius: 24rpx;
-        font-weight: 500;
+          font-weight: 500;
-        font-size: 24rpx;
+          font-size: 28rpx;
-        color: #00dcee;
+          color: #ffffff;
+          padding: 6rpx 30rpx;
+        }
+        .btn_text {
+          font-weight: 500;
+          font-size: 24rpx;
+          color: #00dcee;
+        }
       }
     }
     > view + view {

src/services/customer.ts

@@ -0,0 +1,38 @@
+import { http } from '@/utils/http'
+
+// 添加客户
+export const addCustomUser = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/custom/user/addCustomUser',
+    data,
+  })
+}
+// 修改客户
+export const updateCustomUser = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/custom/user/updateCustomUser',
+    data,
+  })
+}
+
+// 查询客户分页
+export const getCustomUserPage = (data: any) => {
+  return http({
+    method: 'GET',
+    url: '/api/custom/user/getCustomUserPage',
+    data,
+  })
+}
+
+// 查询客户列表
+export const getCustomUserList = (data: any) => {
+  return http({
+    method: 'GET',
+    url: '/api/custom/user/getCustomUserList',
+    data,
+  })
+}
+
+

src/services/index.ts

@@ -6,3 +6,5 @@ export * as ReceiveProductApi from './receiveProduct'
 export * as DeviceApi from './device'
 export * as StockCardApi from './stockCard'
 export * as GoodsApi from './goods'
+export * as SupplierApi from './supplier'
+export * as CustomerApi from './customer'

src/services/supplier.ts

@@ -0,0 +1,72 @@
+import { http } from '@/utils/http'
+
+// 供应商分类
+export const addSupplierType = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/supplier/type/addSupplierType',
+    data,
+  })
+}
+// 供应商分类修改
+export const updateSupplierType = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/supplier/type/updateSupplierType',
+    data,
+  })
+}
+
+// 查询供应商分类分页
+export const getSupplierTypePage = (data: any) => {
+  return http({
+    method: 'GET',
+    url: '/api/supplier/type/getSupplierTypePage',
+    data,
+  })
+}
+
+// 查询供应商分类列表
+export const getSupplierTypeList = () => {
+  return http({
+    method: 'GET',
+    url: '/api/supplier/type/getSupplierTypeList',
+  })
+}
+
+// 查询供应商分类列表
+export const addSupplierUser = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/supplier/user/addSupplierUser',
+    data,
+  })
+}
+
+// 修改供应商
+export const updateSupplierUser = (data: any) => {
+  return http({
+    method: 'POST',
+    url: '/api/supplier/user/updateSupplierUser',
+    data,
+  })
+}
+
+//查询供应商分页
+export const getSupplierUserPage = (data: any) => {
+  return http({
+    method: 'GET',
+    url: '/api/supplier/user/getSupplierUserPage',
+    data,
+  })
+}
+
+//查询供应商列表
+export const getSupplierUserList = (data: any) => {
+  return http({
+    method: 'GET',
+    url: '/api/supplier/user/getSupplierUserList',
+    data,
+  })
+}
+