diff --git a/node_modules/.cache/babel-loader/7ee618b0c395322dcd2337cc6bbeb227.json b/node_modules/.cache/babel-loader/7ee618b0c395322dcd2337cc6bbeb227.json
index 15948da9..23e2552d 100644
--- a/node_modules/.cache/babel-loader/7ee618b0c395322dcd2337cc6bbeb227.json
+++ b/node_modules/.cache/babel-loader/7ee618b0c395322dcd2337cc6bbeb227.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\nimport { loginApi } from '@/api/login';\nexport default {\n  name: 'Login',\n  // 登录页面\n  data: function data() {\n    return {\n      param: {\n        username: 'admin',\n        password: '123456'\n      },\n      rules: {\n        username: [{\n          required: true,\n          message: '账号不能为空',\n          trigger: 'blur'\n        }],\n        password: [{\n          required: true,\n          message: '密码不能为空',\n          trigger: 'blur'\n        }]\n      }\n    };\n  },\n  created: function created() {\n    this.getType();\n  },\n  methods: {\n    getType: function getType() {\n      var datas = {\n        telephone: '13088888888',\n        typeCode: 2\n      };\n      loginApi(datas).then(function (res) {\n        console.log('c', res);\n      });\n    },\n    submitForm: function submitForm() {\n      var _this = this;\n\n      this.$refs.login.validate(function (valid) {\n        if (valid) {\n          _this.$message.success('登录成功');\n\n          localStorage.setItem('ms_username', _this.param.username);\n\n          _this.$router.push('/');\n        } else {\n          _this.$message.error('请输入账号和密码');\n\n          console.log('error submit!!');\n          return false;\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAA,QAAA,QAAA,aAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,OADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,OADA;AAEA,QAAA,QAAA,EAAA;AAFA,OADA;AAKA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA,CADA;AAEA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA;AAFA;AALA,KAAA;AAUA,GAbA;AAcA,EAAA,OAdA,qBAcA;AACA,SAAA,OAAA;AACA,GAhBA;AAiBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,GAAA;AACA,QAAA,SAAA,EAAA,aADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAAA;AAIA,MAAA,QAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA;AACA,OAFA;AAGA,KATA;AAUA,IAAA,UAVA,wBAUA;AAAA;;AACA,WAAA,KAAA,CAAA,KAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;;AACA,UAAA,YAAA,CAAA,OAAA,CAAA,aAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QAAA;;AACA,UAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA;AACA,SAJA,MAIA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA;;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,gBAAA;AACA,iBAAA,KAAA;AACA;AACA,OAVA;AAWA;AAtBA;AAjBA,CAAA","sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"ms-login\">\r\n      <div class=\"ms-title\">欢迎登录</div>\r\n      <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input v-model=\"param.username\" placeholder=\"输入账号\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"password\" style=\"margin-top: 25px\">\r\n          <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <div class=\"login-btn\">\r\n          <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n  name: 'Login',  // 登录页面\r\n  data(){\r\n    return{\r\n      param: {\r\n        username: 'admin',\r\n        password: '123456'\r\n      },\r\n      rules: {\r\n        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getType();\r\n  },\r\n  methods: {\r\n    getType() {\r\n      let datas = {\r\n        telephone: '13088888888',\r\n        typeCode: 2\r\n      };\r\n      loginApi(datas).then((res) => {\r\n        console.log('c', res);\r\n      });\r\n    },\r\n    submitForm() {\r\n      this.$refs.login.validate((valid) => {\r\n        if (valid) {\r\n          this.$message.success('登录成功');\r\n          localStorage.setItem('ms_username', this.param.username);\r\n          this.$router.push('/');\r\n        } else {\r\n          this.$message.error('请输入账号和密码');\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 22px;\r\n  margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n  position: relative;\r\n  width: 450px;\r\n  height: 335px;\r\n  max-width: 90%;\r\n  margin: 275px auto;\r\n  border-radius: 5px;\r\n  background: white;\r\n  overflow: hidden;\r\n}\r\n.ms-content {\r\n  padding: 30px 30px;\r\n}\r\n.login-btn {\r\n  margin-top: 10%;\r\n}\r\n.login-btn button {\r\n  width: 100%;\r\n  height: 36px;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/page"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\nimport { loginApi } from '@/api/login';\nexport default {\n  name: 'Login',\n  // 登录页面\n  data: function data() {\n    return {\n      param: {\n        username: 'admin',\n        password: '123456'\n      },\n      checked: false,\n      rules: {\n        username: [{\n          required: true,\n          message: '账号不能为空',\n          trigger: 'blur'\n        }],\n        password: [{\n          required: true,\n          message: '密码不能为空',\n          trigger: 'blur'\n        }]\n      }\n    };\n  },\n  created: function created() {\n    this.getType();\n  },\n  methods: {\n    getType: function getType() {\n      var datas = {\n        telephone: '13088888888',\n        typeCode: 2\n      };\n      loginApi(datas).then(function (res) {\n        console.log('c', res);\n      });\n    },\n    submitForm: function submitForm() {\n      var _this = this;\n\n      this.$refs.login.validate(function (valid) {\n        if (valid) {\n          _this.$message.success('登录成功');\n\n          localStorage.setItem('ms_username', _this.param.username);\n\n          _this.$router.push('/');\n        } else {\n          _this.$message.error('请输入账号和密码');\n\n          console.log('error submit!!');\n          return false;\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAA,QAAA,QAAA,aAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,OADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,OADA;AAEA,QAAA,QAAA,EAAA;AAFA,OADA;AAKA,MAAA,OAAA,EAAA,KALA;AAMA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA,CADA;AAEA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA;AAFA;AANA,KAAA;AAWA,GAdA;AAeA,EAAA,OAfA,qBAeA;AACA,SAAA,OAAA;AACA,GAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,GAAA;AACA,QAAA,SAAA,EAAA,aADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAAA;AAIA,MAAA,QAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA;AACA,OAFA;AAGA,KATA;AAUA,IAAA,UAVA,wBAUA;AAAA;;AACA,WAAA,KAAA,CAAA,KAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;;AACA,UAAA,YAAA,CAAA,OAAA,CAAA,aAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QAAA;;AACA,UAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA;AACA,SAJA,MAIA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA;;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,gBAAA;AACA,iBAAA,KAAA;AACA;AACA,OAVA;AAWA;AAtBA;AAlBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 26.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"],"sourceRoot":"src/page"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/86b24e92dd83d9dee1469988359b8cad.json b/node_modules/.cache/babel-loader/86b24e92dd83d9dee1469988359b8cad.json
new file mode 100644
index 00000000..6ccf62e9
--- /dev/null
+++ b/node_modules/.cache/babel-loader/86b24e92dd83d9dee1469988359b8cad.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\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      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      this.dialogFormVisible = true;\n      console.log(\"dialogFormVisible\", this.dialogFormVisible);\n      this.$nextTick(function () {// 弹框打开时初始化表单\n        // this.$refs.editModal.dataInit();\n      });\n    }\n  },\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  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,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,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;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,GAxBA;AAyBA,EAAA,OAAA,EAAA;AACA,IAAA,eADA,2BACA,IADA,EACA,IADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA,EAAA,IAAA;AACA,WAAA,iBAAA,GAAA,IAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,WAAA,SAAA,CAAA,YAAA,CACA;AACA;AACA,OAHA;AAIA;AATA,GAzBA;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA;AADA;AAjDA,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  \r\n <!-- <div class=\"componentShow\" v-if=\"modelOthers==true\">\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    <edit-modal\r\n      ref=\"editModal\"\r\n      :visible.sync=\"dialogFormVisible\"\r\n      @close=\"dialogFormVisible = false\"\r\n     \r\n    />\r\n    </div> -->\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        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         this.dialogFormVisible = true;\r\n         console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n      this.$nextTick(() => {\r\n        // 弹框打开时初始化表单\r\n        // this.$refs.editModal.dataInit();\r\n      })\r\n     },\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   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</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c1c4d863bb1eb0e863983d0aa231853b.json b/node_modules/.cache/babel-loader/c1c4d863bb1eb0e863983d0aa231853b.json
new file mode 100644
index 00000000..0fb9d255
--- /dev/null
+++ b/node_modules/.cache/babel-loader/c1c4d863bb1eb0e863983d0aa231853b.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671158425343},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      }\n    };\n  },\n  methods: {\n    onSubmit: function onSubmit() {\n      console.log('submit!');\n    }\n  }\n};",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA;AADA,KAAA;AAYA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,SAAA;AACA;AAHA;AAfA,CAAA","sourcesContent":["<template>\r\n<el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n  <el-form-item label=\"活动名称\">\r\n    <el-input v-model=\"form.name\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动区域\">\r\n    <el-select v-model=\"form.region\" placeholder=\"请选择活动区域\">\r\n      <el-option label=\"区域一\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动时间\">\r\n    <el-col :span=\"11\">\r\n      <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"form.date1\" style=\"width: 100%;\"></el-date-picker>\r\n    </el-col>\r\n    <el-col class=\"line\" :span=\"2\">-</el-col>\r\n    <el-col :span=\"11\">\r\n      <el-time-picker placeholder=\"选择时间\" v-model=\"form.date2\" style=\"width: 100%;\"></el-time-picker>\r\n    </el-col>\r\n  </el-form-item>\r\n  <el-form-item label=\"即时配送\">\r\n    <el-switch v-model=\"form.delivery\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动性质\">\r\n    <el-checkbox-group v-model=\"form.type\">\r\n      <el-checkbox label=\"美食/餐厅线上活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"地推活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"线下主题活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"单纯品牌曝光\" name=\"type\"></el-checkbox>\r\n    </el-checkbox-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"特殊资源\">\r\n    <el-radio-group v-model=\"form.resource\">\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=\"活动形式\">\r\n    <el-input type=\"textarea\" v-model=\"form.desc\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item>\r\n    <el-button type=\"primary\" @click=\"onSubmit\">立即创建</el-button>\r\n    <el-button>取消</el-button>\r\n  </el-form-item>\r\n</el-form>\r\n</template>\r\n<script>\r\n  export default {\r\n    data() {\r\n      return {\r\n        form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      onSubmit() {\r\n        console.log('submit!');\r\n      }\r\n    }\r\n  }\r\n</script>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/200deeb8604dd421e0350518f36b664a.json b/node_modules/.cache/vue-loader/200deeb8604dd421e0350518f36b664a.json
new file mode 100644
index 00000000..75eb66eb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/200deeb8604dd421e0350518f36b664a.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\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  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  \n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","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  \r\n <!-- <div class=\"componentShow\" v-if=\"modelOthers==true\">\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    <edit-modal\r\n      ref=\"editModal\"\r\n      :visible.sync=\"dialogFormVisible\"\r\n      @close=\"dialogFormVisible = false\"\r\n     \r\n    />\r\n    </div> -->\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        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         this.dialogFormVisible = true;\r\n         console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n      this.$nextTick(() => {\r\n        // 弹框打开时初始化表单\r\n        // this.$refs.editModal.dataInit();\r\n      })\r\n     },\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   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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2914e8a839542d7e75a2ed15a629643a.json b/node_modules/.cache/vue-loader/2914e8a839542d7e75a2ed15a629643a.json
index 9e1d8752..3778d393 100644
--- a/node_modules/.cache/vue-loader/2914e8a839542d7e75a2ed15a629643a.json
+++ b/node_modules/.cache/vue-loader/2914e8a839542d7e75a2ed15a629643a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"login-wrap\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"ms-login\" },\n      [\n        _c(\"div\", { staticClass: \"ms-title\" }, [_vm._v(\"欢迎登录\")]),\n        _c(\n          \"el-form\",\n          {\n            ref: \"login\",\n            staticClass: \"ms-content\",\n            attrs: { model: _vm.param, rules: _vm.rules, \"label-width\": \"0px\" }\n          },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { prop: \"username\" } },\n              [\n                _c(\n                  \"el-input\",\n                  {\n                    attrs: { placeholder: \"输入账号\" },\n                    model: {\n                      value: _vm.param.username,\n                      callback: function($$v) {\n                        _vm.$set(_vm.param, \"username\", $$v)\n                      },\n                      expression: \"param.username\"\n                    }\n                  },\n                  [\n                    _c(\"el-button\", {\n                      attrs: { slot: \"prepend\", icon: \"el-icon-user\" },\n                      slot: \"prepend\"\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              {\n                staticStyle: { \"margin-top\": \"25px\" },\n                attrs: { prop: \"password\" }\n              },\n              [\n                _c(\n                  \"el-input\",\n                  {\n                    attrs: { type: \"password\", placeholder: \"登录密码\" },\n                    nativeOn: {\n                      keyup: function($event) {\n                        if (\n                          !$event.type.indexOf(\"key\") &&\n                          _vm._k(\n                            $event.keyCode,\n                            \"enter\",\n                            13,\n                            $event.key,\n                            \"Enter\"\n                          )\n                        ) {\n                          return null\n                        }\n                        return _vm.submitForm()\n                      }\n                    },\n                    model: {\n                      value: _vm.param.password,\n                      callback: function($$v) {\n                        _vm.$set(_vm.param, \"password\", $$v)\n                      },\n                      expression: \"param.password\"\n                    }\n                  },\n                  [\n                    _c(\"el-button\", {\n                      attrs: { slot: \"prepend\", icon: \"el-icon-lock\" },\n                      slot: \"prepend\"\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticClass: \"login-btn\" },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.submitForm()\n                      }\n                    }\n                  },\n                  [_vm._v(\"登录\")]\n                ),\n                _c(\"span\", [\n                  _vm._v(\n                    \"注：账号密码随便填写（ admin 是管理员，其他为普通用户）\"\n                  )\n                ])\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"login-wrap\" }, [\n    _c(\"div\", { staticClass: \"ms-login\" }, [\n      _c(\"div\", { staticClass: \"ms-title\" }),\n      _c(\n        \"div\",\n        { staticClass: \"content\" },\n        [\n          _c(\"div\", { staticClass: \"welcome\" }, [_vm._v(\"欢迎登录\")]),\n          _c(\n            \"el-form\",\n            {\n              ref: \"login\",\n              staticClass: \"ms-content\",\n              attrs: {\n                model: _vm.param,\n                rules: _vm.rules,\n                \"label-width\": \"100px\",\n                \"label-position\": \"top\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { prop: \"username\", label: \"用户名\" } },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { placeholder: \"输入您的账号\" },\n                      model: {\n                        value: _vm.param.username,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"username\", $$v)\n                        },\n                        expression: \"param.username\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-user\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-top\": \"15px\" },\n                  attrs: { prop: \"password\", label: \"密码\" }\n                },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { type: \"password\", placeholder: \"请输入密码\" },\n                      nativeOn: {\n                        keyup: function($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          ) {\n                            return null\n                          }\n                          return _vm.submitForm()\n                        }\n                      },\n                      model: {\n                        value: _vm.param.password,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"password\", $$v)\n                        },\n                        expression: \"param.password\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-lock\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"unforget\",\n                  staticStyle: { \"margin-left\": \"15px\" }\n                },\n                [\n                  _c(\n                    \"el-checkbox\",\n                    {\n                      model: {\n                        value: _vm.checked,\n                        callback: function($$v) {\n                          _vm.checked = $$v\n                        },\n                        expression: \"checked\"\n                      }\n                    },\n                    [_vm._v(\"保存登录\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"login-btn\" },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.submitForm()\n                    }\n                  }\n                },\n                [_vm._v(\"登录\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3893483f85470094fe8605dee032f320.json b/node_modules/.cache/vue-loader/3893483f85470094fe8605dee032f320.json
index 8a1293fa..f1214951 100644
--- a/node_modules/.cache/vue-loader/3893483f85470094fe8605dee032f320.json
+++ b/node_modules/.cache/vue-loader/3893483f85470094fe8605dee032f320.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1671006185902},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\n\r\n\r\n\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl:'',\r\n      btnPic: [\r\n        // require(\"@/assets/images/homeActive.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent:'',\r\n      wxContent:'',\r\n      inContent:'',\r\n      outContent:'',\r\n      containerDetails:\"\",\r\n      locdesc:'',\r\n      weatherItem:{},\r\n      loadingShow1:true,\r\n      carInfo:[], //小车信息\r\n      carName:'',\r\n      palletizerInfo:[], //码垛机信息\r\n      palletizerName:'',\r\n      destackerInfo:[], //拆垛机信息\r\n      destackerName:'',\r\n      hoistInfo:[], //提升机信息’\r\n      hoistName:'', \r\n      battaryStationInfo:[],//快换电池装置\r\n      battaryStationName:\"\",\r\n      conveyorInfo:[], //输送机信息\r\n      conveyorName:\"\", \r\n    };\r\n  },\r\n  mounted() {\r\n    setInterval(() => {\r\n      this.nowTime = this.$moment(new Date()).format(\"LTS\");\r\n    }, 1000);\r\n    this.getMessage();\r\n    // 消息提醒\r\n    getfacMaintainRecord({ type: 0 }).then((res) => {\r\n        console.log(\"消息提醒\",res.data)\r\n    //   this.messageInfo = this.messageInfo.concat(JSON.parse(res.data.split('#')[0]));\r\n      this.messageInfo = res.data;\r\n      // this.messageInfo.push(JSON.parse(res.data.split('#')[0]))\r\n    //   \r\n    });\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    this.getstatus();\r\n    this.getInhouse();\r\n    this.getOuthouse();\r\n    this.handleWather();\r\n    this.getDeviceStatusData()\r\n  },\r\n   created() {\r\n    this.testMqtt()\r\n    \r\n  },\r\n  methods: {\r\n     // 货箱\r\n    async squareList() {\r\n      let arrList = await getInventoryStatus({ type: 3 });\r\n      getInventoryMessage({ type: 0 }).then((res) => {\r\n        // 货箱渲染\r\n        var arr = res.data;\r\n        console.log(arr, \",arr,,,\");\r\n        console.log(arrList, \",,,arrList\");\r\n        arr.forEach((item, index) => {\r\n          let obj = {\r\n            cId: index + 526,\r\n            parentName: \"货箱\",\r\n            name: `货箱${1 + index}`,\r\n            pos: [2971.08, 383.81, -3099.09],\r\n            size: [1, 1, 1],\r\n            rotate: [0, 0, 0],\r\n            wirePos: [item.LIE, item.LAYER, item.LINE],\r\n            affiliation: [],\r\n            type: \"货箱\",\r\n            visible: true,\r\n            passenger: [],\r\n            taskCode: -1,\r\n            PLTNUM: \"\",\r\n            VPLTNUM: \"\",\r\n            LOCNUM: item.LOCNUM,\r\n            LOCDESC: item.LOCDESC,\r\n            LOCSTORESTATUS: item.LOCSTORESTATUS,\r\n            ITEMCMBNUM: item.ITEMCMBNUM,\r\n          };\r\n          arrList.data.forEach((items) => {\r\n            if (item.LOCNUM == items.CURRLOC) {\r\n              obj.PLTNUM = items.PLTNUM;\r\n              obj.VPLTNUM = items.VPLTNUM;\r\n              obj.cId = items.PLTNUM\r\n            }else if(item.LOCNUM == items.DLOC){\r\n              obj.PLTNUM = items.PLTNUM;\r\n              obj.VPLTNUM = items.VPLTNUM;\r\n              obj.cId = items.PLTNUM\r\n            }\r\n          });\r\n          var tarpos = this.wireSYs(item);\r\n          obj.pos = tarpos;\r\n            item.LAYER==1?obj.pos[1] = 50.9:obj.pos[1] = 364.81;\r\n            if(item.ITEMCMBNUM == '6000'){\r\n                  obj.parentName = '双箱_Empty'\r\n                }else{\r\n                  obj.parentName = '双箱_Full'\r\n                }\r\n          if (item.LOCSTORESTATUS != \"Free\") {\r\n            modelResource.push(obj);\r\n            this.realObj.forEach((items) => {\r\n              if (obj.parentName === items.parentName) {\r\n                this.createNode(obj, this.modelarray);\r\n                this.models[obj.cId].s3([\r\n                  1.3299999999999992, 2.6210000000000004, 1.33,\r\n                ]);\r\n              this.models[obj.cId].cParentName = '货箱';\r\n                // this.models[obj.cId].setImage('box');\r\n                // this.models[317].setImage('box') \r\n            }\r\n            });\r\n          }\r\n        });\r\n      \r\n      });\r\n    },\r\n     // 测试：mqtt测试\r\n    testMqtt() {\r\n         this.getDataByMqtt()\r\n      // 小车订阅\r\n    //   for (let key in this.carId) {\r\n    //     this.getDataByMqtt(\r\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Car\" + key,\r\n    //       this.carId[key]\r\n    //     );\r\n    //   }\r\n    //   //输送机入库订阅\r\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n    //       this.convoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   //输送机出库订阅\r\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n    //       this.outConvoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   for (let key in this.BattaryArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Battary_Sation\" + key,\r\n    //       this.BattaryArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 升降机订阅elvArr\r\n    //   for (let key in this.elvArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"ELV\" + key,\r\n    //       this.elvArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 拆码跺机订阅\r\n    //   for (let key in this.stampArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"INCMD\" + key,\r\n    //       this.stampArr[key]\r\n    //     );\r\n    //   }\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data){\r\n      this.loadingShow1 = data\r\n    },\r\n     // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      const host = 'ws://172.16.1.168:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"videoTest\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 1, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        console.log(\"this.mqttClient\",this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\r\n            // 订阅\r\n           this.mqttClient.subscribe('img', { qos: 1 });\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\r\n    \r\n          console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          // 解析后端数据\r\n        //   let dataReceived = JSON.parse(message.toString());\r\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          let that = this;\r\n          var cId;\r\n          if (topic.indexOf(\"Car\") != -1) {\r\n            cId = this.carId[topic.replace(\"Car\", \"\")];\r\n          } else if (topic.indexOf(\"InConvoyor\") != -1) {\r\n            cId = topic.replace(\"InConvoyor\", \"\");\r\n          } else if (topic.indexOf(\"Battary_Sation\") != -1) {\r\n            cId = this.BattaryArr[topic.replace(\"Battary_Sation\", \"\")];\r\n          } else if (topic.indexOf(\"ELV\") != \"-1\") {\r\n            cId = this.elvArr[topic.replace(\"ELV\", \"\")][0];\r\n            this.models[cId].topic = topic;\r\n          } else if (topic.indexOf(\"INCMD\") != -1) {\r\n            cId = this.stampArr[topic.replace(\"INCMD\", \"\")][0];\r\n            console.log(cId, \"topiccid\");\r\n            this.models[cId].topic = topic;\r\n          } else if (topic.indexOf(\"OUTConvoyor\") != -1) {\r\n            cId = topic.replace(\"OUTConvoyor\", \"\");\r\n          }\r\n          // var convoyorData = that.convoyorCIdGroup[i];\r\n        //   if (that.models[cId] != undefined) {\r\n        //     try {\r\n        //       that.models[cId].receiveData(dataReceived, topic);\r\n        //     } catch (err) {\r\n        //       console.error(err);\r\n        //     }\r\n        //   }\r\n        });\r\n      }\r\n    \r\n     \r\n    },\r\n    //获取设备状态\r\n    getDeviceStatusData(){\r\n      //任务数量\r\n       getDeviceStatus().then((res) => {\r\n        console.log(\"res1111\",res.data)\r\n        // this.enterList = res.data;\r\n        // console.log(res, \"123123\");\r\n        this.statusInfo[1].count = res.data.MessionNum\r\n      });\r\n      //穿梭车数量\r\n       getDeviceDetails({deviceNum:'Num'}).then((res) => {\r\n        console.log(\"res1111\",res.data)\r\n        // this.enterList = res.data;\r\n        // console.log(res, \"123123\");\r\n        this.statusInfo[0].count = res.data.CarOnlineNum\r\n      });\r\n    },\r\n    handleSearch(){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels,'asdasdasd');\r\n       this.inputVal = ''\r\n    },\r\n   handleRow(val){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather(){\r\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem,'asdsads');\r\n      })\r\n    },\r\n    getmessageInfoData(val){\r\n        console.log(\"val\",val)\r\n        if(val==true){\r\n            getfacMaintainRecord({ type: 0 }).then((res) => {\r\n            console.log(\"消息提醒\",res.data)\r\n            this.messageInfo = res.data;\r\n            });\r\n        }\r\n    },\r\n    Onweather(name){\r\n    //   switch (name) {\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n\t// \t\t\t\tcase \"阴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n\t// \t\t\t\tcase \"暴雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n\t// \t\t\t\tcase \"冰雹\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n\t// \t\t\t\tcase \"大风\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n\t// \t\t\t\tcase \"大雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n\t// \t\t\t\tcase \"大雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n\t// \t\t\t\tcase \"雷电\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n\t// \t\t\t\tcase \"雷阵雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n\t// \t\t\t\tcase \"沙尘暴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n\t// \t\t\t\tcase \"晴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n\t// \t\t\t\tcase \"雾霾\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n\t// \t\t\t\tcase \"小雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n\t// \t\t\t\tcase \"小雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n\t// \t\t\t\tcase \"雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\r\n\t// \t\t\t\tcase \"雨夹雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n\t// \t\t\t\tcase \"月亮\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n\t// \t\t\t\tcase \"中雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n\t// \t\t\t\tcase \"中雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n\t// \t\t\t}\r\n    },\r\n    // 入库消息\r\n    getInhouse() {\r\n      getInwarehouse({ type: 0 }).then((res) => {\r\n        this.enterList = res.data;\r\n        console.log(res, \"123123\");\r\n      });\r\n    },\r\n    // 出库消息\r\n    getOuthouse() {\r\n      getOutwarehouse({ type: 0 }).then((res) => {\r\n        console.log(res.data);\r\n        this.orderList = res.data;\r\n      });\r\n    },\r\n\r\n    // 库存消息\r\n    getMessage() {\r\n      getInventoryMessage({ type: 1 }).then((res) => {\r\n        const arr = [];\r\n        arr.push(\r\n          res.data.MoveOut,\r\n          res.data.MoveIn,\r\n          res.data.load,\r\n          res.data.free\r\n        );\r\n        this.menusInit(arr);\r\n      });\r\n    },\r\n    // 库存情况\r\n    getstatus() {\r\n      getInventoryStatus({ type: 2 }).then((res) => {\r\n        console.log(JSON.parse(res.data.split(\"#\")[0]), \",,,qwe123\");\r\n        var obj = JSON.parse(res.data.split(\"#\")[0]);\r\n        var obj2 = JSON.parse(res.data.split(\"#\")[2]);\r\n        var arr = [];\r\n        Object.keys(obj).forEach((item) => {\r\n          Object.keys(obj2).forEach((items) => {\r\n            if (item == items) {\r\n              arr.push({\r\n                name: obj[item].substring(0, 2),\r\n                type: obj[item].substring(2, obj[item].length - 2),\r\n                smoke: \"烟丝\",\r\n                perCent: obj2[item],\r\n              });\r\n            }\r\n          });\r\n        });\r\n        this.perCent = arr[0].perCent;\r\n        this.perCent1 = arr[1].perCent;\r\n        this.perCent2 = arr[2].perCent;\r\n        this.stockInfo = arr;\r\n      });\r\n    },\r\n    // 时间转换\r\n    utcToLocal(date) {\r\n      const fmt = \"YYYY-MM-DD hh:mm:ss\";\r\n      return this.$moment(date).format(fmt);\r\n    },\r\n    /**\r\n     *\r\n     * 设备弹窗\r\n     */\r\n    getEquipmentInfo(data) {\r\n      if (data.cType == \"货箱\") {\r\n        // PLTNUM\r\n        // VPLTNUM\r\n        this.locdesc = data.LOCDESC\r\n      getCountBox({ type: 3 ,PLTNUM:data.PLTNUM}).then((res) => {\r\n        console.log(res.data,'箱子')\r\n        this.containerDetails = res.data\r\n        this.componentShow = \"container\";\r\n        this.modelOthers = true;\r\n      });\r\n      } else if (data.cType == \"码垛机\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 144) {\r\n           deviceNum = 'INCMD4'\r\n        }else{\r\n           deviceNum = 'INCMD3'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.palletizerName = deviceNum\r\n            this.palletizerInfo = res.data\r\n              this.componentShow = \"palletizer\";\r\n              this.modelOthers = true;\r\n        })\r\n      } \r\n      // else if (data.cType == \"装箱站\") {\r\n      //   this.componentShow = \"packingStation\";\r\n      //   this.modelOthers = true;\r\n      // } \r\n      else if (data.cType == \"拆垛机\") {\r\n        let deviceNum = ''\r\n        console.log(data,'拆垛机');\r\n        if (data.cId == 142) {\r\n           deviceNum = 'INCMD6'\r\n        }else if(data.cId == 146){\r\n           deviceNum = 'INCMD5'\r\n        }else if (data.cId == 149) {\r\n           deviceNum = 'INCMD2'\r\n        }else if (data.cId == 151) {\r\n           deviceNum = 'INCMD1'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.destackerInfo = res.data\r\n            this.destackerName = deviceNum\r\n            this.componentShow = \"destacker\";\r\n            this.modelOthers = true;\r\n        })\r\n      } else if (data.cType == \"往复式输送升降机\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 320) {\r\n          deviceNum = 'ELV1'\r\n        }else if(data.cId == 319){\r\n          deviceNum = 'ELV2'\r\n        }else if (data.cId == 318) {\r\n          deviceNum = 'ELV3'\r\n        }else if (data.cId == 317) {\r\n          deviceNum = 'ELV4'\r\n        }else if(data.cId == 313){\r\n          deviceNum = 'ELV5'\r\n        }else if(data.cId == 321){\r\n          deviceNum = 'ELV6'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.hoistInfo = res.data\r\n            this.hoistName = deviceNum\r\n            this.componentShow = \"hoist\";\r\n            this.modelOthers = true;\r\n        })\r\n      } else if (data.cType == \"智能双向穿梭车\") {\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum:'Car'+ data.cName.slice(11)\r\n          }).then((res)=>{\r\n            this.carName = 'Car' + data.cName.slice(11)\r\n            this.componentShow = \"suttleCar\";\r\n            this.modelOthers = true;\r\n            this.carInfo = res.data   \r\n        })\r\n      } else if (data.cType == \"快换电池装置\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 476) {\r\n          deviceNum = 'Battary_Sation2'\r\n        }else if(data.cId == 361){\r\n          deviceNum = 'Battary_Sation1'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.componentShow = \"battery\";\r\n            this.modelOthers = true;\r\n            this.battaryStationInfo = res.data   \r\n            this.battaryStationName = deviceNum\r\n        })\r\n        \r\n      }else if (data.cType == \"链式输送机\") {\r\n        \r\n        let deviceNum = ''\r\n        if (data.cId.toString().substring(0,2) == \"51\") {\r\n          deviceNum = 'InConvoyor' + data.cId\r\n        }else if (data.cId.toString().substring(0,2) == \"53\") {\r\n           deviceNum = 'OUTConvoyor' + data.cId\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.modelOthers = true;\r\n            this.componentShow = \"conveyor\";\r\n            this.conveyorInfo = res.data   \r\n            this.conveyorName = deviceNum\r\n        })\r\n      }\r\n    },\r\n    /**\r\n     * 详情弹窗\r\n     */\r\n    informationInfo(data,item) {\r\n      if (data == \"出库工单\") {\r\n        this.componentShow = \"wireFeeder\";\r\n        this.modelOthers = true;\r\n        this.outContent = this.orderList\r\n      }else if (data == \"入库工单\") {\r\n        this.componentShow = \"inFeeder\";\r\n        this.modelOthers = true;\r\n        this.inContent = this.enterList\r\n      }else if (data == \"库存消息\") {\r\n        this.componentShow = \"lnventory\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"各品牌库存情况\") {\r\n        this.componentShow = \"lnventoryLeft\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"消息提醒\") {\r\n        this.componentShow = \"maintenanceRemindTable\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"维保提醒\") {\r\n        if(item.keepName){\r\n          this.componentShow = \"maintenance\";\r\n          this.modelOthers = true;\r\n          this.wbContent=item\r\n        }else{\r\n        this.componentShow = \"maintenanceRemind\";\r\n          this.modelOthers = true;\r\n          this.wxContent=item\r\n        }\r\n//          getfacManage({ type: 3,facCode: item.facCode\r\n// ,id: item.id\r\n// ,mark:1}).then((res) => {\r\n//                 console.log(\"res.data\",res.data)\r\n             \r\n//             });\r\n      }\r\n    },\r\n    getCloseStatus(status) {\r\n      this.hideBoxShow = true\r\n      this.closeStatus = status;\r\n      // if (status == 1) {\r\n      //   this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n      //   this.btnPic[1] = require(\"@/assets/images/battery.png\");\r\n      // }\r\n    //   if (status == 2) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[2] = require(\"@/assets/images/equipment.png\");\r\n    //   }\r\n    //   if (status == 3) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[1] = require(\"@/assets/images/productionInformation.png\");\r\n    //   }\r\n    //   if (status == 4) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[3] = require(\"@/assets/images/operationMG.png\");\r\n    //   }\r\n    },\r\n    handleActive(item, e) {\r\n      this.hideBoxShow = false\r\n      this.ins = item;\r\n      this.btnPic = [\r\n        // require(\"@/assets/images/home.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ];\r\n      if (item == 0) {\r\n        // this.btnPic[item] = require(\"@/assets/images/homeActive.png\");\r\n      } \r\n      // else if (item == 1) {\r\n      //   this.componentShow = \"batteryManagement\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/batteryActive.png\");\r\n      // } \r\n      else if (item == 2) {\r\n        this.componentShow = \"deviceManagement\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[item] = require(\"@/assets/images/equipmentActive.png\");\r\n      } else if (item == 1) {\r\n        this.componentShow = \"productionInformation\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[\r\n        //   item\r\n        // ] = require(\"@/assets/images/productionInformationActive.png\");\r\n      } else if (item == 3) {\r\n        this.componentShow = \"operationMaintenance\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[item] = require(\"@/assets/images/operationMGActive.png\");\r\n      }\r\n      // else if (item == 2) {\r\n      //   this.btnPic[item] = require(\"@/assets/images/stockActive.png\");\r\n      // } \r\n      // else if (item == 3) {\r\n      //   this.componentShow = \"deviceManagement\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/equipmentActive.png\");\r\n      // } else if (item == 4) {\r\n      //   this.componentShow = \"productionInformation\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[\r\n      //     item\r\n      //   ] = require(\"@/assets/images/productionInformationActive.png\");\r\n      // } else if (item == 5) {\r\n      //   this.componentShow = \"operationMaintenance\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/operationMGActive.png\");\r\n      // }\r\n      this.$forceUpdate();\r\n    },\r\n    // 库存消息\r\n    menusInit(arr) {\r\n      let domechart = document.getElementById(\"menusBar\");\r\n      let myCharts = echarts.init(domechart);\r\n      var datapictorialBar = arr;\r\n      var pictorialBarColor = [\" #155b5b\", \" #16485a \", \"#41362d\"];\r\n      // 最大值\r\n      var maxList = Math.max.apply(null, arr) + 10;\r\n      console.log(maxList, datapictorialBar, \",,,maxList\");\r\n      let option = {\r\n        grid: {\r\n          top: 18,\r\n          bottom: 18,\r\n          left: 15,\r\n          right: 20,\r\n        },\r\n        xAxis: {\r\n          show: false,\r\n        },\r\n        yAxis: [\r\n          {\r\n            show: true,\r\n            type: \"category\",\r\n            data: [\"入库中\", \"出库中\",\"实箱\",\"空箱\",  ],\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              fontSize: 14,\r\n              inside: true,\r\n              padding: [-45, 0, 0, -10],\r\n              align: \"left\",\r\n            },\r\n          },\r\n          {\r\n            show: true,\r\n            type: \"category\",\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"销量\",\r\n            type: \"bar\",\r\n            barWidth: 20, // 柱图宽度\r\n            barGap: 36,\r\n            data: [maxList, maxList, maxList, maxList],\r\n            itemStyle: {\r\n              normal: {\r\n                //这里设置每个柱子颜色不一样\r\n                color: \"rgba(0, 153, 145, 0)\",\r\n                borderColor: \"#cca272\",\r\n                borderWidth: 1,\r\n                borderType: \"solid\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            // 值分隔\r\n            type: \"pictorialBar\",\r\n            colorBy: \"data\",\r\n            label: {\r\n              //数据显示的位置\r\n              show: true, //数值是否显示\r\n              position: \"right\", //数值相对于柱状图显示的位置\r\n              offset: [-30, -18],\r\n              fontSize: 18,\r\n              fontWeight: \"bold\",\r\n              color: \"#155b5b\",\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: function (params) {\r\n                  // 定义一个颜色数组colorList\r\n                  var colorList = [\r\n                    [\"#1afbd3\", \"#155b5b\"],\r\n                    [\"#19a1cc\", \"#16485a\"],\r\n                    [\"#19a1cc\", \"#16485a\"],\r\n                    [\"#ec8d41\", \"#41362d\"],\r\n                  ];\r\n                  var colorItem = colorList[params.dataIndex];\r\n                  return new echarts.graphic.LinearGradient(\r\n                    1,\r\n                    0,\r\n                    0,\r\n                    0,\r\n                    [\r\n                      {\r\n                        offset: 0,\r\n                        color: colorItem[0],\r\n                      },\r\n                      {\r\n                        offset: 1,\r\n                        color: colorItem[1],\r\n                      },\r\n                    ],\r\n                    false\r\n                  );\r\n                },\r\n              },\r\n            },\r\n            symbolRepeat: \"fixed\",\r\n            symbolMargin: 1,\r\n            symbol: \"roundRect\",\r\n            symbolClip: true,\r\n            symbolSize: [8, 18],\r\n            symbolPosition: \"start\",\r\n            symbolOffset: [1, 0],\r\n            // symbolBoundingData: this.total,\r\n            data: datapictorialBar,\r\n            width: 13,\r\n            z: 0,\r\n            zlevel: 3,\r\n          },\r\n        ],\r\n      };\r\n      myCharts.setOption(option);\r\n    },\r\n    //菜单显示\r\n    isShowBtnMore() {\r\n      this.isShowBtn = false;\r\n      window.setTimeout((e) => {\r\n        this.isShowBtn1 = true;\r\n      }, 1100);\r\n    },\r\n    isShowBtnMore1() {\r\n      this.isShowBtn1 = false;\r\n      this.isShowBtn = true;\r\n    },\r\n    //隐藏箱子\r\n    hideBox(){\r\n        this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    // echars,\r\n    // echarts1,\r\n    // echarts2,\r\n    // HomeLeft\r\n    // home,\r\n    // equipmentManage,\r\n    // batteryManagement, // 电池管理弹窗\r\n    // productionInformation, // 生产信息弹窗\r\n    // deviceManagement, // 设备信息弹窗\r\n    // operationMaintenance, // 运维指导弹窗\r\n    // container, // 货箱弹窗\r\n    // palletizer, // 码垛机弹窗\r\n    // packingStation, // 装箱站弹窗\r\n    // destacker, // 拆垛机弹窗\r\n    // hoist, // 提升机弹窗\r\n    // suttleCar, // 穿梭车弹窗\r\n    // battery, //电池设备弹窗\r\n    // wireFeeder, // 出库工单弹窗\r\n    // inFeeder,//入库工单弹窗\r\n    // lnventory,\r\n    // equipmentInspection, //设备巡检弹窗\r\n    // maintenance, //维保提醒\r\n    // maintenanceRemind,\r\n    // lnventoryLeft,\r\n    // maintenanceRemindTable,\r\n    // conveyor,// 输送机弹窗\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n   <div class=\"content-box\">\r\n  <div class=\"container\">\r\n\r\n     <div style=\"width:80%;height:800px\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n \r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\n\r\n\r\n\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl:'',\r\n      btnPic: [\r\n        // require(\"@/assets/images/homeActive.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent:'',\r\n      wxContent:'',\r\n      inContent:'',\r\n      outContent:'',\r\n      containerDetails:\"\",\r\n      locdesc:'',\r\n      weatherItem:{},\r\n      loadingShow1:true,\r\n      carInfo:[], //小车信息\r\n      carName:'',\r\n      palletizerInfo:[], //码垛机信息\r\n      palletizerName:'',\r\n      destackerInfo:[], //拆垛机信息\r\n      destackerName:'',\r\n      hoistInfo:[], //提升机信息’\r\n      hoistName:'', \r\n      battaryStationInfo:[],//快换电池装置\r\n      battaryStationName:\"\",\r\n      conveyorInfo:[], //输送机信息\r\n      conveyorName:\"\", \r\n    };\r\n  },\r\n  mounted() {\r\n    setInterval(() => {\r\n      this.nowTime = this.$moment(new Date()).format(\"LTS\");\r\n    }, 1000);\r\n    this.getMessage();\r\n    // 消息提醒\r\n    getfacMaintainRecord({ type: 0 }).then((res) => {\r\n        console.log(\"消息提醒\",res.data)\r\n    //   this.messageInfo = this.messageInfo.concat(JSON.parse(res.data.split('#')[0]));\r\n      this.messageInfo = res.data;\r\n      // this.messageInfo.push(JSON.parse(res.data.split('#')[0]))\r\n    //   \r\n    });\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    this.getstatus();\r\n    this.getInhouse();\r\n    this.getOuthouse();\r\n    this.handleWather();\r\n    this.getDeviceStatusData()\r\n  },\r\n   created() {\r\n    this.testMqtt()\r\n    \r\n  },\r\n  methods: {\r\n     // 货箱\r\n    async squareList() {\r\n      let arrList = await getInventoryStatus({ type: 3 });\r\n      getInventoryMessage({ type: 0 }).then((res) => {\r\n        // 货箱渲染\r\n        var arr = res.data;\r\n        console.log(arr, \",arr,,,\");\r\n        console.log(arrList, \",,,arrList\");\r\n        arr.forEach((item, index) => {\r\n          let obj = {\r\n            cId: index + 526,\r\n            parentName: \"货箱\",\r\n            name: `货箱${1 + index}`,\r\n            pos: [2971.08, 383.81, -3099.09],\r\n            size: [1, 1, 1],\r\n            rotate: [0, 0, 0],\r\n            wirePos: [item.LIE, item.LAYER, item.LINE],\r\n            affiliation: [],\r\n            type: \"货箱\",\r\n            visible: true,\r\n            passenger: [],\r\n            taskCode: -1,\r\n            PLTNUM: \"\",\r\n            VPLTNUM: \"\",\r\n            LOCNUM: item.LOCNUM,\r\n            LOCDESC: item.LOCDESC,\r\n            LOCSTORESTATUS: item.LOCSTORESTATUS,\r\n            ITEMCMBNUM: item.ITEMCMBNUM,\r\n          };\r\n          arrList.data.forEach((items) => {\r\n            if (item.LOCNUM == items.CURRLOC) {\r\n              obj.PLTNUM = items.PLTNUM;\r\n              obj.VPLTNUM = items.VPLTNUM;\r\n              obj.cId = items.PLTNUM\r\n            }else if(item.LOCNUM == items.DLOC){\r\n              obj.PLTNUM = items.PLTNUM;\r\n              obj.VPLTNUM = items.VPLTNUM;\r\n              obj.cId = items.PLTNUM\r\n            }\r\n          });\r\n          var tarpos = this.wireSYs(item);\r\n          obj.pos = tarpos;\r\n            item.LAYER==1?obj.pos[1] = 50.9:obj.pos[1] = 364.81;\r\n            if(item.ITEMCMBNUM == '6000'){\r\n                  obj.parentName = '双箱_Empty'\r\n                }else{\r\n                  obj.parentName = '双箱_Full'\r\n                }\r\n          if (item.LOCSTORESTATUS != \"Free\") {\r\n            modelResource.push(obj);\r\n            this.realObj.forEach((items) => {\r\n              if (obj.parentName === items.parentName) {\r\n                this.createNode(obj, this.modelarray);\r\n                this.models[obj.cId].s3([\r\n                  1.3299999999999992, 2.6210000000000004, 1.33,\r\n                ]);\r\n              this.models[obj.cId].cParentName = '货箱';\r\n                // this.models[obj.cId].setImage('box');\r\n                // this.models[317].setImage('box') \r\n            }\r\n            });\r\n          }\r\n        });\r\n      \r\n      });\r\n    },\r\n     // 测试：mqtt测试\r\n    testMqtt() {\r\n         this.getDataByMqtt()\r\n      // 小车订阅\r\n    //   for (let key in this.carId) {\r\n    //     this.getDataByMqtt(\r\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Car\" + key,\r\n    //       this.carId[key]\r\n    //     );\r\n    //   }\r\n    //   //输送机入库订阅\r\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n    //       this.convoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   //输送机出库订阅\r\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n    //       this.outConvoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   for (let key in this.BattaryArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Battary_Sation\" + key,\r\n    //       this.BattaryArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 升降机订阅elvArr\r\n    //   for (let key in this.elvArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"ELV\" + key,\r\n    //       this.elvArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 拆码跺机订阅\r\n    //   for (let key in this.stampArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"INCMD\" + key,\r\n    //       this.stampArr[key]\r\n    //     );\r\n    //   }\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data){\r\n      this.loadingShow1 = data\r\n    },\r\n     // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      const host = 'ws://172.16.1.168:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"videoTest\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 1, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        console.log(\"this.mqttClient\",this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\r\n            // 订阅\r\n           this.mqttClient.subscribe('img', { qos: 1 });\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\r\n    \r\n          console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          // 解析后端数据\r\n        //   let dataReceived = JSON.parse(message.toString());\r\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          let that = this;\r\n          var cId;\r\n          if (topic.indexOf(\"Car\") != -1) {\r\n            cId = this.carId[topic.replace(\"Car\", \"\")];\r\n          } else if (topic.indexOf(\"InConvoyor\") != -1) {\r\n            cId = topic.replace(\"InConvoyor\", \"\");\r\n          } else if (topic.indexOf(\"Battary_Sation\") != -1) {\r\n            cId = this.BattaryArr[topic.replace(\"Battary_Sation\", \"\")];\r\n          } else if (topic.indexOf(\"ELV\") != \"-1\") {\r\n            cId = this.elvArr[topic.replace(\"ELV\", \"\")][0];\r\n            this.models[cId].topic = topic;\r\n          } else if (topic.indexOf(\"INCMD\") != -1) {\r\n            cId = this.stampArr[topic.replace(\"INCMD\", \"\")][0];\r\n            console.log(cId, \"topiccid\");\r\n            this.models[cId].topic = topic;\r\n          } else if (topic.indexOf(\"OUTConvoyor\") != -1) {\r\n            cId = topic.replace(\"OUTConvoyor\", \"\");\r\n          }\r\n          // var convoyorData = that.convoyorCIdGroup[i];\r\n        //   if (that.models[cId] != undefined) {\r\n        //     try {\r\n        //       that.models[cId].receiveData(dataReceived, topic);\r\n        //     } catch (err) {\r\n        //       console.error(err);\r\n        //     }\r\n        //   }\r\n        });\r\n      }\r\n    \r\n     \r\n    },\r\n    //获取设备状态\r\n    getDeviceStatusData(){\r\n      //任务数量\r\n       getDeviceStatus().then((res) => {\r\n        console.log(\"res1111\",res.data)\r\n        // this.enterList = res.data;\r\n        // console.log(res, \"123123\");\r\n        this.statusInfo[1].count = res.data.MessionNum\r\n      });\r\n      //穿梭车数量\r\n       getDeviceDetails({deviceNum:'Num'}).then((res) => {\r\n        console.log(\"res1111\",res.data)\r\n        // this.enterList = res.data;\r\n        // console.log(res, \"123123\");\r\n        this.statusInfo[0].count = res.data.CarOnlineNum\r\n      });\r\n    },\r\n    handleSearch(){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels,'asdasdasd');\r\n       this.inputVal = ''\r\n    },\r\n   handleRow(val){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather(){\r\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem,'asdsads');\r\n      })\r\n    },\r\n    getmessageInfoData(val){\r\n        console.log(\"val\",val)\r\n        if(val==true){\r\n            getfacMaintainRecord({ type: 0 }).then((res) => {\r\n            console.log(\"消息提醒\",res.data)\r\n            this.messageInfo = res.data;\r\n            });\r\n        }\r\n    },\r\n    Onweather(name){\r\n    //   switch (name) {\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n\t// \t\t\t\tcase \"阴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n\t// \t\t\t\tcase \"暴雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n\t// \t\t\t\tcase \"冰雹\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n\t// \t\t\t\tcase \"大风\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n\t// \t\t\t\tcase \"大雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n\t// \t\t\t\tcase \"大雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n\t// \t\t\t\tcase \"雷电\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n\t// \t\t\t\tcase \"雷阵雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n\t// \t\t\t\tcase \"沙尘暴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n\t// \t\t\t\tcase \"晴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n\t// \t\t\t\tcase \"雾霾\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n\t// \t\t\t\tcase \"小雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n\t// \t\t\t\tcase \"小雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n\t// \t\t\t\tcase \"雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\r\n\t// \t\t\t\tcase \"雨夹雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n\t// \t\t\t\tcase \"月亮\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n\t// \t\t\t\tcase \"中雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n\t// \t\t\t\tcase \"中雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n\t// \t\t\t}\r\n    },\r\n    // 入库消息\r\n    getInhouse() {\r\n      getInwarehouse({ type: 0 }).then((res) => {\r\n        this.enterList = res.data;\r\n        console.log(res, \"123123\");\r\n      });\r\n    },\r\n    // 出库消息\r\n    getOuthouse() {\r\n      getOutwarehouse({ type: 0 }).then((res) => {\r\n        console.log(res.data);\r\n        this.orderList = res.data;\r\n      });\r\n    },\r\n\r\n    // 库存消息\r\n    getMessage() {\r\n      getInventoryMessage({ type: 1 }).then((res) => {\r\n        const arr = [];\r\n        arr.push(\r\n          res.data.MoveOut,\r\n          res.data.MoveIn,\r\n          res.data.load,\r\n          res.data.free\r\n        );\r\n        this.menusInit(arr);\r\n      });\r\n    },\r\n    // 库存情况\r\n    getstatus() {\r\n      getInventoryStatus({ type: 2 }).then((res) => {\r\n        console.log(JSON.parse(res.data.split(\"#\")[0]), \",,,qwe123\");\r\n        var obj = JSON.parse(res.data.split(\"#\")[0]);\r\n        var obj2 = JSON.parse(res.data.split(\"#\")[2]);\r\n        var arr = [];\r\n        Object.keys(obj).forEach((item) => {\r\n          Object.keys(obj2).forEach((items) => {\r\n            if (item == items) {\r\n              arr.push({\r\n                name: obj[item].substring(0, 2),\r\n                type: obj[item].substring(2, obj[item].length - 2),\r\n                smoke: \"烟丝\",\r\n                perCent: obj2[item],\r\n              });\r\n            }\r\n          });\r\n        });\r\n        this.perCent = arr[0].perCent;\r\n        this.perCent1 = arr[1].perCent;\r\n        this.perCent2 = arr[2].perCent;\r\n        this.stockInfo = arr;\r\n      });\r\n    },\r\n    // 时间转换\r\n    utcToLocal(date) {\r\n      const fmt = \"YYYY-MM-DD hh:mm:ss\";\r\n      return this.$moment(date).format(fmt);\r\n    },\r\n    /**\r\n     *\r\n     * 设备弹窗\r\n     */\r\n    getEquipmentInfo(data) {\r\n      if (data.cType == \"货箱\") {\r\n        // PLTNUM\r\n        // VPLTNUM\r\n        this.locdesc = data.LOCDESC\r\n      getCountBox({ type: 3 ,PLTNUM:data.PLTNUM}).then((res) => {\r\n        console.log(res.data,'箱子')\r\n        this.containerDetails = res.data\r\n        this.componentShow = \"container\";\r\n        this.modelOthers = true;\r\n      });\r\n      } else if (data.cType == \"码垛机\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 144) {\r\n           deviceNum = 'INCMD4'\r\n        }else{\r\n           deviceNum = 'INCMD3'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.palletizerName = deviceNum\r\n            this.palletizerInfo = res.data\r\n              this.componentShow = \"palletizer\";\r\n              this.modelOthers = true;\r\n        })\r\n      } \r\n      // else if (data.cType == \"装箱站\") {\r\n      //   this.componentShow = \"packingStation\";\r\n      //   this.modelOthers = true;\r\n      // } \r\n      else if (data.cType == \"拆垛机\") {\r\n        let deviceNum = ''\r\n        console.log(data,'拆垛机');\r\n        if (data.cId == 142) {\r\n           deviceNum = 'INCMD6'\r\n        }else if(data.cId == 146){\r\n           deviceNum = 'INCMD5'\r\n        }else if (data.cId == 149) {\r\n           deviceNum = 'INCMD2'\r\n        }else if (data.cId == 151) {\r\n           deviceNum = 'INCMD1'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.destackerInfo = res.data\r\n            this.destackerName = deviceNum\r\n            this.componentShow = \"destacker\";\r\n            this.modelOthers = true;\r\n        })\r\n      } else if (data.cType == \"往复式输送升降机\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 320) {\r\n          deviceNum = 'ELV1'\r\n        }else if(data.cId == 319){\r\n          deviceNum = 'ELV2'\r\n        }else if (data.cId == 318) {\r\n          deviceNum = 'ELV3'\r\n        }else if (data.cId == 317) {\r\n          deviceNum = 'ELV4'\r\n        }else if(data.cId == 313){\r\n          deviceNum = 'ELV5'\r\n        }else if(data.cId == 321){\r\n          deviceNum = 'ELV6'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.hoistInfo = res.data\r\n            this.hoistName = deviceNum\r\n            this.componentShow = \"hoist\";\r\n            this.modelOthers = true;\r\n        })\r\n      } else if (data.cType == \"智能双向穿梭车\") {\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum:'Car'+ data.cName.slice(11)\r\n          }).then((res)=>{\r\n            this.carName = 'Car' + data.cName.slice(11)\r\n            this.componentShow = \"suttleCar\";\r\n            this.modelOthers = true;\r\n            this.carInfo = res.data   \r\n        })\r\n      } else if (data.cType == \"快换电池装置\") {\r\n        let deviceNum = ''\r\n        if (data.cId == 476) {\r\n          deviceNum = 'Battary_Sation2'\r\n        }else if(data.cId == 361){\r\n          deviceNum = 'Battary_Sation1'\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.componentShow = \"battery\";\r\n            this.modelOthers = true;\r\n            this.battaryStationInfo = res.data   \r\n            this.battaryStationName = deviceNum\r\n        })\r\n        \r\n      }else if (data.cType == \"链式输送机\") {\r\n        \r\n        let deviceNum = ''\r\n        if (data.cId.toString().substring(0,2) == \"51\") {\r\n          deviceNum = 'InConvoyor' + data.cId\r\n        }else if (data.cId.toString().substring(0,2) == \"53\") {\r\n           deviceNum = 'OUTConvoyor' + data.cId\r\n        }\r\n        getDeviceDetails(\r\n          {\r\n              deviceNum: deviceNum\r\n          }).then((res)=>{\r\n            this.modelOthers = true;\r\n            this.componentShow = \"conveyor\";\r\n            this.conveyorInfo = res.data   \r\n            this.conveyorName = deviceNum\r\n        })\r\n      }\r\n    },\r\n    /**\r\n     * 详情弹窗\r\n     */\r\n    informationInfo(data,item) {\r\n      if (data == \"出库工单\") {\r\n        this.componentShow = \"wireFeeder\";\r\n        this.modelOthers = true;\r\n        this.outContent = this.orderList\r\n      }else if (data == \"入库工单\") {\r\n        this.componentShow = \"inFeeder\";\r\n        this.modelOthers = true;\r\n        this.inContent = this.enterList\r\n      }else if (data == \"库存消息\") {\r\n        this.componentShow = \"lnventory\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"各品牌库存情况\") {\r\n        this.componentShow = \"lnventoryLeft\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"消息提醒\") {\r\n        this.componentShow = \"maintenanceRemindTable\";\r\n        this.modelOthers = true;\r\n        // this.inContent = this.enterList\r\n      } else if (data == \"维保提醒\") {\r\n        if(item.keepName){\r\n          this.componentShow = \"maintenance\";\r\n          this.modelOthers = true;\r\n          this.wbContent=item\r\n        }else{\r\n        this.componentShow = \"maintenanceRemind\";\r\n          this.modelOthers = true;\r\n          this.wxContent=item\r\n        }\r\n//          getfacManage({ type: 3,facCode: item.facCode\r\n// ,id: item.id\r\n// ,mark:1}).then((res) => {\r\n//                 console.log(\"res.data\",res.data)\r\n             \r\n//             });\r\n      }\r\n    },\r\n    getCloseStatus(status) {\r\n      this.hideBoxShow = true\r\n      this.closeStatus = status;\r\n      // if (status == 1) {\r\n      //   this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n      //   this.btnPic[1] = require(\"@/assets/images/battery.png\");\r\n      // }\r\n    //   if (status == 2) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[2] = require(\"@/assets/images/equipment.png\");\r\n    //   }\r\n    //   if (status == 3) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[1] = require(\"@/assets/images/productionInformation.png\");\r\n    //   }\r\n    //   if (status == 4) {\r\n    //     this.btnPic[0] = require(\"@/assets/images/homeActive.png\");\r\n    //     this.btnPic[3] = require(\"@/assets/images/operationMG.png\");\r\n    //   }\r\n    },\r\n    handleActive(item, e) {\r\n      this.hideBoxShow = false\r\n      this.ins = item;\r\n      this.btnPic = [\r\n        // require(\"@/assets/images/home.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ];\r\n      if (item == 0) {\r\n        // this.btnPic[item] = require(\"@/assets/images/homeActive.png\");\r\n      } \r\n      // else if (item == 1) {\r\n      //   this.componentShow = \"batteryManagement\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/batteryActive.png\");\r\n      // } \r\n      else if (item == 2) {\r\n        this.componentShow = \"deviceManagement\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[item] = require(\"@/assets/images/equipmentActive.png\");\r\n      } else if (item == 1) {\r\n        this.componentShow = \"productionInformation\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[\r\n        //   item\r\n        // ] = require(\"@/assets/images/productionInformationActive.png\");\r\n      } else if (item == 3) {\r\n        this.componentShow = \"operationMaintenance\";\r\n        this.modelOthers = true;\r\n        // this.btnPic[item] = require(\"@/assets/images/operationMGActive.png\");\r\n      }\r\n      // else if (item == 2) {\r\n      //   this.btnPic[item] = require(\"@/assets/images/stockActive.png\");\r\n      // } \r\n      // else if (item == 3) {\r\n      //   this.componentShow = \"deviceManagement\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/equipmentActive.png\");\r\n      // } else if (item == 4) {\r\n      //   this.componentShow = \"productionInformation\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[\r\n      //     item\r\n      //   ] = require(\"@/assets/images/productionInformationActive.png\");\r\n      // } else if (item == 5) {\r\n      //   this.componentShow = \"operationMaintenance\";\r\n      //   this.modelOthers = true;\r\n      //   this.btnPic[item] = require(\"@/assets/images/operationMGActive.png\");\r\n      // }\r\n      this.$forceUpdate();\r\n    },\r\n    // 库存消息\r\n    menusInit(arr) {\r\n      let domechart = document.getElementById(\"menusBar\");\r\n      let myCharts = echarts.init(domechart);\r\n      var datapictorialBar = arr;\r\n      var pictorialBarColor = [\" #155b5b\", \" #16485a \", \"#41362d\"];\r\n      // 最大值\r\n      var maxList = Math.max.apply(null, arr) + 10;\r\n      console.log(maxList, datapictorialBar, \",,,maxList\");\r\n      let option = {\r\n        grid: {\r\n          top: 18,\r\n          bottom: 18,\r\n          left: 15,\r\n          right: 20,\r\n        },\r\n        xAxis: {\r\n          show: false,\r\n        },\r\n        yAxis: [\r\n          {\r\n            show: true,\r\n            type: \"category\",\r\n            data: [\"入库中\", \"出库中\",\"实箱\",\"空箱\",  ],\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n            axisLabel: {\r\n              color: \"#ffffff\",\r\n              fontSize: 14,\r\n              inside: true,\r\n              padding: [-45, 0, 0, -10],\r\n              align: \"left\",\r\n            },\r\n          },\r\n          {\r\n            show: true,\r\n            type: \"category\",\r\n            axisLine: {\r\n              show: false,\r\n            },\r\n            axisTick: {\r\n              show: false,\r\n            },\r\n          },\r\n        ],\r\n        series: [\r\n          {\r\n            name: \"销量\",\r\n            type: \"bar\",\r\n            barWidth: 20, // 柱图宽度\r\n            barGap: 36,\r\n            data: [maxList, maxList, maxList, maxList],\r\n            itemStyle: {\r\n              normal: {\r\n                //这里设置每个柱子颜色不一样\r\n                color: \"rgba(0, 153, 145, 0)\",\r\n                borderColor: \"#cca272\",\r\n                borderWidth: 1,\r\n                borderType: \"solid\",\r\n              },\r\n            },\r\n          },\r\n          {\r\n            // 值分隔\r\n            type: \"pictorialBar\",\r\n            colorBy: \"data\",\r\n            label: {\r\n              //数据显示的位置\r\n              show: true, //数值是否显示\r\n              position: \"right\", //数值相对于柱状图显示的位置\r\n              offset: [-30, -18],\r\n              fontSize: 18,\r\n              fontWeight: \"bold\",\r\n              color: \"#155b5b\",\r\n            },\r\n            itemStyle: {\r\n              normal: {\r\n                color: function (params) {\r\n                  // 定义一个颜色数组colorList\r\n                  var colorList = [\r\n                    [\"#1afbd3\", \"#155b5b\"],\r\n                    [\"#19a1cc\", \"#16485a\"],\r\n                    [\"#19a1cc\", \"#16485a\"],\r\n                    [\"#ec8d41\", \"#41362d\"],\r\n                  ];\r\n                  var colorItem = colorList[params.dataIndex];\r\n                  return new echarts.graphic.LinearGradient(\r\n                    1,\r\n                    0,\r\n                    0,\r\n                    0,\r\n                    [\r\n                      {\r\n                        offset: 0,\r\n                        color: colorItem[0],\r\n                      },\r\n                      {\r\n                        offset: 1,\r\n                        color: colorItem[1],\r\n                      },\r\n                    ],\r\n                    false\r\n                  );\r\n                },\r\n              },\r\n            },\r\n            symbolRepeat: \"fixed\",\r\n            symbolMargin: 1,\r\n            symbol: \"roundRect\",\r\n            symbolClip: true,\r\n            symbolSize: [8, 18],\r\n            symbolPosition: \"start\",\r\n            symbolOffset: [1, 0],\r\n            // symbolBoundingData: this.total,\r\n            data: datapictorialBar,\r\n            width: 13,\r\n            z: 0,\r\n            zlevel: 3,\r\n          },\r\n        ],\r\n      };\r\n      myCharts.setOption(option);\r\n    },\r\n    //菜单显示\r\n    isShowBtnMore() {\r\n      this.isShowBtn = false;\r\n      window.setTimeout((e) => {\r\n        this.isShowBtn1 = true;\r\n      }, 1100);\r\n    },\r\n    isShowBtnMore1() {\r\n      this.isShowBtn1 = false;\r\n      this.isShowBtn = true;\r\n    },\r\n    //隐藏箱子\r\n    hideBox(){\r\n        this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    // echars,\r\n    // echarts1,\r\n    // echarts2,\r\n    // HomeLeft\r\n    // home,\r\n    // equipmentManage,\r\n    // batteryManagement, // 电池管理弹窗\r\n    // productionInformation, // 生产信息弹窗\r\n    // deviceManagement, // 设备信息弹窗\r\n    // operationMaintenance, // 运维指导弹窗\r\n    // container, // 货箱弹窗\r\n    // palletizer, // 码垛机弹窗\r\n    // packingStation, // 装箱站弹窗\r\n    // destacker, // 拆垛机弹窗\r\n    // hoist, // 提升机弹窗\r\n    // suttleCar, // 穿梭车弹窗\r\n    // battery, //电池设备弹窗\r\n    // wireFeeder, // 出库工单弹窗\r\n    // inFeeder,//入库工单弹窗\r\n    // lnventory,\r\n    // equipmentInspection, //设备巡检弹窗\r\n    // maintenance, //维保提醒\r\n    // maintenanceRemind,\r\n    // lnventoryLeft,\r\n    // maintenanceRemindTable,\r\n    // conveyor,// 输送机弹窗\r\n  },\r\n};\r\n</script>\r\n<style>\r\n.el-header, .el-footer {\r\n    background-color: #B3C0D1;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 60px;\r\n  }\r\n  \r\n  .el-aside {\r\n    background-color: #D3DCE6;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 200px;\r\n  }\r\n  \r\n  .el-main {\r\n    background-color: #E9EEF3;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 160px;\r\n  }\r\n  \r\n  body > .el-container {\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .el-container:nth-child(5) .el-aside,\r\n  .el-container:nth-child(6) .el-aside {\r\n    line-height: 260px;\r\n  }\r\n  \r\n  .el-container:nth-child(7) .el-aside {\r\n    line-height: 320px;\r\n  }\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1671158425344},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\n\r\n\r\n\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n    //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n    //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl:'',\r\n      imgUrl1:'',\r\n      imgUrl2:'',\r\n      imgUrl3:'',\r\n      imgUrl4:'',\r\n      imgUrl5:'',\r\n      btnPic: [\r\n        // require(\"@/assets/images/homeActive.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent:'',\r\n    //   wxContent:'',\r\n      inContent:'',\r\n      outContent:'',\r\n      containerDetails:\"\",\r\n      locdesc:'',\r\n      weatherItem:{},\r\n      loadingShow1:true,\r\n      carInfo:[], //小车信息\r\n      carName:'',\r\n      palletizerInfo:[], //码垛机信息\r\n      palletizerName:'',\r\n      destackerInfo:[], //拆垛机信息\r\n      destackerName:'',\r\n      hoistInfo:[], //提升机信息’\r\n      hoistName:'', \r\n      battaryStationInfo:[],//快换电池装置\r\n      battaryStationName:\"\",\r\n      conveyorInfo:[], //输送机信息\r\n      conveyorName:\"\", \r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n   created() {\r\n    this.testMqtt()\r\n    \r\n  },\r\n  methods: {\r\n     // 测试：mqtt测试\r\n    testMqtt() {\r\n         this.getDataByMqtt()\r\n      // 小车订阅\r\n    //   for (let key in this.carId) {\r\n    //     this.getDataByMqtt(\r\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Car\" + key,\r\n    //       this.carId[key]\r\n    //     );\r\n    //   }\r\n    //   //输送机入库订阅\r\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n    //       this.convoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   //输送机出库订阅\r\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n    //       this.outConvoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   for (let key in this.BattaryArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Battary_Sation\" + key,\r\n    //       this.BattaryArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 升降机订阅elvArr\r\n    //   for (let key in this.elvArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"ELV\" + key,\r\n    //       this.elvArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 拆码跺机订阅\r\n    //   for (let key in this.stampArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"INCMD\" + key,\r\n    //       this.stampArr[key]\r\n    //     );\r\n    //   }\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data){\r\n      this.loadingShow1 = data\r\n    },\r\n     // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        console.log(\"this.mqttClient\",this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\r\n            // 订阅\r\n           this.mqttClient.subscribe('img0', { qos: 0 });\r\n           this.mqttClient.subscribe('img1', { qos: 0 });\r\n           this.mqttClient.subscribe('img2', { qos: 0 });\r\n           this.mqttClient.subscribe('img3', { qos: 0 });\r\n           this.mqttClient.subscribe('img4', { qos: 0 });\r\n            this.mqttClient.subscribe('img5', { qos: 0 });\r\n            this.mqttClient.subscribe('stream0', { qos: 0 });\r\n             this.mqttClient.subscribe('stream1', { qos: 0 });\r\n              this.mqttClient.subscribe('stream2', { qos: 0 });\r\n               this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                 this.mqttClient.subscribe('stream5', { qos: 0 });\r\n\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\r\n    \r\n          console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          // 解析后端数据\r\n        //   let dataReceived = JSON.parse(message.toString());\r\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\r\n            //  try{\r\n            //     const utf8decoder = new TextDecoder()\r\n            //     const u8arr = new Uint8Array(message)\r\n            //     const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //     const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //     console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n            //     this.imgUrl='data:image/png;base64,' + msg.pic;\r\n            //     console.log(\"imageUrl\",imageUrl)\r\n            // }catch{\r\n            //     let imageType = 'arraybuffer';\r\n            //     const blob = new Blob([message], { type: imageType })\r\n            //     const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //     console.log(\"imageUrl\",imageUrl)\r\n            // }\r\n          if (topic.indexOf(\"img0\") != -1) {\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl1='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl2='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl3='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl4='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n           try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl5='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          }else if (topic.indexOf(\"stream0\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream0\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }\r\n         \r\n        });\r\n      }\r\n    \r\n     \r\n    },\r\n\r\n    handleSearch(){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels,'asdasdasd');\r\n       this.inputVal = ''\r\n    },\r\n   handleRow(val){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather(){\r\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem,'asdsads');\r\n      })\r\n    },\r\n    Onweather(name){\r\n    //   switch (name) {\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n\t// \t\t\t\tcase \"阴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n\t// \t\t\t\tcase \"暴雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n\t// \t\t\t\tcase \"冰雹\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n\t// \t\t\t\tcase \"大风\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n\t// \t\t\t\tcase \"大雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n\t// \t\t\t\tcase \"大雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n\t// \t\t\t\tcase \"雷电\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n\t// \t\t\t\tcase \"雷阵雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n\t// \t\t\t\tcase \"沙尘暴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n\t// \t\t\t\tcase \"晴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n\t// \t\t\t\tcase \"雾霾\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n\t// \t\t\t\tcase \"小雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n\t// \t\t\t\tcase \"小雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n\t// \t\t\t\tcase \"雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\r\n\t// \t\t\t\tcase \"雨夹雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n\t// \t\t\t\tcase \"月亮\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n\t// \t\t\t\tcase \"中雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n\t// \t\t\t\tcase \"中雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n\t// \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox(){\r\n        this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    // echars,\r\n    // echarts1,\r\n    // echarts2,\r\n    // HomeLeft\r\n    // home,\r\n    // equipmentManage,\r\n    // batteryManagement, // 电池管理弹窗\r\n    // productionInformation, // 生产信息弹窗\r\n    // deviceManagement, // 设备信息弹窗\r\n    // operationMaintenance, // 运维指导弹窗\r\n    // container, // 货箱弹窗\r\n    // palletizer, // 码垛机弹窗\r\n    // packingStation, // 装箱站弹窗\r\n    // destacker, // 拆垛机弹窗\r\n    // hoist, // 提升机弹窗\r\n    // suttleCar, // 穿梭车弹窗\r\n    // battery, //电池设备弹窗\r\n    // wireFeeder, // 出库工单弹窗\r\n    // inFeeder,//入库工单弹窗\r\n    // lnventory,\r\n    // equipmentInspection, //设备巡检弹窗\r\n    // maintenance, //维保提醒\r\n    // maintenanceRemind,\r\n    // lnventoryLeft,\r\n    // maintenanceRemindTable,\r\n    // conveyor,// 输送机弹窗\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n   <div class=\"content-box\">\r\n  <div class=\"container\">\r\n\r\n     <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n \r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\n\r\n\r\n\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n    //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n    //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl:'',\r\n      imgUrl1:'',\r\n      imgUrl2:'',\r\n      imgUrl3:'',\r\n      imgUrl4:'',\r\n      imgUrl5:'',\r\n      btnPic: [\r\n        // require(\"@/assets/images/homeActive.png\"),\r\n        // require(\"@/assets/images/battery.png\"),\r\n        // require(\"@/assets/images/stock.png\"),\r\n        // require(\"@/assets/images/productionInformation.png\"),\r\n        // require(\"@/assets/images/equipment.png\"),\r\n        // require(\"@/assets/images/operationMG.png\"),\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent:'',\r\n    //   wxContent:'',\r\n      inContent:'',\r\n      outContent:'',\r\n      containerDetails:\"\",\r\n      locdesc:'',\r\n      weatherItem:{},\r\n      loadingShow1:true,\r\n      carInfo:[], //小车信息\r\n      carName:'',\r\n      palletizerInfo:[], //码垛机信息\r\n      palletizerName:'',\r\n      destackerInfo:[], //拆垛机信息\r\n      destackerName:'',\r\n      hoistInfo:[], //提升机信息’\r\n      hoistName:'', \r\n      battaryStationInfo:[],//快换电池装置\r\n      battaryStationName:\"\",\r\n      conveyorInfo:[], //输送机信息\r\n      conveyorName:\"\", \r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n   created() {\r\n    this.testMqtt()\r\n    \r\n  },\r\n  methods: {\r\n     // 测试：mqtt测试\r\n    testMqtt() {\r\n         this.getDataByMqtt()\r\n      // 小车订阅\r\n    //   for (let key in this.carId) {\r\n    //     this.getDataByMqtt(\r\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Car\" + key,\r\n    //       this.carId[key]\r\n    //     );\r\n    //   }\r\n    //   //输送机入库订阅\r\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n    //       this.convoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   //输送机出库订阅\r\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n    //       this.outConvoyorCIdGroup[i]\r\n    //     );\r\n    //   }\r\n\r\n    //   for (let key in this.BattaryArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"Battary_Sation\" + key,\r\n    //       this.BattaryArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 升降机订阅elvArr\r\n    //   for (let key in this.elvArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"ELV\" + key,\r\n    //       this.elvArr[key]\r\n    //     );\r\n    //   }\r\n    //   // 拆码跺机订阅\r\n    //   for (let key in this.stampArr) {\r\n    //     this.getDataByMqtt(\r\n    //       \"ws:220.163.114.157:8083/mqtt\",\r\n    //       \"INCMD\" + key,\r\n    //       this.stampArr[key]\r\n    //     );\r\n    //   }\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data){\r\n      this.loadingShow1 = data\r\n    },\r\n     // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        console.log(\"this.mqttClient\",this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\r\n            // 订阅\r\n           this.mqttClient.subscribe('img0', { qos: 0 });\r\n           this.mqttClient.subscribe('img1', { qos: 0 });\r\n           this.mqttClient.subscribe('img2', { qos: 0 });\r\n           this.mqttClient.subscribe('img3', { qos: 0 });\r\n           this.mqttClient.subscribe('img4', { qos: 0 });\r\n            this.mqttClient.subscribe('img5', { qos: 0 });\r\n            this.mqttClient.subscribe('stream0', { qos: 0 });\r\n             this.mqttClient.subscribe('stream1', { qos: 0 });\r\n              this.mqttClient.subscribe('stream2', { qos: 0 });\r\n               this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                 this.mqttClient.subscribe('stream5', { qos: 0 });\r\n\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\r\n    \r\n          console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          // 解析后端数据\r\n        //   let dataReceived = JSON.parse(message.toString());\r\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\r\n            //  try{\r\n            //     const utf8decoder = new TextDecoder()\r\n            //     const u8arr = new Uint8Array(message)\r\n            //     const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //     const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //     console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n            //     this.imgUrl='data:image/png;base64,' + msg.pic;\r\n            //     console.log(\"imageUrl\",imageUrl)\r\n            // }catch{\r\n            //     let imageType = 'arraybuffer';\r\n            //     const blob = new Blob([message], { type: imageType })\r\n            //     const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //     console.log(\"imageUrl\",imageUrl)\r\n            // }\r\n          if (topic.indexOf(\"img0\") != -1) {\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n             try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl1='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl2='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl3='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl4='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n           try{\r\n                const utf8decoder = new TextDecoder()\r\n                const u8arr = new Uint8Array(message)\r\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\r\n                this.imgUrl5='data:image/png;base64,' + msg.pic;\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }catch{\r\n                let imageType = 'arraybuffer';\r\n                const blob = new Blob([message], { type: imageType })\r\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                console.log(\"imageUrl\",imageUrl)\r\n            }\r\n          }else if (topic.indexOf(\"stream0\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream0\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            new Date(),\r\n            new Date().getMilliseconds()\r\n          );\r\n          }\r\n         \r\n        });\r\n      }\r\n    \r\n     \r\n    },\r\n\r\n    handleSearch(){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels,'asdasdasd');\r\n       this.inputVal = ''\r\n    },\r\n   handleRow(val){\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather(){\r\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem,'asdsads');\r\n      })\r\n    },\r\n    Onweather(name){\r\n    //   switch (name) {\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n\t// \t\t\t\tcase \"阴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n\t// \t\t\t\tcase \"暴雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n\t// \t\t\t\tcase \"冰雹\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n\t// \t\t\t\tcase \"大风\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n\t// \t\t\t\tcase \"大雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n\t// \t\t\t\tcase \"大雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n\t// \t\t\t\tcase \"雷电\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n\t// \t\t\t\tcase \"雷阵雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n\t// \t\t\t\tcase \"沙尘暴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n\t// \t\t\t\tcase \"晴\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n\t// \t\t\t\tcase \"雾霾\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n\t// \t\t\t\tcase \"小雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n\t// \t\t\t\tcase \"小雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n\t// \t\t\t\tcase \"雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n\t// \t\t\t\tcase \"多云\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\r\n\t// \t\t\t\tcase \"雨夹雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n\t// \t\t\t\tcase \"月亮\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n\t// \t\t\t\tcase \"中雪\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n\t// \t\t\t\tcase \"中雨\":\r\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n\t// \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox(){\r\n        this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    // echars,\r\n    // echarts1,\r\n    // echarts2,\r\n    // HomeLeft\r\n    // home,\r\n    // equipmentManage,\r\n    // batteryManagement, // 电池管理弹窗\r\n    // productionInformation, // 生产信息弹窗\r\n    // deviceManagement, // 设备信息弹窗\r\n    // operationMaintenance, // 运维指导弹窗\r\n    // container, // 货箱弹窗\r\n    // palletizer, // 码垛机弹窗\r\n    // packingStation, // 装箱站弹窗\r\n    // destacker, // 拆垛机弹窗\r\n    // hoist, // 提升机弹窗\r\n    // suttleCar, // 穿梭车弹窗\r\n    // battery, //电池设备弹窗\r\n    // wireFeeder, // 出库工单弹窗\r\n    // inFeeder,//入库工单弹窗\r\n    // lnventory,\r\n    // equipmentInspection, //设备巡检弹窗\r\n    // maintenance, //维保提醒\r\n    // maintenanceRemind,\r\n    // lnventoryLeft,\r\n    // maintenanceRemindTable,\r\n    // conveyor,// 输送机弹窗\r\n  },\r\n};\r\n</script>\r\n<style>\r\n.el-header, .el-footer {\r\n    background-color: #B3C0D1;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 60px;\r\n  }\r\n  \r\n  .el-aside {\r\n    background-color: #D3DCE6;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 200px;\r\n  }\r\n  \r\n  .el-main {\r\n    background-color: #E9EEF3;\r\n    color: #333;\r\n    text-align: center;\r\n    line-height: 160px;\r\n  }\r\n  \r\n  body > .el-container {\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .el-container:nth-child(5) .el-aside,\r\n  .el-container:nth-child(6) .el-aside {\r\n    line-height: 260px;\r\n  }\r\n  \r\n  .el-container:nth-child(7) .el-aside {\r\n    line-height: 320px;\r\n  }\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/53aa72088a248d0cf7da57c53cb90cff.json b/node_modules/.cache/vue-loader/53aa72088a248d0cf7da57c53cb90cff.json
new file mode 100644
index 00000000..73be6618
--- /dev/null
+++ b/node_modules/.cache/vue-loader/53aa72088a248d0cf7da57c53cb90cff.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671158425343},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"el-form\",\n    { ref: \"form\", attrs: { model: _vm.form, \"label-width\": \"80px\" } },\n    [\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"活动名称\" } },\n        [\n          _c(\"el-input\", {\n            model: {\n              value: _vm.form.name,\n              callback: function($$v) {\n                _vm.$set(_vm.form, \"name\", $$v)\n              },\n              expression: \"form.name\"\n            }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"活动区域\" } },\n        [\n          _c(\n            \"el-select\",\n            {\n              attrs: { placeholder: \"请选择活动区域\" },\n              model: {\n                value: _vm.form.region,\n                callback: function($$v) {\n                  _vm.$set(_vm.form, \"region\", $$v)\n                },\n                expression: \"form.region\"\n              }\n            },\n            [\n              _c(\"el-option\", {\n                attrs: { label: \"区域一\", value: \"shanghai\" }\n              }),\n              _c(\"el-option\", { attrs: { label: \"区域二\", value: \"beijing\" } })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"活动时间\" } },\n        [\n          _c(\n            \"el-col\",\n            { attrs: { span: 11 } },\n            [\n              _c(\"el-date-picker\", {\n                staticStyle: { width: \"100%\" },\n                attrs: { type: \"date\", placeholder: \"选择日期\" },\n                model: {\n                  value: _vm.form.date1,\n                  callback: function($$v) {\n                    _vm.$set(_vm.form, \"date1\", $$v)\n                  },\n                  expression: \"form.date1\"\n                }\n              })\n            ],\n            1\n          ),\n          _c(\"el-col\", { staticClass: \"line\", attrs: { span: 2 } }, [\n            _vm._v(\"-\")\n          ]),\n          _c(\n            \"el-col\",\n            { attrs: { span: 11 } },\n            [\n              _c(\"el-time-picker\", {\n                staticStyle: { width: \"100%\" },\n                attrs: { placeholder: \"选择时间\" },\n                model: {\n                  value: _vm.form.date2,\n                  callback: function($$v) {\n                    _vm.$set(_vm.form, \"date2\", $$v)\n                  },\n                  expression: \"form.date2\"\n                }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"即时配送\" } },\n        [\n          _c(\"el-switch\", {\n            model: {\n              value: _vm.form.delivery,\n              callback: function($$v) {\n                _vm.$set(_vm.form, \"delivery\", $$v)\n              },\n              expression: \"form.delivery\"\n            }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"活动性质\" } },\n        [\n          _c(\n            \"el-checkbox-group\",\n            {\n              model: {\n                value: _vm.form.type,\n                callback: function($$v) {\n                  _vm.$set(_vm.form, \"type\", $$v)\n                },\n                expression: \"form.type\"\n              }\n            },\n            [\n              _c(\"el-checkbox\", {\n                attrs: { label: \"美食/餐厅线上活动\", name: \"type\" }\n              }),\n              _c(\"el-checkbox\", { attrs: { label: \"地推活动\", name: \"type\" } }),\n              _c(\"el-checkbox\", {\n                attrs: { label: \"线下主题活动\", name: \"type\" }\n              }),\n              _c(\"el-checkbox\", {\n                attrs: { label: \"单纯品牌曝光\", name: \"type\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"特殊资源\" } },\n        [\n          _c(\n            \"el-radio-group\",\n            {\n              model: {\n                value: _vm.form.resource,\n                callback: function($$v) {\n                  _vm.$set(_vm.form, \"resource\", $$v)\n                },\n                expression: \"form.resource\"\n              }\n            },\n            [\n              _c(\"el-radio\", { attrs: { label: \"线上品牌商赞助\" } }),\n              _c(\"el-radio\", { attrs: { label: \"线下场地免费\" } })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        { attrs: { label: \"活动形式\" } },\n        [\n          _c(\"el-input\", {\n            attrs: { type: \"textarea\" },\n            model: {\n              value: _vm.form.desc,\n              callback: function($$v) {\n                _vm.$set(_vm.form, \"desc\", $$v)\n              },\n              expression: \"form.desc\"\n            }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-form-item\",\n        [\n          _c(\n            \"el-button\",\n            { attrs: { type: \"primary\" }, on: { click: _vm.onSubmit } },\n            [_vm._v(\"立即创建\")]\n          ),\n          _c(\"el-button\", [_vm._v(\"取消\")])\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5bc73593a87408ff0a500797e3b86bb4.json b/node_modules/.cache/vue-loader/5bc73593a87408ff0a500797e3b86bb4.json
index b1f6b271..7acdf4dd 100644
--- a/node_modules/.cache/vue-loader/5bc73593a87408ff0a500797e3b86bb4.json
+++ b/node_modules/.cache/vue-loader/5bc73593a87408ff0a500797e3b86bb4.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=6896dfe2&scoped=true&lang=css&\"\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  \"6896dfe2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6896dfe2')) {\n      api.createRecord('6896dfe2', component.options)\n    } else {\n      api.reload('6896dfe2', component.options)\n    }\n    module.hot.accept(\"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\", function () {\n      api.rerender('6896dfe2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Login.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&\"\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  \"6896dfe2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6896dfe2')) {\n      api.createRecord('6896dfe2', component.options)\n    } else {\n      api.reload('6896dfe2', component.options)\n    }\n    module.hot.accept(\"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\", function () {\n      api.rerender('6896dfe2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Login.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5fde1a8f392cf963436cc01598ebc3cb.json b/node_modules/.cache/vue-loader/5fde1a8f392cf963436cc01598ebc3cb.json
index 8831a1f4..0c90040f 100644
--- a/node_modules/.cache/vue-loader/5fde1a8f392cf963436cc01598ebc3cb.json
+++ b/node_modules/.cache/vue-loader/5fde1a8f392cf963436cc01598ebc3cb.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n  name: 'Login',  // 登录页面\r\n  data(){\r\n    return{\r\n      param: {\r\n        username: 'admin',\r\n        password: '123456'\r\n      },\r\n      rules: {\r\n        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getType();\r\n  },\r\n  methods: {\r\n    getType() {\r\n      let datas = {\r\n        telephone: '13088888888',\r\n        typeCode: 2\r\n      };\r\n      loginApi(datas).then((res) => {\r\n        console.log('c', res);\r\n      });\r\n    },\r\n    submitForm() {\r\n      this.$refs.login.validate((valid) => {\r\n        if (valid) {\r\n          this.$message.success('登录成功');\r\n          localStorage.setItem('ms_username', this.param.username);\r\n          this.$router.push('/');\r\n        } else {\r\n          this.$message.error('请输入账号和密码');\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"ms-login\">\r\n      <div class=\"ms-title\">欢迎登录</div>\r\n      <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input v-model=\"param.username\" placeholder=\"输入账号\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"password\" style=\"margin-top: 25px\">\r\n          <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <div class=\"login-btn\">\r\n          <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n  name: 'Login',  // 登录页面\r\n  data(){\r\n    return{\r\n      param: {\r\n        username: 'admin',\r\n        password: '123456'\r\n      },\r\n      rules: {\r\n        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getType();\r\n  },\r\n  methods: {\r\n    getType() {\r\n      let datas = {\r\n        telephone: '13088888888',\r\n        typeCode: 2\r\n      };\r\n      loginApi(datas).then((res) => {\r\n        console.log('c', res);\r\n      });\r\n    },\r\n    submitForm() {\r\n      this.$refs.login.validate((valid) => {\r\n        if (valid) {\r\n          this.$message.success('登录成功');\r\n          localStorage.setItem('ms_username', this.param.username);\r\n          this.$router.push('/');\r\n        } else {\r\n          this.$message.error('请输入账号和密码');\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 22px;\r\n  margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n  position: relative;\r\n  width: 450px;\r\n  height: 335px;\r\n  max-width: 90%;\r\n  margin: 275px auto;\r\n  border-radius: 5px;\r\n  background: white;\r\n  overflow: hidden;\r\n}\r\n.ms-content {\r\n  padding: 30px 30px;\r\n}\r\n.login-btn {\r\n  margin-top: 10%;\r\n}\r\n.login-btn button {\r\n  width: 100%;\r\n  height: 36px;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 26.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6bf5c8797412f6564cdfc9f21280036f.json b/node_modules/.cache/vue-loader/6bf5c8797412f6564cdfc9f21280036f.json
new file mode 100644
index 00000000..38f5e4a2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6bf5c8797412f6564cdfc9f21280036f.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/75d706484b82f4bdcf44a7a8a23d8cf6.json b/node_modules/.cache/vue-loader/75d706484b82f4bdcf44a7a8a23d8cf6.json
new file mode 100644
index 00000000..4d511db5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/75d706484b82f4bdcf44a7a8a23d8cf6.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671158425343},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\"\nimport script from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nexport * from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57b7d65b')) {\n      api.createRecord('57b7d65b', component.options)\n    } else {\n      api.reload('57b7d65b', component.options)\n    }\n    module.hot.accept(\"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\", function () {\n      api.rerender('57b7d65b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/maintenanceRemind.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/79b6ba14ccef920cf3778f1e9ea437a6.json b/node_modules/.cache/vue-loader/79b6ba14ccef920cf3778f1e9ea437a6.json
index 001159b7..bc6352c7 100644
--- a/node_modules/.cache/vue-loader/79b6ba14ccef920cf3778f1e9ea437a6.json
+++ b/node_modules/.cache/vue-loader/79b6ba14ccef920cf3778f1e9ea437a6.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue","mtime":1671006185899},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </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",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\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",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8a1badfbfe190094146b6a5633dd78ff.json b/node_modules/.cache/vue-loader/8a1badfbfe190094146b6a5633dd78ff.json
index 4317e193..bb623d06 100644
--- a/node_modules/.cache/vue-loader/8a1badfbfe190094146b6a5633dd78ff.json
+++ b/node_modules/.cache/vue-loader/8a1badfbfe190094146b6a5633dd78ff.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue","mtime":1671006185903},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA","file":"myId.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </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</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue","mtime":1671158425345},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA","file":"myId.vue","sourceRoot":"src/views","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</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a8ca1e96e9b74f98dd3bb5c174178a07.json b/node_modules/.cache/vue-loader/a8ca1e96e9b74f98dd3bb5c174178a07.json
new file mode 100644
index 00000000..83d0d8d7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a8ca1e96e9b74f98dd3bb5c174178a07.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img }\n                      }),\n                      _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/acafa3a04b7acd2e7206302fdb85223d.json b/node_modules/.cache/vue-loader/acafa3a04b7acd2e7206302fdb85223d.json
new file mode 100644
index 00000000..23a8d28d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/acafa3a04b7acd2e7206302fdb85223d.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671158425343},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\nexport default {\n  data() {\n    return {\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      }\n    }\n  },\n  methods: {\n    onSubmit() {\n      console.log('submit!');\n    }\n  }\n}\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n<el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n  <el-form-item label=\"活动名称\">\r\n    <el-input v-model=\"form.name\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动区域\">\r\n    <el-select v-model=\"form.region\" placeholder=\"请选择活动区域\">\r\n      <el-option label=\"区域一\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动时间\">\r\n    <el-col :span=\"11\">\r\n      <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"form.date1\" style=\"width: 100%;\"></el-date-picker>\r\n    </el-col>\r\n    <el-col class=\"line\" :span=\"2\">-</el-col>\r\n    <el-col :span=\"11\">\r\n      <el-time-picker placeholder=\"选择时间\" v-model=\"form.date2\" style=\"width: 100%;\"></el-time-picker>\r\n    </el-col>\r\n  </el-form-item>\r\n  <el-form-item label=\"即时配送\">\r\n    <el-switch v-model=\"form.delivery\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动性质\">\r\n    <el-checkbox-group v-model=\"form.type\">\r\n      <el-checkbox label=\"美食/餐厅线上活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"地推活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"线下主题活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"单纯品牌曝光\" name=\"type\"></el-checkbox>\r\n    </el-checkbox-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"特殊资源\">\r\n    <el-radio-group v-model=\"form.resource\">\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=\"活动形式\">\r\n    <el-input type=\"textarea\" v-model=\"form.desc\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item>\r\n    <el-button type=\"primary\" @click=\"onSubmit\">立即创建</el-button>\r\n    <el-button>取消</el-button>\r\n  </el-form-item>\r\n</el-form>\r\n</template>\r\n<script>\r\n  export default {\r\n    data() {\r\n      return {\r\n        form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      onSubmit() {\r\n        console.log('submit!');\r\n      }\r\n    }\r\n  }\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ad7664308496449ff9afb526a7eb709d.json b/node_modules/.cache/vue-loader/ad7664308496449ff9afb526a7eb709d.json
index fa203a0d..d81d9a17 100644
--- a/node_modules/.cache/vue-loader/ad7664308496449ff9afb526a7eb709d.json
+++ b/node_modules/.cache/vue-loader/ad7664308496449ff9afb526a7eb709d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue","mtime":1671006185899},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </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</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\IdManagement.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","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</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/adc3950fb5024a836ba2fe896fa98098.json b/node_modules/.cache/vue-loader/adc3950fb5024a836ba2fe896fa98098.json
index 518c51f9..10fea0b8 100644
--- a/node_modules/.cache/vue-loader/adc3950fb5024a836ba2fe896fa98098.json
+++ b/node_modules/.cache/vue-loader/adc3950fb5024a836ba2fe896fa98098.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"login-wrap\">\n  <div class=\"ms-login\">\n    <div class=\"ms-title\">欢迎登录</div>\n    <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\n      <el-form-item prop=\"username\">\n        <el-input v-model=\"param.username\" placeholder=\"输入账号\">\n          <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\n        </el-input>\n      </el-form-item>\n      <el-form-item prop=\"password\" style=\"margin-top: 25px\">\n        <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\n          <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\n        </el-input>\n      </el-form-item>\n      <div class=\"login-btn\">\n        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\n        <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\n      </div>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"login-wrap\">\n    <div class=\"ms-login\">\n        <div class=\"ms-title\"></div>\n        <div class=\"content\">\n            <div class=\"welcome\">欢迎登录</div>\n            <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\n                <el-form-item prop=\"username\" label=\"用户名\">\n                    <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\n                    <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <div class=\"unforget\" style=\"margin-left:15px\">\n                  <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\n                </div>\n            </el-form>\n            <div class=\"login-btn\">\n                    <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\n            </div>\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/af7e96bb146a85b40ff05e2079c2d766.json b/node_modules/.cache/vue-loader/af7e96bb146a85b40ff05e2079c2d766.json
new file mode 100644
index 00000000..000be747
--- /dev/null
+++ b/node_modules/.cache/vue-loader/af7e96bb146a85b40ff05e2079c2d766.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\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        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         this.dialogFormVisible = true;\r\n         console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n      this.$nextTick(() => {\r\n        // 弹框打开时初始化表单\r\n        // this.$refs.editModal.dataInit();\r\n      })\r\n     },\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   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","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  \r\n <!-- <div class=\"componentShow\" v-if=\"modelOthers==true\">\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    <edit-modal\r\n      ref=\"editModal\"\r\n      :visible.sync=\"dialogFormVisible\"\r\n      @close=\"dialogFormVisible = false\"\r\n     \r\n    />\r\n    </div> -->\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        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         this.dialogFormVisible = true;\r\n         console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n      this.$nextTick(() => {\r\n        // 弹框打开时初始化表单\r\n        // this.$refs.editModal.dataInit();\r\n      })\r\n     },\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   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</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b67507fbe271ac988467c34a25ddd36f.json b/node_modules/.cache/vue-loader/b67507fbe271ac988467c34a25ddd36f.json
index 6e6b6587..e76b6490 100644
--- a/node_modules/.cache/vue-loader/b67507fbe271ac988467c34a25ddd36f.json
+++ b/node_modules/.cache/vue-loader/b67507fbe271ac988467c34a25ddd36f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 22px;\r\n  margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n  position: relative;\r\n  width: 450px;\r\n  height: 335px;\r\n  max-width: 90%;\r\n  margin: 275px auto;\r\n  border-radius: 5px;\r\n  background: white;\r\n  overflow: hidden;\r\n}\r\n.ms-content {\r\n  padding: 30px 30px;\r\n}\r\n.login-btn {\r\n  margin-top: 10%;\r\n}\r\n.login-btn button {\r\n  width: 100%;\r\n  height: 36px;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"ms-login\">\r\n      <div class=\"ms-title\">欢迎登录</div>\r\n      <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input v-model=\"param.username\" placeholder=\"输入账号\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"password\" style=\"margin-top: 25px\">\r\n          <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <div class=\"login-btn\">\r\n          <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n  name: 'Login',  // 登录页面\r\n  data(){\r\n    return{\r\n      param: {\r\n        username: 'admin',\r\n        password: '123456'\r\n      },\r\n      rules: {\r\n        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getType();\r\n  },\r\n  methods: {\r\n    getType() {\r\n      let datas = {\r\n        telephone: '13088888888',\r\n        typeCode: 2\r\n      };\r\n      loginApi(datas).then((res) => {\r\n        console.log('c', res);\r\n      });\r\n    },\r\n    submitForm() {\r\n      this.$refs.login.validate((valid) => {\r\n        if (valid) {\r\n          this.$message.success('登录成功');\r\n          localStorage.setItem('ms_username', this.param.username);\r\n          this.$router.push('/');\r\n        } else {\r\n          this.$message.error('请输入账号和密码');\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 22px;\r\n  margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n  position: relative;\r\n  width: 450px;\r\n  height: 335px;\r\n  max-width: 90%;\r\n  margin: 275px auto;\r\n  border-radius: 5px;\r\n  background: white;\r\n  overflow: hidden;\r\n}\r\n.ms-content {\r\n  padding: 30px 30px;\r\n}\r\n.login-btn {\r\n  margin-top: 10%;\r\n}\r\n.login-btn button {\r\n  width: 100%;\r\n  height: 36px;\r\n  text-align: center;\r\n  margin-bottom: 10px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671159130993},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login{\r\n  width: 24%;\r\n  height: 59%;\r\n  position: absolute;\r\n  left: 58.44%;\r\n  top: 26.2%;\r\n  border-radius: 20px;\r\n  background: #ffffff;\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"ms-login\">\r\n      <div class=\"ms-title\">欢迎登录</div>\r\n      <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input v-model=\"param.username\" placeholder=\"输入账号\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"password\" style=\"margin-top: 25px\">\r\n          <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <div class=\"login-btn\">\r\n          <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n  name: 'Login',  // 登录页面\r\n  data(){\r\n    return{\r\n      param: {\r\n        username: 'admin',\r\n        password: '123456'\r\n      },\r\n      rules: {\r\n        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getType();\r\n  },\r\n  methods: {\r\n    getType() {\r\n      let datas = {\r\n        telephone: '13088888888',\r\n        typeCode: 2\r\n      };\r\n      loginApi(datas).then((res) => {\r\n        console.log('c', res);\r\n      });\r\n    },\r\n    submitForm() {\r\n      this.$refs.login.validate((valid) => {\r\n        if (valid) {\r\n          this.$message.success('登录成功');\r\n          localStorage.setItem('ms_username', this.param.username);\r\n          this.$router.push('/');\r\n        } else {\r\n          this.$message.error('请输入账号和密码');\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrap {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login{\r\n  width: 24%;\r\n  height: 59%;\r\n  position: absolute;\r\n  left: 58.44%;\r\n  top: 26.2%;\r\n  border-radius: 20px;\r\n  background: #ffffff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c89034881d0d1d9fba0d52bae9078eb1.json b/node_modules/.cache/vue-loader/c89034881d0d1d9fba0d52bae9078eb1.json
new file mode 100644
index 00000000..cc583793
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c89034881d0d1d9fba0d52bae9078eb1.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671161355912},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 26.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 26.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d31b0ba736be5fcec6eac6e38e09cb2a.json b/node_modules/.cache/vue-loader/d31b0ba736be5fcec6eac6e38e09cb2a.json
index ef15faec..335f39b2 100644
--- a/node_modules/.cache/vue-loader/d31b0ba736be5fcec6eac6e38e09cb2a.json
+++ b/node_modules/.cache/vue-loader/d31b0ba736be5fcec6eac6e38e09cb2a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue","mtime":1671006185903},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </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",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\myId.vue","mtime":1671158425345},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\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",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d67db8d13e9bcdf4de3aa6c9475ea375.json b/node_modules/.cache/vue-loader/d67db8d13e9bcdf4de3aa6c9475ea375.json
new file mode 100644
index 00000000..e107e5a0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d67db8d13e9bcdf4de3aa6c9475ea375.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1671158425342},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\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  \r\n <!-- <div class=\"componentShow\" v-if=\"modelOthers==true\">\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    <edit-modal\r\n      ref=\"editModal\"\r\n      :visible.sync=\"dialogFormVisible\"\r\n      @close=\"dialogFormVisible = false\"\r\n     \r\n    />\r\n    </div> -->\r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fd440ada3af50d9a7c759e392abb0c33.json b/node_modules/.cache/vue-loader/fd440ada3af50d9a7c759e392abb0c33.json
new file mode 100644
index 00000000..616a2a7e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fd440ada3af50d9a7c759e392abb0c33.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671158425343},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n<el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n  <el-form-item label=\"活动名称\">\r\n    <el-input v-model=\"form.name\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动区域\">\r\n    <el-select v-model=\"form.region\" placeholder=\"请选择活动区域\">\r\n      <el-option label=\"区域一\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动时间\">\r\n    <el-col :span=\"11\">\r\n      <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"form.date1\" style=\"width: 100%;\"></el-date-picker>\r\n    </el-col>\r\n    <el-col class=\"line\" :span=\"2\">-</el-col>\r\n    <el-col :span=\"11\">\r\n      <el-time-picker placeholder=\"选择时间\" v-model=\"form.date2\" style=\"width: 100%;\"></el-time-picker>\r\n    </el-col>\r\n  </el-form-item>\r\n  <el-form-item label=\"即时配送\">\r\n    <el-switch v-model=\"form.delivery\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"活动性质\">\r\n    <el-checkbox-group v-model=\"form.type\">\r\n      <el-checkbox label=\"美食/餐厅线上活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"地推活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"线下主题活动\" name=\"type\"></el-checkbox>\r\n      <el-checkbox label=\"单纯品牌曝光\" name=\"type\"></el-checkbox>\r\n    </el-checkbox-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"特殊资源\">\r\n    <el-radio-group v-model=\"form.resource\">\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=\"活动形式\">\r\n    <el-input type=\"textarea\" v-model=\"form.desc\"></el-input>\r\n  </el-form-item>\r\n  <el-form-item>\r\n    <el-button type=\"primary\" @click=\"onSubmit\">立即创建</el-button>\r\n    <el-button>取消</el-button>\r\n  </el-form-item>\r\n</el-form>\r\n",null]}
\ No newline at end of file
diff --git a/src/assets/img/login_title.png b/src/assets/img/login_title.png
new file mode 100644
index 00000000..72bc839e
Binary files /dev/null and b/src/assets/img/login_title.png differ
diff --git a/src/assets/img/newlogin-bg.jpg b/src/assets/img/newlogin-bg.jpg
deleted file mode 100644
index 2c1bba1b..00000000
Binary files a/src/assets/img/newlogin-bg.jpg and /dev/null differ
diff --git a/src/assets/img/背景(1).png b/src/assets/img/newlogin-bg.png
similarity index 100%
rename from src/assets/img/背景(1).png
rename to src/assets/img/newlogin-bg.png
diff --git a/src/page/Login.vue b/src/page/Login.vue
index f83502dc..a5f226c6 100644
--- a/src/page/Login.vue
+++ b/src/page/Login.vue
@@ -1,107 +1,158 @@
 <template>
-  <div class="login-wrap">
-    <div class="ms-login">
-      <div class="ms-title">欢迎登录</div>
-      <el-form :model="param" :rules="rules" ref="login" label-width="0px" class="ms-content">
-        <el-form-item prop="username">
-          <el-input v-model="param.username" placeholder="输入账号">
-            <el-button slot="prepend" icon="el-icon-user"></el-button>
-          </el-input>
-        </el-form-item>
-        <el-form-item prop="password" style="margin-top: 25px">
-          <el-input type="password" placeholder="登录密码" v-model="param.password" @keyup.enter.native="submitForm()">
-            <el-button slot="prepend" icon="el-icon-lock"></el-button>
-          </el-input>
-        </el-form-item>
-        <div class="login-btn">
-          <el-button type="primary" @click="submitForm()">登录</el-button>
-          <span>注：账号密码随便填写（ admin 是管理员，其他为普通用户）</span>
+    <div class="login-wrap">
+        <div class="ms-login">
+            <div class="ms-title"></div>
+            <div class="content">
+                <div class="welcome">欢迎登录</div>
+                <el-form :model="param" :rules="rules" ref="login" label-width="100px" label-position="top" class="ms-content">
+                    <el-form-item prop="username" label="用户名">
+                        <el-input v-model="param.username" placeholder="输入您的账号">
+                            <el-button slot="prepend" icon="el-icon-user"></el-button>
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item prop="password" label="密码" style="margin-top: 15px">
+                        <el-input type="password" placeholder="请输入密码" v-model="param.password" @keyup.enter.native="submitForm()">
+                            <el-button slot="prepend" icon="el-icon-lock"></el-button>
+                        </el-input>
+                    </el-form-item>
+                    <div class="unforget" style="margin-left:15px">
+                      <el-checkbox v-model="checked">保存登录</el-checkbox>
+                    </div>
+                </el-form>
+                <div class="login-btn">
+                        <el-button type="primary" @click="submitForm()">登录</el-button>
+                </div>
+            </div>
         </div>
-      </el-form>
     </div>
-  </div>
 </template>
 
 <script>
 import { loginApi } from '@/api/login';
 
 export default {
-  name: 'Login',  // 登录页面
-  data(){
-    return{
-      param: {
-        username: 'admin',
-        password: '123456'
-      },
-      rules: {
-        username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
-        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]
-      }
-    }
-  },
-  created() {
-    this.getType();
-  },
-  methods: {
-    getType() {
-      let datas = {
-        telephone: '13088888888',
-        typeCode: 2
-      };
-      loginApi(datas).then((res) => {
-        console.log('c', res);
-      });
+    name: 'Login', // 登录页面
+    data() {
+        return {
+            param: {
+                username: 'admin',
+                password: '123456'
+            },
+            checked: false,
+            rules: {
+                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
+                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]
+            }
+        };
     },
-    submitForm() {
-      this.$refs.login.validate((valid) => {
-        if (valid) {
-          this.$message.success('登录成功');
-          localStorage.setItem('ms_username', this.param.username);
-          this.$router.push('/');
-        } else {
-          this.$message.error('请输入账号和密码');
-          console.log('error submit!!');
-          return false;
+    created() {
+        this.getType();
+    },
+    methods: {
+        getType() {
+            let datas = {
+                telephone: '13088888888',
+                typeCode: 2
+            };
+            loginApi(datas).then((res) => {
+                console.log('c', res);
+            });
+        },
+        submitForm() {
+            this.$refs.login.validate((valid) => {
+                if (valid) {
+                    this.$message.success('登录成功');
+                    localStorage.setItem('ms_username', this.param.username);
+                    this.$router.push('/');
+                } else {
+                    this.$message.error('请输入账号和密码');
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
         }
-      });
     }
-  }
-}
+};
 </script>
 
-<style scoped>
-.login-wrap {
-  position: absolute;
+<style lang="scss" scoped>
+/deep/ .el-form-item__label{
+  text-align: right;
+  font-size: 14px;
+  margin-left: 15px;
+  padding: 0;
+  &::before{
+    display: none;
+  }
+}
+/deep/ .el-input{
   width: 100%;
   height: 100%;
-  background: url('../assets/img/newlogin-bg.jpg');
+  border-radius: 20px;
+  border: 1px solid rgb(231, 231, 231);
+  .el-input-group__prepend{
+    background: transparent;
+    border: none;
+  }
+  .el-input__inner{
+    background: transparent;
+    border: none;
+  }
 }
-.ms-title {
-  width: 100%;
-  text-align: center;
-  font-size: 22px;
-  margin: 25px 0px 15px;
+.login-wrap {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: url('../assets/img/newlogin-bg.png');
 }
 .ms-login {
-  position: relative;
-  width: 450px;
-  height: 335px;
-  max-width: 90%;
-  margin: 275px auto;
-  border-radius: 5px;
-  background: white;
-  overflow: hidden;
-}
-.ms-content {
-  padding: 30px 30px;
-}
-.login-btn {
-  margin-top: 10%;
-}
-.login-btn button {
-  width: 100%;
-  height: 36px;
-  text-align: center;
-  margin-bottom: 10px;
+    width: 24%;
+    height: 59%;
+    position: absolute;
+    left: 58.44%;
+    top: 23.2%;
+    .ms-title {
+        width: 100%;
+        height: 42px;
+        background: url('../assets/img/login_title.png') no-repeat;
+        background-size: 100% 100%;
+    }
+    .content {
+        margin-top: 33px;
+        width: 100%;
+        height: calc(100% - 75px);
+        border-radius: 20px;
+        background: #ffffff;
+        overflow: hidden;
+        display: flex;
+        flex-flow: column nowrap;
+        align-items: center;
+        .welcome{
+          margin-top: 28px;
+          font-size: 16px;
+          letter-spacing: 1px;
+          // color: black;
+        }
+        .ms-content{
+          width: 80%;
+          margin-top: 25px;
+        }
+        .login-btn{
+          width: 80%;
+          margin-top: 45px;
+          /deep/ .el-button {
+            width: 100%;
+            border-radius: 20px;
+            display: flex;
+            justify-content: center;
+            span{
+              letter-spacing: 15px;
+              margin-left: 15px;
+            }
+            
+          }
+          
+        }
+    }
 }
 </style>