diff --git a/src/views/wellManage/detailWell.vue b/src/views/wellManage/detailWell.vue
index 3819393..96ae71d 100644
--- a/src/views/wellManage/detailWell.vue
+++ b/src/views/wellManage/detailWell.vue
@@ -10,7 +10,7 @@
             {{ wellForm[config.value]?wellForm[config.value]:config.placeholder }}
           </template>
           <template v-if="config.type=='areaName'">
-            {{ areaName }}
+            {{ wellForm.quName?wellForm.quName:'' }}{{ wellForm.areaName?wellForm.areaName:'' }}
           </template>
           <template v-if="config.type=='images'">
             <div v-if="imageList.length==0">
@@ -84,6 +84,7 @@
         { type: 'text', label: '详细地址', value: 'position', placeholder: '未知', span: 5 },
         { type: 'images', label: '路标图片', value: 'imageList', placeholder: '无', span: 5 }
       ], // 表单配置项
+      areaName: '',
       wellForm: {
         id: null, // 井id
         wellCode: '', // 点位编号
@@ -126,15 +127,6 @@
       loading: true
     }
   },
-  computed: {
-    areaName() {
-      if (this.wellForm.quName) {
-        return this.wellForm.quName + this.wellForm.areaName
-      } else {
-        return ''
-      }
-    }
-  },
   methods: {
     // 初始化对话框
     initDialog: function(dialogFormVisible, row = null) {
@@ -193,7 +185,8 @@
       }
       getAreaListPage(query).then(response => {
         this.quList = response.data.rows.filter(item => item.id === this.wellForm.qu)
-        this.wellForm.quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        const quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        this.$set(this.wellForm, 'quName', quName)
       })
     },
     // 获取区域2
@@ -207,7 +200,8 @@
       }
       getAreaListPage(query).then(response => {
         this.jiedaoList = response.data.rows
-        this.wellForm.areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        const areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        this.$set(this.wellForm, 'areaName', areaName)
       })
     },
     showData(row) {

diff --git a/src/views/wellManage/detailWell.vue b/src/views/wellManage/detailWell.vue
index 3819393..96ae71d 100644
--- a/src/views/wellManage/detailWell.vue
+++ b/src/views/wellManage/detailWell.vue
@@ -10,7 +10,7 @@
             {{ wellForm[config.value]?wellForm[config.value]:config.placeholder }}
           </template>
           <template v-if="config.type=='areaName'">
-            {{ areaName }}
+            {{ wellForm.quName?wellForm.quName:'' }}{{ wellForm.areaName?wellForm.areaName:'' }}
           </template>
           <template v-if="config.type=='images'">
             <div v-if="imageList.length==0">
@@ -84,6 +84,7 @@
         { type: 'text', label: '详细地址', value: 'position', placeholder: '未知', span: 5 },
         { type: 'images', label: '路标图片', value: 'imageList', placeholder: '无', span: 5 }
       ], // 表单配置项
+      areaName: '',
       wellForm: {
         id: null, // 井id
         wellCode: '', // 点位编号
@@ -126,15 +127,6 @@
       loading: true
     }
   },
-  computed: {
-    areaName() {
-      if (this.wellForm.quName) {
-        return this.wellForm.quName + this.wellForm.areaName
-      } else {
-        return ''
-      }
-    }
-  },
   methods: {
     // 初始化对话框
     initDialog: function(dialogFormVisible, row = null) {
@@ -193,7 +185,8 @@
       }
       getAreaListPage(query).then(response => {
         this.quList = response.data.rows.filter(item => item.id === this.wellForm.qu)
-        this.wellForm.quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        const quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        this.$set(this.wellForm, 'quName', quName)
       })
     },
     // 获取区域2
@@ -207,7 +200,8 @@
       }
       getAreaListPage(query).then(response => {
         this.jiedaoList = response.data.rows
-        this.wellForm.areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        const areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        this.$set(this.wellForm, 'areaName', areaName)
       })
     },
     showData(row) {
diff --git a/src/views/wellManage/infoWell.vue b/src/views/wellManage/infoWell.vue
index d62c0b5..c565c4f 100644
--- a/src/views/wellManage/infoWell.vue
+++ b/src/views/wellManage/infoWell.vue
@@ -16,7 +16,7 @@
             无
           </div>
           <div v-else>
-            <el-image v-for="image of imageList" :key="image" style="width: 100px; height: 100px" :src="image" :preview-src-list="imageList" />
+            <el-image v-for="image of imageList" :key="image" style="width: 100px; height: 100px" :src="image.url" :preview-src-list="imageList" />
           </div>
         </template>
       </el-descriptions-item>
@@ -157,7 +157,8 @@
       }
       getAreaListPage(query).then(response => {
         this.quList = response.data.rows.filter(item => item.id === this.wellForm.qu)
-        this.wellForm.quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        const quName = this.quList.length > 0 ? this.quList[0].areaName : ''
+        this.$set(this.wellForm, 'quName', quName)
       })
     },
     // 获取区域2
@@ -171,7 +172,8 @@
       }
       getAreaListPage(query).then(response => {
         this.jiedaoList = response.data.rows
-        this.wellForm.areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        const areaName = this.jiedaoList.length > 0 ? this.jiedaoList[0].areaName : ''
+        this.$set(this.wellForm, 'areaName', areaName)
       })
     },
     // 取消