{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\tripartite\\buildBigScreen\\src\\page\\build.vue?vue&type=template&id=65b29a08&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\tripartite\\buildBigScreen\\src\\page\\build.vue","mtime":1675071992616},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"build\">\n  <imglist\n    ref=\"imglist\"\n    @change=\"handleSetimg\"\n  ></imglist>\n  <top ref=\"top\"></top>\n  <div\n    class=\"app\"\n    :class=\"{'app--none':!menuFlag}\"\n  >\n    <div\n      class=\"menu\"\n      v-show=\"menuFlag\"\n      @click.self=\"handleMouseDown\"\n    >\n      <p class=\"title\">图层</p>\n      <layer\n        ref=\"layer\"\n        :nav=\"nav\"\n      ></layer>\n    </div>\n    <!-- 中间区域 -->\n    <div\n      ref=\"wrapper\"\n      style=\"flex:1;overflow:hidden;position:relative;\"\n    >\n      <div\n        class=\"refer-line-img\"\n        @click=\"imgClick\"\n      >\n        <img :src=\"isShowReferLine?imgOpenData:imgClose\">\n      </div>\n      <sketch-rule\n        :thick=\"thick\"\n        :scale=\"scale\"\n        :width=\"width\"\n        :height=\"height\"\n        :startX=\"startX\"\n        :startY=\"startY\"\n        :isShowReferLine=\"isShowReferLine\"\n        :palette=\"palette\"\n        :shadow=\"shadow\"\n        :horLineArr=\"lines.h\"\n        :verLineArr=\"lines.v\"\n      />\n      <div\n        ref='screensRef'\n        id=\"screens\"\n        :class=\"dragSlide?'dragghanle':''\"\n        @mousedown.stop=\"dragMousedown\"\n        @mouseup=\"dragMouseup\"\n        @mousemove=\"dragMousemove\"\n        @wheel=\"handleWheel\"\n        @scroll=\"handleScroll\"\n      >\n        <div\n          ref=\"containerRef\"\n          class=\"screen-container\"\n        >\n          <div\n            class=\"canvas\"\n            ref=\"canvas\"\n            :style=\"canvasStyle\"\n          >\n            <container\n              ref=\"container\"\n              :wscale=\"scale\"\n            ></container>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"menu params\"\n      v-show=\"menuFlag\"\n    >\n      <p class=\"title\">操作</p>\n      <el-tabs\n        class=\"tabs\"\n        stretch\n        v-model=\"tabsActive\"\n      >\n        <el-tab-pane name=\"0\">\n          <el-tooltip\n            slot=\"label\"\n            effect=\"dark\"\n            content=\"配置\"\n            placement=\"top\"\n          >\n            <div><i class=\"el-icon-setting\"></i></div>\n          </el-tooltip>\n          <el-form\n            label-width=\"120px\"\n            label-position=\"left\"\n            size=\"mini\"\n          >\n            <!-- 组件配置 -->\n            <template v-if=\"!vaildProp('',[undefined])\">\n              <p class=\"title\">{{activeObj.title}}</p>\n              <el-form-item label=\"图层名称\">\n                <avue-input v-model=\"activeObj.name\"></avue-input>\n              </el-form-item>\n              <el-form-item label=\"隐藏\">\n                <avue-switch v-model=\"activeObj.display\"></avue-switch>\n              </el-form-item>\n              <template v-if=\"vaildProp('colorList')\">\n                <el-form-item label=\"系统配色\">\n                  <avue-switch v-model=\"activeOption.switchTheme\"></avue-switch>\n                </el-form-item>\n                <el-form-item\n                  label=\"配色选择\"\n                  v-if=\"activeOption.switchTheme\"\n                >\n                  <avue-select\n                    v-model=\"activeOption.theme\"\n                    :dic=\"dicOption.themeList\"\n                  >\n                  </avue-select>\n                </el-form-item>\n              </template>\n              <component :is=\"activeComponent.prop+'Option'\"></component>\n              <main-option></main-option>\n            </template>\n            <!-- 多选配置选项 -->\n            <template v-else-if=\"isSelectActive\">\n              <el-form-item label=\"水平方式\">\n                <el-tooltip\n                  content=\"左对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-fold icon\"\n                    @click=\"$refs.container.handlePostionSelect('left')\"\n                  ></i>\n                </el-tooltip>\n                <el-tooltip\n                  content=\"居中对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-operation icon\"\n                    @click=\"$refs.container.handlePostionSelect('center')\"\n                  ></i>\n                </el-tooltip>\n                <el-tooltip\n                  content=\"右对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-unfold icon\"\n                    @click=\"$refs.container.handlePostionSelect('right')\"\n                  ></i>\n                </el-tooltip>\n              </el-form-item>\n              <el-form-item label=\"垂直方式\">\n                <el-tooltip\n                  content=\"顶对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-fold icon\"\n                    @click=\"$refs.container.handlePostionSelect('top')\"\n                  ></i>\n                </el-tooltip>\n                <el-tooltip\n                  content=\"中部对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-operation icon\"\n                    @click=\"$refs.container.handlePostionSelect('middle')\"\n                  ></i>\n                </el-tooltip>\n                <el-tooltip\n                  content=\"底对齐\"\n                  placement=\"top\"\n                >\n                  <i\n                    class=\"el-icon-s-unfold icon\"\n                    @click=\"$refs.container.handlePostionSelect('bottom')\"\n                  ></i>\n                </el-tooltip>\n              </el-form-item>\n              <el-form-item label-width=\"0\">\n                <el-button\n                  type=\"primary\"\n                  size=\"mini\"\n                  class=\"block\"\n                  @click=\"handleDeleteSelect\"\n                >删除</el-button>\n              </el-form-item>\n              <el-form-item label-width=\"0\">\n                <el-button\n                  type=\"danger\"\n                  size=\"mini\"\n                  class=\"block\"\n                  @click=\"handleFloder\"\n                >成组</el-button>\n              </el-form-item>\n            </template>\n            <!-- 主屏的配置项 -->\n            <template v-else>\n              <!-- <el-form-item label=\"大屏名称\">\n                <avue-input v-model=\"config.name\"></avue-input>\n              </el-form-item> -->\n              <el-form-item label=\"大屏宽度\">\n                <avue-input-number v-model=\"config.width\"></avue-input-number>\n              </el-form-item>\n              <el-form-item label=\"大屏高度\">\n                <avue-input-number v-model=\"config.height\"></avue-input-number>\n              </el-form-item>\n              <el-form-item label=\"大屏简介\">\n                <avue-input\n                  v-model=\"config.info\"\n                  type=\"textarea\"\n                  :min-rows=\"5\"\n                ></avue-input>\n              </el-form-item>\n              <el-form-item label=\"背景颜色\">\n                <avue-input-color v-model=\"config.backgroundColor\"></avue-input-color>\n              </el-form-item>\n              <el-form-item label=\"背景图片\">\n                <img\n                  v-if=\"config.backgroundImage.toString().indexOf('http') != -1\"\n                  :src=\"config.backgroundImage\"\n                  @click=\"handleOpenImg('config.backgroundImage','background')\"\n                  alt=\"\"\n                  width=\"100%\"\n                />\n                 <img\n                  v-else\n                  :src=\"'/mvue'+config.backgroundImage\"\n                  @click=\"handleOpenImg('config.backgroundImage','background')\"\n                  alt=\"\"\n                  width=\"100%\"\n                />\n              </el-form-item>\n              <el-form-item label=\"环境地址\">\n                <avue-input\n                  type=\"textarea\"\n                  :min-rows=\"3\"\n                  v-model=\"config.url\"\n                ></avue-input>\n              </el-form-item>\n              <el-form-item label=\"参数\">\n                <el-button\n                  size=\"mini\"\n                  type=\"primary\"\n                  @click=\"openCode('query')\"\n                >编辑</el-button>\n              </el-form-item>\n              <el-form-item label=\"水印(预览有效)\">\n                <avue-switch v-model=\"config.mark.show\"></avue-switch>\n              </el-form-item>\n              <template v-if=\"config.mark.show\">\n                <el-form-item label=\"内容\">\n                  <avue-input v-model=\"config.mark.text\"></avue-input>\n                </el-form-item>\n                <el-form-item label=\"大小\">\n                  <avue-input-number v-model=\"config.mark.fontSize\"></avue-input-number>\n                </el-form-item>\n                <el-form-item label=\"颜色\">\n                  <avue-input-color v-model=\"config.mark.textStyle\"></avue-input-color>\n                </el-form-item>\n                <el-form-item label=\"角度\">\n                  <avue-input-number v-model=\"config.mark.degree\"></avue-input-number>\n                </el-form-item>\n              </template>\n            </template>\n          </el-form>\n        </el-tab-pane>\n        <!-- 数据配置 -->\n        <el-tab-pane\n          name=\"1\"\n          v-if=\"vaildProp('dataList')\"\n        >\n          <el-tooltip\n            slot=\"label\"\n            effect=\"dark\"\n            content=\"数据\"\n            placement=\"top\"\n          >\n            <div><i class=\"el-icon-document-copy\"></i></div>\n          </el-tooltip>\n          <el-form\n            label-width=\"120px\"\n            label-position=\"left\"\n            size=\"mini\"\n          >\n            <el-form-item label=\"数据类型\">\n              <avue-radio\n                v-model=\"activeObj.dataType\"\n                :dic=\"dicOption.dataType\"\n              ></avue-radio>\n            </el-form-item>\n            <el-form-item\n              label=\"数据值\"\n              label-position=\"top\"\n              v-if=\"isStatic\"\n            >\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                @click=\"openCode('data')\"\n              >编辑</el-button>\n            </el-form-item>\n            <el-form-item label=\"刷新时间\">\n              <avue-input-number v-model=\"activeObj.time\"></avue-input-number>\n            </el-form-item>\n            <template v-if=\"isApi || isSql\">\n              <el-form-item label-width=\"0\">\n                <el-button\n                  size=\"mini\"\n                  type=\"primary\"\n                  class=\"block\"\n                  @click=\"handleSql\"\n                >\n                  <span v-if=\"isSql\">编辑SQL语句</span>\n                  <span v-else-if=\"isApi\">编辑Api接口</span>\n                </el-button>\n              </el-form-item>\n            </template>\n            <el-form-item label-width=\"0\">\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                class=\"block\"\n                @click=\"handleRes\"\n              >刷新数据</el-button>\n            </el-form-item>\n          </el-form>\n\n        </el-tab-pane>\n        <!-- 交互事件配置 -->\n        <el-tab-pane\n          name=\"2\"\n          v-if=\"vaildProp('eventList')\"\n        >\n          <el-tooltip\n            slot=\"label\"\n            effect=\"dark\"\n            content=\"交互\"\n            placement=\"top\"\n          >\n            <div><i class=\"el-icon-thumb\"></i></div>\n          </el-tooltip>\n          <el-form\n            label-width=\"120px\"\n            label-position=\"left\"\n            size=\"mini\"\n          >\n            <el-form-item label=\"子类\">\n              <avue-select\n                multiple\n                v-model=\"activeObj.child.index\"\n                :dic=\"childList\"\n                :props=\"childProps\"\n              >\n              </avue-select>\n            </el-form-item>\n            <el-form-item label=\"参数名称\">\n              <avue-input v-model=\"activeObj.child.paramName\"></avue-input>\n            </el-form-item>\n          </el-form>\n        </el-tab-pane>\n        <!-- 其他事件配置 -->\n        <el-tab-pane\n          name=\"3\"\n          v-if=\"vaildProp('formatterList')\"\n        >\n          <el-tooltip\n            slot=\"label\"\n            effect=\"dark\"\n            content=\"事件\"\n            placement=\"top\"\n          >\n            <div><i class=\"iconfont icon-peizhi\"></i></div>\n          </el-tooltip>\n          <el-form\n            label-width=\"120px\"\n            label-position=\"left\"\n            size=\"mini\"\n          >\n            <el-form-item label=\"提示事件\">\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                @click=\"openCode('formatter')\"\n              >编辑</el-button>\n            </el-form-item>\n            <el-form-item\n              label=\"点击事件\"\n              v-if=\"vaildProp('clickFormatterList')\"\n            >\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                @click=\"openCode('clickFormatter')\"\n              >编辑</el-button>\n\n            </el-form-item>\n            <el-form-item\n              label=\"标题事件\"\n              v-if=\"vaildProp('labelFormatterList')\"\n            >\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                @click=\"openCode('labelFormatter')\"\n              >编辑</el-button>\n            </el-form-item>\n            <el-form-item label-width=\"0\">\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                class=\"block\"\n                @click=\"handleRefresh\"\n              >刷新</el-button>\n            </el-form-item>\n          </el-form>\n        </el-tab-pane>\n        <!-- 基本参数配置 -->\n        <el-tab-pane\n          name=\"4\"\n          v-if=\"isActive\"\n        >\n          <el-tooltip\n            slot=\"label\"\n            effect=\"dark\"\n            content=\"参数\"\n            placement=\"top\"\n          >\n            <div><i class=\"el-icon-folder\"></i></div>\n          </el-tooltip>\n          <el-form\n            label-width=\"120px\"\n            label-position=\"left\"\n            size=\"mini\"\n          >\n            <el-form-item label=\"序号\">\n              <avue-input\n                v-model=\"activeObj.index\"\n                disabled\n              ></avue-input>\n            </el-form-item>\n            <el-form-item label=\"X位置\">\n              <avue-input-number v-model=\"activeObj.left\"></avue-input-number>\n            </el-form-item>\n            <el-form-item label=\"Y位置\">\n              <avue-input-number v-model=\"activeObj.top\"></avue-input-number>\n            </el-form-item>\n            <el-form-item label=\"宽度\">\n              <avue-input-number v-model=\"activeComponent.width\"></avue-input-number>\n            </el-form-item>\n            <el-form-item label=\"高度\">\n              <avue-input-number v-model=\"activeComponent.height\"></avue-input-number>\n            </el-form-item>\n          </el-form>\n        </el-tab-pane>\n      </el-tabs>\n    </div>\n  </div>\n\n  <codeedit\n    @submit=\"codeClose\"\n    :type=\"code.type\"\n    v-model=\"code.obj\"\n    :visible.sync=\"code.box\"\n  ></codeedit>\n  <contentmenu ref=\"contentmenu\"></contentmenu>\n  <el-dialog\n    append-to-body\n    title=\"返回数据\"\n    :visible.sync=\"show\"\n    width=\"60%\"\n  >\n    <div>\n      <el-form size=\"small\">\n        <div v-show=\"isSql\">\n          <el-form-item label=\"数据源选择\">\n            <avue-select\n              :dic=\"DIC.sql\"\n              v-model=\"db\"\n            ></avue-select>\n          </el-form-item>\n          <el-form-item\n            label=\"SQL语句\"\n            label-position=\"top\"\n          >\n            <monaco-editor\n              v-model=\"sql\"\n              height=\"100\"\n            ></monaco-editor>\n          </el-form-item>\n        </div>\n        <div v-show=\"isApi\">\n          <el-form-item label=\"接口地址\">\n            <avue-input v-model=\"activeObj.url\"></avue-input>\n          </el-form-item>\n          <el-form-item label=\"接口方式\">\n            <avue-radio\n              v-model=\"activeObj.dataMethod\"\n              :dic=\"dicOption.dataMethod\"\n            ></avue-radio>\n          </el-form-item>\n          <el-form-item label=\"接口参数\">\n            <el-button\n              size=\"mini\"\n              type=\"primary\"\n              @click=\"openCode('dataQuery')\"\n            >编辑</el-button>\n          </el-form-item>\n        </div>\n        <el-form-item\n          label=\"响应数据\"\n          label-position=\"top\"\n        >\n          <monaco-editor\n            v-model=\"dataRes\"\n            disabled\n            height=\"200\"\n          ></monaco-editor>\n        </el-form-item>\n        <el-form-item label-width=\"0\">\n          <el-row>\n            <el-col :span=\"3\">\n              <el-button\n                size=\"mini\"\n                type=\"danger\"\n                class=\"block\"\n                @click=\"openCode('dataFormatter')\"\n              >数据处理</el-button>\n            </el-col>\n            <el-col :span=\"3\">\n              <el-button\n                size=\"mini\"\n                type=\"primary\"\n                class=\"block\"\n                @click=\"handleRes\"\n              >刷新数据</el-button>\n            </el-col>\n          </el-row>\n\n        </el-form-item>\n      </el-form>\n    </div>\n  </el-dialog>\n</div>\n",null]}