页面更新

src/components/huimai/h_edit_brand.vue

@@ -6,7 +6,7 @@
     </div>
     <div class="content">
       <el-form :rules="rules" :model="addMsg" ref="addMsg" label-width="150px" style="width: 70%">
-        <el-form-item label="品牌分类" class="is-required" prop="BrandClassId">
+        <el-form-item label="品牌分类" class="is-required" prop="CategoryId">
           <el-select class="w300" v-model="addMsg.CategoryId" size="small" placeholder="请选择">
             <el-option :key="0" label="请选择" :value="0"></el-option>
             <el-option v-for="item in CategoryList" :key="item.Id" :label="item.Name" :value="item.Id">
@@ -25,7 +25,7 @@
             </el-image>
           </div>
         </el-form-item>
-        <el-form-item label="品牌介绍图">
+        <el-form-item label="品牌介绍图" prop="BrandImgList">
           <div class="nav_Main">
             <div class="nav_IconContent">
               <draggable v-model="addMsg.BrandImgList">
@@ -70,288 +70,288 @@
   </div>
 </template>
 <script>
-  import ChooseImg from "@/components/global/ChooseImg.vue";
+import ChooseImg from "@/components/global/ChooseImg.vue";
 
-  import draggable from "vuedraggable";
-  export default {
-    components: {
-      ChooseImg,
-      draggable
+import draggable from "vuedraggable";
+export default {
+  components: {
+    ChooseImg,
+    draggable
+  },
+  data() {
+    return {
+      addMsg: {
+        Id: 0,
+        Name: "", //品牌名称
+        Logo: "", //Logo
+        IsHot: 0,
+        CategoryId: "", //品牌分类
+        MoreDesc: "", //更多描述
+        RemarkDesc: "", //备注描述
+        BrandImgList: [] //品牌介绍图
+      },
+      CategoryList: [], //品牌分类列表
+      isShowIamge: false,
+      chooseType: 0,
+      loading: false,
+      rules: {
+        Name: [{ required: true, message: "请输入品牌名称", trigger: "blur" }],
+        CategoryId: [
+          { required: true, message: "请选择分类", trigger: "change" }
+        ],
+        BrandImgList: [
+          { required: true, message: "请选择图片", trigger: "change" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getCategoryList();
+  },
+  mounted() {
+    if (this.$route.query.Id) {
+      this.addMsg.Id = this.$route.query.Id;
+      this.initData();
+    }
+  },
+  methods: {
+    //删除图片
+    ClearCarouse(index) {
+      if (this.addMsg.BrandImgList && this.addMsg.BrandImgList.length > 0) {
+        this.addMsg.BrandImgList.splice(index, 1);
+      }
     },
-    data() {
-      return {
-        addMsg: {
-          Id: 0,
-          Name: "", //品牌名称
-          Logo: "", //Logo
-          IsHot: 0,
-          CategoryId: "", //品牌分类
-          MoreDesc: "", //更多描述
-          RemarkDesc: "", //备注描述
-          BrandImgList: [] //品牌介绍图
-        },
-        CategoryList: [], //品牌分类列表
-        isShowIamge: false,
-        chooseType: 0,
-        loading: false,
-        rules: {
-          Name: [{
-            required: true,
-            message: "请输入品牌名称",
-            trigger: "blur"
-          }],
-
-
-        }
+    initData() {
+      var qMsg = {
+        BrandId: this.addMsg.Id
       };
+      this.apipost("/api/Assess/GetBrandInfo", qMsg, res => {
+        if (res.data.resultCode == 1) {
+          var tempData = res.data.data;
+          if (tempData) {
+            let {
+              Id,
+              Name,
+              Logo,
+              CategoryId,
+              IsHot,
+              MoreDesc,
+              RemarkDesc
+            } = tempData;
+            this.addMsg = {
+              Id,
+              Name,
+              Logo,
+              CategoryId,
+              IsHot,
+              MoreDesc,
+              RemarkDesc
+            };
+            if (tempData.BrandImgList && tempData.BrandImgList.length > 0) {
+              this.addMsg.BrandImgList = tempData.BrandImgList;
+            }
+          }
+        }
+      });
     },
-    created() {
-      this.getCategoryList();
-    },
-    mounted() {
-      if (this.$route.query.Id) {
-        this.addMsg.Id = this.$route.query.Id;
-        this.initData();
+    SelectId(msg) {
+      let url = this.getIconLink(msg.url);
+      if (this.chooseType == 1) {
+        this.addMsg.Logo = url;
       }
+      if (this.chooseType == 2) {
+        this.addMsg.BrandImgList.push({
+          Sort: 1,
+          Name: "",
+          Path: url
+        });
+      }
+      this.isShowIamge = false;
+    },
+    //显示图片弹窗
+    openChangeDig(type) {
+      this.chooseType = type;
+      this.isShowIamge = true;
     },
-    methods: {
-      //删除图片
-      ClearCarouse(index) {
-        if (this.addMsg.BrandImgList && this.addMsg.BrandImgList.length > 0) {
-          this.addMsg.BrandImgList.splice(index, 1);
+    //获取品牌分类
+    getCategoryList() {
+      this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
+        if (res.data.resultCode == 1) {
+          this.CategoryList = res.data.data;
         }
-      },
-      initData() {
-        var qMsg = {
-          BrandId: this.addMsg.Id
-        };
-        this.apipost("/api/Assess/GetBrandInfo", qMsg, res => {
-          if (res.data.resultCode == 1) {
-            var tempData = res.data.data;
-            if (tempData) {
-              let {
-                Id,
-                Name,
-                Logo,
-                CategoryId,
-                IsHot,
-                MoreDesc,
-                RemarkDesc
-              } = tempData;
-              this.addMsg = {
-                Id,
-                Name,
-                Logo,
-                CategoryId,
-                IsHot,
-                MoreDesc,
-                RemarkDesc
-              };
-              if (tempData.BrandImgList && tempData.BrandImgList.length > 0) {
-                this.addMsg.BrandImgList = tempData.BrandImgList;
-              }
+      });
+    },
+    //保存品牌
+    Save(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid && this.addMsg.Logo && this.addMsg.BrandImgList[0]) {
+          this.apipost("/api/Assess/SetBrandInfo", this.addMsg, res => {
+            if (res.data.resultCode == 1) {
+              this.CommonJump("hbrand");
+              this.Success(res.data.message);
+            } else {
+              this.Error(res.data.message);
             }
-          }
-        });
-      },
-      SelectId(msg) {
-        let url = this.getIconLink(msg.url);
-        if (this.chooseType == 1) {
-          this.addMsg.Logo = url;
-        }
-        if (this.chooseType == 2) {
-          this.addMsg.BrandImgList.push({
-            Sort: 1,
-            Name: "",
-            Path: url
           });
+        } else {
+          return false;
         }
-        this.isShowIamge = false;
-      },
-      //显示图片弹窗
-      openChangeDig(type) {
-        this.chooseType = type;
-        this.isShowIamge = true;
-      },
-      //获取品牌分类
-      getCategoryList() {
-        this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
-          if (res.data.resultCode == 1) {
-            this.CategoryList = res.data.data;
-          }
-        });
-      },
-      //保存品牌
-      Save(formName) {
-        this.$refs[formName].validate(valid => {
-          if (valid) {
-            this.apipost("/api/Assess/SetBrandInfo", this.addMsg, res => {
-              if (res.data.resultCode == 1) {
-                this.CommonJump("hbrand");
-                this.Success(res.data.message);
-              } else {
-                this.Error(res.data.message);
-              }
-            });
-          } else {
-            return false;
-          }
-        });
-      }
+      });
     }
-  };
+  }
+};
 </script>
 <style>
-  .app-add-cat .el-checkbox-group {
-    font-size: 14px !important;
-  }
+.app-add-cat .el-checkbox-group {
+  font-size: 14px !important;
+}
 
-  .app-add-cat .el-checkbox {
-    margin-right: 0;
-  }
+.app-add-cat .el-checkbox {
+  margin-right: 0;
+}
 
-  .app-add-cat .el-dialog__body {
-    padding: 10px 20px !important;
-  }
+.app-add-cat .el-dialog__body {
+  padding: 10px 20px !important;
+}
 
-  .app-add-cat .tag-box .tag-item {
-    margin-right: 5px;
-  }
+.app-add-cat .tag-box .tag-item {
+  margin-right: 5px;
+}
 
-  .app-add-cat .tag-box {
-    margin: 20px 0;
-  }
+.app-add-cat .tag-box {
+  margin: 20px 0;
+}
 
-  .app-add-cat .app-goods-cat-list .active {
-    background: #fafafa;
-  }
+.app-add-cat .app-goods-cat-list .active {
+  background: #fafafa;
+}
 
-  .app-add-cat .app-goods-cat-list .cat-item {
-    cursor: pointer;
-    padding: 5px 10px;
-  }
+.app-add-cat .app-goods-cat-list .cat-item {
+  cursor: pointer;
+  padding: 5px 10px;
+}
 
-  .app-add-cat .app-goods-cat-list {
-    border: 1px solid #e8eaee;
-    border-radius: 5px;
-    margin-top: -5px;
-    padding: 10px 0;
-    overflow: scroll;
-    height: 400px;
-  }
+.app-add-cat .app-goods-cat-list {
+  border: 1px solid #e8eaee;
+  border-radius: 5px;
+  margin-top: -5px;
+  padding: 10px 0;
+  overflow: scroll;
+  height: 400px;
+}
 
-  .h_edit_brand .blue {
-    color: #409eff;
-  }
+.h_edit_brand .blue {
+  color: #409eff;
+}
 
-  .h_edit_brand .content {
-    background: #fff;
-    margin-top: 10px;
-    padding: 20px;
-    box-sizing: border-box;
-  }
+.h_edit_brand .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 20px;
+  box-sizing: border-box;
+}
 
-  .h_edit_brand .gez_list {
-    /*width: 650px;*/
-    margin-bottom: 12px;
-    padding: 20px;
-    border: 1px solid #ebeef5;
-    background-color: #fff;
-    color: #303133;
-  }
+.h_edit_brand .gez_list {
+  /*width: 650px;*/
+  margin-bottom: 12px;
+  padding: 20px;
+  border: 1px solid #ebeef5;
+  background-color: #fff;
+  color: #303133;
+}
 
-  .h_edit_brand .quyu {
-    background-color: #f4f4f5;
-    color: #909399;
-    padding: 10px;
-    line-height: 30px;
-    height: 30px;
-    font-size: 12px;
-    border-radius: 4px;
-    white-space: nowrap;
-    margin: 5px;
-  }
+.h_edit_brand .quyu {
+  background-color: #f4f4f5;
+  color: #909399;
+  padding: 10px;
+  line-height: 30px;
+  height: 30px;
+  font-size: 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  margin: 5px;
+}
 
-  .h_edit_brand .el-tag+.el-tag {
-    margin-left: 10px;
-  }
+.h_edit_brand .el-tag+.el-tag {
+  margin-left: 10px;
+}
 
-  .h_edit_brand .button-new-tag {
-    margin-left: 10px;
-    height: 32px;
-    line-height: 30px;
-    padding-top: 0;
-    padding-bottom: 0;
-  }
+.h_edit_brand .button-new-tag {
+  margin-left: 10px;
+  height: 32px;
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
 
-  .h_edit_brand .input-new-tag {
-    width: 90px;
-    margin-left: 10px;
-    vertical-align: bottom;
-  }
+.h_edit_brand .input-new-tag {
+  width: 90px;
+  margin-left: 10px;
+  vertical-align: bottom;
+}
 
-  .h_edit_brand .ue-style .el-form-item__content {
-    line-height: 0;
-  }
+.h_edit_brand .ue-style .el-form-item__content {
+  line-height: 0;
+}
 
-  .h_edit_brand .app-gallery-item {
-    border: none;
-  }
+.h_edit_brand .app-gallery-item {
+  border: none;
+}
 
-  .h_edit_brand .nav_Main {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-  }
+.h_edit_brand .nav_Main {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 
-  .h_edit_brand .nav_IconContent {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-  }
+.h_edit_brand .nav_IconContent {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 
-  /* .h_edit_brand .nav_IconContent div>div {
+/* .h_edit_brand .nav_IconContent div>div {
     display: inline-block;
   } */
 
-  .h_edit_brand .colapp-image {
-    background-size: cover;
-    background-position: center center;
-    width: 100px;
-    height: 100px;
-    border-radius: 0%;
-  }
+.h_edit_brand .colapp-image {
+  background-size: cover;
+  background-position: center center;
+  width: 100px;
+  height: 100px;
+  border-radius: 0%;
+}
 
-  .h_edit_brand .add-image-btn {
-    width: 100px;
-    height: 100px;
-    line-height: 100px;
-    color: #419efb;
-    border: 1px solid #e2e2e2;
-    cursor: pointer;
-    text-align: center;
-  }
+.h_edit_brand .add-image-btn {
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  color: #419efb;
+  border: 1px solid #e2e2e2;
+  cursor: pointer;
+  text-align: center;
+}
 
-  .h_edit_brand .delBtn {
-    position: absolute;
-    right: -8px;
-    top: -8px;
-    padding: 4px 4px !important;
-  }
+.h_edit_brand .delBtn {
+  position: absolute;
+  right: -8px;
+  top: -8px;
+  padding: 4px 4px !important;
+}
 
-  .h_edit_brand .w600 {
-    width: 600px;
-  }
+.h_edit_brand .w600 {
+  width: 600px;
+}
 
-  .h_edit_brand .brandShuxing {
-    display: flex;
-    justify-content: space-between;
-    width: 850px;
-  }
+.h_edit_brand .brandShuxing {
+  display: flex;
+  justify-content: space-between;
+  width: 850px;
+}
 
-  .h_edit_brand .brandShuxing_item {
-    display: flex;
-    justify-content: space-between;
-    width: 50%;
-  }
-</style>
\ No newline at end of file
+.h_edit_brand .brandShuxing_item {
+  display: flex;
+  justify-content: space-between;
+  width: 50%;
+}
+</style>

src/components/huimai/happraise.vue

@@ -57,14 +57,15 @@
         <el-table-column prop="ReplyDate" label="回复时间"> </el-table-column>
         <el-table-column label="操作" width="250px">
           <template slot-scope="scope">
-            <el-tooltip v-if="scope.row.ReplyDate == ''" class="item" effect="dark" content="回复" placement="top">
-              <img @click="showReplayForm(scope.row, 1)" class="app-order-icon"
-                src="../../assets/img/userman/add_remark.png" alt="" />
+            <el-tooltip class="item" effect="dark" content="回复" placement="top">
+              <img style="margin-right:10px;" v-if="scope.row.ReplyDate == ''"
+                src="../../assets/img/userman/add_remark.png" @click="showReplayForm(scope.row, 1)" />
             </el-tooltip>
             <el-tooltip class="item" effect="dark" content="查看" placement="top">
-              <img @click="showReplayForm(scope.row, 2)" class="app-order-icon"
-                src="../../assets/img/userman/detail.png" alt="" />
+              <img style="width: 32px;height: 32px;" @click="showReplayForm(scope.row, 2)"
+                src="../../assets/img/userman/icon-show.png" />
             </el-tooltip>
+
           </template>
         </el-table-column>
       </el-table>
@@ -73,9 +74,9 @@
       </el-pagination>
     </div>
     <!-- 回复 -->
-    <el-dialog :title="editTitle" :visible.sync="isShowReplayForm" width="600px">
-      <el-form label-width="150px"  >
-        <el-form-item label="咨询用户">
+    <el-dialog :title="editTitle" :visible.sync="isShowReplayForm" width="800px">
+      <el-form label-width="150px" :rules="rules" :model="replayMsg">
+        <el-form-item label="咨询用户" class="user">
           {{ replayMsg.UserName }}
         </el-form-item>
         <el-form-item label="咨询时间">
@@ -88,33 +89,33 @@
           {{ replayMsg.BrandName }}
         </el-form-item>
         <el-form-item label="商品图片">
-          <div class="shopImg">
+          <div class="shopImg1">
             <div class="indexApp_image" v-for="(item, index) in replayMsg.GoodsImgList" :key="index">
-              <div>
+              <div class="img_Des">
                 <el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"
                   :preview-src-list="srcList"></el-image>
-                <br />
-                {{ item.Name }}
+                <p>{{ item.Name }}</p>
               </div>
             </div>
           </div>
         </el-form-item>
-        <el-form-item label="更多照片">
-          <div class="shopImg">
+        <el-form-item label="更多照片" class="more_img">
+          <div class="shopImg1">
             <div class="indexApp_more-image" v-for="(item, index) in replayMsg.MoreImgList" :key="index">
-              <div>
-                <el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"></el-image><br />
-                {{ item.Name }}
+              <div class="img_Des">
+                <el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"
+                  :preview-src-list="moreImg"></el-image>
+                <p>{{ item.Name }}</p>
               </div>
             </div>
           </div>
         </el-form-item>
-        <el-form-item label="备注信息">
+        <el-form-item label="备注信息" class="remark">
           {{ replayMsg.Remark }}
         </el-form-item>
         <el-form-item label="回复内容" prop="ReplyContent">
           <template v-if="showType == 1">
-            <el-input style="width:300px" size="small" maxlength="200" :rows="3" type="textarea"
+            <el-input style="width:250px" size="small" maxlength="800" :rows="4" type="textarea"
               v-model="replayMsg.ReplyContent">
             </el-input>
           </template>
@@ -132,162 +133,188 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        loading: false,
-        tableData: [],
-        total: 0,
-        msg: {
-          pageIndex: 1,
-          pageSize: 15,
-          BrandName: "",
-          CategoryId: "",
-          BrandId: "",
-          UserId: "",
-          IsReply: ""
-        },
-        //回复状态
-        ReplyList: [{
-            Id: 1,
-            Name: "已回复"
-          },
-          {
-            Id: 2,
-            Name: "未回复"
-          }
-        ],
-        editTitle: "回复",
-        //回复信息
-        replayMsg: {
-          GoodsId: 0,
-          GoodsImgList: [],
-          MoreImgList: [],
-          ReplyContent: "", //回复内容
-          Remark: "", //备注信息
-          CategoryName: "", //分类名称
-          BrandName: "", //品牌名称
-          UserName: "", //咨询用户
-          CreateDate: "" //咨询时间
-        },
-        isShowCategoryForm: false,
-        isShowChooseImage: false,
-        CategoryList: [], //分类列表
-        isShowReplayForm: false, //是否显示回复弹窗
-        showType: 1, //回复类型(1-回复，2-查看)
-        userList: [], //用户列表
-        //用户查询
-        userMsg: {
-          pageIndex: 1,
-          pageSize: 50,
-          Name: "",
-          Source: 0,
-          MemberGrade: 0,
-          Id: 0,
-          Moblie: ""
+export default {
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      total: 0,
+      msg: {
+        pageIndex: 1,
+        pageSize: 15,
+        BrandName: "",
+        CategoryId: "",
+        BrandId: "",
+        UserId: "",
+        IsReply: ""
+      },
+      //回复状态
+      ReplyList: [
+        {
+          Id: 1,
+          Name: "已回复"
         },
+        {
+          Id: 2,
+          Name: "未回复"
+        }
+      ],
+      editTitle: "回复",
+      //回复信息
+      replayMsg: {
+        GoodsId: 0,
+        GoodsImgList: [],
+        MoreImgList: [],
+        ReplyContent: "", //回复内容
+        Remark: "", //备注信息
+        CategoryName: "", //分类名称
+        BrandName: "", //品牌名称
+        UserName: "", //咨询用户
+        CreateDate: "" //咨询时间
+      },
+      isShowCategoryForm: false,
+      isShowChooseImage: false,
+      CategoryList: [], //分类列表
+      isShowReplayForm: false, //是否显示回复弹窗
+      showType: 1, //回复类型(1-回复，2-查看)
+      userList: [], //用户列表
+      //用户查询
+      userMsg: {
+        pageIndex: 1,
+        pageSize: 50,
+        Name: "",
+        Source: 0,
+        MemberGrade: 0,
+        Id: 0,
+        Moblie: ""
+      },
 
-        //放大商品图片
-        srcList: []
-      };
-    },
-    created() {
-      this.getCategoryList();
+      //放大商品图片数组
+      srcList: [],
+      moreImg: [],
+
+      //输入框验证
+      rules: {
+        ReplyContent: [
+          { required: true, message: "请输入回复内容", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getCategoryList();
+    this.getuserList();
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    //搜索用户
+    ChangeListName(val) {
+      this.userMsg.Name = val;
       this.getuserList();
     },
-    mounted() {
+    //获取用户列表
+    getuserList() {
+      this.apipost("/api/user/GetMemberUserDropDownList", this.userMsg, res => {
+        if (res.data.resultCode == 1) {
+          let pageData = res.data.data.pageData;
+          this.userList = pageData;
+        }
+      });
+    },
+    showReplayForm(item, showType) {
+      this.replayMsg.GoodsId = item.Id;
+      this.replayMsg.GoodsImgList = item.GoodsImgList;
+      this.replayMsg.MoreImgList = item.MoreImgList;
+      this.replayMsg.Remark = item.Remark;
+      this.replayMsg.CategoryName = item.CategoryName;
+      this.replayMsg.BrandName = item.BrandName;
+      this.replayMsg.UserName = item.UserName;
+      this.replayMsg.CreateDate = item.CreateDate;
+      this.showType = showType;
+      this.srcList = item.GoodsImgList.map(v => v.Path);
+      this.moreImg = item.MoreImgList.map(v => v.Path);
+      if (this.showType == 2) {
+        this.replayMsg.ReplyContent = item.ReplyContent;
+      }
+      this.isShowReplayForm = true;
+    },
+    //获取分类列表
+    getCategoryList() {
+      this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
+        if (res.data.resultCode == 1) {
+          this.CategoryList = res.data.data;
+        } else {
+          this.Error(res.data.message);
+        }
+      });
+    },
+    //获取数据
+    getList() {
+      this.isShowCategoryForm = false;
+      this.loading = true;
+      this.assetsApipost("/api/Assess/GetGoodsPageList", this.msg, res => {
+        this.loading = false;
+        if (res.data.resultCode == 1) {
+          this.total = res.data.data.count;
+          this.tableData = res.data.data.pageData;
+        } else {
+          this.Error(res.data.message);
+        }
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
       this.getList();
     },
-    methods: {
-      //搜索用户
-      ChangeListName(val) {
-        this.userMsg.Name = val;
-        this.getuserList();
-      },
-      //获取用户列表
-      getuserList() {
-        this.apipost("/api/user/GetMemberUserDropDownList", this.userMsg, res => {
-          if (res.data.resultCode == 1) {
-            let pageData = res.data.data.pageData;
-            this.userList = pageData;
-          }
-        });
-      },
-      showReplayForm(item, showType) {
-        this.replayMsg.GoodsId = item.Id;
-        this.replayMsg.GoodsImgList = item.GoodsImgList;
-        this.replayMsg.MoreImgList = item.MoreImgList;
-        this.replayMsg.Remark = item.Remark;
-        this.replayMsg.CategoryName = item.CategoryName;
-        this.replayMsg.BrandName = item.BrandName;
-        this.replayMsg.UserName = item.UserName;
-        this.replayMsg.CreateDate = item.CreateDate;
-        this.showType = showType;
-        this.srcList = item.GoodsImgList.map(v => v.Path);
-        if (this.showType == 2) {
-          this.replayMsg.ReplyContent = item.ReplyContent;
+    //设置咨询回复
+    saveData() {
+      this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
+        if (res.data.resultCode == 1) {
+          this.isShowReplayForm = false;
+          this.Success(res.data.message);
+          this.getList();
+        } else {
+          this.Error(res.data.message);
         }
-        this.isShowReplayForm = true;
-      },
-      //获取分类列表
-      getCategoryList() {
-        this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
-          if (res.data.resultCode == 1) {
-            this.CategoryList = res.data.data;
-          } else {
-            this.Error(res.data.message);
-          }
-        });
-      },
-      //获取数据
-      getList() {
-        this.isShowCategoryForm = false;
-        this.loading = true;
-        this.assetsApipost("/api/Assess/GetGoodsPageList", this.msg, res => {
-          this.loading = false;
-          if (res.data.resultCode == 1) {
-            this.total = res.data.data.count;
-            this.tableData = res.data.data.pageData;
-          } else {
-            this.Error(res.data.message);
-          }
-        });
-      },
-      handleCurrentChange(val) {
-        this.msg.pageIndex = val;
-        this.getList();
-      },
-      //设置咨询回复
-      saveData() {
-        this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
-          if (res.data.resultCode == 1) {
-            this.isShowReplayForm = false;
-            this.Success(res.data.message);
-            this.getList();
-          } else {
-            this.Error(res.data.message);
-          }
-        });
-      }
+      });
     }
-  };
+  }
+};
 </script>
 <style>
-  .performanceStatics .content {
-    background: #fff;
-    margin-top: 10px;
-    padding: 20px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
+.performanceStatics .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 20px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 
-  .shopImg {
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 20px;
-  }
 
-  .shopImg>div {
-    width: 33%;
-  }
-</style>
\ No newline at end of file
+.performanceStatics .shopImg1 {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+}
+
+.performanceStatics .shopImg1>div {
+  width: 20%;
+}
+
+.performanceStatics .img_Des {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.performanceStatics .el-form-item {
+  margin-bottom: 0;
+}
+
+.performanceStatics .remark {
+  margin-top: 30px;
+}
+</style>

src/components/huimai/hbrand.vue

@@ -8,7 +8,7 @@
     <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.CategoryId"
+        <el-select style="margin:0 10px" class="w200" @change="(msg.pageIndex = 1), getList()" v-model="msg.CategoryId"
           size="small" placeholder="请选择" clearable>
           <el-option label="不限" :value="0"></el-option>
           <el-option v-for="item in CategoryList" :key="item.Id" :label="item.Name" :value="item.Id">
@@ -16,14 +16,15 @@
         </el-select>
         <span>品牌名称</span>
         <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="msg.Name" clearable
-          @input="msg.pageIndex=1,getList()">
+          @input="(msg.pageIndex = 1), getList()">
         </el-input>
-        <el-button @click="msg.pageIndex=1,getList()" size="small" type="primary">
+        <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="100">
+        <el-table-column prop="Id" label="编号" width="100"> </el-table-column>
+        <el-table-column prop="CategoryName" label="所属分类" width="100">
         </el-table-column>
         <el-table-column prop="Name" label="品牌名称" width="200">
         </el-table-column>
@@ -34,20 +35,29 @@
         </el-table-column>
         <el-table-column label="是否热门" width="100px">
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsHot==1" effect="dark">
+            <el-tag v-if="scope.row.IsHot == 1" effect="dark">
               热门
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="RemarkDesc" label="上传描述">
+        <el-table-column label="上传描述">
+          <template slot-scope="scope">
+            <p class="moredesc-con">{{ scope.row.RemarkDesc }}</p>
+          </template>
         </el-table-column>
-        <el-table-column prop="MoreDesc" label="备注描述">
+        <el-table-column label="备注描述">
+          <template slot-scope="scope">
+            <p class="moredesc-con">{{ scope.row.MoreDesc }}</p>
+          </template>
         </el-table-column>
-        <el-table-column label="操作" width="250px">
+        <el-table-column label="操作" width="150px">
           <template slot-scope="scope">
-            <img @click="showBrandForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
-            <img @click="RemmoveBrand(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
-              alt="" />
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+              <img class="edit-img" src="../../assets/img/userman/edit.png" @click="showBrandForm(scope.row)" />
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+              <img src="../../assets/img/userman/del.png" @click="RemmoveBrand(scope.row)" />
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
@@ -59,93 +69,106 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        loading: false,
-        tableData: [],
-        total: 0,
-        msg: {
-          pageIndex: 1,
-          pageSize: 15,
-          CategoryId: 0, //分类编号
-          Name: '', //品牌名称
-        },
-        CategoryList: [], //分类列表
-        dateList: [], //日期
-      }
+export default {
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      total: 0,
+      msg: {
+        pageIndex: 1,
+        pageSize: 15,
+        CategoryId: 0, //分类编号
+        Name: "" //品牌名称
+      },
+      CategoryList: [], //分类列表
+      dateList: [] //日期
+    };
+  },
+  created() {
+    this.getCategoryList();
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    //获取分类列表
+    getCategoryList() {
+      this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
+        if (res.data.resultCode == 1) {
+          this.CategoryList = res.data.data;
+        } else {
+          this.Error(res.data.message);
+        }
+      });
     },
-    created() {
-      this.getCategoryList()
+    refreshPage() { },
+    //新增修改品牌
+    showBrandForm(item) {
+      this.CommonJump("hbrandedit", {
+        Id: item.Id
+      });
     },
-    mounted() {
-      this.getList();
-    },
-    methods: {
-      //获取分类列表
-      getCategoryList() {
-        this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
-          if (res.data.resultCode == 1) {
-            this.CategoryList = res.data.data;
-          } else {
-            this.Error(res.data.message);
-          }
-        })
-      },
-      refreshPage() {
-
-      },
-      //新增修改品牌
-      showBrandForm(item) {
-        this.CommonJump('hbrandedit', {
-          Id: item.Id
-        })
-      },
-      //删除品牌
-      RemmoveBrand(item) {
-        let that = this;
-        that.Confirm("是否删除此品牌?", function () {
-          that.apipost(
-            "/api/Assess/DelBrandInfo", {
-              BrandId: item.Id,
-            },
-            res => {
-              if (res.data.resultCode == 1) {
-                that.Success(res.data.message);
-                that.getList();
-              } else {
-                that.Error(res.data.message);
-              }
-            },
-          );
-        });
-      },
-      //获取数据
-      getList() {
-        this.loading = true;
-        this.assetsApipost("/api/Assess/GetBrandPageList", this.msg, res => {
-          this.loading = false;
-          if (res.data.resultCode == 1) {
-            this.total = res.data.data.count;
-            this.tableData = res.data.data.pageData;
-          } else {
-            this.Error(res.data.message);
+    //删除品牌
+    RemmoveBrand(item) {
+      let that = this;
+      that.Confirm("是否删除此品牌?", function () {
+        that.apipost(
+          "/api/Assess/DelBrandInfo",
+          {
+            BrandId: item.Id
+          },
+          res => {
+            if (res.data.resultCode == 1) {
+              that.Success(res.data.message);
+              that.getList();
+            } else {
+              that.Error(res.data.message);
+            }
           }
-        })
-      },
-      handleCurrentChange(val) {
-        this.msg.pageIndex = val;
-        this.getList();
-      },
+        );
+      });
+    },
+    //获取数据
+    getList() {
+      this.loading = true;
+      this.assetsApipost("/api/Assess/GetBrandPageList", this.msg, res => {
+        this.loading = false;
+        if (res.data.resultCode == 1) {
+          this.total = res.data.data.count;
+          this.tableData = res.data.data.pageData;
+        } else {
+          this.Error(res.data.message);
+        }
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
     }
-  };
+  }
+};
 </script>
 <style>
-  .performanceStatics .content {
-    background: #fff;
-    margin-top: 10px;
-    padding: 20px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-</style>
\ No newline at end of file
+.performanceStatics .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 20px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.performanceStatics .edit-img {
+  margin-right: 10px;
+}
+
+.performanceStatics .moredesc-con {
+  display: -webkit-box;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: pre-line;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+</style>

src/components/huimai/hcategory.vue

@@ -8,7 +8,7 @@
     <div class="content">
       <div style="margin-bottom:20px">
         <span>分类名称</span>
-        <el-input type="text" style="width:250px" size="small" maxlength="50" v-model="msg.Name"
+        <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="msg.Name"
           @input="(msg.pageIndex = 1), getList()" clearable>
         </el-input>
         <el-button @click="(msg.pageIndex = 1), getList()" size="small" type="primary">
@@ -31,9 +31,12 @@
         <el-table-column prop="Sort" label="排序"> </el-table-column>
         <el-table-column label="操作" width="250px">
           <template slot-scope="scope">
-            <img @click="showCategoryForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
-            <img @click="RemmoveCategory(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
-              alt="" />
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+              <img class="edit-img" src="../../assets/img/userman/edit.png" @click="showCategoryForm(scope.row)" />
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+              <img src="../../assets/img/userman/del.png" @click="RemmoveCategory(scope.row)" />
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
@@ -43,24 +46,25 @@
     </div>
     <!-- 修改分类 -->
     <el-dialog :title="editTitle" :visible.sync="isShowCategoryForm" width="500px">
-      <el-form :model="postMsg" :rules="rules" label-width="150px">
+      <el-form :model="postMsg" :rules="rules" label-width="150px" @validate="formTest">
         <el-form-item label="分类名称" prop="Name">
           <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" prop="file">
+        <el-form-item label="Logo" prop="Image">
+          <el-input v-if="false" v-model="Image"></el-input>
           <div>
             <el-button @click="openChangeDig()" size="small">选择文件</el-button>
           </div>
-          <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="启用状态" prop="Enable">
+        <el-form-item label="启用状态">
           <el-radio v-model="postMsg.Enable" :label="1">启用</el-radio>
           <el-radio v-model="postMsg.Enable" :label="2">禁用</el-radio>
         </el-form-item>
-        <el-form-item label="排序" prop="Sort">
+        <el-form-item label="排序">
           <el-input style="width:250px" size="small" maxlength="200" v-model="postMsg.Sort">
           </el-input>
         </el-form-item>
@@ -78,104 +82,98 @@
 </template>
 
 <script>
-  import ChooseImg from "@/components/global/ChooseImg.vue";
-  export default {
-    components: {
-      ChooseImg
-    },
-    data() {
-      return {
-        loading: false,
-        tableData: [],
-        total: 0,
-        msg: {
-          pageIndex: 1,
-          pageSize: 15,
-          Name: ""
-        },
-        dateList: [], //日期
-        editTitle: "新增分类分类",
-        postMsg: {
-          Id: 0,
-          Name: "",
-          Image: "",
-          Enable: 1,
-          Sort: 0
-        },
-        isShowCategoryForm: false,
-        isShowChooseImage: false,
-        rules: {
-          Name: [{
-            required: true,
-            message: "请输入名称",
-            trigger: "blur"
-          }],
-          Sort: [{
-            required: true,
-            message: "请输入排序",
-            trigger: "blur"
-          }],
-          Enable: [{
-            required: true,
-            message: "请选择状态",
-            trigger: "change"
-          }]
-
-        }
-      };
-    },
-    created() {},
-    mounted() {
-      this.getList();
-    },
-    methods: {
-      openChangeDig() {
-        this.isShowChooseImage = true;
-      },
-      SelectId(msg) {
-        let url = this.getIconLink(msg.url);
-        this.postMsg.Image = url;
-        this.isShowChooseImage = false;
+import ChooseImg from "@/components/global/ChooseImg.vue";
+export default {
+  components: {
+    ChooseImg
+  },
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      total: 0,
+      msg: {
+        pageIndex: 1,
+        pageSize: 15,
+        Name: ""
       },
-      //获取数据
-      getList() {
-        this.isShowCategoryForm = false;
-        this.loading = true;
-        this.assetsApipost("/api/Assess/GetCategoryPageList", this.msg, res => {
-          this.loading = false;
-          if (res.data.resultCode == 1) {
-            this.total = res.data.data.count;
-            this.tableData = res.data.data.pageData;
-          } else {
-            this.Error(res.data.message);
-          }
-        });
+      dateList: [], //日期
+      editTitle: "新增分类分类",
+      postMsg: {
+        Id: 0,
+        Name: "",
+        Image: "",
+        Enable: 1,
+        Sort: 0
       },
-      handleCurrentChange(val) {
-        this.msg.pageIndex = val;
-        this.getList();
+      isShowCategoryForm: false,
+      isShowChooseImage: false,
+      rules: {
+        Name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+        Image: [{ required: true, message: "请选择文件", trigger: "blur" }]
       },
-      //显示表单
-      showCategoryForm(item) {
-        if (item) {
-          this.editTitle = "修改分类";
-          this.postMsg.Id = item.Id;
-          this.postMsg.Name = item.Name;
-          this.postMsg.Image = item.Image;
-          this.postMsg.Enable = item.Enable;
-          this.postMsg.Sort = item.Sort;
+
+      // 验证是否通过
+      pass: ""
+    };
+  },
+  created() { },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    openChangeDig() {
+      this.isShowChooseImage = true;
+    },
+    SelectId(msg) {
+      let url = this.getIconLink(msg.url);
+      this.postMsg.Image = url;
+      this.isShowChooseImage = false;
+    },
+    //获取数据
+    getList() {
+      this.isShowCategoryForm = false;
+      this.loading = true;
+      this.assetsApipost("/api/Assess/GetCategoryPageList", this.msg, res => {
+        this.loading = false;
+        if (res.data.resultCode == 1) {
+          this.total = res.data.data.count;
+          this.tableData = res.data.data.pageData;
         } else {
-          this.editTitle = "新增分类";
-          this.postMsg.Id = 0;
-          this.postMsg.Name = "";
-          this.postMsg.Image = "";
-          this.postMsg.Enable = 1;
-          this.postMsg.Sort = 0;
+          this.Error(res.data.message);
         }
-        this.isShowCategoryForm = true;
-      },
-      //新增修改分类
-      saveData() {
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    //显示表单
+    showCategoryForm(item) {
+      if (item) {
+        this.editTitle = "修改分类";
+        this.postMsg.Id = item.Id;
+        this.postMsg.Name = item.Name;
+        this.postMsg.Image = item.Image;
+        this.postMsg.Enable = item.Enable;
+        this.postMsg.Sort = item.Sort;
+      } else {
+        this.editTitle = "新增分类";
+        this.postMsg.Id = 0;
+        this.postMsg.Name = "";
+        this.postMsg.Image = "";
+        this.postMsg.Enable = 1;
+        this.postMsg.Sort = 0;
+      }
+      this.isShowCategoryForm = true;
+    },
+    //表单验证是否通过
+    formTest(res, pass) {
+      this.pass = pass;
+    },
+    //新增修改分类
+    saveData() {
+      if (this.pass && this.postMsg.Image) {
         this.assetsApipost("/api/Assess/SetCategoryInfo", this.postMsg, res => {
           if (res.data.resultCode == 1) {
             this.Success(res.data.message);
@@ -184,35 +182,41 @@
             this.Error(res.data.message);
           }
         });
-      },
-      //删除分类
-      RemmoveCategory(item) {
-        let that = this;
-        that.Confirm("是否删除此分类?", function () {
-          that.apipost(
-            "/api/Assess/DelCategoryInfo", {
-              CategoryId: item.Id
-            },
-            res => {
-              if (res.data.resultCode == 1) {
-                that.Success(res.data.message);
-                that.getList();
-              } else {
-                that.Error(res.data.message);
-              }
-            }
-          );
-        });
       }
+    },
+    //删除分类
+    RemmoveCategory(item) {
+      let that = this;
+      that.Confirm("是否删除此分类?", function () {
+        that.apipost(
+          "/api/Assess/DelCategoryInfo",
+          {
+            CategoryId: item.Id
+          },
+          res => {
+            if (res.data.resultCode == 1) {
+              that.Success(res.data.message);
+              that.getList();
+            } else {
+              that.Error(res.data.message);
+            }
+          }
+        );
+      });
     }
-  };
+  }
+};
 </script>
 <style>
-  .performanceStatics .content {
-    background: #fff;
-    margin-top: 10px;
-    padding: 20px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-</style>
\ No newline at end of file
+.performanceStatics .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 20px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.performanceStatics .edit-img {
+  margin-right: 10px;
+}
+</style>

src/components/huimai/huimaiSetting.vue

 <style>
-  .huimaiSetting {
-    height: 100%;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    -ms-flex-preferred-size: auto;
-    flex-basis: auto;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    min-width: 0;
-    font-size: 14px;
-  }
-
-  .huimaiSetting .mainLeftMenu {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    color: #fff;
-  }
-
-  .huimaiSetting .leftMenu1 {
-    background: #444444;
-    cursor: pointer;
-    width: 200px;
-    height: 100%;
-    overflow-y: auto;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-
-  .huimaiSetting .asideInner {
-    background: rgba(0, 0, 0, 0.15);
-    padding: 6px 6px;
-    width: 100%;
-    border-radius: 3px;
-    font-weight: bold;
-  }
-
-  .huimaiSetting .F_Logo {
-    height: 60px;
-    background: #464d54;
-    color: #f2f2f2;
-    cursor: pointer;
-    font-weight: bold;
-    text-align: center;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-  }
-
-  .huimaiSetting .mainRightContent {
-    width: 100%;
-    height: 100%;
-    background-color: #f3f3f3;
-    min-width: 0;
-  }
-
-  .huimaiSetting .mainRightTop {
-    width: 100%;
-    height: 60px;
-    background: #fff;
-    display: flex;
-    justify-content: space-between;
-    color: #909399;
-  }
-
-  .huimaiSetting .mainRightLeft {
-    width: 110px;
-    height: 60px;
-    line-height: 62px;
-    text-align: center;
-    margin-left: 30px;
-    cursor: pointer;
-    position: relative;
-    top: -2px;
-  }
-
-  .huimaiSetting .marinRightList {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    width: 300px;
-    float: right;
-  }
-
-  .huimaiSetting .marinRightList ul {
-    display: flex;
-    width: 100%;
-    justify-content: space-around;
-  }
-
-  .huimaiSetting .marinRightList ul li {
-    display: block;
-    list-style-type: none;
-    cursor: pointer;
-    color: #909399;
-    outline: none;
-    border: none;
-  }
-
-  .huimaiSetting .main_routerPage {
-    padding: 20px;
-    overflow-y: scroll;
-  }
-
-  .huimaiSetting .FsettingUU {
-    position: fixed;
-    width: 200px;
-    height: 100%;
-    position: fixed;
-    top: 60px;
-    left: 0;
-    overflow: auto;
-    z-index: 5;
-    background-color: rgb(84, 92, 100);
-  }
-
-  .huimaiSetting .FsettingUU .menu_item {
-    font-size: 14px;
-    color: #303133;
-    padding: 0 20px;
-    cursor: pointer;
-    -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
-    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
-    box-sizing: border-box;
-    height: 56px;
-    line-height: 56px;
-    list-style: none;
-    white-space: nowrap;
-    color: #fff;
-    display: flex;
-    align-items: center;
-  }
-
-  .huimaiSetting .FsettingUU .menu_item i {
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 18px;
-    vertical-align: middle;
-    color: #909399;
-  }
-
-  .huimaiSetting .menu_item:hover {
-    background-color: rgba(67, 74, 80, 0);
-  }
-
-  .huimaiSetting .F_Logo:hover {
-    background-color: #30353a;
-    color: #fff;
-  }
-
-  .huimaiSetting .Fchecked {
-    color: rgb(255, 208, 75) !important;
-  }
-
-  .huimaiSetting .Fchecked i {
-    color: rgb(255, 208, 75) !important;
-  }
+.huimaiSetting {
+  height: 100%;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  min-width: 0;
+  font-size: 14px;
+}
+
+.huimaiSetting .mainLeftMenu {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  color: #fff;
+}
+
+.huimaiSetting .leftMenu1 {
+  background: #444444;
+  cursor: pointer;
+  width: 200px;
+  height: 100%;
+  overflow-y: auto;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.huimaiSetting .asideInner {
+  background: rgba(0, 0, 0, 0.15);
+  padding: 6px 6px;
+  width: 100%;
+  border-radius: 3px;
+  font-weight: bold;
+}
+
+.huimaiSetting .F_Logo {
+  height: 60px;
+  background: #464d54;
+  color: #f2f2f2;
+  cursor: pointer;
+  font-weight: bold;
+  text-align: center;
+  padding: 0 15px;
+  display: flex;
+  align-items: center;
+}
+
+.huimaiSetting .mainRightContent {
+  width: 100%;
+  height: 100%;
+  background-color: #f3f3f3;
+  min-width: 0;
+}
+
+.huimaiSetting .mainRightTop {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  display: flex;
+  justify-content: space-between;
+  color: #909399;
+}
+
+.huimaiSetting .mainRightLeft {
+  width: 110px;
+  height: 60px;
+  line-height: 62px;
+  text-align: center;
+  margin-left: 30px;
+  cursor: pointer;
+  position: relative;
+  top: -2px;
+}
+
+.huimaiSetting .marinRightList {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  width: 300px;
+  float: right;
+}
+
+.huimaiSetting .marinRightList ul {
+  display: flex;
+  width: 100%;
+  justify-content: space-around;
+}
+
+.huimaiSetting .marinRightList ul li {
+  display: block;
+  list-style-type: none;
+  cursor: pointer;
+  color: #909399;
+  outline: none;
+  border: none;
+}
+
+.huimaiSetting .main_routerPage {
+  padding: 20px;
+  overflow-y: scroll;
+}
+
+.huimaiSetting .FsettingUU {
+  position: fixed;
+  width: 200px;
+  height: 100%;
+  position: fixed;
+  top: 60px;
+  left: 0;
+  overflow: auto;
+  z-index: 5;
+  background-color: rgb(84, 92, 100);
+}
+
+.huimaiSetting .FsettingUU .menu_item {
+  font-size: 14px;
+  color: #303133;
+  padding: 0 20px;
+  cursor: pointer;
+  -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
+  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
+  box-sizing: border-box;
+  height: 56px;
+  line-height: 56px;
+  list-style: none;
+  white-space: nowrap;
+  color: #fff;
+  display: flex;
+  align-items: center;
+}
+
+.huimaiSetting .FsettingUU .menu_item i {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
+  color: #909399;
+}
+
+.huimaiSetting .menu_item:hover {
+  background-color: rgba(67, 74, 80, 0);
+}
+
+.huimaiSetting .F_Logo:hover {
+  background-color: #30353a;
+  color: #fff;
+}
+
+.huimaiSetting .Fchecked {
+  color: rgb(255, 208, 75) !important;
+}
+
+.huimaiSetting .Fchecked i {
+  color: rgb(255, 208, 75) !important;
+}
 </style>
 <template>
   <div class="huimaiSetting">
@@ -203,11 +203,11 @@
                 </span>
                 <el-dropdown-menu slot="dropdown">
                   <el-dropdown-item disabled>{{
-                    currentUser.MallName
+                      currentUser.MallName
                   }}</el-dropdown-item>
                   <el-dropdown-item disabled>{{ currentUser.Account }}({{
                       currentUser.MobilePhone
-                    }})</el-dropdown-item>
+                  }})</el-dropdown-item>
                   <el-dropdown-item @click.native="CommonJump('index')">返回系统</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
@@ -222,31 +222,31 @@
   </div>
 </template>
 <script>
-  export default {
-    data() {
-      return {
-        currentUser: {},
-        isChecked: "",
-        Height: 0,
-        ERPEmpId: 0,
-      };
-    },
-    created() {
-      this.currentUser = this.getLocalStorage();
-
-      this.isChecked = this.$route.path;
-      if (this.$route.query.FIndex) {
-        this.CommonJump("hcategory");
-        this.isChecked = "/hcategory";
-      }
-    },
-    methods: {},
-    mounted() {
+export default {
+  data() {
+    return {
+      currentUser: {},
+      isChecked: "",
+      Height: 0,
+      ERPEmpId: 0,
+    };
+  },
+  created() {
+    this.currentUser = this.getLocalStorage();
+
+    this.isChecked = this.$route.path;
+    if (this.$route.query.FIndex) {
+      this.CommonJump("hcategory");
+      this.isChecked = "/hcategory";
+    }
+  },
+  methods: {},
+  mounted() {
+    this.Height = document.documentElement.clientHeight - 60;
+    //监听浏览器窗口变化
+    window.onresize = () => {
       this.Height = document.documentElement.clientHeight - 60;
-      //监听浏览器窗口变化
-      window.onresize = () => {
-        this.Height = document.documentElement.clientHeight - 60;
-      };
-    },
-  };
+    };
+  },
+};
 </script>
\ No newline at end of file