停用仓库信息

src/assets/styles/mixin.less

@@ -246,7 +246,7 @@
     stroke: @m-grey17;
 }
 
-.add-custom {
+.add-custom,.commonModal {
     .ant-modal-content {
         background: #0F1A25;
         border-radius: 5px;
@@ -274,7 +274,7 @@
             }
         }
         .ant-modal-body {
-
+            min-height: 380px;
         }
         .ant-modal-footer {
             border-top: 0;
@@ -294,6 +294,20 @@
                     color: @m-white0-hover;
                 }
             }
+            .ant-btn.cancelBtn {
+                width: 200px;
+                height: 34px;
+                line-height: 34px;
+                border: 1px solid @m-blue10;
+                border-radius: 3px;
+                background: transparent;
+                font-size: 16px;
+                color: @m-blue10;
+                margin-right: 20px;
+                &:hover {
+                    border-color: rgba(@m-blue10, .8);
+                }
+            }
         }
     }
 }

src/assets/styles/variables.less

@@ -53,6 +53,7 @@
 @m-blue8: #3163BA;
 @m-blue8-hover: rgba(@m-blue8, .8);
 @m-blue9: #4179DB;
+@m-blue10: #0C95FF;
 @m-blue9-hover: rgba(@m-blue9, .8);
 @body-bg: #e9eef3;
 @m-white0: #ffffff;

src/views/information/custom/compoments/disableCustom/index.vue

@@ -1,16 +1,85 @@
 <template>
-  <!-- 停用客户资料-->
-  <a-modal class="custom-disable"
-           title="停用客户资料"
+  <!-- 停用仓库信息-->
+  <a-modal class="commonModal warehouse-disable"
+           title="停用仓库信息"
            v-model:visible="visible"
            @cancel="cancel"
            width="890px">
     <template #footer>
       <a-button key="submit"
+                class="cancelBtn"
+                @click="cancel">取消</a-button>
+                <a-button key="submit"
                 type="primary"
                 :loading="loading"
-                @click="submit">完成</a-button>
+                @click="submit">确认停用</a-button>
     </template>
+    <a-form class="inlineForm" :form="form" @submit="handleSearch">
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库类型" >
+                        <span class="white">自有库</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库名称">
+                        <span class="white">深圳市南储公司2号库房</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库简称">
+                        <span class="white">南储深圳2号库</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人">
+                        <span class="white">王平</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系电话">
+                        <span class="white">13832676234</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="状态">
+                        <span class="green">正常</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="所在地区">
+                        <span class="white">广东省深圳市南山区</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="详细地址">
+                        <span class="white">深南大道1290号仓库</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
   </a-modal>
 </template>
 
@@ -42,6 +111,6 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.custom-disable {
+.arehouse-disable {
 }
 </style>;

src/views/information/warehouse-info/compoments/disableWarehouse/index.vue

@@ -0,0 +1,116 @@
+<template>
+  <!-- 停用仓库信息-->
+  <a-modal class="commonModal warehouse-disable"
+           title="停用仓库信息"
+           v-model:visible="visible"
+           @cancel="cancel"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                class="cancelBtn"
+                @click="cancel">取消</a-button>
+                <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit">确认停用</a-button>
+    </template>
+    <a-form class="inlineForm" :form="form" @submit="handleSearch">
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库类型" >
+                        <span class="white">自有库</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库名称">
+                        <span class="white">深圳市南储公司2号库房</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="仓库简称">
+                        <span class="white">南储深圳2号库</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人">
+                        <span class="white">王平</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系电话">
+                        <span class="white">13832676234</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="状态">
+                        <span class="green">正常</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="所在地区">
+                        <span class="white">广东省深圳市南山区</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="详细地址">
+                        <span class="white">深南大道1290号仓库</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+import { closeModal } from '@/setup/controlModal/index';
+
+export default defineComponent({
+    name: 'custom-disable',
+    components: {},
+    setup() {
+        const { visible, cancel } = closeModal('disableCustomInfo');
+        const loading = ref<boolean>(false);
+        function submit() {
+            loading.value = true;
+            setTimeout(() => {
+                loading.value = false;
+                cancel();
+            }, 2000);
+        }
+        return {
+            visible,
+            cancel,
+            submit,
+            loading,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.warehouse-disable {
+}
+</style>;