1 line
27 KiB
JSON
1 line
27 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=style&index=0&lang=less&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1671151689459},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\index.js","mtime":1671074743092},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\less-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.maintenance{\n width: 760px;\n height: 600px;\n // background: url('../assets/images/外框.png') no-repeat ;\n background-size: 100% 100%;\n -webkit-animation: fadeInDown .3s;\n animation: fadeInDown .3s;\n .top{\n width: 100%;\n height: 55px;\n // background: url('../assets/images/equipmentTop.png') no-repeat;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n .right{\n width: 100%;\n height: 100%;\n display: flex;\n -webkit-box-align: end;\n -webkit-box-pack: end;\n justify-content:space-around;\n align-content: flex-end;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 10px;\n .title{\n width: 80px;\n // height: 38px;\n color: #ffffff;\n text-align: center;\n line-height: 30px;\n }\n }\n \n }\n .content{\n width: 100%;\n height: auto;\n padding: 10px;\n box-sizing: border-box;\n display: flex;\n -webkit-box-pack: justify;\n flex-wrap: wrap;\n // margin-left: 1%;\n .el-select>.el-input {\n display: block;\n width: 600px;\n}\n .titleTop{\n width: 100%;\n height: 1px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-flow: column nowrap;\n // margin-left: 6px;\n .maintenanceContent{\n width: 70px;\n border-bottom: 2px solid #29f0f1;\n }\n }\n .maintenanceContentModel{\n height: 415px;\n width: 100%;\n .visualAngle{\n width: 100%;\n height: 18%;\n display: flex;\n flex-wrap: wrap;\n // justify-content: flex-end;\n align-content: space-around;\n justify-content: space-between;\n .project{\n width: 260px;\n height: 42px;\n // background: url('../assets/images/设备状态-框.png') no-repeat;\n background-size: 100% 100%;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .code{\n width: 45%;\n height: 42px;\n // background: url('../assets/images/设备状态-框.png') no-repeat;\n background-size: 100% 100%;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .visualAngleButton{\n width: 139px;\n height: 44px;\n // background: url('../assets/images/视角跟踪.png') no-repeat;\n background-size: 100% 100%;\n }\n }\n .maintenanceContent{\n width: 100%;\n height: 82%;\n // border: 1px solid yellow;\n .top{\n // background: url('../assets/images/xunjianneirong.png') no-repeat;\n background-size: 100% 100%;\n height: 35%;\n color:#ffffff;\n display: flex;\n align-items: flex-start;\n .el-textarea{\n height: 100%;\n .el-textarea__inner{\n padding: 12px;\n height: 100%;\n // width: 100%;\n /* 使input框的背景变透明 */\n background-color: transparent;\n /* 使边框也变透明 */\n border-color: transparent;\n /* 给边框加阴影能够使其有立体感 */\n // box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);\n /* 改变获取焦点后的竖线颜色 */\n caret-color: rgba(0, 255, 255,0.8);\n color:#FFFFFF;\n }\n }\n \n \n }\n .center{\n // height: 50%;\n height: 100%;\n width: 100%;\n // border: 1px solid red;\n display: flex;\n flex-direction: column;\n // justify-content: space-around;\n justify-content: space-evenly;\n .patrol{\n height: 42px;\n width:42%;\n // border: 1px solid pink;\n color: #ffffff;\n display: flex;\n // justify-content: space-around;\n align-items: center;\n justify-content: space-between;\n .el-input__inner {\n // height: 30px !important ;\n // background: #29f0f1;\n // width: 100%;\n background-color: transparent;\n color: #fff;\n border: 1px solid #31cae4;\n }\n .date{\n // background: url('../assets/images/xunjianneirong.png') no-repeat;\n background-size: 100% 100%;\n height: 38px;\n width: 186px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n .status{\n height: 38px;\n width: 211px;\n display:flex;\n align-items: center;\n .el-radio {\n color:#ffffff;\n font-weight: 500;\n cursor: pointer;\n margin-right: 30px;\n .el-radio__inner {\n border-color: #ffffff;\n background: transparent;\n }\n .el-radio__inner::after{\n width: 8px;\n height: 8px;\n background: #29f0f1;\n }\n .is-checked+.el-radio__label{\n color: #29f0f1;\n }\n .is-checked .el-radio__inner{\n border-color: #29f0f1;\n }\n }\n }\n }\n }\n .foot{\n height: 16%;\n width: 100%;\n // border: 1px solid green;\n display: flex;\n align-items: center;\n justify-content: space-around;\n .commit{\n // background: url('../assets/images/commit.png') no-repeat;\n background-size: 100% 100%;\n height: 40px;\n width: 133px;\n cursor: pointer;\n }\n }\n }\n }\n }\n}\n\n/**\n下拉显示动画效果\n*/\n@keyframes fadeInDown {\n 0% {\n -webkit-transform: translate3d(0, -20%, 0);\n -webkit-transform: translate3d(0, -20%, 0);\n transform: translate3d(0, -20%, 0);\n transform: translate3d(0, -20%, 0);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@-webkit-keyframes fadeInDown {\n 0% {\n -webkit-transform: translate3d(0, -20%, 0);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: none;\n opacity: 1;\n }\n}\n\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\n <div class=\"maintenance\" :wxContent='wxContent'>\n <div class=\"top\">\n <div class=\"right\">\n <div class=\"title\">维修提醒</div>\n <!-- <img @click=\"handleClose\" src=\"@/assets/images/secondClose.png\" alt=\"\" style=\"cursor: pointer;height: 30px;\"> -->\n </div>\n </div>\n <div class=\"content\">\n <div class=\"titleTop\">\n <div class=\"maintenanceContent\"></div>\n </div>\n <div class=\"maintenanceContentModel\">\n <div class=\"visualAngle\">\n <!-- <div class=\"project\">\n <div style=\"font-size:15px\">保养计划:\n <span style=\"font-size:18px\"> {{wxContent.keepName}}</span>\n </div>\n </div> -->\n <div class=\"code\"> \n <div style=\"font-size:15px\">\n 设备编号:\n <span style=\"font-size:18px\"> {{wxContent.facCode}}</span>\n </div>\n </div>\n <div class=\"code\"> \n <div style=\"font-size:15px\">\n 故障名称:\n <span style=\"font-size:18px\"> {{wxContent.errorName}}</span>\n </div>\n </div>\n <!-- <div class=\"code\"> \n <div style=\"font-size:15px\">\n 故障时状态:\n <span style=\"font-size:18px\"> {{wxContent.remark}}</span>\n </div>\n </div> -->\n <!-- <div class=\"visualAngleButton\"></div> -->\n </div>\n <!-- <div class=\"visualAngle\">\n \n \n \n </div> -->\n <div class=\"maintenanceContent\">\n \n \n <div class=\"center\">\n \n <div class=\"patrol\" style=\"width:80%;margin-bottom:35px\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px;\"/> -->\n <span>故障原因:</span>\n <div class=\"status\" style=\"width:80%\">\n <el-input type=\"textarea\" v-model=\"form.renson\" style=\" height: 38px;line-height:38px\n \"></el-input>\n </div>\n \n </div>\n <div class=\"patrol\" style=\"width:80%\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n <span>故障时状态:</span>\n <div class=\"status\" style=\"width:80%\">\n <!-- <el-input type=\"textarea\" v-model=\"form.remark\"></el-input> -->\n <el-input v-model=\"form.remark\" :disabled=\"true\"></el-input>\n </div>\n \n </div>\n <div class=\"patrol\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n <span>维修时间:</span>\n <el-date-picker\n v-model=\"form.maintainTime\"\n type=\"date\"\n placeholder=\"选择日期\"\n style=\"width:186px;height: 38px;\"\n value-format=\"yyyy-MM-dd\"\n >\n </el-date-picker>\n </div>\n <div class=\"patrol\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n <span>状 态:</span>\n <div class=\"status\" >\n <el-radio-group v-model=\"form.status\">\n <el-radio :label=\"true\">已完成</el-radio>\n <el-radio :label=\"false\">未完成</el-radio>\n </el-radio-group>\n </div>\n </div>\n <div class=\"patrol\" style=\"width:80%\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n <span >零 件:</span>\n <div class=\"status\" style=\"width:80%\">\n <el-select v-model=\"form.usedElements\" multiple placeholder=\"请选择\" @change=\"changeGlbh\">\n <el-option\n v-for=\"item in options\"\n :key=\"item.code\"\n :label=\"item.name\"\n :value=\"item.code\">\n </el-option>\n </el-select>\n </div>\n </div>\n <!-- <div class=\"label\">关联测点</el-select>： \n \n </div> -->\n <div class=\"patrol\">\n <!-- <img src=\"../assets/images/图标.png\" style=\"width:20px;height:15px\"/> -->\n <span>操 作 人:</span>\n <el-input class=\"date\" v-model=\"form.mantainer\"></el-input>\n </div>\n </div>\n <div class=\"foot\">\n <div class=\"commit\" @click=\"clickCommit(form)\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\n// import {getfacMaintainRecord,postfacMaintainRecord} from \"../api/index\";\n// import serverUrl from \"../../config/apiurl.js\"\nimport axios from 'axios'\nexport default {\n props: {\n wxContent: {\n type: Object,\t // 类型\n required: true,// 必要性\n default: 'cess'// 默认值\n },\n\n },\n data(){\n return{\n options:[],\n // closeStatus: 1,\n status: false, //单选按钮\n textarea: '', //查询内容\n value: '', // 选择时间\n value1:'',\n text:'', // 操作人\n keeper:'',\n list:'',\n form:{reporter:'',usedElements:[],status:'',id:'',maintainTime:'',mantainer:'',renson:''}\n }\n },\n mounted(){\n console.log(\"this.wxContent\",this.wxContent)\n this.value =this.wxContent.errorDateTime.slice(0,9)\n // if(this.wbContent.keepFinishTime!=null){\n // this.value =this.wbContent.keepFinishTime.slice(0,9)\n // }\n this.form.renson =this.wxContent.errorName \n this.form.status =this.wxContent.status\n this.form.id =this.wxContent.id\n if(this.wxContent.reporter!=null) {\n this.form.mantainer = this.wxContent.reporter\n }\n console.log(\"this.value\",this.value)\n this.getPartsData(this.wxContent.facCode)\n },\n methods:{\n changeGlbh(val){\n console.log(\"111\",val)\n },\n\n handleClose(){\n this.$parent.componentShow=''\n this.$parent.modelOthers = false\n // this.$emit(\"closeStatus\", this.closeStatus)\n },\n //获取零件数据\n getPartsData(val){\n // getfacMaintainRecord({ type: 12,facCode:val}).then((res) => {\n // console.log(\"零件数据\",res.data)\n // this.options=res.data\n // })\n },\n //提交按钮\n async clickCommit(val){\n console.log(\"val\",val)\n\n let formData = new FormData();\n var arrays = []\n val.usedElements.forEach((item) => {\n arrays.push(item);\n });\n formData.append(\"status\",val.status);\n formData.append(\"type\",1);\n formData.append(\"id\",val.id);\n formData.append(\"usedElements\",arrays);\n formData.append(\"renson\",val.renson);\n formData.append(\"mantainer\",val.mantainer);\n formData.append(\"maintainTime\",val.maintainTime);\n \n console.log(\"formData\",formData.get('usedElements'))\n // axios({\n // method: \"post\",\n // url: serverUrl.dataUrl,\n // data:formData\n // }).then((res) => {\n \n // console.log(\"提交按钮\",res)\n // if(res.data.status==true){\n // this.$parent.componentShow=''\n // this.$parent.modelOthers = false\n // this.$emit(\"messageInfoData\", res.data.status) \n // }\n \n // });\n }\n },\n components: {\n // getfacMaintainRecord,\n // postfacMaintainRecord,\n axios\n }\n}\n</script>\n\n\n<style lang=\"less\">\n\n.maintenance{\n width: 760px;\n height: 600px;\n // background: url('../assets/images/外框.png') no-repeat ;\n background-size: 100% 100%;\n -webkit-animation: fadeInDown .3s;\n animation: fadeInDown .3s;\n .top{\n width: 100%;\n height: 55px;\n // background: url('../assets/images/equipmentTop.png') no-repeat;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n .right{\n width: 100%;\n height: 100%;\n display: flex;\n -webkit-box-align: end;\n -webkit-box-pack: end;\n justify-content:space-around;\n align-content: flex-end;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 10px;\n .title{\n width: 80px;\n // height: 38px;\n color: #ffffff;\n text-align: center;\n line-height: 30px;\n }\n }\n \n }\n .content{\n width: 100%;\n height: auto;\n padding: 10px;\n box-sizing: border-box;\n display: flex;\n -webkit-box-pack: justify;\n flex-wrap: wrap;\n // margin-left: 1%;\n .el-select>.el-input {\n display: block;\n width: 600px;\n}\n .titleTop{\n width: 100%;\n height: 1px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-flow: column nowrap;\n // margin-left: 6px;\n .maintenanceContent{\n width: 70px;\n border-bottom: 2px solid #29f0f1;\n }\n }\n .maintenanceContentModel{\n height: 415px;\n width: 100%;\n .visualAngle{\n width: 100%;\n height: 18%;\n display: flex;\n flex-wrap: wrap;\n // justify-content: flex-end;\n align-content: space-around;\n justify-content: space-between;\n .project{\n width: 260px;\n height: 42px;\n // background: url('../assets/images/设备状态-框.png') no-repeat;\n background-size: 100% 100%;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .code{\n width: 45%;\n height: 42px;\n // background: url('../assets/images/设备状态-框.png') no-repeat;\n background-size: 100% 100%;\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .visualAngleButton{\n width: 139px;\n height: 44px;\n // background: url('../assets/images/视角跟踪.png') no-repeat;\n background-size: 100% 100%;\n }\n }\n .maintenanceContent{\n width: 100%;\n height: 82%;\n // border: 1px solid yellow;\n .top{\n // background: url('../assets/images/xunjianneirong.png') no-repeat;\n background-size: 100% 100%;\n height: 35%;\n color:#ffffff;\n display: flex;\n align-items: flex-start;\n .el-textarea{\n height: 100%;\n .el-textarea__inner{\n padding: 12px;\n height: 100%;\n // width: 100%;\n /* 使input框的背景变透明 */\n background-color: transparent;\n /* 使边框也变透明 */\n border-color: transparent;\n /* 给边框加阴影能够使其有立体感 */\n // box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);\n /* 改变获取焦点后的竖线颜色 */\n caret-color: rgba(0, 255, 255,0.8);\n color:#FFFFFF;\n }\n }\n \n \n }\n .center{\n // height: 50%;\n height: 100%;\n width: 100%;\n // border: 1px solid red;\n display: flex;\n flex-direction: column;\n // justify-content: space-around;\n justify-content: space-evenly;\n .patrol{\n height: 42px;\n width:42%;\n // border: 1px solid pink;\n color: #ffffff;\n display: flex;\n // justify-content: space-around;\n align-items: center;\n justify-content: space-between;\n .el-input__inner {\n // height: 30px !important ;\n // background: #29f0f1;\n // width: 100%;\n background-color: transparent;\n color: #fff;\n border: 1px solid #31cae4;\n }\n .date{\n // background: url('../assets/images/xunjianneirong.png') no-repeat;\n background-size: 100% 100%;\n height: 38px;\n width: 186px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n }\n .status{\n height: 38px;\n width: 211px;\n display:flex;\n align-items: center;\n .el-radio {\n color:#ffffff;\n font-weight: 500;\n cursor: pointer;\n margin-right: 30px;\n .el-radio__inner {\n border-color: #ffffff;\n background: transparent;\n }\n .el-radio__inner::after{\n width: 8px;\n height: 8px;\n background: #29f0f1;\n }\n .is-checked+.el-radio__label{\n color: #29f0f1;\n }\n .is-checked .el-radio__inner{\n border-color: #29f0f1;\n }\n }\n }\n }\n }\n .foot{\n height: 16%;\n width: 100%;\n // border: 1px solid green;\n display: flex;\n align-items: center;\n justify-content: space-around;\n .commit{\n // background: url('../assets/images/commit.png') no-repeat;\n background-size: 100% 100%;\n height: 40px;\n width: 133px;\n cursor: pointer;\n }\n }\n }\n }\n }\n}\n\n/**\n下拉显示动画效果\n*/\n@keyframes fadeInDown {\n 0% {\n -webkit-transform: translate3d(0, -20%, 0);\n -webkit-transform: translate3d(0, -20%, 0);\n transform: translate3d(0, -20%, 0);\n transform: translate3d(0, -20%, 0);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@-webkit-keyframes fadeInDown {\n 0% {\n -webkit-transform: translate3d(0, -20%, 0);\n opacity: 0;\n }\n\n 100% {\n -webkit-transform: none;\n opacity: 1;\n }\n}\n\n</style>"]}]} |