Merge pull request #102 from Jzow/master

Add product stock modal views

src/api/product/model/productModel.ts

@@ -0,0 +1,8 @@
+export interface ProductStockResp {
+    id: number | string;
+    warehouseId: number | string;
+    warehouseName: string;
+    initStockQuantity: number;
+    lowStockQuantity: number;
+    highStockQuantity: number;
+}

src/api/product/product.ts

@@ -1,9 +1,10 @@
 import {defHttp} from '/@/utils/http/axios';
-import { ErrorMessageMode } from '/#/axios';
 import {BaseDataResp} from "@/api/model/baseModel";
+import {ProductStockResp} from "@/api/product/model/productModel";
 
 enum Api {
     getBarCode = '/product/getBarCode',
+    getStock = '/product/getStock',
 }
 
 export function getBarCode() {
@@ -12,4 +13,12 @@ export function getBarCode() {
             url: Api.getBarCode,
         }
     );
+}
+
+export function getStock() {
+    return defHttp.get<BaseDataResp<ProductStockResp>>(
+        {
+            url: Api.getStock,
+        }
+    );
 }

src/views/product/info/components/BatchSetPriceModal.vue

@@ -0,0 +1,122 @@
+<template>
+    <a-modal
+        :title="title"
+        :width="500"
+        v-model:open="openPriceModal"
+        :confirm-loading="confirmLoading"
+        :mask-style="{'top':'93px','left':'154px'}"
+        :mask-closable="false"
+        @ok="handleOk"
+        @cancel="handleCancel"
+        style="top:30%;height: 30%;">
+      <a-spin :spinning="confirmLoading">
+        <a-form ref="formRef" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol">
+          <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="请输入价格">
+            <a-input-number placeholder="请输入价格" v-model:value="batchPrice" />
+          </a-form-item>
+        </a-form>
+      </a-spin>
+    </a-modal>
+</template>
+
+<script lang="ts">
+import { ref, reactive, UnwrapRef } from 'vue';
+import {Button, Form, FormItem, InputNumber, Modal, Spin} from "ant-design-vue";
+import {Rule} from 'ant-design-vue/es/form';
+
+interface FormState {
+  batchPrice: number;
+}
+
+export default {
+  name: 'BatchSetPriceModal',
+  components: {
+    'a-modal': Modal,
+    'a-button': Button,
+    'a-spin': Spin,
+    'a-form': Form,
+    'a-form-item': FormItem,
+    'a-input-number': InputNumber
+  },
+  setup(_, context) {
+    const title = ref('批量设置');
+    const openPriceModal = ref(false);
+    const isReadOnly = ref(false);
+    const batchPrice = ref('');
+    const batchType = ref('');
+    const model = reactive({});
+    const labelCol = {
+      xs: { span: 24 },
+      sm: { span: 5 },
+    };
+    const wrapperCol = {
+      xs: { span: 24 },
+      sm: { span: 16 },
+    };
+    const confirmLoading = ref(false);
+    const formRef = ref();
+
+    const rules: Record<string, Rule[]> = {
+      batchPrice: [
+        {required: true, message: '请输入价格', trigger: 'change'},
+      ]
+    }
+
+    const add = (type) => {
+      openPriceModal.value = true
+      batchType.value = type;
+      if (type === 'purchase') {
+        title.value = '采购价-批量设置';
+      } else if (type === 'retail') {
+        title.value = '零售价-批量设置';
+      } else if (type === 'sale') {
+        title.value = '销售价-批量设置';
+      } else if (type === 'low') {
+        title.value = '最低售价-批量设置';
+      }
+      // formRef.value.resetFields();
+    };
+
+    const edit = (record) => {
+      openPriceModal.value = true
+    };
+
+    const close = () => {
+      openPriceModal.value = false
+    };
+
+    const handleOk = () => {
+      const price = batchPrice.value
+      context.emit('ok', price, batchType.value);
+      openPriceModal.value = false
+    };
+
+    const handleCancel = () => {
+      close();
+    };
+
+    return {
+      title,
+      isReadOnly,
+      batchType,
+      model,
+      labelCol,
+      wrapperCol,
+      confirmLoading,
+      formRef,
+      add,
+      edit,
+      close,
+      handleOk,
+      handleCancel,
+      openPriceModal,
+      batchPrice,
+      rules
+    };
+  }
+};
+</script>
+
+<style scoped>
+
+</style>

src/views/product/info/components/BatchSetStockModal.vue

@@ -0,0 +1,107 @@
+<template>
+  <a-modal
+      :title="title"
+      :width="500"
+      v-model:open="openStockModal"
+      :confirm-loading="confirmLoading"
+      :mask-style="{'top':'93px','left':'154px'}"
+      :mask-closable="false"
+      @ok="handleOk"
+      @cancel="handleCancel"
+      style="top:30%;height: 30%;">
+    <a-spin :spinning="confirmLoading">
+      <a-form ref="formRef" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="请输入数量">
+          <a-input-number placeholder="请输入数量" v-model:value="batchNumber" />
+        </a-form-item>
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { ref, reactive, UnwrapRef } from 'vue';
+import {Button, Form, FormItem, InputNumber, Modal, Spin} from "ant-design-vue";
+
+export default {
+  name: 'BatchSetStockModal',
+  components: {
+    'a-modal': Modal,
+    'a-button': Button,
+    'a-spin': Spin,
+    'a-form': Form,
+    'a-form-item': FormItem,
+    'a-input-number': InputNumber
+  },
+  setup(_, context) {
+    const title = ref('批量设置');
+    const openStockModal = ref(false);
+    const isReadOnly = ref(false);
+    const batchNumber = ref('');
+    const batchType = ref('');
+    const model = reactive({});
+    const labelCol = {
+      xs: { span: 24 },
+      sm: { span: 5 },
+    };
+    const wrapperCol = {
+      xs: { span: 24 },
+      sm: { span: 16 },
+    };
+    const confirmLoading = ref(false);
+    const formRef = ref();
+
+    const add = (type) => {
+      openStockModal.value = true
+      batchType.value = type;
+      if (type === 'initStock') {
+        title.value = '期初库存-批量设置';
+      } else if (type === 'lowSafeStock') {
+        title.value = '最低安全库存-批量设置';
+      } else if (type === 'highSafeStock') {
+        title.value = '最高安全库存-批量设置';
+      }
+    };
+
+    const edit = (record) => {
+      openStockModal.value = true
+    };
+
+    const close = () => {
+      openStockModal.value = false
+    };
+
+    const handleOk = () => {
+      const stockNumber = batchNumber.value
+      context.emit('ok', stockNumber, batchType.value);
+      openStockModal.value = false
+    };
+
+    const handleCancel = () => {
+      close();
+    };
+
+    return {
+      title,
+      isReadOnly,
+      batchType,
+      model,
+      labelCol,
+      wrapperCol,
+      confirmLoading,
+      formRef,
+      add,
+      edit,
+      close,
+      handleOk,
+      handleCancel,
+      openStockModal,
+      batchNumber,
+    };
+  }
+};
+</script>
+
+<style scoped>
+
+</style>