{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\SidebarDialogCode.vue?vue&type=template&id=bd6915c0&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\SidebarDialogCode.vue","mtime":1675232038699},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div>\n  <div class=\"block\">\n    <el-form ref=\"form\" :model=\"formSetting\" label-width=\"160px\">\n      <el-form-item label=\"设置对话框的宽度(单位%)\">\n        <el-slider v-model=\"formSetting.dialogWidth\" show-input></el-slider>\n      </el-form-item>\n      <el-form-item label=\"对齐方式\">\n        <el-radio-group v-model=\"formSetting.labelPosition\" size=\"small\">\n          <el-radio-button label=\"left\">左对齐</el-radio-button>\n          <el-radio-button label=\"right\">右对齐</el-radio-button>\n          <el-radio-button label=\"top\">顶部对齐</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"行内表单\">\n        <el-switch v-model=\"formSetting.inline\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"></el-switch>\n      </el-form-item>\n    </el-form>\n  </div>\n  <el-button @click=\"showDialog()\">侧边弹窗</el-button>\n  <el-button @click=\"showDialogTable()\">侧边弹窗 table布局</el-button>\n  <el-divider />\n  <ht-sidebar-dialog :width=\"dialogWidthPrecent\" title=\"侧边弹窗例子-添加角色\" :visible.sync=\"dialogVisible\"\n    :before-close=\"handleClose\">\n    <el-form data-vv-scope=\"editRoleForm\" :model=\"form\" :label-position=\"formSetting.labelPosition\" size=\"mini\"\n      :inline=\"formSetting.inline\">\n      <ht-form-item label-width=\"80px\">\n        <template slot=\"label\">\n          <el-popover placement=\"top-start\" title=\"标题\" width=\"200\" trigger=\"hover\"\n            content=\"这是一段内容,这是一段内容,这是一段内容,这是一段内容。\">\n            <span slot=\"reference\">角色名称</span>\n          </el-popover>\n        </template>\n\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"使用自定义的冒号:\" label-width=\"80px\" custom-colon>\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"状态\" label-width=\"80px\" align=\"center\" label-color=\"rgb(150, 150, 150)\">\n        <ht-select v-model=\"form.status\" :options=\"[{'alias': 0, 'value':'禁用'},{'alias': 1, 'value':'启用'}]\"\n          :props=\"{key:'alias',value:'value'}\" :validate=\"{'required':true}\" />\n      </ht-form-item>\n      <ht-form-item label=\"角名称\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色别名test\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\" permission=\"r\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"性别\" label-width=\"80px\">\n        <ht-radio v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n          :validate=\"{'required':true}\" />\n      </ht-form-item>\n      <ht-form-item label=\"角色名称\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色别名\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色状态\" label-width=\"80px\">\n        <ht-select v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n          :validate=\"{'required':true}\" />\n      </ht-form-item>\n      <ht-form-item label=\"角色名称\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色别名\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色状态\" label-width=\"80px\">\n        <ht-select v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n          :validate=\"{'required':true}\" />\n      </ht-form-item>\n      <ht-form-item label=\"角色名称\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色别名\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色状态\" label-width=\"80px\">\n        <ht-select v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n          :validate=\"{'required':true}\" />\n      </ht-form-item>\n      <ht-form-item label=\"角色名称\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色别名\" label-width=\"80px\">\n        <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"角色状态\" label-width=\"80px\">\n        <ht-select v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n          :validate=\"{'required':true}\" />\n      </ht-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogCancle\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogSave\">保 存</el-button>\n      <ht-save-button scope-name=\"editRoleForm\" :is-submit=\"isSubmit\" @before-save-data=\"beforeSaveData\">HtSaveButton\n      </ht-save-button>\n      <el-button @click=\"showDialog2()\">侧边嵌套弹窗2</el-button>\n    </div>\n    <div slot=\"title\">\n      <span style=\"color:red;\">我是slot标题，会覆盖title中的设置</span>\n    </div>\n\n    <ht-sidebar-dialog :width=\"dialogWidthPrecent2\" title=\"侧边弹窗例子-添加角色\" :visible=\"dialogVisible2\"\n      :before-close=\"handleClose2\" append-to-body>\n      <el-form :model=\"form\">\n        <ht-form-item label=\"角色名称\" label-width=\"80px\">\n          <ht-input v-model=\"form.roleName\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n        </ht-form-item>\n        <ht-form-item label=\"角色别名\" label-width=\"80px\">\n          <ht-input v-model=\"form.roleCode\" autocomplete=\"off\" validate=\"required\"></ht-input>\n        </ht-form-item>\n        <ht-form-item label=\"角色状态\" label-width=\"80px\">\n          <ht-select v-model=\"form.status\" :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n            :validate=\"{'required':true}\" />\n        </ht-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"dialogVisible2 = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"dialogVisible2 = false\">保 存</el-button>\n      </div>\n    </ht-sidebar-dialog>\n  </ht-sidebar-dialog>\n\n  <ht-sidebar-dialog :width=\"dialogWidthPrecent\" title=\"侧边弹窗例子-添加用户\" :visible.sync=\"dialogVisible3\"\n    :before-close=\"handleClose3\">\n    <form data-vv-scope=\"editUserForm\">\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr>\n            <th width=\"120px\" class=\"is-required\">用户名称:</th>\n            <td>\n              <ht-input v-model=\"user.fullname\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n            </td>\n            <th width=\"120px\" class=\"is-required\">用户账号:</th>\n            <td>\n              <ht-input v-model=\"user.account\" autocomplete=\"off\" :validate=\"{required:true}\"></ht-input>\n            </td>\n          </tr>\n          <tr>\n            <th width=\"120px\">用户性别:</th>\n            <td>\n              <ht-radio v-model=\"user.sex\" :options=\"[{key:'1',value:'男士'},{key:'0',value:'女士'}]\" />\n            </td>\n            <th width=\"120px\">手机号码:</th>\n            <td>\n              <ht-input v-model=\"user.mobile\" autocomplete=\"off\" :validate=\"{mobile:true}\"></ht-input>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogCancle\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogSave\">保 存</el-button>\n      <ht-save-button scope-name=\"editUserForm\" :is-submit=\"isSubmit\" @before-save-data=\"beforeSaveData\">HtSaveButton\n      </ht-save-button>\n    </div>\n    <div slot=\"title\">\n      <span style=\"color:red;\">我是slot标题，会覆盖title中的设置</span>\n    </div>\n  </ht-sidebar-dialog>\n</div>\n",null]}