管理后台-创建门店

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

@@ -34,6 +34,7 @@
                      :on-success="handleAvatarSuccess"
                      :before-upload="beforeAvatarUpload"
                      :accept="'image/*'"
+                     :file-list="form.bar_img_url"
                      list-type="picture-card"
                      action="/v1/upload/file"
                      multiple>
@@ -170,7 +171,15 @@ export default {
   },
   mounted () {
     if (this.exData.id) {
-      this.form.id = this.exData.id
+      this.$set(this.form, 'id', this.exData.id)
+      for (const key in this.exData) {
+        if (this.form.hasOwnProperty(key)) {
+          const value = this.exData[key]
+          if ((Array.isArray(value) && value.length > 0) || value) {
+            this.$set(this.form, key, value)
+          }
+        }
+      }
     }
   },
   watch: {

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

@@ -20,11 +20,14 @@
           <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>
         </el-form-item>
         <el-form-item class="ml-10">
-          <el-button icon="el-icon-plus" type="primary" @click="add" v-permission="'department_list_add'">新增</el-button>
+          <el-button icon="el-icon-plus"
+                     type="primary"
+                     @click="add">新增
+          </el-button>
         </el-form-item>
       </el-form>
     </div>
-    <el-table :data="[...tableData,...tableData,...tableData,...tableData,...tableData]"
+    <el-table :data="tableData"
               stripe
               v-loading="tableLoading"
               fit
@@ -34,8 +37,20 @@
       <el-table-column fixed label="编号" prop="id"></el-table-column>
       <el-table-column label="酒吧名称" prop="bar_name"></el-table-column>
       <el-table-column label="门店地址" prop="bar_address"></el-table-column>
-      <el-table-column label="门店图片" prop="bar_img_url"></el-table-column>
-      <el-table-column label="酒吧状态" prop="bar_status"></el-table-column>
+      <el-table-column label="门店图片">
+        <template slot-scope="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.bar_img_url"
+            :preview-src-list="scope.row.bar_img_url[0]">
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column label="酒吧状态">
+        <template slot-scope="scope">
+          <p>{{ ['无效', '有效'][scope.row.bar_status] }}</p>
+        </template>
+      </el-table-column>
       <el-table-column label="点歌开始时间" prop="bar_song_start_time"></el-table-column>
       <el-table-column label="点歌结束时间" prop="bar_song_end_time"></el-table-column>
       <el-table-column label="酒吧座位预定开始时间" prop="bar_place_reserve_start_time"></el-table-column>
@@ -43,8 +58,8 @@
       <el-table-column label="备注"></el-table-column>
       <el-table-column fixed="right" label="操作" width="200">
         <template slot-scope="scope">
-          <el-button type="text" @click="edit(scope.row)" v-permission="'department_list_edit'">编辑</el-button>
-          <el-button type="text" @click="del(scope.row)" v-permission="'department_list_del'">删除</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>
@@ -59,7 +74,9 @@
       background
       layout="total, sizes, prev, pager, next, jumper"
       :total="totalCount"/>
-    <detail v-if="detailsDialog.show" v-model="detailsDialog.show" :exData="detailsDialog.exData"
+    <detail v-if="detailsDialog.show"
+            v-model="detailsDialog.show"
+            :exData="detailsDialog.exData"
             @success="init"></detail>
   </div>
 </template>

htmldev/manage/src/views/login/index.vue

@@ -40,8 +40,8 @@ export default {
     return {
       loginForm: {
         user_project_id: '1',
-        user_name: '',
-        user_password: ''
+        user_name: 'panyong',
+        user_password: '123123'
       },
       loading: false,
       passwordType: 'password',