{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js!D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671095833494},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1671074747683},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import wireFeeder from \"@/views/bounced/maintenanceRemind.vue\";\nexport default {\n  data: function data() {\n    return {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      modelOthers: false,\n      videoList: [{\n        img: require('@/assets/img/AnalysisMain/img1.png'),\n        type: '实时视频',\n        title: '视频监控001'\n      }, {\n        img: require('@/assets/img/AnalysisMain/img2.png'),\n        type: '离线视频',\n        title: '视频监控002'\n      }, {\n        img: require('@/assets/img/AnalysisMain/img3.png'),\n        type: '实时视频',\n        title: '视频监控003'\n      }]\n    };\n  },\n  mounted: function mounted() {},\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      if (data == \"新增\") {\n        this.componentShow = \"wireFeeder\";\n        this.modelOthers = true;\n      }\n    }\n  },\n  components: {// wireFeeder\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,EADA;AAEA,MAAA,WAAA,EAAA,IAAA,IAAA,EAFA;AAGA,MAAA,WAAA,EAAA,IAHA;AAIA,MAAA,WAAA,EAAA,KAJA;AAKA,MAAA,SAAA,EAAA,CAAA;AACA,QAAA,GAAA,EAAA,OAAA,CAAA,oCAAA,CADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA;AAHA,OAAA,EAIA;AACA,QAAA,GAAA,EAAA,OAAA,CAAA,oCAAA,CADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA;AAHA,OAJA,EAQA;AACA,QAAA,GAAA,EAAA,OAAA,CAAA,oCAAA,CADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA;AAHA,OARA;AALA,KAAA;AAmBA,GArBA;AAsBA,EAAA,OAtBA,qBAsBA,CAEA,CAxBA;AAyBA,EAAA,OAAA,EAAA;AACA,IAAA,eADA,2BACA,IADA,EACA,IADA,EACA;AACA,UAAA,IAAA,IAAA,IAAA,EAAA;AACA,aAAA,aAAA,GAAA,YAAA;AACA,aAAA,WAAA,GAAA,IAAA;AACA;AACA;AANA,GAzBA;AAkCA,EAAA,UAAA,EAAA,CACA;AADA;AAlCA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\">\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\">\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n      <img :src=\"item.img\" class=\"image\">\r\n      <div style=\"padding: 14px;\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n <!-- <div class=\"componentShow\" v-if=\"modelOthers\">\r\n      <keep-alive>\r\n        <component\r\n          :is=\"componentShow\"\r\n          @closeStatus=\"getCloseStatus\"\r\n        \r\n         \r\n        ></component>\r\n      </keep-alive>\r\n    </div> -->\r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\n// import wireFeeder from \"@/views/bounced/maintenanceRemind.vue\";\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      modelOthers: false,\r\n        videoList:[{\r\n            img:require('@/assets/img/AnalysisMain/img1.png'),\r\n            type:'实时视频',\r\n            title:'视频监控001'\r\n        },{\r\n            img:require('@/assets/img/AnalysisMain/img2.png'),\r\n            type:'离线视频',\r\n            title:'视频监控002'\r\n        },{\r\n            img:require('@/assets/img/AnalysisMain/img3.png'),\r\n            type:'实时视频',\r\n            title:'视频监控003'\r\n        }]\r\n    }\r\n  },\r\n   mounted() {\r\n    \r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n      if (data == \"新增\") {\r\n        this.componentShow = \"wireFeeder\";\r\n        this.modelOthers = true;\r\n      }\r\n      },\r\n    \r\n  },\r\n   components: {\r\n    // wireFeeder\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  \r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}