{"remainingRequest":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/components/FormGenerator/index/Home.vue?vue&type=template&id=69299e4a","dependencies":[{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/components/FormGenerator/index/Home.vue","mtime":1701741776298},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/cache-loader/dist/cjs.js","mtime":1701741918737},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":1701741928370},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/cache-loader/dist/cjs.js","mtime":1701741918737},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js","mtime":1701741928146}],"contextDependencies":[],"result":["\n<div class=\"container-FromGen\">\n  <div class=\"left-board\">\n    <div class=\"logo-wrapper\">\n      <div class=\"logo\">\n        <span>CRMEB</span>\n        <!-- <img :src=\"logo\" alt=\"logo\"> Form Generator\n        <a class=\"github\" href=\"https://github.com/JakHuang/form-generator\" target=\"_blank\">\n          <img src=\"https://github.githubassets.com/pinned-octocat.svg\" alt>\n        </a> -->\n      </div>\n    </div>\n    <el-scrollbar class=\"left-scrollbar\">\n      <div class=\"components-list\">\n        <div v-for=\"(item, listIndex) in leftComponents\" :key=\"listIndex\">\n          <div class=\"components-title\">\n            <svg-icon icon-class=\"component\" />\n            {{ item.title }}\n          </div>\n          <draggable\n            class=\"components-draggable\"\n            :list=\"item.list\"\n            :group=\"{ name: 'componentsGroup', pull: 'clone', put: false }\"\n            :clone=\"cloneComponent\"\n            draggable=\".components-item\"\n            :sort=\"false\"\n            @end=\"onEnd\"\n          >\n            <div\n              v-for=\"(element, index) in item.list\"\n              :key=\"index\"\n              class=\"components-item\"\n              @click=\"addComponent(element)\"\n            >\n              <div class=\"components-body\">\n                <svg-icon :icon-class=\"element.__config__.tagIcon\" />\n                {{ element.__config__.label }}\n              </div>\n            </div>\n          </draggable>\n        </div>\n      </div>\n    </el-scrollbar>\n  </div>\n\n  <div class=\"center-board\">\n    <div class=\"action-bar\">\n      <!--                <el-button icon=\"el-icon-video-play\" type=\"text\" @click=\"run\">-->\n      <!--                  运行-->\n      <!--                </el-button>-->\n      <!--                <el-button icon=\"el-icon-view\" type=\"text\" @click=\"showJson\">-->\n      <!--                  查看json-->\n      <!--                </el-button>-->\n      <!-- <el-button icon=\"el-icon-download\" type=\"text\" @click=\"download\"> -->\n      <!-- 导出vue文件 -->\n      <!-- </el-button> -->\n      <!--                <el-button class=\"copy-btn-main\" icon=\"el-icon-document-copy\" type=\"text\" @click=\"copy\">-->\n      <!--                  复制代码-->\n      <!--                </el-button>-->\n      <!--                <el-button class=\"delete-btn\" icon=\"el-icon-delete\" type=\"text\" @click=\"empty\">-->\n      <!--                  清空-->\n      <!--                </el-button>-->\n      <el-form ref=\"selfForm\" inline :model=\"selfForm\">\n        <el-form-item\n          label=\"名称\"\n          prop=\"name\"\n          :rules=\"[{ required: true, message: '请填写名称', trigger: ['blur', 'change'] }]\"\n        >\n          <el-input v-model.trim=\"selfForm.name\" placeholder=\"名称\" />\n        </el-form-item>\n        <el-form-item\n          label=\"描述\"\n          prop=\"info\"\n          :rules=\"[{ required: true, message: '请填写描述', trigger: ['blur', 'change'] }]\"\n        >\n          <el-input v-model.trim=\"selfForm.info\" placeholder=\"描述\" />\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"handlerSaveJSON('selfForm')\" v-hasPermi=\"['platform:system:form:update']\"\n            >保存</el-button\n          >\n        </el-form-item>\n      </el-form>\n    </div>\n    <el-scrollbar class=\"center-scrollbar\">\n      <el-row class=\"center-board-row\" :gutter=\"formConf.gutter\">\n        <el-form\n          :size=\"formConf.size\"\n          :label-position=\"formConf.labelPosition\"\n          :disabled=\"formConf.disabled\"\n          :label-width=\"formConf.labelWidth + 'px'\"\n        >\n          <draggable class=\"drawing-board\" :list=\"drawingList\" :animation=\"340\" group=\"componentsGroup\">\n            <draggable-item\n              v-for=\"(element, index) in drawingList\"\n              :key=\"element.renderKey\"\n              :drawing-list=\"drawingList\"\n              :element=\"element\"\n              :index=\"index\"\n              :active-id=\"activeId\"\n              :form-conf=\"formConf\"\n              @activeItem=\"activeFormItem\"\n              @copyItem=\"drawingItemCopy\"\n              @deleteItem=\"drawingItemDelete\"\n            />\n          </draggable>\n          <div v-show=\"!drawingList.length\" class=\"empty-info\">从左侧拖入或点选组件进行表单设计</div>\n        </el-form>\n      </el-row>\n    </el-scrollbar>\n  </div>\n\n  <right-panel\n    :active-data=\"activeData\"\n    :form-conf=\"formConf\"\n    :show-field=\"!!drawingList.length\"\n    @tag-change=\"tagChange\"\n  />\n\n  <form-drawer :visible.sync=\"drawerVisible\" :form-data=\"formData\" size=\"100%\" :generate-conf=\"generateConf\" />\n  <json-drawer\n    size=\"60%\"\n    :visible.sync=\"jsonDrawerVisible\"\n    :json-str=\"JSON.stringify(formData)\"\n    @refresh=\"refreshJson\"\n  />\n  <code-type-dialog\n    :visible.sync=\"dialogVisible\"\n    title=\"选择生成类型\"\n    :show-file-name=\"showFileName\"\n    @confirm=\"generate\"\n  />\n  <input id=\"copyNode\" type=\"hidden\" />\n</div>\n",null]}