{"version":3,"sources":["webpack:///src/components/src/components/smartHeader.vue"],"names":[],"mappings":"AA4aA,uBACA,wBAAA,CACA,WAAA,CACA,QACA,CACA,yBACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,WAAA,CACA,QAAA,CACA,cACA,CACA,6BACA,WAAA,CACA,UACA,CACA,2BACA,mBAAA,CACA,cAAA,CACA,UACA,CACA,+BACA,iBAAA,CACA,eACA,CACA,8BACA,gBAAA,CACA,UAAA,CACA,UACA,CACA,oCACA,SACA,CACA,0BACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,yBAAA,CACA,6BAAA,CACA,UAAA,CACA,YAAA,CACA,iBAAA,CACA,OACA,CACA,+BACA,cAAA,CACA,0CAAA,CACA,eACA,CACA,gCACA,WACA,CACA,iCACA,YACA,CACA,4BACA,qBAAA,CACA,UAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,0CACA,CAEA,8BACA,YACA,CACA,oCACA,YAAA,CACA,kBACA,CAMA,2BACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,eACA,CACA,8CACA,kBACA,CACA,2BACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBACA,CACA,yCACA,cAAA,CACA,oBAAA,CACA,gBACA,CACA,2CACA,cACA,CACA,sCACA,YAAA,CACA,WAAA,CACA,wBAAA,CACA,iBACA,CACA,8DACA,+BAAA,CACA,aACA","file":"chunk-0e461f53.c1e8e806.css","sourcesContent":["<template>\n  <div>\n    <el-container class=\"home-container\">\n      <el-header>\n        <div class=\"header-logo\">\n          <div class=\"logo\">\n            <div>\n              <img :src=\"logoImg\"\n                   alt=\"\" />\n            </div>\n            <div class=\"logo-txt\">\n              <div class=\"txt-big\">\n                <span>智慧小区</span>\n              </div>\n              <!-- <div class=\"txt-small\">\n                <span>Beta版本</span>\n              </div> -->\n            </div>\n          </div>\n          <!-- 头部导航 -->\n          <div class=\"header-menu\">\n            <el-menu class=\"el-menu-demo\"\n                     :default-active=\"activeIndex\"\n                     mode=\"horizontal\"\n                     @select=\"handleSelect\"\n                     router>\n              <el-menu-item :index=\"item.path\"\n                            :disabled='item.disabled'\n                            v-for=\"item in headMenu\"\n                            :key=\"item.path\">{{ item.label }}</el-menu-item>\n              <i class=\"el-icon-message-solid notice\" @click=\"noticeDrawer\"></i>\n                            <span>\n                              <el-select size=\"mini\" @change='changeSet' v-model=\"value\" style=\"paddingTop:15px;position:fixed;right: 100px; \">\n                                <el-option\n                                  v-for=\"item in options\"\n                                  :key=\"item.value\"\n                                  :label=\"item.label\"\n                                  :value=\"item.value\">\n                                </el-option>\n                              </el-select>\n                            </span>\n                            <el-button type=\"warning\" class=\"exit\" @click=\"exit\">退出登录</el-button>\n            </el-menu>\n          </div>\n          <div></div>\n        </div>\n      </el-header>\n      <el-container style=\"height:100%\">\n        <router-view></router-view>\n      </el-container>\n      <div class='control'>\n        <div class='control_box'\n             @click=\"toAdmin\">\n          <span>综合服务平台</span>\n        </div>\n      </div>\n    </el-container>\n    <el-drawer\n        title=\"消息列表\"\n        :visible.sync=\"drawer\"\n        :direction=\"direction\"\n        :before-close=\"handleClose\">\n\n        <div style=\"marginLeft:30px;marginBottom:10px\">\n             <el-select v-model=\"sendType\" placeholder=\"请选择消息类型\" size=\"mini\">\n                <el-option\n                  v-for=\"item in Typeoptions\"\n                  :key=\"item.value\"\n                  :label=\"item.label\"\n                  :value=\"item.value\">\n                </el-option>\n              </el-select>\n             <el-input placeholder=\"请输入内容\"\n                        v-model=\"sendContent\"\n                        size=\"mini\"\n                        style=\"width:300px;marginLeft:30px\"\n                        clearable>\n            </el-input>\n        </div>\n        <div v-for=\"(item,index) in list\" :key=\"index\">\n          <el-card shadow=\"never\" style=\"height:105px;fontSize:17px\">\n            <el-row :gutter=\"20\">\n              <el-col :span=\"2\">\n                <img src=\"../assets/images/提示.png\" alt=\"\" class=\"noticeType\" v-if=\"item.type!=7\">\n                <img src=\"../assets/images/订单.png\" alt=\"\" class=\"noticeType\" v-else>\n              </el-col>\n              <el-col :span=\"18\">\n                <div>{{item.content}}</div>\n                <div style=\"color:#999999\">{{item.sendDate}}</div>\n              </el-col>\n              <el-col :span=\"4\">\n                <img :src=\"item.sendStatusPic\" v-if=\"item.sendStatusPic\" title=\"标记已读\"\n                @mouseenter=\"green(index)\" @mouseleave=\"gray(index)\" @click=\"read(item.id)\"\n                 style=\"weight:24px;height:24px;marginTop:17px;marginLeft:20px\">\n                <div  style=\"color:#999999;marginTop:17px;marginLeft:17px\" v-else>已读</div>\n              </el-col>\n            </el-row>\n          </el-card>\n        </div>\n        <el-card shadow=\"hover\" style=\"height:60px;fontSize:18px;textAlign:center;\">\n          <div style=\"display:flex;\">\n            <span style=\"flex:1;cursor: pointer;\" @click=\"getList()\" :class=\"{'disabled':pageNum==1}\">首页</span>\n            <span style=\"flex:1;cursor: pointer;\" @click=\"getList(-1)\" :class=\"{'disabled':pageNum==1}\">上一页</span>\n            <span style=\"flex:1;cursor: pointer;\" @click=\"getList(1)\" :class=\"{'disabled':pageNum==pageCount}\">下一页</span>\n          </div>\n        </el-card>\n        <el-card shadow=\"hover\" \n        style=\"height:65px;fontSize:16px;textAlign:center;color:#999999;cursor: pointer;\"\n        @click.native=\"allread()\"\n        >\n          一键已读\n        </el-card>\n      </el-drawer>\n  </div>\n</template>\n\n<script>\nimport {manageSysMessageList,manageSysMessageRead,manageSysMessageAllRead} from '../api/basic'\nexport default {\n  inject:['reload'],\n  data () {\n    return {\n      value:1,\n      options:[{\n        label:'2020年账套',\n        value:1\n      },{\n        label:'2021年账套',\n        value:2\n      }],\n      sendType:null,\n      Typeoptions:[\n        {\n          label:'报事报修',\n          value:1\n        },{\n          label:'装修',\n          value:2\n        },{\n          label:'绿化任务',\n          value:3\n        },{\n          label:'卫生任务',\n          value:4\n        },{\n          label:'家政服务',\n          value:5\n        },{\n          label:'建议咨询',\n          value:6\n        },{\n          label:'订单',\n          value:7\n        }\n      ],\n      sendContent:null,\n      list:[\n        \n      ],\n      pageNum:null,\n      pageCount:null,//总页数\n      rowCount:null,//总页数\n      drawer: false,\n      direction: 'rtl',\n      logoImg: require('../../src/assets/images/logo.png'),\n      activeIndex: this.$route.path,\n      headMenu: [\n        {\n          path: '/overview',\n          label: '概览',\n        },\n        \n        {\n          // path: '/Butler service',\n          path: '/butler',\n          label: '管家服务',\n        },\n        {\n          // path: '/Operation Management',\n          path: '/operation',\n          label: '运营管理',\n        },\n        {\n          // path: '/Commodity Center',\n          path: '/commodity',\n          label: '商品中心',\n        },\n        // {\n        //   path: '/system',\n        //   label: '系统设置',\n        //   disabled: true,\n        // },\n      ],\n    }\n  },\n  mounted () {\n    if (localStorage.getItem('ACset') == 1) {\n      this.value = '2020年账套'\n    }else if (localStorage.getItem('ACset') == 2){this.value = '2021年账套'}\n    \n    this.getPath()\n    this.pageNum = 1\n    let resData ={\n      pageNum:this.pageNum,\n      size:5\n    }\n    manageSysMessageList(resData).then(res=>{\n      console.log(res);\n      this.rowCount=res.rowCount\n      this.pageCount = res.pageCount\n      res.tableList.forEach(item => {\n        if(item.sendStatus==1){\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          sendStatusPic:require(\"../assets/images/未读.png\"),\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }else{\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }\n        // console.log(this.list);\n      });\n    })\n  },\n  methods: {\n    changeSet(val){\n      console.log(val);\n      localStorage.setItem('ACset',val)\n      this.reload()\n      // ACset\n    },\n    noticeDrawer(){\n      this.drawer = true\n    },\n    // 动态改变图片\n    green(i){\n      console.log(i);\n      this.list[i].sendStatusPic = require(\"../assets/images/已读.png\")\n    },\n    gray(i){\n      console.log(i);\n      this.list[i].sendStatusPic = require(\"../assets/images/未读.png\")\n    },\n    //标记已读\n    read(id){\n      console.log(id);\n      manageSysMessageRead({manageSysMessageId:id}).then(res=>{\n        console.log(res);\n        if(res.status){\n          this.$message({\n            type:'success',\n            message:res.message\n          })\n          // this.reload()\n          this.getList()\n        }\n      })\n    },\n    //一键已读\n    allread(){\n      manageSysMessageAllRead().then(res=>{\n        if(res.status){\n          this.$message({\n            type:'success',\n            message:res.message\n          })\n          this.reload()\n        }\n      })\n    },\n    handleClose(){\n      this.drawer = false\n    },\n    getList(num){\n      this.list = []\n      // 判断 如果是首页没有传参则跳转至第一页\n      if(num == undefined){\n        console.log('首页');\n        this.pageNum =1\n      }\n      else{\n        this.pageNum +=num\n      }\n      console.log(this.pageNum);\n      let resData ={\n      pageNum:this.pageNum,\n      size:5\n    }\n    manageSysMessageList(resData).then(res=>{\n      console.log(res);\n      res.tableList.forEach(item => {\n        if(item.sendStatus==1){\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          sendStatusPic:require(\"../assets/images/未读.png\"),\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }else{\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }\n        console.log(this.list);\n      });\n    })\n    },\n    exit(){\n      window.sessionStorage.clear(),\n      this.$router.push('/login')\n    },\n    complex () {\n      window.location.href = ' http://testmanage.kaidalai.cn/manage/#/headKf'\n    },\n    handleSelect (key, keyPath) { },\n    // 路由过滤\n    getPath () {\n      var str = `${this.$route.path}`\n      if (str.lastIndexOf('/') > 0) {\n        this.activeIndex = str.substring(\n          str.indexOf('/'),\n          str.lastIndexOf('/')\n        )\n      } else {\n        this.activeIndex = this.$route.path\n      }\n    },\n    toAdmin () {\n      this.$router.push('/company')\n    },\n  },\n  watch: {\n    // '$route': 'getPath',\n    $route: {\n      handler: function (val, oldVal) {\n        this.getPath()\n      },\n      // 深度观察监听\n      deep: true,\n    },\n    sendType:{\n      handler(newV){\n        this.list = []\n        let resData={\n          type:newV,\n          size:5,\n          pageNum:this.pageNum\n        }\n        manageSysMessageList(resData).then(res=>{\n          res.tableList.forEach(item => {\n        if(item.sendStatus==1){\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          sendStatusPic:require(\"../assets/images/未读.png\"),\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }else{\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }\n        // console.log(this.list);\n      });\n        })\n      },\n       deep: true,\n    },\n    sendContent:{\n      handler(newV){\n        this.list = []\n        let resData={\n          content:newV,\n          size:5,\n          pageNum:this.pageNum\n        }\n        manageSysMessageList(resData).then(res=>{\n          res.tableList.forEach(item => {\n        if(item.sendStatus==1){\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          sendStatusPic:require(\"../assets/images/未读.png\"),\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }else{\n          let obj = {\n          content:item.content,\n          sendDate:item.sendDate,\n          type:item.type, // 消息类型（1.报事报修，2.装修，3.绿化任务，4.卫生任务,5.家政服务,6.建议咨询，7.订单）\n          id:item.id\n        }\n        this.list.push(obj)\n        }\n        // console.log(this.list);\n      });\n        })\n      },\n       deep: true,\n    }\n  },\n}\n</script>\n\n<style scoped>\n.exit{\n    position: fixed !important;\n    right: 300px; \n    top: 10px;\n}\n.notice{\n  position: fixed !important;\n  color:black;\n    z-index: 999;\n    font-size: 20px;\n    right: 500px; \n    top: 20px;\n    cursor: pointer;\n}\n.noticeType{\n  height: 22px;\n  width: 22px;\n}\n.disabled{\n    pointer-events: none;\n    cursor: default;\n    opacity: 0.6;\n}\n.el-container {\n    position: relative;\n    overflow: hidden;\n}\n.control_box {\n    margin-left: 20px;\n    color: #ffffff;\n    opacity: 0.6;\n}\n.control_box:hover {\n    opacity: 1;\n}\n.control {\n    cursor: pointer;\n    width: 20px;\n    height: 40px;\n    line-height: 40px;\n    background: rgba(0, 0, 0, 0.4);\n    border-radius: 100px 0px 0px 100px;\n    bottom: 20%;\n    z-index: 1000;\n    position: absolute;\n    right: 0;\n}\n.control span {\n    font-size: 16px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n}\n.control:hover {\n    width: 120px;\n}\n.home-container {\n    height: 100vh;\n}\n.el-header {\n    background-color: rgba(255, 255, 255, 1);\n    color: #333;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    box-shadow: 0px 2px 4px 0px rgba(224, 224, 224, 0.5);\n}\n\n.header-logo {\n    display: flex;\n}\n.header-logo > .logo {\n    display: flex;\n    align-items: center;\n}\n/* .logo span{\n    font-size: 20px;\n    font-weight: 700;\n    padding: 0 20px;\n  } */\n.logo img {\n    width: 30px;\n    height: 21px;\n    margin-right: 20px;\n    margin-left: 8px;\n}\n.el-menu.el-menu--horizontal {\n    border-bottom: none;\n}\n.logo-txt {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 30px;\n}\n.logo-txt .txt-big span {\n    font-size: 20px;\n    font-family: LiHeiPro;\n    line-height: 20px;\n}\n.logo-txt .txt-small span {\n    font-size: 12px;\n}\n.logo-txt .txt-small {\n    margin: 0 9px;\n    padding: 2px;\n    border: 1px solid #e2e2e9;\n    border-radius: 3px;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n    border-bottom: 3px solid rgba(251, 71, 2, 1);\n    color: #303133;\n}\n</style>\n"]}