{"version":3,"sources":["webpack:///./src/views/school/safetyNetworkEquipment/MonitorFaceManage.vue","webpack:///src/views/school/safetyNetworkEquipment/MonitorFaceManage.vue","webpack:///./src/views/school/safetyNetworkEquipment/MonitorFaceManage.vue?b959","webpack:///./src/views/school/safetyNetworkEquipment/MonitorFaceManage.vue?3366","webpack:///./src/assets/img/safetyScore/no-img-icon.png","webpack:///./src/views/school/safetyNetworkEquipment/MonitorFaceManage.vue?4891"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","refreshData","_v","tableData","length","directives","name","rawName","value","tableLoading","expression","_l","item","index","key","class","isMatch","style","id","detailInfo","showInfo","$store","state","config","fileUrl","smallImage","_s","channelName","staticStyle","ageLowerLimit","ageUpLimit","$Common","getDataName","genderData","gender","glassStyleData","glassStyle","maskData","mask","dateFormatDateTwo","alarmTime","requestData","pageNum","pageSize","total","handleCurrentChange","personName","similarity","_e","bigImage","matchImage","require","staticRenderFns","components","props","data","schoolId","watch","computed","methods","getTableData","val","res","$Http","getMonitorFaceList","code","list","$message","type","message","messsage","info","created","mounted","beforeCreate","beforeMount","beforeUpdate","updated","beforeDestroy","destroy","activated","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,KAAO,UAAU,KAAO,OAAO,MAAQ,GAAG,KAAO,mBAAmBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAIQ,iBAAiB,CAACR,EAAIS,GAAG,SAAS,KAAMT,EAAIU,UAAUC,OAAS,EAAGT,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACU,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOf,EAAIgB,aAAcC,WAAW,iBAAiBb,YAAY,YAAYJ,EAAIkB,GAAIlB,EAAIU,WAAW,SAASS,EAAKC,GAAO,OAAOlB,EAAG,MAAM,CAACmB,IAAID,EAAME,MAAsB,GAAhBH,EAAKI,QACnqB,kCACA,kCAAkCC,MAAOL,EAAKM,IAAMzB,EAAI0B,WAAWD,GAAK,eAAiB,gBAAiBnB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAI2B,SAASR,MAAS,CAACjB,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAAC,IAAML,EAAI4B,OAAOC,MAAMC,OAAOC,QAAUZ,EAAKa,WAAW,IAAM,MAAM9B,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIS,GAAG,QAAQT,EAAIiC,GAAGd,EAAKe,gBAAgBhC,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACiC,YAAY,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,SAAST,EAAIiC,GAAGd,EAAKiB,eAAe,KAAKpC,EAAIiC,GAAGd,EAAKkB,YAAY,QAAQnC,EAAG,MAAM,CAACiC,YAAY,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,OAAOT,EAAIiC,GAAGjC,EAAIsC,QAAQC,YAAYvC,EAAIwC,WAAYrB,EAAKsB,SAAS,SAASvC,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACiC,YAAY,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,OAAOT,EAAIiC,GAAGjC,EAAIsC,QAAQC,YAAYvC,EAAI0C,eAAgBvB,EAAKwB,aAAa,OAAOzC,EAAG,MAAM,CAACiC,YAAY,CAAC,MAAQ,QAAQ,CAACnC,EAAIS,GAAG,OAAOT,EAAIiC,GAAGjC,EAAIsC,QAAQC,YAAYvC,EAAI4C,SAAUzB,EAAK0B,OAAO,SAAS3C,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIS,GAAG,UAAUT,EAAIiC,GAAGjC,EAAIsC,QAAQQ,kBAAkB3B,EAAK4B,YAAY,cAAa,GAAG7C,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,gBAAgB,CAACG,MAAM,CAAC,eAAeL,EAAIgD,YAAYC,QAAQ,YAAYjD,EAAIgD,YAAYE,SAAS,OAAS,mCAAmC,MAAQlD,EAAImD,MAAM,cAAc,GAAG7C,GAAG,CAAC,iBAAiBN,EAAIoD,wBAAwB,KAAKlD,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAA4B,GAA1BJ,EAAI0B,WAAWH,QAAcrB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACF,EAAIS,GAAG,UAAUT,EAAIiC,GAAGjC,EAAI0B,WAAW2B,eAAenD,EAAG,MAAM,CAACF,EAAIS,GAAG,OAAOT,EAAIiC,GAA+B,IAA5BjC,EAAI0B,WAAW4B,YAAkB,SAAStD,EAAIuD,KAAKrD,EAAG,MAAM,CAACE,YAAY,iBAAiBoB,MAAiC,GAA1BxB,EAAI0B,WAAWH,QAAe,aAAe,eAAgB,CAACrB,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,IAAML,EAAI4B,OAAOC,MAAMC,OAAOC,QAAU/B,EAAI0B,WAAW8B,SAAS,IAAM,MAAOxD,EAAI0B,WAAW+B,WAAYvD,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,IAAML,EAAI4B,OAAOC,MAAMC,OAAOC,QAAU/B,EAAI0B,WAAW+B,WAAW,IAAM,MAAMvD,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,IAAMqD,EAAQ,QAA4C,IAAM,YAAYxD,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACJ,EAAIS,GAAG,aAE1pEkD,EAAkB,GCqGP,GAEfC,WAAA,GACAC,MAAA,GACAC,OAEA,OACAd,YAAA,CACAC,QAAA,EACAC,SAAA,GACAa,SAAA,KAAAnC,OAAAC,MAAAkC,UAEAZ,MAAA,EACAzC,UAAA,GACAM,cAAA,EACAU,WAAA,KAIAsC,MAAA,GAEAC,SAAA,CACAzB,aACA,OACA,CAAAf,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,SAGA6B,iBACA,OACA,CAAAjB,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,QACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,GAAAZ,KAAA,YACA,CAAAY,GAAA,GAAAZ,KAAA,QAGA+B,WACA,QAAAnB,GAAA,EAAAZ,KAAA,MACA,CAAAY,GAAA,EAAAZ,KAAA,OACA,CAAAY,GAAA,EAAAZ,KAAA,WAIAqD,QAAA,CACA1D,cACA,KAAAwC,YAAAC,QAAA,EACA,KAAAkB,gBAEAf,oBAAAgB,GACA,KAAApB,YAAAC,QAAAmB,EACA,KAAAD,gBAEA,qBACA,KAAAnD,cAAA,EACA,IAAAqD,QAAA,KAAAC,MAAAC,mBAAA,KAAAvB,aAEA,GADA,KAAAhC,cAAA,EACA,KAAAqD,EAAAG,KAAA,CACA,IAAAV,EAAAO,EAAAP,KAAAW,MAAA,GACA,KAAA/D,UAAAoD,EACA,KAAAX,MAAAkB,EAAAP,KAAAX,OAAA,EACA,KAAAzB,WAAA,CACAD,GAAAqC,EAAA,GAAArC,GACA+B,SAAAM,EAAA,GAAAN,SACAjC,QAAAuC,EAAA,GAAAvC,QACAkC,WAAAK,EAAA,GAAAL,WACAJ,WAAAS,EAAA,GAAAT,WACAC,WAAAQ,EAAA,GAAAR,iBAEA,KAAAe,EAAAG,MACA,KAAA9D,UAAA,GACA,KAAAyC,MAAA,IAEA,KAAAzC,UAAA,GACA,KAAAyC,MAAA,EACA,KAAAuB,SAAA,CACAC,KAAA,QACAC,QAAAP,EAAAQ,aAIAlD,SAAAmD,GACA,KAAApD,WAAA,CACAD,GAAAqD,EAAArD,GACA+B,SAAAsB,EAAAtB,SACAjC,QAAAuD,EAAAvD,QACAkC,WAAAqB,EAAArB,WACAJ,WAAAyB,EAAAzB,WACAC,WAAAwB,EAAAxB,cAKAyB,YAEAC,UACA,KAAAb,gBAEAc,iBACAC,gBACAC,iBACAC,YACAC,kBACAC,YACAC,eC1NwX,I,wBCQpXC,EAAY,eACd,EACAzF,EACA4D,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,8BCnBfC,EAAOC,QAAU,IAA0B,gC,yDCA3C","file":"js/chunk-246f6662.da8ad6d6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page_box\"},[_c('div',{staticClass:\"page_option_box\"},[_c('div',{staticClass:\"option_box\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"mini\",\"plain\":\"\",\"icon\":\"el-icon-refresh\"},on:{\"click\":function($event){return _vm.refreshData()}}},[_vm._v(\"刷新\")])],1)]),(_vm.tableData.length > 0)?_c('div',{staticClass:\"page_table_box content-box\"},[_c('div',{staticClass:\"list-content-box\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.tableLoading),expression:\"tableLoading\"}],staticClass:\"list-box\"},_vm._l((_vm.tableData),function(item,index){return _c('div',{key:index,class:item.isMatch == 1\n              ? 'list-item-box-one list-item-box'\n              : 'list-item-box-two list-item-box',style:(item.id == _vm.detailInfo.id ? 'opacity: 1.0' : 'opacity: 0.6;'),on:{\"click\":function($event){return _vm.showInfo(item)}}},[_c('img',{staticClass:\"small-image-box\",attrs:{\"src\":_vm.$store.state.config.fileUrl + item.smallImage,\"alt\":\"\"}}),_c('div',{staticClass:\"list-item-content-box\"},[_c('div',{staticClass:\"item-box\"},[_vm._v(\"抓拍位置:\"+_vm._s(item.channelName))]),_c('div',{staticClass:\"item-box\"},[_c('div',{staticStyle:{\"width\":\"60%\"}},[_vm._v(\" 年龄范围:\"+_vm._s(item.ageLowerLimit)+\"岁~\"+_vm._s(item.ageUpLimit)+\"岁 \")]),_c('div',{staticStyle:{\"width\":\"40%\"}},[_vm._v(\" 性别:\"+_vm._s(_vm.$Common.getDataName(_vm.genderData, item.gender))+\" \")])]),_c('div',{staticClass:\"item-box\"},[_c('div',{staticStyle:{\"width\":\"60%\"}},[_vm._v(\" 眼镜:\"+_vm._s(_vm.$Common.getDataName(_vm.glassStyleData, item.glassStyle))+\" \")]),_c('div',{staticStyle:{\"width\":\"40%\"}},[_vm._v(\" 口罩:\"+_vm._s(_vm.$Common.getDataName(_vm.maskData, item.mask))+\" \")])]),_c('div',{staticClass:\"item-box\"},[_vm._v(\" 抓拍时间: \"+_vm._s(_vm.$Common.dateFormatDateTwo(item.alarmTime))+\" \")])])])}),0),_c('div',{staticClass:\"pagination_box\"},[_c('el-pagination',{attrs:{\"current-page\":_vm.requestData.pageNum,\"page-size\":_vm.requestData.pageSize,\"layout\":\"total, prev, pager, next, jumper\",\"total\":_vm.total,\"pager-count\":5},on:{\"current-change\":_vm.handleCurrentChange}})],1)]),_c('div',{staticClass:\"detail-content-box\"},[(_vm.detailInfo.isMatch == 1)?_c('div',{staticClass:\"person-info-box\"},[_c('div',[_vm._v(\"匹配人员名称:\"+_vm._s(_vm.detailInfo.personName))]),_c('div',[_vm._v(\"相似度:\"+_vm._s(_vm.detailInfo.similarity * 100)+\"%\")])]):_vm._e(),_c('div',{staticClass:\"person-img-box\",style:(_vm.detailInfo.isMatch == 1 ? 'height:90%' : 'height:100%')},[_c('img',{staticClass:\"img-item-box\",attrs:{\"src\":_vm.$store.state.config.fileUrl + _vm.detailInfo.bigImage,\"alt\":\"\"}}),(_vm.detailInfo.matchImage)?_c('img',{staticClass:\"img-item-box\",attrs:{\"src\":_vm.$store.state.config.fileUrl + _vm.detailInfo.matchImage,\"alt\":\"\"}}):_c('img',{staticClass:\"img-item-box\",attrs:{\"src\":require(\"@/assets/img/safetyScore/no-img-icon.png\"),\"alt\":\"\"}})])])]):_c('div',{staticClass:\"page_table_box no-list-box\"},[_vm._v(\"暂无数据\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page_box\">\r\n    <div class=\"page_option_box\">\r\n      <div class=\"option_box\">\r\n        <el-button\r\n          type=\"primary\"\r\n          size=\"mini\"\r\n          plain\r\n          icon=\"el-icon-refresh\"\r\n          @click=\"refreshData()\"\r\n          >刷新</el-button\r\n        >\r\n      </div>\r\n    </div>\r\n    <div class=\"page_table_box content-box\" v-if=\"tableData.length > 0\">\r\n      <div class=\"list-content-box\">\r\n        <div class=\"list-box\" v-loading=\"tableLoading\">\r\n          <div\r\n            v-for=\"(item, index) in tableData\"\r\n            :key=\"index\"\r\n            @click=\"showInfo(item)\"\r\n            :class=\"\r\n              item.isMatch == 1\r\n                ? 'list-item-box-one list-item-box'\r\n                : 'list-item-box-two list-item-box'\r\n            \"\r\n            :style=\"item.id == detailInfo.id ? 'opacity: 1.0' : 'opacity: 0.6;'\"\r\n          >\r\n            <img\r\n              class=\"small-image-box\"\r\n              :src=\"$store.state.config.fileUrl + item.smallImage\"\r\n              alt=\"\"\r\n            />\r\n            <div class=\"list-item-content-box\">\r\n              <div class=\"item-box\">抓拍位置:{{ item.channelName }}</div>\r\n              <div class=\"item-box\">\r\n                <div style=\"width:60%\">\r\n                  年龄范围:{{ item.ageLowerLimit }}岁~{{ item.ageUpLimit }}岁\r\n                </div>\r\n                <div style=\"width:40%\">\r\n                  性别:{{ $Common.getDataName(genderData, item.gender) }}\r\n                </div>\r\n              </div>\r\n              <div class=\"item-box\">\r\n                <div style=\"width:60%\">\r\n                  眼镜:{{ $Common.getDataName(glassStyleData, item.glassStyle) }}\r\n                </div>\r\n                <div style=\"width:40%\">\r\n                  口罩:{{ $Common.getDataName(maskData, item.mask) }}\r\n                </div>\r\n              </div>\r\n              <div class=\"item-box\">\r\n                抓拍时间: {{ $Common.dateFormatDateTwo(item.alarmTime) }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"pagination_box\">\r\n          <el-pagination\r\n            @current-change=\"handleCurrentChange\"\r\n            :current-page=\"requestData.pageNum\"\r\n            :page-size=\"requestData.pageSize\"\r\n            layout=\"total, prev, pager, next, jumper\"\r\n            :total=\"total\"\r\n            :pager-count=\"5\"\r\n          >\r\n          </el-pagination>\r\n        </div>\r\n      </div>\r\n      <div class=\"detail-content-box\">\r\n        <div class=\"person-info-box\" v-if=\"detailInfo.isMatch == 1\">\r\n          <div>匹配人员名称:{{ detailInfo.personName }}</div>\r\n          <div>相似度:{{ detailInfo.similarity * 100 }}%</div>\r\n        </div>\r\n        <div\r\n          class=\"person-img-box\"\r\n          :style=\"detailInfo.isMatch == 1 ? 'height:90%' : 'height:100%'\"\r\n        >\r\n          <img\r\n            class=\"img-item-box\"\r\n            :src=\"$store.state.config.fileUrl + detailInfo.bigImage\"\r\n            alt=\"\"\r\n          />\r\n          <img\r\n            v-if=\"detailInfo.matchImage\"\r\n            class=\"img-item-box\"\r\n            :src=\"$store.state.config.fileUrl + detailInfo.matchImage\"\r\n            alt=\"\"\r\n          />\r\n          <img\r\n            v-else\r\n            class=\"img-item-box\"\r\n            src=\"@/assets/img/safetyScore/no-img-icon.png\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page_table_box no-list-box\" v-else>暂无数据</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n//这里可以引入其他文件（比如组件，工具js，第三方插件js，json文件，图片文件等等）\r\n//列如：import <<组件名称>> from '《组件路径》';\r\nexport default {\r\n  //import引入的组件需要注入到对象中才能使用\r\n  components: {},\r\n  props: {},\r\n  data() {\r\n    //这里存放数据\r\n    return {\r\n      requestData: {\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        schoolId: this.$store.state.schoolId\r\n      },\r\n      total: 0,\r\n      tableData: [],\r\n      tableLoading: false,\r\n      detailInfo: {}\r\n    };\r\n  },\r\n  //监控data中的数据变化\r\n  watch: {},\r\n  //计算属性，类似于data概念\r\n  computed: {\r\n    genderData() {\r\n      return [\r\n        { id: 0, name: \"未知\" },\r\n        { id: 1, name: \"男性\" },\r\n        { id: 2, name: \"女性\" },\r\n        { id: 9, name: \"未说明\" }\r\n      ];\r\n    },\r\n      glassStyleData(){\r\n          return [\r\n        { id: 0, name: \"无眼镜\" },\r\n        { id: 1, name: \"全框\" },\r\n        { id: 2, name: \"半框\" },\r\n        { id: 3, name: \"无框\" },\r\n        { id: 4, name: \"眉线框\" },\r\n        { id: 5, name: \"多功能框\" },\r\n        { id: 6, name: \"变色镜\" },\r\n        { id: 7, name: \"太阳镜\" },\r\n        { id: 8, name: \"无镜片\" },\r\n        { id: 9, name: \"透明色\" },\r\n        { id: 10, name: \"戴眼镜不区分款式\" },\r\n        { id: 99, name: \"其他\" }\r\n      ];\r\n      },\r\n      maskData(){\r\n          return [{ id: 0, name: \"未知\" },\r\n        { id: 1, name: \"戴口罩\" },\r\n        { id: 2, name: \"未戴口罩\" }]\r\n      }\r\n  },\r\n  //方法集合\r\n  methods: {\r\n    refreshData() {\r\n      this.requestData.pageNum = 1;\r\n      this.getTableData();\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.requestData.pageNum = val;\r\n      this.getTableData();\r\n    },\r\n    async getTableData() {\r\n      this.tableLoading = true;\r\n      let res = await this.$Http.getMonitorFaceList(this.requestData);\r\n      this.tableLoading = false;\r\n      if (res.code == 200) {\r\n        let data = res.data.list || [];\r\n        this.tableData = data;\r\n        this.total = res.data.total || 0;\r\n        this.detailInfo = {\r\n          id: data[0].id,\r\n          bigImage: data[0].bigImage,\r\n          isMatch: data[0].isMatch,\r\n          matchImage: data[0].matchImage,\r\n          personName: data[0].personName,\r\n          similarity: data[0].similarity\r\n        };\r\n      } else if (res.code == 101) {\r\n        this.tableData = [];\r\n        this.total = 0;\r\n      } else {\r\n        this.tableData = [];\r\n        this.total = 0;\r\n        this.$message({\r\n          type: \"error\",\r\n          message: res.messsage\r\n        });\r\n      }\r\n    },\r\n    showInfo(info) {\r\n      this.detailInfo = {\r\n        id: info.id,\r\n        bigImage: info.bigImage,\r\n        isMatch: info.isMatch,\r\n        matchImage: info.matchImage,\r\n        personName: info.personName,\r\n        similarity: info.similarity\r\n      };\r\n    }\r\n  },\r\n  //生命周期，创建完成（可以访问当前this实例）\r\n  created() {},\r\n  //生命周期，挂载完成（可以访问dom元素）\r\n  mounted() {\r\n    this.getTableData();\r\n  },\r\n  beforeCreate() {}, //生命周期-创建之前\r\n  beforeMount() {}, //生命周期 - 挂载之前\r\n  beforeUpdate() {}, //生命周期 - 更新之后\r\n  updated() {}, //生命周期 - 更新之后\r\n  beforeDestroy() {}, //生命周期 - 销毁之前\r\n  destroy() {}, //生命周期 - 销毁完成\r\n  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.content-box {\r\n  display: flex;\r\n}\r\n.list-content-box {\r\n  width: 30%;\r\n  height: 100%;\r\n  .list-box {\r\n    height: 92%;\r\n    width: 100%;\r\n    padding: 5px;\r\n    overflow-y: scroll;\r\n    scrollbar-width: none;\r\n    .list-item-box {\r\n      width: 100%;\r\n      height: 160px;\r\n      margin: 8px 0px;\r\n      cursor: pointer;\r\n      display: flex;\r\n\r\n      .small-image-box {\r\n        margin: 5px;\r\n        width: 150px;\r\n        height: 150px;\r\n      }\r\n      .list-item-content-box {\r\n        margin: 5px;\r\n        width: calc(100% - 170px);\r\n        height: calc(100% - 10px);\r\n        .item-box {\r\n          width: 100%;\r\n          height: 25%;\r\n          display: flex;\r\n          align-items: center;\r\n          font-size: 16px;\r\n          font-family: AlibabaPuHuiTiH;\r\n          color: #313453;\r\n        }\r\n      }\r\n    }\r\n    .list-item-box-one {\r\n      background: url(\"~@/assets/img/safetyScore/the-matched-bg.png\") center\r\n        center no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n    .list-item-box-two {\r\n      background: url(\"~@/assets/img/safetyScore/unmatch-bg.png\") center center\r\n        no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n  }\r\n}\r\n.detail-content-box {\r\n  margin: 0px 10px;\r\n  width: calc(70% - 10px);\r\n  height: 100%;\r\n  background-color: #f5f5f7;\r\n  .person-img-box {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    .img-item-box {\r\n      width: 45%;\r\n      height: 70%;\r\n      box-shadow: 0px 6px 17px 0px rgba(190, 190, 190, 0.5);\r\n      border-radius: 4px;\r\n    }\r\n  }\r\n  .person-info-box {\r\n    width: 100%;\r\n    height: 10%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    div {\r\n      background: #8fbcff;\r\n      border-radius: 4px;\r\n      width: 36%;\r\n      height: 90%;\r\n      font-size: 18px;\r\n      font-family: AlibabaPuHuiTiH;\r\n      color: #000000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n}\r\n.no-list-box {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 20px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorFaceManage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorFaceManage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MonitorFaceManage.vue?vue&type=template&id=1193227e&scoped=true\"\nimport script from \"./MonitorFaceManage.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorFaceManage.vue?vue&type=script&lang=js\"\nimport style0 from \"./MonitorFaceManage.vue?vue&type=style&index=0&id=1193227e&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1193227e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/no-img-icon.6c504d55.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MonitorFaceManage.vue?vue&type=style&index=0&id=1193227e&prod&scoped=true&lang=scss\""],"sourceRoot":""}