{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\myLayout\\LayoutConfigPanel.vue?vue&type=template&id=2f70c485&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\src\\components\\myLayout\\LayoutConfigPanel.vue","mtime":1667327529622},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\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            :showWordLimit=\"true\"\r\n            :maxlength=\"50\"\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          ></ht-input>\r\n        </ht-form-item> -->\r\n      </el-form>\r\n    </el-main>\r\n  </el-container>\r\n  <el-container>\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  </div>\r\n",null]}