commit

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

@@ -3,6 +3,8 @@
   <a-modal class="add-custom custom-detail"
            title="仓库信息详情"
            v-model:visible="visible"
+           centered
+           :maskClosable="maskClosableFlag"
            @cancel="cancel"
            width="890px">
     <template #footer>
@@ -11,7 +13,6 @@
                 :loading="loading"
                 @click="submit">关闭</a-button>
     </template>
-    仓库信息详情
       <a-form class="inlineForm"
               :form="form"
               @submit="handleSearch">
@@ -87,6 +88,7 @@ export default defineComponent({
     setup() {
         const { visible, cancel } = closeModal('detail');
         const loading = ref<boolean>(false);
+        const maskClosableFlag = ref<boolean>(false);
         function submit() {
             loading.value = true;
             setTimeout(() => {
@@ -101,7 +103,8 @@ export default defineComponent({
             loading,
             gerWareHouseStatusName,
             getWareHouseTypeName,
-            formatValue
+            formatValue,
+            maskClosableFlag,
         };
     },
 });

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

@@ -3,6 +3,8 @@
   <a-modal class="commonModal warehouse-disable"
            title="停用仓库信息"
            v-model:visible="visible"
+           centered
+           :maskClosable="maskClosableFlag"
            @cancel="cancel"
            width="890px">
     <template #footer>
@@ -79,6 +81,7 @@ export default defineComponent({
     setup() {
         const { visible, cancel } = closeModal('warehouse_info_btn_disable');
         const loading = ref<boolean>(false);
+        const maskClosableFlag = ref<boolean>(false);
         function submit() {
             loading.value = true;
             setTimeout(() => {
@@ -91,6 +94,7 @@ export default defineComponent({
             cancel,
             submit,
             loading,
+            maskClosableFlag,
         };
     },
 });

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

@@ -3,6 +3,8 @@
   <a-modal class="modify-custom"
            title="修改仓库信息"
            v-model:visible="visible"
+            centered
+           :maskClosable="maskClosableFlag"
            @cancel="cancel"
            width="890px">
     <template #footer>
@@ -11,6 +13,103 @@
                 :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="仓库类型">
+            <a-select class="typeSelect"
+                      style="width: 200px"
+                      placeholder="请选择仓库类型">
+              <a-select-option value="1">
+                仓库一
+              </a-select-option>
+              <a-select-option value="2">
+                仓库二
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="仓库名称">
+            <a-input class="dialogInput"
+                     style="width: 200px"
+                     placeholder="请输入仓库名称" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="仓库简称">
+            <a-input class="dialogInput"
+                     style="width: 200px"
+                     placeholder="请输入仓库简称" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="联系人">
+            <a-input class="dialogInput"
+                     style="width: 200px"
+                     placeholder="请输入联系人" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="24">
+          <a-form-item label="联系电话">
+            <a-input class="dialogInput"
+                     style="width: 200px"
+                     placeholder="请输入联系电话" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="24">
+          <a-form-item label="所在地区">
+            <a-select class="inlineFormSelect"
+                      style="width: 205px"
+                      placeholder="请选择省">
+              <a-select-option value="1">
+                广东省
+              </a-select-option>
+              <a-select-option value="2">
+                湖南省
+              </a-select-option>
+            </a-select>
+            <a-select class="inlineFormSelect"
+                      style="width: 205px"
+                      placeholder="请选择市">
+              <a-select-option value="1">
+                深圳市
+              </a-select-option>
+              <a-select-option value="2">
+                岳阳市
+              </a-select-option>
+            </a-select>
+            <a-select class="inlineFormSelect"
+                      style="width: 205px"
+                      placeholder="请选择县(区)">
+              <a-select-option value="1">
+                区一
+              </a-select-option>
+              <a-select-option value="2">
+                区二
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="24">
+          <a-form-item label="详细地址">
+            <a-input class="dialogInput"
+                     style="width: 635px"
+                     placeholder="请输入详细地址" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
   </a-modal>
 </template>
 
@@ -24,6 +123,7 @@ export default defineComponent({
     setup() {
         const { visible, cancel } = closeModal('warehouse_info_btn_modify');
         const loading = ref<boolean>(false);
+        const maskClosableFlag = ref<boolean>(false);
         function submit() {
             loading.value = true;
             setTimeout(() => {
@@ -36,6 +136,7 @@ export default defineComponent({
             cancel,
             submit,
             loading,
+            maskClosableFlag,
         };
     },
 });

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

@@ -3,14 +3,71 @@
   <a-modal class="modify-custom"
            title="恢复仓库信息"
            v-model:visible="visible"
+           centered
+           :maskClosable="maskClosableFlag"
            @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">{{ getWareHouseTypeName(selectedRow.warehousetype) }}</span>
+                  </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                  <a-form-item label="仓库名称">
+                      <span class="white">{{ formatValue(selectedRow.warehousename)}}</span>
+                  </a-form-item>
+              </a-col>
+          </a-row>
+          <a-row :gutter="24">
+              <a-col :span="12">
+                  <a-form-item label="仓库简称">
+                      <span class="white">{{ formatValue(selectedRow.warehousecode) }}</span>
+                  </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                  <a-form-item label="联系人">
+                      <span class="white">{{ formatValue(selectedRow.contactname) }}</span>
+                  </a-form-item>
+              </a-col>
+          </a-row>
+          <a-row :gutter="24">
+              <a-col :span="12">
+                  <a-form-item label="联系电话">
+                      <span class="white">{{ formatValue(selectedRow.contactnum) }}</span>
+                  </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                  <a-form-item label="状态">
+                      <span class="red">{{ gerWareHouseStatusName(selectedRow.warehousestatus) }}</span>
+                  </a-form-item>
+              </a-col>
+          </a-row>
+          <a-row :gutter="24">
+              <a-col :span="12">
+                  <a-form-item label="所在地区">
+                      <span class="white">{{ formatValue(selectedRow.address) }}</span>
+                  </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                  <a-form-item label="详细地址">
+                      <span class="white">{{ formatValue(selectedRow.address) }}</span>
+                  </a-form-item>
+              </a-col>
+          </a-row>
+      </a-form>
   </a-modal>
 </template>
 
@@ -24,6 +81,7 @@ export default defineComponent({
     setup() {
         const { visible, cancel } = closeModal('warehouse_info_btn_recover');
         const loading = ref<boolean>(false);
+        const maskClosableFlag = ref<boolean>(false);
         function submit() {
             loading.value = true;
             setTimeout(() => {
@@ -36,6 +94,7 @@ export default defineComponent({
             cancel,
             submit,
             loading,
+            maskClosableFlag,
         };
     },
 });