From 33cbb003555d57d3eb5f582691b81589ac1b313d Mon Sep 17 00:00:00 2001
From: lynn <lynnlinyong@qq.com>
Date: Mon, 28 Apr 2025 15:21:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/storages/components/addStorage.vue | 469 ++++++++++---------
 1 file changed, 242 insertions(+), 227 deletions(-)

diff --git a/src/views/storages/components/addStorage.vue b/src/views/storages/components/addStorage.vue
index 018ad93..eac39db 100644
--- a/src/views/storages/components/addStorage.vue
+++ b/src/views/storages/components/addStorage.vue
@@ -1,33 +1,34 @@
-<template>
-  <div>
-    <xy-dialog ref="dialog" :width='70' :is-show.sync="isShow" type="form" :title="type==='add'?'新增':'编辑'"
-      :form="form" :rules="rules" @submit="submit">
-      <template v-slot:cangkumingcheng>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>仓库名称：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width:300px" v-model="form.cangkumingcheng"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:cangkubianma>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库编码：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width:300px" v-model="form.cangkubianma"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:suozaiquyu>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>所在区域：
-          </div>
-          <div class="xy-table-item-content">
+<template>
+  <div>
+    <xy-dialog ref="dialog" :width='70' :is-show.sync="isShow" type="form" :title="type==='add'?'新增':'编辑'"
+      :form="form" :rules="rules" @submit="submit">
+      <template v-slot:cangkumingcheng>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>仓库名称：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width:300px" v-model="form.cangkumingcheng"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:cangkubianma>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库编码：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width:300px" v-model="form.cangkubianma"></el-input>
+
+          </div>
+        </div>
+      </template>
+      <template v-slot:suozaiquyu>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>所在区域：
+          </div>
+          <div class="xy-table-item-content">
             <el-select v-model="form.suozaiquyu" @change="changeQuyu" style="width:300px" placeholder="请选择">
                 <el-option
                   v-for="item in areaList"
@@ -35,150 +36,150 @@
                   :label="item.value"
                   :value="item.value">
                 </el-option>
-              </el-select>
-          </div>
-        </div>
-      </template>
-      <template v-slot:jiansheniandai>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>建设年代：
-          </div>
-          <div class="xy-table-item-content">
-            <el-date-picker style="width:300px" value-format="yyyy" format="yyyy" v-model="form.jiansheniandai" type="year" placeholder="选择年">
-            </el-date-picker>
-          </div>
-        </div>
-      </template>
-      <template v-slot:cangkumianji>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库面积：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width:300px" v-model="form.cangkumianji"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:fuzeren>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>负责人：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width:300px" v-model="form.fuzeren"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:lianxidianhua>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>联系电话：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width: 300px;" v-model="form.lianxidianhua"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:cangkudizhi>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库地址：
-          </div>
-          <div class="xy-table-item-content">
-            <avue-input-map v-model="mapform" :params="mapparams" style="width:300px"
-              placeholder="请选择地图"></avue-input-map>
-          </div>
-        </div>
-      </template>
-      <template v-slot:jingdu>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>经度：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width: 300px;" v-model="form.jingdu"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:weidu>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>纬度：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width: 300px;" v-model="form.weidu"></el-input>
-          </div>
-        </div>
-      </template>
-      <template v-slot:cangkujianjie>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库简介：
-          </div>
-          <div class="xy-table-item-content">
-            <el-input style="width: 300px;" type="textarea" v-model="form.cangkujianjie"></el-input>
-          </div>
-        </div>
-      </template>
-    </xy-dialog>
-
-  </div>
-</template>
-
-<script>
-  import {
-    save,
-    show
+              </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:jiansheniandai>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>建设年代：
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker style="width:300px" value-format="yyyy" format="yyyy" v-model="form.jiansheniandai" type="year" placeholder="选择年">
+            </el-date-picker>
+          </div>
+        </div>
+      </template>
+      <template v-slot:cangkumianji>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库面积：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width:300px" v-model="form.cangkumianji"></el-input>
+
+          </div>
+        </div>
+      </template>
+      <template v-slot:fuzeren>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>负责人：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width:300px" v-model="form.fuzeren"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:lianxidianhua>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>联系电话：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width: 300px;" v-model="form.lianxidianhua"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:cangkudizhi>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库地址：
+          </div>
+          <div class="xy-table-item-content">
+            <avue-input-map v-model="mapform" :params="mapparams" style="width:300px"
+              placeholder="请选择地图"></avue-input-map>
+          </div>
+        </div>
+      </template>
+      <template v-slot:jingdu>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>经度：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width: 300px;" v-model="form.jingdu"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:weidu>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>纬度：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width: 300px;" v-model="form.weidu"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:cangkujianjie>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;"></span>仓库简介：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input style="width: 300px;" type="textarea" v-model="form.cangkujianjie"></el-input>
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+
+  </div>
+</template>
+
+<script>
+  import {
+    save,
+    show
   } from "@/api/system/baseForm.js"
-  import {
-    getparameteritem
-  } from "@/api/system/dictionary.js"
-  import {
-    Message
-  } from 'element-ui'
-  import { saveStorehouseType } from '@/api/system/storehouseType'
-  export default {
-
-    data() {
-      return {
-        isShow: false,
-        type: 'add',
-        id: '',
+ import {
+   getparameteritem
+ } from "@/api/system/dictionary.js"
+  import {
+    Message
+  } from 'element-ui'
+  export default {
+
+    data() {
+      return {
+        isShow: false,
+        type: 'add',
+        id: '',
         tableName: 'materialstorages',
         // flood_storages
-        areaList:[],
-        mapparams: {
-          zoom: 11,
-        },
-        mapform: [],
-        form: {
-          cangkumingcheng: '',
-          cangkubianma: '',
-          suozaiquyu: '',
-          jiansheniandai: '',
-          cangkumianji: '',
-          fuzeren: '',
-          lianxidianhua: '',
-          cangkudizhi: '',
-          jingdu: '',
-          weidu: '',
+        areaList:[],
+        mapparams: {
+          zoom: 11,
+        },
+        mapform: [],
+        form: {
+          cangkumingcheng: '',
+          cangkubianma: '',
+          suozaiquyu: '',
+          jiansheniandai: '',
+          cangkumianji: '',
+          fuzeren: '',
+          lianxidianhua: '',
+          cangkudizhi: '',
+          jingdu: '',
+          weidu: '',
           cangkujianjie: '',
-          quyu_id:''
-        },
-        rules: {
-          cangkumingcheng: [{
-            required: true,
-            message: '请填写仓库名称'
-          }]
-        },
-
-      }
-    },
-    created() {
-      this.getArea()
-    },
-    methods: {
+          quyu_id:''
+        },
+        rules: {
+          cangkumingcheng: [{
+            required: true,
+            message: '请填写仓库名称'
+          }]
+        },
+
+      }
+    },
+    created() {
+      this.getArea()
+    },
+    methods: {
       getArea(){
         getparameteritem("area").then(res=>{
           this.areaList = res.detail
@@ -199,61 +200,75 @@
       },
       setTableName(e){
         this.tableName = e?e:'materialstorages'
-      },
-      async getDetail() {
-        const res = await show({
-          id: this.id,
-          table_name: this.tableName
-        })
-        this.$integrateData(this.form, res)
-        this.mapform = [res.jingdu, res.weidu, res.cangkudizhi]
-      },
-
-      submit() {
-        const params = {
-          name: this.form.cangkumingcheng,
-          remark: this.form.cangkujianjie,
-        };
-        if (this.type === 'editor') {
-          params.id = this.id;
-        }
-        saveStorehouseType(params).then(res => {
-          Message({
-            type: 'success',
-            message: this.type === 'add' ? '新增成功' : '编辑成功'
-          })
-          this.$emit('refresh')
-          this.isShow = false
-        })
-      },
-
-    },
-    watch: {
-      isShow(newVal) {
-        if (newVal) {
-          if (this.type === 'editor') {
-            this.getDetail()
-          }
-        } else {
-          this.id = ''
-          this.type = ''
-          this.mapform = []
-          this.$refs['dialog'].reset()
-        }
-      },
-      mapform(newVal, oldVal) {
-        console.log(newVal)
-        this.form.jingdu = newVal[0];
-        this.form.weidu = newVal[1];
-        this.form.cangkudizhi = newVal[2];
-      },
-    }
-
-  }
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .xy-table-item-label {
-    min-width: 160px !important
-  }
+      },
+      async getDetail() {
+        const res = await show({
+          id: this.id,
+          table_name: this.tableName
+        })
+        this.$integrateData(this.form, res)
+        this.mapform = [res.jingdu, res.weidu, res.cangkudizhi]
+      },
+
+      submit() {
+        if (this.type === 'add') {
+          save({
+            table_name: this.tableName,
+            ...this.form
+          }).then(res => {
+            Message({
+              type: 'success',
+              message: '新增成功'
+            })
+            this.$emit('refresh')
+            this.isShow = false
+
+          })
+          return
+        }
+        if (this.type === 'editor') {
+          save({
+            id: this.id,
+            table_name: this.tableName,
+            ...this.form
+          }).then(res => {
+            Message({
+              type: 'success',
+              message: '编辑成功'
+            })
+            this.$emit('refresh')
+            this.isShow = false
+          })
+        }
+      },
+
+    },
+    watch: {
+      isShow(newVal) {
+        if (newVal) {
+          if (this.type === 'editor') {
+            this.getDetail()
+          }
+        } else {
+          this.id = ''
+          this.type = ''
+          this.mapform = []
+          this.$refs['dialog'].reset()
+        }
+      },
+      mapform(newVal, oldVal) {
+        console.log(newVal)
+        this.form.jingdu = newVal[0];
+        this.form.weidu = newVal[1];
+        this.form.cangkudizhi = newVal[2];
+      },
+    }
+
+  }
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .xy-table-item-label {
+    min-width: 160px !important
+  }
 </style>