管理后台-创建门店

htmldev/manage/src/views/business/outlet/list/details.vue

@@ -34,7 +34,7 @@
                      :on-success="handleAvatarSuccess"
                      :before-upload="beforeAvatarUpload"
                      :accept="'image/*'"
-                     :file-list="form.bar_img_url"
+                     :file-list="fileList"
                      list-type="picture-card"
                      action="/v1/upload/file"
                      multiple>
@@ -130,7 +130,8 @@ export default {
         bar_place_reserve_start_time: '', // 座位预定开始时间
         bar_place_reserve_end_time: '', // 座位预定结束时间
         note: '' // 备注
-      }
+      },
+      fileList: []
     }
   },
   methods: {
@@ -142,8 +143,11 @@ export default {
       return isLt2M
     },
     handleRemove (file) {
-      const { path } = file.response.data
-      this.form.bar_img_url = this.form.bar_img_url.filter(item => item !== path)
+      let path = file.url
+      if (file.response && file.response.data) {
+        path = file.response.data.path
+      }
+      this.form.bar_img_url = this.form.bar_img_url.filter(item => item !== path.replace(/^\/\//, ''))
     },
     handleAvatarSuccess (res) {
       if (res.code === 200) {
@@ -172,10 +176,19 @@ export default {
   mounted () {
     if (this.exData.id) {
       this.$set(this.form, 'id', this.exData.id)
+      this.fileList = this.exData.bar_img_url.map(item => {
+        return {
+          name: '',
+          url: '//' + item // todo 这里补全了地址
+        }
+      })
       for (const key in this.exData) {
         if (this.form.hasOwnProperty(key)) {
-          const value = this.exData[key]
+          let value = this.exData[key]
           if ((Array.isArray(value) && value.length > 0) || value) {
+            if (key === 'bar_status') {
+              value = value.toString()
+            }
             this.$set(this.form, key, value)
           }
         }

htmldev/manage/src/views/business/outlet/list/index.vue

@@ -38,11 +38,12 @@
       <el-table-column label="酒吧名称" prop="bar_name"></el-table-column>
       <el-table-column label="门店地址" prop="bar_address"></el-table-column>
       <el-table-column label="门店图片">
-        <template slot-scope="scope">
+        <template slot-scope="scope"
+                  v-if="scope.row.bar_img_url.length">
           <el-image
             style="width: 100px; height: 100px"
-            :src="scope.row.bar_img_url"
-            :preview-src-list="scope.row.bar_img_url[0]">
+            :src="'//' + scope.row.bar_img_url[0]"
+            :preview-src-list="scope.row.bar_img_url.map(item => '//' + item)">
           </el-image>
         </template>
       </el-table-column>
@@ -62,7 +63,6 @@
                      @click="$router.push({name: 'BusinessOutletDetail', query: { id: scope.row.id }})">查看
           </el-button>
           <el-button type="text" @click="edit(scope.row)">编辑</el-button>
-          <el-button type="text" @click="del(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -113,19 +113,6 @@ export default {
     edit (row) {
       this.detailsDialog.exData = row
       this.detailsDialog.show = true
-    },
-    del (row) {
-      this.$confirm('确定要删除吗', '确认', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(async () => {
-        const data = await this.$fetch('/api/auth/department/del', { id: row.id })
-        if (data.code === 200) {
-          this.$message.success('删除成功')
-          this.init()
-        }
-      }).catch(() => {})
     }
   },
   mounted () {