页面修改

src/components/huimai/hbrand.vue

@@ -2,17 +2,18 @@
   <div class="performanceStatics">
     <div class="head-title">
       品牌管理
+      <el-button style="float:right;margin-top: -5px;" type="primary" class="el-button--small">新增</el-button>
     </div>
     <div class="content">
       <div style="margin-bottom:20px">
-        <span>门店</span>
+        <span>分类</span>
         <el-select style="margin:0 10px" class="w200" @change="msg.pageIndex=1,getList()" v-model="msg.StoreId"
           size="small" placeholder="请选择">
           <el-option label="不限" :value="0"></el-option>
           <el-option v-for="item in StoreList" :key="item.Id" :label="item.Name" :value="item.Id">
           </el-option>
         </el-select>
-        <span>日期</span>
+        <span>品牌名称</span>
         <el-date-picker v-model="dateList" @change="msg.pageIndex=1,getList()" size="small" type="datetimerange"
           range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
         </el-date-picker>
@@ -107,7 +108,6 @@
       },
     }
   };
-
 </script>
 <style>
   .performanceStatics .content {
@@ -117,5 +117,4 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
-
-</style>
+</style>
\ No newline at end of file

src/components/huimai/hcategory.vue

@@ -2,53 +2,75 @@
   <div class="performanceStatics">
     <div class="head-title">
       分类管理
+      <el-button style="float:right;margin-top: -5px;" type="primary" class="el-button--small"
+        @click="showCategoryForm(null)">新增</el-button>
     </div>
     <div class="content">
       <div style="margin-bottom:20px">
-        <span>门店</span>
-        <el-select style="margin:0 10px" class="w200" @change="msg.pageIndex=1,getList()" v-model="msg.StoreId"
-          size="small" placeholder="请选择">
-          <el-option label="不限" :value="0"></el-option>
-          <el-option v-for="item in StoreList" :key="item.Id" :label="item.Name" :value="item.Id">
-          </el-option>
-        </el-select>
-        <span>日期</span>
-        <el-date-picker v-model="dateList" @change="msg.pageIndex=1,getList()" size="small" type="datetimerange"
-          range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
-        </el-date-picker>
+        <span>分类名称</span>
+        <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="postMsg.Name">
+        </el-input>
         <el-button @click="msg.pageIndex=1,getList()" size="small" type="primary">
           查询
         </el-button>
       </div>
       <el-table :data="tableData" v-loading="loading" border style="width: 100%">
-        <el-table-column prop="ID" label="服务人员编号" width="150">
+        <el-table-column prop="Id" label="编号" width="150">
         </el-table-column>
-        <el-table-column label="头像" width="300px">
+        <el-table-column prop="Name" label="名称"></el-table-column>
+        <el-table-column label="Logo" width="300px">
           <template slot-scope="scope">
             <img :src="scope.row.ServiceLogo" style="width:35px;height:35px;" alt="" />
           </template>
         </el-table-column>
-        <el-table-column prop="Name" label="名称"></el-table-column>
-        <el-table-column prop="ServiceTargetDateNum" label="排班天数">
-        </el-table-column>
-        <el-table-column prop="OrderNum" label="订单数">
-        </el-table-column>
-        <el-table-column prop="Final_Price" label="业绩金额" width="250px">
-        </el-table-column>
-        <el-table-column prop="OrderGuestNum" label="服务人数">
+
+        <el-table-column prop="OrderNum" label="排序">
         </el-table-column>
-        <el-table-column prop="ScoreStr" label="平均评分">
+        <el-table-column prop="Final_Price" label="操作" width="250px">
         </el-table-column>
       </el-table>
       <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
         :current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
       </el-pagination>
     </div>
+    <!-- 修改版权 -->
+    <el-dialog :title="editTitle" :visible.sync="isShowCategoryForm" width="500px">
+      <el-form label-width="150px">
+        <el-form-item label="分类名称">
+          <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="postMsg.Name">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="Logo">
+          <div>
+            <el-button @click="openChangeDig()" size="small">选择文件</el-button>
+          </div>
+          <div class="indexApp_image">
+            <img v-if="postMsg.Image" :src="postMsg.Image" alt="" style="width:100px;height:100px;" />
+          </div>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input style="width:250px" size="small" maxlength="200" v-model="postMsg.Sort">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="isShowCategoryForm = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="saveData()">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 选择文件 -->
+    <el-dialog title="选择文件" :visible.sync="isShowChooseImage" width="1240px">
+      <ChooseImg @SelectId="SelectId"></ChooseImg>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+  import ChooseImg from "@/components/global/ChooseImg.vue";
   export default {
+    components: {
+      ChooseImg
+    },
     data() {
       return {
         loading: false,
@@ -63,6 +85,16 @@
         },
         StoreList: [], //门店数据
         dateList: [], //日期
+        editTitle: "新增分类分类",
+        postMsg: {
+          Id: 0,
+          Name: "",
+          Image: "",
+          Enable: 1,
+          Sort: 0,
+        },
+        isShowCategoryForm: false,
+        isShowChooseImage: false,
       }
     },
     created() {},
@@ -71,6 +103,14 @@
       this.getStoreList()
     },
     methods: {
+      openChangeDig() {
+        this.isShowChooseImage = true;
+      },
+      SelectId(msg) {
+        let url = this.getIconLink(msg.url)
+        this.postMsg.Image = url
+        this.isShowChooseImage = false;
+      },
       //获取门店下拉
       getStoreList() {
         this.apipost("/api/MContent/GetStoresList", {}, res => {
@@ -83,6 +123,7 @@
       },
       //获取数据
       getList() {
+        this.isShowCategoryForm = false;
         if (this.dateList && this.dateList.length > 0) {
           this.msg.WorkDate = this.dateList[0];
           this.msg.EndWorkDate = this.dateList[1];
@@ -105,9 +146,17 @@
         this.msg.pageIndex = val;
         this.getList();
       },
+      //显示表单
+      showCategoryForm(item) {
+
+        this.isShowCategoryForm = true;
+      },
+      //新增修改分类
+      saveData() {
+
+      }
     }
   };
-
 </script>
 <style>
   .performanceStatics .content {
@@ -117,5 +166,4 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
-
-</style>
+</style>
\ No newline at end of file