{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\monitor\\device\\index2.vue?vue&type=template&id=354994dc&scoped=true","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\monitor\\device\\index2.vue","mtime":1732871026617},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1732872827008},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["\n<div class=\"monitor-wrap\">\n  <el-row style=\"margin-top: 20px;margin-left: 20px;margin-bottom: 20px\">\n    <el-col :span=\"6\" />\n    <el-col :span=\"18\">\n      <!-- 舞台:\n       <el-select v-model=\"stage_code\" placeholder=\"请选择\" @change=\"changeStage\">\n         <el-option\n           v-for=\"item in stageSelectList\"\n           :key=\"item.stage_code\"\n           :label=\"item.stage_name\"\n           :value=\"item.stage_code\">\n         </el-option>\n       </el-select>\n       <el-button type=\"primary\" @click=\"saveAll\" :loading=\"saveLoading\">保存</el-button>\n       <el-button type=\"success\" @click=\"cleanArr2\">清空</el-button>-->\n      <!-- <el-button type=\"info\">操作</el-button>-->\n    </el-col>\n  </el-row>\n\n  <el-row>\n    <el-col :span=\"1\" style=\"margin-left: 10px\">\n      <div>\n        <!-- <draggable :list=\"arr1\" animation=\"300\"\n                    dragClass=\"dragClass\"\n                    ghostClass=\"ghostClass\"\n                    chosenClass=\"chosenClass\"\n                    @start=\"onStart\"\n                    @end=\"onEnd\"\n                    :move=\"onMove\"\n                    :group=\"{ name:'group', pull:'clone', put:false}\"\n         >\n\n           &lt;!&ndash;vue中引入图片https://blog.csdn.net/qq_35393869/article/details/80333564&ndash;&gt;\n           <div v-for=\"(item,index) in arr1\" :key=\"index\"\n                style=\"position: relative; width: 34px;height: 34px;display: inline-block;margin: 0 0 0 0 ;vertical-align:bottom;outline: 1px solid #f0f0f0;\">\n             <img :src=\"require('../../../../assets/acs/' +item.img1+'.png')\" alt=\"\" width=\"34px\" height=\"34px;\"\n                  style=\"margin: 0 0 0 0;vertical-align:bottom;transform: rotate(0deg);\"/>\n\n           </div>\n\n         </draggable>-->\n      </div>\n    </el-col>\n\n    <el-col :span=\"22\" style=\"margin-left: 30px\">\n      <el-scrollbar style=\"width:1850px;height: 1050px;\">\n        <!--使用draggable组件-->\n        <draggable\n          :list=\"arr2\"\n          group=\"group\"\n          animation=\"300\"\n          filter=\".forbid\"\n          :style=\"'width:'+ grid_width +'px;'\"\n        >\n\n          <div\n            v-for=\"(item) in arr2\"\n            :key=\"item.index\"\n            class=\"forbid\"\n            style=\"position: relative; width: 34px;height: 34px;display: inline-block;margin: 0 0 0 0 ;vertical-align:bottom;\"\n            @click=\"clickDevice(item)\"\n          >\n\n            <el-popover\n              v-if=\"currentItem == item.index\"\n              :ref=\"'pop_'+item.index\"\n              placement=\"bottom\"\n              effect=\"dark\"\n              trigger=\"manual\"\n              :value=\"currentItem == item.index\"\n              :disabled=\"item.device_code == ''\"\n              :popper-class=\"isErrorColor(item)\"\n            >\n              <div v-if=\"item.device_code !== ''\" style=\"height: 390px;overflow-y: auto\">\n                <div style=\"padding: 3px;\">\n                  设备信息\n                </div>\n                <el-table\n                  :data=\"moveShow(item)\"\n                  style=\"width: 100%\"\n                >\n                  <af-table-column\n                    prop=\"name\"\n                    label=\"监控项\"\n                  />\n                  <af-table-column\n                    prop=\"value\"\n                    label=\"当前值\"\n                  />\n                </el-table>\n              </div>\n            </el-popover>\n\n            <div v-popover=\"'pop_'+item.index\" class=\"content\" @mouseover=\"changeCurrentTime(item)\">\n              <img\n                :src=\"require('../../../../assets/acs/' +item.img2+'.png')\"\n                alt=\"\"\n                width=\"34px\"\n                height=\"34px;\"\n                :style=\"{ transform:' rotate('+item.angle+'deg)' }\"\n                style=\"outline: 1px solid #f0f0f0;\"\n              >\n              <img\n                v-if=\"hasGoods(item) && item.img2!='1' \"\n                :src=\"require('../../../../assets/acs/' +'托盘'+'.png')\"\n                style=\"position: absolute; top: 5px;right: 5px;width: 24px;height: 24px;\"\n              >\n              <img\n                v-if=\"statusPic(item) && item.img2!='1'\"\n                :src=\"require('../../../../assets/acs/' +'status0'+'.png')\"\n                style=\"position: absolute; top: 0;left: 0;\"\n              >\n              <img\n                v-if=\"!statusPic(item) && item.img2!='1' && item.device_code\"\n                :src=\"require('../../../../assets/acs/' +'status1'+'.png')\"\n                style=\"position: absolute; top: 0;left: 0;\"\n              >\n              <img\n                v-if=\"isError(item)\"\n                :src=\"require('../../../../assets/acs/' +'icon_alert'+'.png')\"\n                style=\"position: absolute; top: 5px;right: 5px;width: 23px;height: 23px;\"\n              >\n            </div>\n          </div>\n        </draggable>\n      </el-scrollbar>\n    </el-col>\n  </el-row>\n\n  <!--弹窗设置设备与图标绑定与角度-->\n  <el-dialog title=\"设备设置\" :visible.sync=\"dialogFormVisible\" width=\"35%\">\n    <el-form :model=\"form\" size=\"small\">\n      <el-form-item label=\"设备编号\" prop=\"device_code\" label-width=\"80px\">\n        <el-input v-model=\"form.device_code\" :disabled=\"true\" />\n      </el-form-item>\n\n      <el-form-item label=\"设备状态\" label-width=\"80px\">\n        <el-radio-group v-model=\"form.hasGoodStatus\">\n          <el-radio-button :label=\"0\">无货</el-radio-button>\n          <el-radio-button :label=\"1\">有托盘</el-radio-button>\n          <el-radio-button :label=\"2\">有托盘有货</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogSave\">确 定</el-button>\n    </div>\n  </el-dialog>\n\n  <!--弹窗设置设备与图标绑定与角度-->\n  <el-dialog title=\"设备设置\" :visible.sync=\"dialogFormVisible3\" width=\"35%\">\n    <el-form :model=\"form\" size=\"small\">\n      <el-form-item label=\"设备编号\" prop=\"device_code\" label-width=\"80px\">\n        <el-input v-model=\"form.device_code\" :disabled=\"true\" />\n      </el-form-item>\n      <el-form-item label=\"设备状态\" label-width=\"80px\">\n        <el-radio-group v-model=\"form.hasGoodStatus\">\n          <el-radio-button :label=\"0\">无货</el-radio-button>\n          <el-radio-button :label=\"1\">空料斗</el-radio-button>\n          <el-radio-button :label=\"2\">满料斗</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"物料编码\" prop=\"material_type\" label-width=\"80px\">\n        <el-input v-model=\"form.material_type\" />\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogFormVisible3 = false\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogSave\">确 定</el-button>\n    </div>\n  </el-dialog>\n\n  <!--弹窗设置设备与图标绑定与角度-->\n  <el-dialog title=\"设备设置\" :visible.sync=\"dialogFormVisible4\" width=\"35%\">\n    <el-form :model=\"form\" size=\"small\">\n      <el-form-item label=\"设备编号\" prop=\"device_code\" label-width=\"120px\">\n        <el-input v-model=\"form.device_code\" :disabled=\"true\" />\n      </el-form-item>\n      <el-form-item label=\"缺料请求成功\" prop=\"requireSucess\" label-width=\"120px\">\n        <el-radio-group v-model=\"form.requireSucess\">\n          <el-radio-button :label=\"0\">否</el-radio-button>\n          <el-radio-button :label=\"1\">是</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"空想请求成功\" prop=\"fullrequireSucess\" label-width=\"120px\">\n        <el-radio-group v-model=\"form.fullrequireSucess\">\n          <el-radio-button :label=\"0\">否</el-radio-button>\n          <el-radio-button :label=\"1\">是</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogFormVisible4 = false\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogSave\">确 定</el-button>\n    </div>\n  </el-dialog>\n\n  <!--弹窗设置设备与图标绑定与角度-->\n  <el-dialog title=\"设备设置\" :visible.sync=\"dialogFormVisible1\" width=\"35%\">\n    <el-form :model=\"form\" size=\"small\">\n      <el-form-item label=\"设备编号\" prop=\"device_code\" label-width=\"80px\">\n        <el-input v-model=\"form.device_code\" :disabled=\"true\" />\n      </el-form-item>\n\n      <el-form-item label=\"条码\" label-width=\"80px\">\n        <el-input v-model=\"form.barcode\" :disabled=\"false\" />\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogFormVisible1 = false\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"saveBarcode\">确 定</el-button>\n    </div>\n  </el-dialog>\n  <XJDeviceMonitor ref=\"child1\" />\n</div>\n",null]}