From 8951cced78f006d9190fb975940a831514b5cc18 Mon Sep 17 00:00:00 2001 From: 18512435990 Date: Tue, 28 Nov 2023 08:49:23 +0800 Subject: [PATCH] =?UTF-8?q?luckySheet=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 12 +- src/assets/icons/png/edit.png | Bin 0 -> 3901 bytes src/components/luckysheet/index.vue | 2 +- src/views/model/viewdesgin/desgin.vue | 79 ++++++++++++ src/views/model/viewdesgin/h.js | 179 ++++++++++++++++++++++++++ src/views/model/viewdesgin/index.vue | 0 6 files changed, 265 insertions(+), 7 deletions(-) create mode 100644 src/assets/icons/png/edit.png create mode 100644 src/views/model/viewdesgin/desgin.vue create mode 100644 src/views/model/viewdesgin/h.js create mode 100644 src/views/model/viewdesgin/index.vue diff --git a/index.html b/index.html index d533706..41e1832 100644 --- a/index.html +++ b/index.html @@ -7,13 +7,13 @@ - - - - - + + + + + - + 联美运营系统 diff --git a/src/views/model/viewdesgin/h.js b/src/views/model/viewdesgin/h.js new file mode 100644 index 0000000..3e544e0 --- /dev/null +++ b/src/views/model/viewdesgin/h.js @@ -0,0 +1,179 @@ +// 取结构 +export function getMesh() { + + /** + * 1.struct 渲染结构 + * 1.1 vnode 属性 + * 1.1.1 key 标识 + * 1.1.2 type 控件类型 + * 1.1.3 style 设计样式 + * 1.1.4 items 子组件 + * 1.1.5 valueType 值类型(0文本,1动态数据,2多标签组合,3按钮) + * 1.1.6 value 值 + * 1.1.7 rowIndex 行号 + * 1.1.8 colIndex 列号 + * 1.1.9 event 事件(对象{name:'onClick',fun:'callfun',param:{code:'P00005'}}) + * 1.1.10 class 动态样式(告警"红字") + * + * 1.2 事件对象 event + * 1.2.1 name 事件名 + * 1.2.2 fun 方法名(外部组件方法。例:'callfun') + * 1.2.3 param 参数 + * + * 1.3 参数对象 param + * 1.3.1 code 编码(文本处理) + * 1.3.2 value 动态值(props处理) + * + * 2.data 数据结构 + * 2.1 对象名为参数编码P00001 + * 2.2 值初始化为空 + * 2.3 例:{P00001:23,P00002:22,P00003:2222,P00004:45.8,P00005:32.6,P00006:88} + * + */ + return { + struct: { + key:123, + type:"table", + style:'', + class:'tw', + items:[ + { + type:"tr", + rowIndex:0, + items:[ + { + type:"th", + colIndex:0, + valueType:0, + value:"#", + style:'width: 80px' + }, + { + type:"th", + colIndex:1, + valueType:0, + value:"一供温", + style:'width: 100px' + }, + { + type:"th", + colIndex:2, + valueType:0, + value:"一回温", + style:'width: 100px' + }, + { + type:"th", + colIndex:3, + valueType:0, + value:"二供温", + style:'width: 100px' + }, + ] + }, + { + type:"tr", + rowIndex:1, + items:[ + { + type:"td", + colIndex:0, + key:1-0, + valueType:0, + value:"万盈大厦", + style:'' + }, + { + type: "td", + colIndex: 1, + key: 1-1, + valueType: 1, + code: 'P00001', + style: '' + }, + { + type: "td", + colIndex: 2, + key: 1-2, + valueType: 1, + code: "P00002", + style: '' + }, + { + type: "td", + colIndex: 3, + key: 1-3, + valueType: 1, + code: "P00003", + style: '' + } + ] + }, + { + type: "tr", + rowIndex: 2, + style: "height:150px ;", + items: [ + { + type:"td", + colIndex:0, + key:2-1, + valueType:0, + value:"民丰大厦", + style:'' + }, + { + type:"td", + colIndex:1, + key:2-2, + valueType:1, + code:'P00004', + style:'' + }, + { + type: "td", + colIndex: 2, + key: 2-3, + valueType: 2, + items: [ + { + type: "div", + style: "margin-left: 3px;float: left;margin-top: 3px;", + valueType: 1, + code: 'P00005' + }, + { + type: "div", + class: "btn", + valueType: 3, + event: 'onClick', + fun: "callfun", + param: { + value: 'P00005' + } + } + ] + } + , + { + type:"td", + colIndex:3, + key:2-4, + valueType:1, + code:"P00006", + style:'' + } + ] + } + ] + }, + params: { + P00001: 0, + P00002: 12, + P00003: 0, + P00004: 0, + P00005: 0, + P00006: 0 + } + } +} \ No newline at end of file diff --git a/src/views/model/viewdesgin/index.vue b/src/views/model/viewdesgin/index.vue new file mode 100644 index 0000000..e69de29