Z: Dot: store's delArr, see, edit(except bar).

ybf_admin/src/api/in/store.js

@@ -33,5 +33,21 @@ export function ApiStoreDelStore(inData) {
   })
 }
 
+export function ApiStoreGetUnGroupManList(inData) {
+  return request({
+    url: '/admin/auth/addressbook/getUserUnselectedList',
+    method: 'get',
+    params: inData
+  })
+}
+
+export function ApiStoreEditStore(inData) {
+  return request({
+    url: '/admin/auth/stall/update',
+    method: 'put',
+    data: qs.stringify(inData)
+  })
+}
+
 
 

ybf_admin/src/pages/in/contact/store.vue

 <template>
   <div class="main">
     <div class="title">全部门店（ 共5个 ）</div>
+    <!-- 搜索区 -->
     <div class="searchs">
       <div class="buttons">
         <el-button class="button buttonlight" size="small" @click="addStore">添加门店</el-button>
         <el-button class="button buttondark" size="small" @click="storeDelStoreArr">批量删除</el-button>
       </div>
 
-      <!-- 搜索区 -->
       <el-form class="searchzone" :inline="true" :model="data.search" label-width="auto">
         <el-form-item label="关键词">
           <el-input
@@ -20,6 +20,7 @@
         <el-button class="button buttondark" size="small" style="margin-top:4px;">搜索</el-button>
       </el-form>
     </div>
+    <!-- 列表区 -->
     <div class="lists">
       <el-table
         stripe
@@ -41,7 +42,7 @@
         <el-table-column label="操作" align="center" fixed="right" width="200">
           <template slot-scope="scope">
             <el-button type="text" @click="storeGetStoreDetail(scope.row.id)" class="btn">详情</el-button>
-            <el-button type="text" @click="testButtonClick(scope.row.id)" class="btn">编辑</el-button>
+            <el-button type="text" @click="storeEditStore(scope.row.id)" class="btn">编辑</el-button>
             <el-button type="text" @click="storeDelStore(scope.row.id)" class="listButtonRed">删除</el-button>
           </template>
         </el-table-column>
@@ -61,6 +62,7 @@
     <add-store ref="addStore"></add-store>
     <store-detail ref="storeDetail"></store-detail>
 
+    <!-- 对话框区 -->
     <div class="ztask-dialogs">
       <el-dialog
         title="门店详情"
@@ -156,11 +158,111 @@
             </el-row>
           </el-form>
         </div>
+
         <span slot="footer" class="dialog-footer">
           <el-button size="small" @click="dialogSeeClose">关 闭</el-button>
           <!-- <el-button size="small" type="primary" @click="dialogSeeSubmitSend('seeForm')">任务下发</el-button> -->
         </span>
       </el-dialog>
+
+      <el-dialog
+        title="编辑门店"
+        :visible.sync="zcache.status.editDialog"
+        width="65%"
+        :before-close="dialogEditClose"
+      >
+        <div class="dialogMain">
+          <!-- <el-form :model="zdata.post" label-width="auto" ref="addStore" :rules="zrule"> -->
+          <el-form
+            :model="zdata.editPost"
+            label-width="auto"
+            ref="editStore"
+            style="border: 0px solid red;"
+          >
+            <!-- <el-form :model="zdata.post" label-width="auto" ref="createForm" :rules="rules"> -->
+            <el-form-item label="门店名称:" prop="storeName">
+              <el-input
+                size="small"
+                v-model="zdata.editPost.storeName"
+                style="width:240px;"
+                placeholder="请输入门店名称"
+              />
+            </el-form-item>
+
+            <el-form-item label="门店类型:" prop="storeType">
+              <el-select
+                size="small"
+                v-model="zdata.editPost.storeTypeId"
+                placeholder="请选择门店类型"
+                style="width:240px"
+              >
+                <el-option
+                  v-for="item in zlist.storeType"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="门店负责人:" prop="people">
+              <el-select
+                size="small"
+                v-model="zdata.editPost.storeBossId"
+                placeholder="请选择门店负责人"
+                style="width:240px"
+              >
+                <el-option
+                  v-for="item in zlist.unGroupMan"
+                  :key="item.id"
+                  :label="item.userName"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="所属柜组:" prop="counter">
+              <el-select
+                size="small"
+                v-model="zdata.editPost.storeFromBarId"
+                placeholder="请选择所属柜组"
+                style="width:240px"
+              >
+                <el-option
+                  v-for="item in zlist.storeFromBarId"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="门牌号:" prop="number">
+              <el-input
+                size="small"
+                v-model="zdata.editPost.storeDoorCode"
+                style="width:240px"
+                placeholder="请输入门牌号"
+              />
+            </el-form-item>
+
+            <el-form-item label="位置:" prop="area">
+              <el-input
+                size="small"
+                v-model="zdata.editPost.storeAddress"
+                style="width:240px"
+                placeholder="请输入位置"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+
+        <span slot="footer" class="dialog-footer">
+          <el-button size="small" @click="dialogEditCancel">取 消</el-button>
+          <!-- <el-button type="primary" @click="addStoreSubmit('createForm')" size="small">确 定</el-button> -->
+          <el-button type="primary" @click="dialogEditSubmit" size="small">确 定</el-button>
+        </span>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -170,7 +272,9 @@ import StoreDetail from "./components/storeDetail";
 import {
   ApiStoreGetMainList,
   ApiStoreGetStoreDetail,
-  ApiStoreDelStore
+  ApiStoreDelStore,
+  ApiStoreGetUnGroupManList,
+  ApiStoreEditStore
 } from "@api/in/store";
 import axios from "axios";
 const zlog = console.log.bind(console);
@@ -184,7 +288,8 @@ export default {
     return {
       zcache: {
         status: {
-          seeDialog: false
+          seeDialog: false,
+          editDialog: false
         }
       },
       zdata: {
@@ -207,11 +312,62 @@ export default {
               mobile: "120"
             }
           ]
+        },
+        edit: {},
+        editPost: {
+          id: "",
+          storeName: "",
+          storeTypeId: "",
+          storeBossId: "",
+          storeFromBarId: "",
+          storeDoorCode: "",
+          storeAddress: ""
+        },
+        editPostDefault: {
+          id: "",
+          storeName: "",
+          storeTypeId: "",
+          storeBossId: "",
+          storeFromBarId: "",
+          storeDoorCode: "",
+          storeAddress: ""
         }
       },
       zlist: {
-        listPick: []
+        listPick: [],
+        storeType: [
+          {
+            id: "0",
+            name: "普通"
+          },
+          {
+            id: "1",
+            name: "专柜"
+          }
+        ],
+        storeBossId: [
+          {
+            id: "2001200138020920001",
+            name: "王月云"
+          },
+          {
+            id: "2001200138020930002",
+            name: "李强"
+          }
+        ],
+        storeFromBarId: [
+          {
+            id: "2001201134572130000",
+            name: "柜组一号"
           },
+          {
+            id: "2001201135500920000",
+            name: "柜组二号"
+          }
+        ],
+        unGroupMan: []
+      },
+
       page: {
         currentPage: 1,
         size: 20,
@@ -332,8 +488,18 @@ export default {
   // },
   mounted() {
     this.storeGetMainList();
+    this.storeGetUnGroupManList();
   },
   methods: {
+    storeGetUnGroupManList() {
+      let postData = {};
+
+      ApiStoreGetUnGroupManList(postData)
+        .then(res => {
+          this.zlist.unGroupMan = res.data;
+        })
+        .catch(err => {});
+    },
     matchManIdAndManName(inId) {
       let manList = this.list.man;
       let manName = "未知";
@@ -398,6 +564,37 @@ export default {
 
       this.zcache.status.seeDialog = true;
     },
+    storeEditStore(inData) {
+      this.storeGetUnGroupManList();
+      this.zdata.editPost.id = Number(inData);
+
+      let postData = {
+        isDetail: true,
+        stallId: inData
+      };
+
+      ApiStoreGetStoreDetail(postData)
+        .then(res => {
+          this.zdata.edit = res;
+
+          let timeStoreTypeId = "";
+          if (res.data.adminStall.type == "普通") {
+            timeStoreTypeId = "0";
+          } else {
+            timeStoreTypeId = "1";
+          }
+
+          this.zdata.editPost.storeName = res.data.adminStall.name;
+          this.zdata.editPost.storeTypeId = timeStoreTypeId;
+          this.zdata.editPost.storeBossId = res.data.adminStall.principal;
+          this.zdata.editPost.storeFromBarId = res.data.adminStall.shopId;
+          this.zdata.editPost.storeDoorCode = res.data.adminStall.signNum;
+          this.zdata.editPost.storeAddress = res.data.adminStall.location;
+        })
+        .catch(err => {});
+
+      this.zcache.status.editDialog = true;
+    },
     storeDelStore(inData) {
       let delArr = [];
       delArr.push(String(inData));
@@ -464,7 +661,55 @@ export default {
         });
     },
 
+    dialogEditClose() {
+      this.zcache.status.editDialog = false;
+      this.zdata.editPost = JSON.parse(
+        JSON.stringify(this.zdata.editPostDefault)
+      );
+    },
+    dialogEditCancel() {
+      this.zcache.status.editDialog = false;
+      this.zdata.editPost = JSON.parse(
+        JSON.stringify(this.zdata.editPostDefault)
+      );
+    },
+    dialogEditSubmit() {
+      let postData = {
+        stallId: Number(this.zdata.editPost.id),
+        name: this.zdata.editPost.storeName,
+        type: String(this.zdata.editPost.storeTypeId),
+        principal: Number(this.zdata.editPost.storeBossId),
+        shopId: Number(this.zdata.editPost.storeFromBarId),
+        signNum: String(this.zdata.editPost.storeDoorCode),
+        location: this.zdata.editPost.storeAddress
+      };
 
+      ApiStoreEditStore(postData)
+        .then(res => {
+          if (res.result == "success") {
+            this.$message({
+              message: "编辑成功",
+              type: "success"
+            });
+            this.zcache.status.editDialog = false;
+            this.zdata.editPost = JSON.parse(
+              JSON.stringify(this.zdata.editPostDefault)
+            );
+            this.storeGetMainList();
+          } else {
+            this.$message({
+              message: "编辑失败！",
+              type: "error"
+            });
+          }
+        })
+        .catch(err => {
+          this.$message({
+            message: "编辑失败！",
+            type: "error"
+          });
+        });
+    },
 
     testButtonClick() {},
     pagesSizeChange() {},