{"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\\stage\\editor\\index.vue?vue&type=template&id=72e95679&scoped=true","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\acs\\stage\\editor\\index.vue","mtime":1732871026666},{"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>\n  <el-row style=\"margin-top: 20px;margin-left: 20px;margin-bottom: 20px\">\n    <el-col :span=\"4\" />\n    <el-col :span=\"20\">\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        />\n      </el-select>\n      宽度(px):\n      <el-input-number\n        v-model=\"grid_width\"\n        controls-position=\"right\"\n        :step=\"35\"\n        :min=\"800\"\n        :max=\"5000\"\n        @change=\"handleChange\"\n      />\n      单元格数:\n      <el-input-number\n        v-model=\"grid_length\"\n        controls-position=\"right\"\n        :step=\"5\"\n        :min=\"500\"\n        :max=\"2400\"\n        @change=\"handleGridNum\"\n      />\n      <el-button type=\"primary\" :loading=\"saveLoading\" @click=\"saveAll\">保存</el-button>\n      <el-button type=\"success\" @click=\"initArr2\">清空</el-button>\n    </el-col>\n  </el-row>\n\n  <el-row type=\"flex\" align=\"middle\">\n    <el-col :span=\"1\" style=\"margin-left: 10px\">\n      <div>\n        <draggable\n          :list=\"arr1\"\n          animation=\"300\"\n          drag-class=\"dragClass\"\n          ghost-class=\"ghostClass\"\n          chosen-class=\"chosenClass\"\n          :move=\"onMove\"\n          :group=\"{ name:'group', pull:'clone', put:false}\"\n          style=\"float: left;\"\n          @start=\"onStart\"\n          @end=\"onEnd\"\n        >\n\n          <!--vue中引入图片https://blog.csdn.net/qq_35393869/article/details/80333564-->\n          <div\n            v-for=\"(item,index) in arr1\"\n            :key=\"index\"\n            style=\" width: 34px;height: 34px;display: inline-block;margin: 0 0 0 0 ;vertical-align:bottom;outline: 1px solid #f0f0f0;\"\n          >\n            <img\n              :src=\"require('../../../../assets/acs/' +item.img1+'.png')\"\n              alt=\"\"\n              width=\"34px\"\n              height=\"34px;\"\n              style=\"margin: 0 0 0 0;vertical-align:bottom;transform: rotate(0deg);\"\n            >\n          </div>\n        </draggable>\n      </div>\n    </el-col>\n\n    <el-col :span=\"23\" style=\"margin-left: 20px\">\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          <div\n            v-for=\"(item,index) 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=\"click(index)\"\n          >\n            <el-tooltip placement=\"top-start\" :disabled=\"item.img2=='1'\" effect=\"dark\">\n              <div slot=\"content\">\n                <div style=\"padding: 3px;\">\n                  设备编号:{{ item.device_code }}\n                </div>\n              </div>\n\n              <div class=\"content\">\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;z-index:9999\"\n                >\n                <img\n                  v-if=\"item.img2!='1'\"\n                  :src=\"require('../../../../assets/acs/' +'del_new'+'.png')\"\n                  style=\"position: absolute; top: 0;right: 0;\"\n                  @click=\"delImg(index)\"\n                >\n              </div>\n            </el-tooltip>\n\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=\"70px\">\n        <el-select\n          v-model=\"form.device_code\"\n          clearable\n          filterable\n          placeholder=\"请选择\"\n          style=\"width: 320px;\"\n        >\n          <el-option\n            v-for=\"item in deviceList\"\n            :key=\"item.device_code\"\n            :label=\"item.device_name\"\n            :value=\"item.device_code\"\n          />\n        </el-select>\n      </el-form-item>\n\n      <el-form-item label=\"角度\" label-width=\"70px\">\n        <el-radio-group v-model=\"form.angle\">\n          <el-radio label=\"0\">∠0°</el-radio>\n          <el-radio label=\"90\">∠90°</el-radio>\n          <el-radio label=\"180\">∠180°</el-radio>\n          <el-radio label=\"270\">∠270°</el-radio>\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=\"drawFormSet\" width=\"35%\">\n    <el-form :model=\"form\" size=\"small\">\n      <el-form-item label=\"画布设置\" prop=\"device_code\" label-width=\"70px\">\n        <el-select\n          v-model=\"form.device_code\"\n          clearable\n          filterable\n          placeholder=\"请选择\"\n          style=\"width: 320px;\"\n        >\n          <el-option\n            v-for=\"item in deviceList\"\n            :key=\"item.device_code\"\n            :label=\"item.device_name\"\n            :value=\"item.device_code\"\n          />\n        </el-select>\n      </el-form-item>\n\n      <el-form-item label=\"角度\" label-width=\"70px\">\n        <el-radio-group v-model=\"form.angle\">\n          <el-radio label=\"0\">∠0°</el-radio>\n          <el-radio label=\"90\">∠90°</el-radio>\n          <el-radio label=\"180\">∠180°</el-radio>\n          <el-radio label=\"270\">∠270°</el-radio>\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</div>\n",null]}