1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"remainingRequest":"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":1671160850814},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"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":["import \"core-js/modules/es6.function.name\";\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//\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//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nexport default {\n data: function data() {\n return {\n componentShow: \"\",\n currentDate: new Date(),\n closeStatus: null,\n dialogFormVisible: false,\n fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n ],\n form: {\n radio: '',\n name: '',\n city: '',\n videoUrl: ''\n },\n formLabelWidth: '120px',\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 console.log(\"dialogFormVisible\", this.dialogFormVisible);\n },\n methods: {\n informationInfo: function informationInfo(data, item) {\n console.log(\"data\", data);\n\n if (data == '新增') {\n this.form = {\n radio: '',\n name: '',\n city: '',\n videoUrl: ''\n }, this.dialogFormVisible = true;\n }\n },\n handleRemove: function handleRemove(file, fileList) {\n console.log(file, fileList);\n },\n handlePreview: function handlePreview(file) {\n console.log(file);\n },\n handleExceed: function handleExceed(files, fileList) {\n this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n },\n beforeRemove: function beforeRemove(file, fileList) {\n return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n } // onUpdateSubmit(data) {\n // if (data?.id) {\n // this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n // } else {\n // this.tableData.push({\n // id: Math.floor(Math.random() * 300),\n // name: data.name,\n // creator: 'dd',\n // })\n // }\n // this.dialogFormVisible = false;\n // },\n\n },\n components: {\n editModal: editModal\n }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,OAAA,SAAA,MAAA,mCAAA;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,iBAAA,EAAA,KAJA;AAKA,MAAA,QAAA,EAAA,CACA;AADA,OALA;AAQA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,EADA;AAEA,QAAA,IAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,QAAA,EAAA;AAJA,OARA;AAcA,MAAA,cAAA,EAAA,OAdA;AAeA,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;AAfA,KAAA;AA6BA,GA/BA;AAgCA,EAAA,OAhCA,qBAgCA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,GAlCA;AAmCA,EAAA,OAAA,EAAA;AACA,IAAA,eADA,2BACA,IADA,EACA,IADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA,EAAA,IAAA;;AACA,UAAA,IAAA,IAAA,IAAA,EAAA;AACA,aAAA,IAAA,GAAA;AACA,UAAA,KAAA,EAAA,EADA;AAEA,UAAA,IAAA,EAAA,EAFA;AAGA,UAAA,IAAA,EAAA,EAHA;AAIA,UAAA,QAAA,EAAA;AAJA,SAAA,EAMA,KAAA,iBAAA,GAAA,IANA;AAOA;AAEA,KAbA;AAcA,IAAA,YAdA,wBAcA,IAdA,EAcA,QAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KAhBA;AAiBA,IAAA,aAjBA,yBAiBA,IAjBA,EAiBA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KAnBA;AAoBA,IAAA,YApBA,wBAoBA,KApBA,EAoBA,QApBA,EAoBA;AACA,WAAA,QAAA,CAAA,OAAA,yGAAA,KAAA,CAAA,MAAA,+DAAA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MAAA;AACA,KAtBA;AAuBA,IAAA,YAvBA,wBAuBA,IAvBA,EAuBA,QAvBA,EAuBA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA,KAzBA,CA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAtCA,GAnCA;AA6EA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA;AADA;AA7EA,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 <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>\r\n <!-- <el-dialog\r\n title=\"组件配置\"\r\n :visible.sync=\"dialogFormVisible\"\r\n > -->\r\n <el-dialog\r\n title=\"视频源配置\"\r\n :visible.sync=\"dialogFormVisible\"\r\n >\r\n <!-- <editModal ></editModal> -->\r\n <el-form :model=\"form\">\r\n <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n <el-input v-model=\"form.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n <el-radio-group v-model=\"form.radio\">\r\n <el-radio label=\"实时视频\"></el-radio>\r\n <el-radio label=\"离线视频\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.radio=='实时视频'\">\r\n <el-input v-model=\"form.city\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.radio=='离线视频'\">\r\n <el-upload\r\n v-model=\"form.videoUrl\"\r\n class=\"upload-demo\"\r\n action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n :on-preview=\"handlePreview\"\r\n :on-remove=\"handleRemove\"\r\n :before-remove=\"beforeRemove\"\r\n multiple\r\n :limit=\"1\"\r\n :on-exceed=\"handleExceed\"\r\n :file-list=\"fileList\">\r\n <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n <!-- <div slot=\"tip\" class=\"el-upload__tip\">只能上传jpg/png文件，且不超过500kb</div> -->\r\n </el-upload>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"dialogFormVisible = false\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nexport default {\r\n data(){\r\n return{\r\n componentShow: \"\",\r\n currentDate: new Date(),\r\n closeStatus: null,\r\n dialogFormVisible: false,\r\n fileList: [\r\n // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n ],\r\n form: {\r\n radio: '',\r\n name: '',\r\n city:'',\r\n videoUrl:'',\r\n },\r\n formLabelWidth: '120px',\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 console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n },\r\n methods: {\r\n informationInfo(data,item) {\r\n console.log(\"data\",data)\r\n if(data=='新增'){\r\n this.form= {\r\n radio: '',\r\n name: '',\r\n city:'',\r\n videoUrl:'',\r\n },\r\n this.dialogFormVisible = true;\r\n }\r\n \r\n },\r\n handleRemove(file, fileList) {\r\n console.log(file, fileList);\r\n },\r\n handlePreview(file) {\r\n console.log(file);\r\n },\r\n handleExceed(files, fileList) {\r\n this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n },\r\n beforeRemove(file, fileList) {\r\n return this.$confirm(`确定移除 ${ file.name }？`);\r\n },\r\n // onUpdateSubmit(data) {\r\n// if (data?.id) {\r\n// this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n// } else {\r\n// this.tableData.push({\r\n// id: Math.floor(Math.random() * 300),\r\n// name: data.name,\r\n// creator: 'dd',\r\n// })\r\n// }\r\n \r\n// this.dialogFormVisible = false;\r\n// },\r\n },\r\n \r\n\r\n components: {\r\n editModal\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.el_dialog {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .el_dialog__content {\r\n width: v-bind(width1);\r\n height: 400px;\r\n background-color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n</style>"],"sourceRoot":"src/views"}]} |