{
"name": "CreateVm",
"id": "1",
"app": "1",
"route": "CreateVm",
"page_content": {
"state": {
"dataDisk": [
1,
2,
3
]
},
"methods": {},
"componentName": "Page",
"css": "body {\r\n background-color:#eef0f5 ;\r\n margin-bottom: 80px;\r\n}",
"props": {},
"children": [
{
"componentName": "div",
"props": {
"style": "padding-bottom: 10px; padding-top: 10px;"
},
"id": "2b2cabf0",
"children": [
{
"componentName": "TinyTimeLine",
"props": {
"active": "2",
"data": [
{
"name": "基础配置"
},
{
"name": "网络配置"
},
{
"name": "高级配置"
},
{
"name": "确认配置"
}
],
"horizontal": true,
"style": "border-radius: 0px;"
},
"id": "dd764b17"
}
]
},
{
"componentName": "div",
"props": {
"style": "border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;"
},
"id": "30c94cc8",
"children": [
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyFormItem",
"props": {
"label": "计费模式"
},
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "包年/包月",
"value": "1"
},
{
"text": "按需计费",
"value": "2"
}
],
"modelValue": "1"
},
"id": "a8d84361"
}
],
"id": "9f39f3e7"
},
{
"componentName": "TinyFormItem",
"props": {
"label": "区域"
},
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "乌兰察布二零一",
"value": "1"
}
],
"modelValue": "1",
"style": "border-radius: 0px; margin-right: 10px;"
},
"id": "c97ccd99"
},
{
"componentName": "Text",
"props": {
"text": "温馨提示：页面左上角切换区域",
"style": "background-color: #f5f5f5; color: #8a8e99; font-size: 12px;"
},
"id": "20923497"
},
{
"componentName": "Text",
"props": {
"text": "不同区域的云服务产品之间内网互不相通；请就近选择靠近您业务的区域，可减少网络时延，提高访问速度",
"style": "display: block; color: #8a8e99; border-radius: 0px; font-size: 12px;"
},
"id": "54780a26"
}
],
"id": "4966384d"
},
{
"componentName": "TinyFormItem",
"props": {
"label": "可用区",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "可用区1",
"value": "1"
},
{
"text": "可用区2",
"value": "2"
},
{
"text": "可用区3",
"value": "3"
}
],
"modelValue": "1"
},
"id": "6184481b"
}
],
"id": "690837bf"
}
],
"id": "b6a425d4"
}
]
},
{
"componentName": "div",
"props": {
"style": "border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;"
},
"children": [
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyFormItem",
"props": {
"label": "CPU架构"
},
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "x86计算",
"value": "1"
},
{
"text": "鲲鹏计算",
"value": "2"
}
],
"modelValue": "1"
},
"id": "7d33ced7"
}
],
"id": "05ed5a79"
},
{
"componentName": "TinyFormItem",
"props": {
"label": "区域"
},
"children": [
{
"componentName": "div",
"props": {
"style": "display: flex; justify-content: flex-start; align-items: center;"
},
"id": "606edf78",
"children": [
{
"componentName": "div",
"props": {
"style": "display: flex; align-items: center; margin-right: 10px;"
},
"id": "f3f98246",
"children": [
{
"componentName": "Text",
"props": {
"text": "vCPUs",
"style": "width: 80px;"
},
"id": "c287437e"
},
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
]
},
"id": "4c43286b"
}
]
},
{
"componentName": "div",
"props": {
"style": "display: flex; align-items: center; margin-right: 10px;"
},
"children": [
{
"componentName": "Text",
"props": {
"text": "内存",
"style": "width: 80px; border-radius: 0px;"
},
"id": "38b8fa1f"
},
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
]
},
"id": "cd33328e"
}
],
"id": "2b2c678f"
},
{
"componentName": "div",
"props": {
"style": "display: flex; align-items: center;"
},
"children": [
{
"componentName": "Text",
"props": {
"text": "规格名称",
"style": "width: 80px;"
},
"id": "d3eb6352"
},
{
"componentName": "TinySearch",
"props": {
"modelValue": "",
"placeholder": "输入关键词"
},
"id": "21cb9282"
}
],
"id": "b8e0f35c"
}
]
},
{
"componentName": "div",
"props": {
"style": "border-radius: 0px;"
},
"id": "5000c83e",
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "通用计算型",
"value": "1"
},
{
"text": "通用计算增强型",
"value": "2"
},
{
"text": "内存优化型",
"value": "3"
},
{
"text": "内存优化型",
"value": "4"
},
{
"text": "磁盘增强型",
"value": "5"
},
{
"text": "超高I/O型",
"value": "6"
},
{
"text": "GPU加速型",
"value": "7"
}
],
"modelValue": "1",
"style": "border-radius: 0px; margin-top: 12px;"
},
"id": "b8724703"
},
{
"componentName": "TinyGrid",
"props": {
"editConfig": {
"trigger": "click",
"mode": "cell",
"showStatus": true
},
"columns": [
{
"type": "radio",
"width": 60
},
{
"field": "employees",
"title": "规格名称"
},
{
"field": "created_date",
"title": "vCPUs | 内存(GiB)",
"sortable": true
},
{
"field": "city",
"title": "CPU",
"sortable": true
},
{
"title": "基准 / 最大带宽\t",
"sortable": true
},
{
"title": "内网收发包",
"sortable": true
}
],
"data": [
{
"id": "1",
"name": "GFD科技有限公司",
"city": "福州",
"employees": 800,
"created_date": "2014-04-30 00:56:00",
"boole": false
},
{
"id": "2",
"name": "WWW科技有限公司",
"city": "深圳",
"employees": 300,
"created_date": "2016-07-08 12:36:22",
"boole": true
}
],
"style": "margin-top: 12px; border-radius: 0px;",
"auto-resize": true
},
"id": "77701c25"
},
{
"componentName": "div",
"props": {
"style": "margin-top: 12px; border-radius: 0px;"
},
"id": "3339838b",
"children": [
{
"componentName": "Text",
"props": {
"text": "当前规格",
"style": "width: 150px; display: inline-block;"
},
"id": "203b012b"
},
{
"componentName": "Text",
"props": {
"text": "通用计算型 | Si2.large.2 | 2vCPUs | 4 GiB",
"style": "font-weight: 700;"
},
"id": "87723f52"
}
]
}
]
}
],
"id": "657fb2fc"
}
],
"id": "d19b15cf"
}
],
"id": "9991228b"
},
{
"componentName": "div",
"props": {
"style": "border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;"
},
"children": [
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyFormItem",
"props": {
"label": "镜像",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyButtonGroup",
"props": {
"data": [
{
"text": "公共镜像",
"value": "1"
},
{
"text": "私有镜像",
"value": "2"
},
{
"text": "共享镜像",
"value": "3"
}
],
"modelValue": "1"
},
"id": "922b14cb"
},
{
"componentName": "div",
"props": {
"style": "display: flex; margin-top: 12px; border-radius: 0px;"
},
"id": "6b679524",
"children": [
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
],
"style": "width: 170px; margin-right: 10px;"
},
"id": "4851fff7"
},
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
],
"style": "width: 340px;"
},
"id": "a7183eb7"
}
]
},
{
"componentName": "div",
"props": {
"style": "margin-top: 12px;"
},
"id": "57aee314",
"children": [
{
"componentName": "Text",
"props": {
"text": "请注意操作系统的语言类型。",
"style": "color: #e37d29;"
},
"id": "56d36c27"
}
]
}
],
"id": "e3b02436"
}
],
"id": "59aebf2b"
}
],
"id": "87ff7b99"
},
{
"componentName": "div",
"props": {
"style": "border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;"
},
"children": [
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyFormItem",
"props": {
"label": "系统盘",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "div",
"props": {
"style": "display: flex;"
},
"id": "cddba5b8",
"children": [
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
],
"style": "width: 200px; margin-right: 10px;"
},
"id": "a97fbe15"
},
{
"componentName": "TinyInput",
"props": {
"placeholder": "请输入",
"modelValue": "",
"style": "width: 120px; margin-right: 10px;"
},
"id": "1cde4c0f"
},
{
"componentName": "Text",
"props": {
"text": "GiB \nIOPS上限240，IOPS突发上限5,000",
"style": "color: #575d6c; font-size: 12px;"
},
"id": "2815d82d"
}
]
}
],
"id": "50239a3a"
}
],
"id": "e8582986"
},
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyFormItem",
"props": {
"label": "数据盘",
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "div",
"props": {
"style": "margin-top: 12px; display: flex;"
},
"id": "728c9825",
"children": [
{
"componentName": "Icon",
"props": {
"style": "margin-right: 10px; width: 16px; height: 16px;",
"name": "IconPanelMini"
},
"id": "fded6930"
},
{
"componentName": "TinySelect",
"props": {
"modelValue": "",
"placeholder": "请选择",
"options": [
{
"value": "1",
"label": "黄金糕"
},
{
"value": "2",
"label": "双皮奶"
}
],
"style": "width: 200px; margin-right: 10px;"
},
"id": "62734e3f"
},
{
"componentName": "TinyInput",
"props": {
"placeholder": "请输入",
"modelValue": "",
"style": "width: 120px; margin-right: 10px;"
},
"id": "667c7926"
},
{
"componentName": "Text",
"props": {
"text": "GiB \nIOPS上限600，IOPS突发上限5,000",
"style": "color: #575d6c; font-size: 12px; margin-right: 10px;"
},
"id": "e7bc36d6"
},
{
"componentName": "TinyInput",
"props": {
"placeholder": "请输入",
"modelValue": "",
"style": "width: 120px;"
},
"id": "1bd56dc0"
}
],
"loop": {
"type": "JSExpression",
"value": "this.state.dataDisk"
}
},
{
"componentName": "div",
"props": {
"style": "display: flex; margin-top: 12px; border-radius: 0px;"
},
"children": [
{
"componentName": "Icon",
"props": {
"name": "IconPlus",
"style": "width: 16px; height: 16px; margin-right: 10px;"
},
"id": "65c89f2b"
},
{
"componentName": "Text",
"props": {
"text": "增加一块数据盘",
"style": "font-size: 12px; border-radius: 0px; margin-right: 10px;"
},
"id": "cb344071"
},
{
"componentName": "Text",
"props": {
"text": "您还可以挂载 21 块磁盘（云硬盘）",
"style": "color: #8a8e99; font-size: 12px;"
},
"id": "80eea996"
}
],
"id": "e9e530ab"
}
],
"id": "078e03ef"
}
],
"id": "ccef886e"
}
],
"id": "0fb7bd74"
},
{
"componentName": "div",
"props": {
"style": "border-width: 1px; border-style: solid; border-color: #ffffff; padding-top: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; position: fixed; inset: auto 0% 0% 0%; height: 80px; line-height: 80px; border-radius: 0px;"
},
"children": [
{
"componentName": "TinyForm",
"props": {
"labelWidth": "80px",
"labelPosition": "top",
"inline": false,
"label-position": "left ",
"label-width": "150px",
"style": "border-radius: 0px;"
},
"children": [],
"id": "21ed4475"
},
{
"componentName": "TinyRow",
"props": {
"style": "border-radius: 0px; height: 100%;"
},
"children": [
{
"componentName": "TinyCol",
"props": {
"span": "8"
},
"id": "b9d051a5",
"children": [
{
"componentName": "TinyRow",
"props": {
"style": "border-radius: 0px;"
},
"children": [
{
"componentName": "TinyCol",
"props": {
"span": "5",
"style": "display: flex;"
},
"id": "02352776",
"children": [
{
"componentName": "Text",
"props": {
"text": "购买量",
"style": "margin-right: 10px;"
},
"id": "0cd9ed5c"
},
{
"componentName": "TinyInput",
"props": {
"placeholder": "请输入",
"modelValue": "",
"style": "width: 120px; margin-right: 10px;"
},
"id": "2f9cf442"
},
{
"componentName": "Text",
"props": {
"text": "台"
},
"id": "facd4481"
}
]
},
{
"componentName": "TinyCol",
"props": {
"span": "7"
},
"id": "82b6c659",
"children": [
{
"componentName": "div",
"props": {},
"id": "9cd65874",
"children": [
{
"componentName": "Text",
"props": {
"text": "配置费用",
"style": "font-size: 12px;"
},
"id": "b5a0a0da"
},
{
"componentName": "Text",
"props": {
"text": "¥1.5776",
"style": "padding-left: 10px; padding-right: 10px; color: #de504e;"
},
"id": "d9464214"
},
{
"componentName": "Text",
"props": {
"text": "/小时",
"style": "font-size: 12px;"
},
"id": "af7cc5e6"
}
]
},
{
"componentName": "div",
"props": {},
"id": "89063830",
"children": [
{
"componentName": "Text",
"props": {
"text": "参考价格，具体扣费请以账单为准。",
"style": "font-size: 12px; border-radius: 0px;"
},
"id": "d8995fbc"
},
{
"componentName": "Text",
"props": {
"text": "了解计费详情",
"style": "font-size: 12px; color: #344899;"
},
"id": "b383c3e2"
}
]
}
]
}
],
"id": "94fc0e43"
}
]
},
{
"componentName": "TinyCol",
"props": {
"span": "4",
"style": "display: flex; flex-direction: row-reverse; border-radius: 0px; height: 100%; justify-content: flex-start; align-items: center;"
},
"id": "10b73009",
"children": [
{
"componentName": "TinyButton",
"props": {
"text": "下一步: 网络配置",
"type": "danger",
"style": "max-width: unset;"
},
"id": "0b584011"
}
]
}
],
"id": "d414a473"
}
],
"id": "e8ec029b"
}
],
"fileName": "CreateVm"
},
"tenant": 1,
"isBody": false,
"parentId": "0",
"group": "staticPages",
"depth": 0,
"isPage": true,
"isDefault": false,
"occupier": null,
"isHome": false,
"_id": "1"
}