{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\portal\\LayoutConfigPanel.vue?vue&type=template&id=18160cd7&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\portal\\LayoutConfigPanel.vue","mtime":1675071992225},{"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":["\r\n<div>\r\n  <el-container>\r\n    <el-header>布局信息</el-header>\r\n    <el-main>\r\n      <el-form v-model=\"layoutObj\" data-vv-scope=\"editForm\" label-position=\"top\">\r\n         <ht-form-item label=\"布局名称\" prop=\"name\">\r\n          <ht-input\r\n            class=\"ht\"\r\n            v-model=\"layoutObj.name\"\r\n            autocomplete=\"off\"\r\n            :validate=\"{required:true}\"\r\n            placeholder=\"请输入名称\"\r\n            :maxlength=\"50\"\r\n            :showWordLimit=\"true\"\r\n          ></ht-input>\r\n        </ht-form-item>\r\n         <ht-form-item label=\"布局描述\" prop=\"memo\" >\r\n          <ht-input\r\n            type=\"textarea\"\r\n            class=\"ht\"\r\n            :rows=\"3\"\r\n            v-model=\"layoutObj.memo\"\r\n            autocomplete=\"off\"\r\n            placeholder=\"请输入描述信息\"\r\n            :maxlength=\"200\"\r\n            :showWordLimit=\"true\"\r\n          ></ht-input>\r\n        </ht-form-item>\r\n      </el-form>\r\n    </el-main>\r\n  </el-container>\r\n  <el-container v-if=\"data.type=='grid'\">\r\n    <el-header>栅格设计</el-header>\r\n    <el-main class=\"config-content\">\r\n      <div v-if=\"!data || !data.type\" class=\"field-empty\">选择一个栅格布局进行设置</div>\r\n      <el-form label-position=\"top\" v-if=\"data\">\r\n        <template v-if=\"data.type == 'grid'\">\r\n          <el-form-item label=\"栅格间隔：\">\r\n            <el-input type=\"number\" v-model.number=\"data.options.gutter\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"列配置项：\">\r\n            <draggable\r\n              tag=\"ul\"\r\n              :list=\"data.columns\"\r\n              v-bind=\"{group:{ name:'options'}, ghostClass: 'ghost',handle: '.drag-item'}\"\r\n              handle=\".drag-item\"\r\n            >\r\n              <li v-for=\"(item, index) in data.columns\" :key=\"index\">\r\n                <i class=\"drag-item\" style=\"font-size: 16px;margin: 0 5px;cursor: move;\">\r\n                  <i class=\"iconfont icon-draggable\"></i>\r\n                </i>\r\n                <el-input\r\n                  placeholder=\"1到24的整数\"\r\n                  size=\"mini\"\r\n                  style=\"width: 120px;\"\r\n                  type=\"number\"\r\n                  v-model.number=\"item.span\"\r\n                >\r\n                </el-input>\r\n                <el-button\r\n                  @click=\"handleOptionsRemove(index)\"\r\n                  circle\r\n                  plain\r\n                  type=\"danger\"\r\n                  size=\"mini\"\r\n                  icon=\"el-icon-minus\"\r\n                  style=\"padding: 4px;margin-left: 5px;\"\r\n                ></el-button>\r\n              </li>\r\n            </draggable>\r\n            <div style=\"margin-left: 22px;\">\r\n              <el-button @click=\"handleAddColumn\">添加列</el-button>\r\n            </div>\r\n          </el-form-item>\r\n        </template>\r\n      </el-form>\r\n    </el-main>\r\n  </el-container>\r\n\r\n  <!--table选项卡配置-->\r\n  <el-container v-if=\"data.type=='tab'\">\r\n    <el-header>tab布局设计</el-header>\r\n    <el-main class=\"config-content\">\r\n       <el-form  v-form>\r\n      <ht-form-item label-width label=\"风格类型\">\r\n        <el-radio-group v-model=\"data.options.ctrlType\">\r\n          <el-radio-button label>默认</el-radio-button>\r\n          <el-radio-button label=\"card\">选项卡</el-radio-button>\r\n          <el-radio-button label=\"border-card\">卡片化</el-radio-button>\r\n        </el-radio-group>\r\n      </ht-form-item>\r\n      \r\n      <ht-form-item label-width label=\"选项卡位置\">\r\n        <el-radio-group v-model=\"data.options.align\">\r\n          <el-radio-button label=\"top\">顶部</el-radio-button>\r\n          <el-radio-button label=\"left\">左侧</el-radio-button>\r\n          <el-radio-button label=\"right\">右侧</el-radio-button>\r\n          <el-radio-button label=\"bottom\">底部</el-radio-button>\r\n        </el-radio-group>\r\n      </ht-form-item>\r\n      <ht-form-item label-width label=\"标签配置项\">\r\n        <br>\r\n        <draggable\r\n          tag=\"ul\"\r\n          class=\"column-ul\"\r\n          :list=\"data.columns\"\r\n          v-bind=\"{\r\n            group: { name: 'options' },\r\n            ghostClass: 'ghost',\r\n            handle: '.drag-item'\r\n          }\"\r\n          handle=\".drag-item\"\r\n          style=\"    margin: 0;\r\n    padding-left: 0px;\"\r\n        >\r\n          <li v-for=\"(item, index) in data.columns\" :key=\"index\" style=\" list-style: none;\">\r\n            <i class=\"drag-item icon-draggable\"> </i>&nbsp;\r\n            <ht-input size=\"mini\" width=\"200px\" v-model=\"item.span\" />\r\n            <el-button\r\n              @click=\"handleOptionsRemove(index)\"\r\n              circle\r\n              plain\r\n              class=\"grid-remove-button\"\r\n              type=\"danger\"\r\n              size=\"mini\"\r\n              icon=\"el-icon-minus\"\r\n            ></el-button>\r\n          </li>\r\n        </draggable>\r\n        <div style=\"margin-left: 22px;\">\r\n          <el-button type=\"text\" @click=\"handleGridColumnAdd('tab')\"\r\n            >添加标签</el-button\r\n          >\r\n        </div>\r\n      </ht-form-item>\r\n      </el-form>\r\n    </el-main>\r\n  </el-container>\r\n  </div>\r\n",null]}