forked from fanruan/fineui
Young
7 years ago
8 changed files with 3310 additions and 2413 deletions
@ -0,0 +1,444 @@
|
||||
/** |
||||
* @Author: Young |
||||
* @CreationDate 2017-11-06 10:32 |
||||
* @Description |
||||
*/ |
||||
;(function () { |
||||
var model = Fix.define({ |
||||
groups: [{ |
||||
id: "27a9c8bf159e99e", |
||||
name: "功能数据", |
||||
packages: [{ |
||||
id: "82a96a4b03ac17e6", |
||||
name: "通信行业", |
||||
type: 1, |
||||
tables: [{ |
||||
id: "品类", |
||||
name: "品类", |
||||
connName: "BIDemo", |
||||
fields: [{ |
||||
id: "sd2ad2f343ca23", |
||||
name: "类别", |
||||
type: 32, |
||||
enable: true, |
||||
usable: true |
||||
}, { |
||||
id: "f34ds34aw2345w", |
||||
name: "描述", |
||||
type: 32, |
||||
enable: true, |
||||
usable: true |
||||
}] |
||||
}] |
||||
}] |
||||
}, { |
||||
id: "das2dw24214sa4", |
||||
name: "样式数据", |
||||
packages: [{ |
||||
id: "hi23i1o34a34we", |
||||
name: "零售行业", |
||||
type: 1, |
||||
tables: [{ |
||||
id: "销售记录", |
||||
name: "销售记录", |
||||
connName: "BIDemo", |
||||
fields: [{ |
||||
id: "wr213d24t345", |
||||
name: "分类", |
||||
type: 16, |
||||
enable: true, |
||||
usable: true |
||||
}, { |
||||
id: "faw134r24al344", |
||||
name: "金额", |
||||
type: 32, |
||||
enable: true, |
||||
usable: true |
||||
}] |
||||
}] |
||||
}, { |
||||
id: "fwr124f3453fa", |
||||
name: "地产行业", |
||||
tables: [{ |
||||
id: "开发商名称", |
||||
name: "开发商名称", |
||||
connName: "BIDemo", |
||||
fields: [{ |
||||
id: "sa13f345fg356", |
||||
name: "编号", |
||||
type: 32, |
||||
enable: true, |
||||
usable: true |
||||
}, { |
||||
id: "ad2r24tt232a22", |
||||
name: "名称", |
||||
type: 16, |
||||
enable: true, |
||||
usable: true |
||||
}] |
||||
}, { |
||||
id: "楼盘", |
||||
name: "楼盘", |
||||
connName: "BIDemo", |
||||
fields: [{ |
||||
id: "hfe3345fg356", |
||||
name: "编号", |
||||
type: 32, |
||||
enable: true, |
||||
usable: true |
||||
}, { |
||||
id: "kl224tt232a22", |
||||
name: "名称", |
||||
type: 16, |
||||
enable: true, |
||||
usable: true |
||||
}] |
||||
}] |
||||
}] |
||||
}], |
||||
fineIndexUpdate: { |
||||
needUpdate: false, |
||||
lastUpdate: 1509953199062 |
||||
} |
||||
}); |
||||
|
||||
Demo.FixScene = BI.inherit(BI.Widget, { |
||||
constant: { |
||||
TAB1: 1, |
||||
TAB2: 2 |
||||
}, |
||||
|
||||
_store: function () { |
||||
return model; |
||||
}, |
||||
|
||||
watch: { |
||||
"groups.*.name": function () { |
||||
this.fineIndexTab.setText("FineIndex更新（******* 分组名变化 需要更新 *******）"); |
||||
this.model.fineIndexUpdate.needUpdate = true; |
||||
}, |
||||
"groups.*.packages.*.name": function () { |
||||
this.fineIndexTab.setText("FineIndex更新（******* 业务包名变化 需要更新 *******）"); |
||||
this.model.fineIndexUpdate.needUpdate = true; |
||||
}, |
||||
"groups.*.packages.*.tables.*.name": function () { |
||||
this.fineIndexTab.setText("FineIndex更新（******* 表名变化 需要更新 *******）"); |
||||
this.model.fineIndexUpdate.needUpdate = true; |
||||
}, |
||||
"groups.*.packages.*.tables.*.fields.*.name": function () { |
||||
this.fineIndexTab.setText("FineIndex更新（******* 字段名变化 需要更新 *******）"); |
||||
this.model.fineIndexUpdate.needUpdate = true; |
||||
}, |
||||
"fineIndexUpdate.needUpdate": function (needUpdate) { |
||||
!needUpdate && this.fineIndexTab.setText("FineIndex更新"); |
||||
} |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.tab", |
||||
defaultShowIndex: this.constant.TAB1, |
||||
tab: { |
||||
type: "bi.button_group", |
||||
items: BI.createItems([{ |
||||
text: "业务包管理", |
||||
value: this.constant.TAB1 |
||||
}, { |
||||
text: "FineIndex更新", |
||||
value: this.constant.TAB2, |
||||
ref: function (ref) { |
||||
self.fineIndexTab = ref; |
||||
} |
||||
}], { |
||||
type: "bi.text_button", |
||||
cls: "bi-list-item-active", |
||||
height: 50 |
||||
}), |
||||
height: 50 |
||||
}, |
||||
cardCreator: BI.bind(this.cardCreator, this) |
||||
} |
||||
}, |
||||
|
||||
cardCreator: function (v) { |
||||
switch (v) { |
||||
case this.constant.TAB1: |
||||
return { |
||||
type: "demo.fix_scene_data_manager", |
||||
data: this.model |
||||
}; |
||||
case this.constant.TAB2: |
||||
return { |
||||
type: "demo.fix_scene_fine_index_update" |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene", Demo.FixScene); |
||||
|
||||
Demo.FixSceneDataManager = BI.inherit(BI.Widget, { |
||||
_store: function () { |
||||
return this.options.data; |
||||
}, |
||||
|
||||
watch: { |
||||
"*.name": function () { |
||||
|
||||
} |
||||
}, |
||||
|
||||
render: function () { |
||||
var items = []; |
||||
BI.each(this.model.groups, function (i, group) { |
||||
items.push({ |
||||
type: "demo.fix_scene_group", |
||||
group: group |
||||
}); |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.left", |
||||
items: BI.createItems([{ |
||||
text: "分组名" |
||||
}, { |
||||
text: "业务包名" |
||||
}, { |
||||
text: "表名" |
||||
}, { |
||||
text: "字段名" |
||||
}], { |
||||
type: "bi.label", |
||||
cls: "layout-bg1", |
||||
width: 150 |
||||
}), |
||||
|
||||
}, { |
||||
type: "bi.vertical", |
||||
items: items |
||||
}], |
||||
vgap: 20, |
||||
hgap: 20 |
||||
} |
||||
} |
||||
|
||||
}); |
||||
BI.shortcut("demo.fix_scene_data_manager", Demo.FixSceneDataManager); |
||||
|
||||
Demo.FixSceneGroup = BI.inherit(BI.Widget, { |
||||
props: { |
||||
group: {} |
||||
}, |
||||
|
||||
_store: function () { |
||||
return this.options.group; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var items = []; |
||||
BI.each(this.model.packages, function (i, child) { |
||||
items.push({ |
||||
type: "demo.fix_scene_package", |
||||
pack: child |
||||
}); |
||||
}); |
||||
return { |
||||
type: "bi.left", |
||||
items: [{ |
||||
type: "bi.sign_editor", |
||||
cls: "bi-border-bottom", |
||||
width: 100, |
||||
height: 30, |
||||
value: this.model.name, |
||||
listeners: [{ |
||||
eventName: BI.SignEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.model.name = this.getValue(); |
||||
} |
||||
}] |
||||
}, { |
||||
type: "bi.vertical", |
||||
items: items |
||||
}], |
||||
hgap: 20 |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene_group", Demo.FixSceneGroup); |
||||
|
||||
|
||||
Demo.FixScenePackage = BI.inherit(BI.Widget, { |
||||
props: { |
||||
pack: {} |
||||
}, |
||||
|
||||
_store: function () { |
||||
return this.options.pack; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var items = []; |
||||
BI.each(this.model.tables, function (i, child) { |
||||
items.push({ |
||||
type: "demo.fix_scene_table", |
||||
table: child |
||||
}) |
||||
}); |
||||
return { |
||||
type: "bi.left", |
||||
items: [{ |
||||
type: "bi.sign_editor", |
||||
cls: "bi-border-bottom", |
||||
width: 100, |
||||
height: 30, |
||||
value: this.model.name, |
||||
listeners: [{ |
||||
eventName: BI.SignEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.model.name = this.getValue(); |
||||
} |
||||
}] |
||||
}, { |
||||
type: "bi.vertical", |
||||
items: items |
||||
}], |
||||
hgap: 20 |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene_package", Demo.FixScenePackage); |
||||
|
||||
Demo.FixSceneTable = BI.inherit(BI.Widget, { |
||||
props: { |
||||
table: {} |
||||
}, |
||||
|
||||
_store: function () { |
||||
return this.options.table; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var items = []; |
||||
BI.each(this.model.fields, function (i, child) { |
||||
items.push({ |
||||
type: "demo.fix_scene_field", |
||||
field: child |
||||
}); |
||||
}); |
||||
return { |
||||
type: "bi.left", |
||||
items: [{ |
||||
type: "bi.sign_editor", |
||||
cls: "bi-border-bottom", |
||||
width: 100, |
||||
height: 30, |
||||
value: this.model.name, |
||||
listeners: [{ |
||||
eventName: BI.SignEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.model.name = this.getValue(); |
||||
} |
||||
}] |
||||
}, { |
||||
type: "bi.vertical", |
||||
items: items |
||||
}], |
||||
hgap: 20 |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene_table", Demo.FixSceneTable); |
||||
|
||||
Demo.FixSceneField = BI.inherit(BI.Widget, { |
||||
props: { |
||||
field: {} |
||||
}, |
||||
|
||||
_store: function () { |
||||
return this.options.field; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.sign_editor", |
||||
cls: "bi-border-bottom", |
||||
width: 100, |
||||
height: 30, |
||||
value: this.model.name, |
||||
listeners: [{ |
||||
eventName: BI.SignEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.model.name = this.getValue(); |
||||
} |
||||
}] |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene_field", Demo.FixSceneField); |
||||
|
||||
Demo.FixSceneFineIndexUpdateStore = BI.inherit(Fix.VM, { |
||||
_init: function () { |
||||
this.fineIndexUpdate = model.fineIndexUpdate; |
||||
}, |
||||
computed: { |
||||
text: function () { |
||||
return "立即更新（上次更新时间：" + BI.date2Str(new Date(this.fineIndexUpdate.lastUpdate), "yyyy-MM-dd HH:mm:ss") + "）"; |
||||
}, |
||||
needUpdate: function () { |
||||
return this.fineIndexUpdate.needUpdate; |
||||
} |
||||
}, |
||||
actions: { |
||||
updateFineIndex: function () { |
||||
this.fineIndexUpdate.needUpdate = false; |
||||
this.fineIndexUpdate.lastUpdate = new Date().getTime(); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
Demo.FixSceneFineIndexUpdate = BI.inherit(BI.Widget, { |
||||
_store: function () { |
||||
return new Demo.FixSceneFineIndexUpdateStore(); |
||||
}, |
||||
|
||||
watch: { |
||||
"needUpdate": function () { |
||||
this.button.setEnable(this.model.needUpdate) |
||||
}, |
||||
"text": function () { |
||||
this.button.setText(this.model.text); |
||||
} |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: this.model.text, |
||||
disabled: !this.model.needUpdate, |
||||
height: 30, |
||||
width: 360, |
||||
handler: function () { |
||||
self.store.updateFineIndex(); |
||||
}, |
||||
ref: function (ref) { |
||||
self.button = ref; |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.fix_scene_fine_index_update", Demo.FixSceneFineIndexUpdate); |
||||
|
||||
})(); |
||||
Loading…
Reference in new issue