页面更新

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