113 lines
6.2 KiB
HTML
113 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<meta charset="utf-8"/>
|
|
<style type="text/css">
|
|
body{
|
|
overflow-y: auto;
|
|
}
|
|
.form-maskbg {
|
|
}
|
|
.loading_holder {
|
|
background-image: url(../../image/loading_dark_large.gif);
|
|
}
|
|
#ModelsData .data-grid-old {
|
|
background-color: #ffffff;
|
|
}
|
|
.modelsfrom {
|
|
padding:15px 50px;
|
|
}
|
|
.modelsStyle {
|
|
width:250px;
|
|
height:200px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div style="margin-left: 10px; margin-right: 10px;">
|
|
<div style="padding-bottom: 5px; font-size: 15px;color: darkgray; " id="DataConnection">Data Connection</div>
|
|
<hr />
|
|
<div style="margin-top: 5px;">
|
|
<span style="margin-left: 20px; " id="DataConnection2">Data Connection</span><select style="width: 200px; margin-left: 5px;" id="DataConnections"><option value=""></option></select>
|
|
</div>
|
|
<div style=" padding-bottom: 15px; margin-top: 15px; height: 19px;">
|
|
<span id="models" style="font-size: 15px;color: darkgray;">Models</span>
|
|
<input type="button" style="float: right;padding: 0 20px;" value="Add Entity" id="AddEntity"></input>
|
|
<hr />
|
|
</div>
|
|
<div style="height: 250px; background-color: #CCCCCC; overflow: auto;" id="ModelsData">
|
|
<table id="table"></table>
|
|
</div>
|
|
<div style="padding-bottom: 5px; margin-top: 15px; font-size: 15px;color: darkgray;" id="StructuralRegion">
|
|
Structural Region
|
|
</div>
|
|
<hr />
|
|
<div style="height: 200px;" id="td_Tab">
|
|
<ul class="tab_header">
|
|
<li data-href="tab_entity" id="tab_entity" style="display:none">Entity Relationship</li>
|
|
<li data-href="tab_Field" id="Fe" class="selected">Display Field</li>
|
|
<li data-href="tab_condition">Condition</li>
|
|
<li style="clear: both;"></li>
|
|
</ul>
|
|
<div style="border: 1px solid #ccc;border-top: none; display:none" id="entity">
|
|
<div data-page="tab_entity" style="height: 160px;">
|
|
<div class="function-bar" style="padding: 10px">
|
|
<div class="button-up fa ctrlbutton" v-bind:title="btUpTitle()" v-on:click="btUpClick"></div>
|
|
<div class="button-down fa ctrlbutton" v-bind:title="btDownTitle()" v-on:click="btDownClick"></div>
|
|
<div class="button-new fa ctrlbutton" v-bind:title="btInsTitle()" v-on:click="btInsClick"></div>
|
|
<div class="button-del fa ctrlbutton" v-bind:title="btDelTitle()" v-on:click="btDelClick"></div>
|
|
</div>
|
|
<div id="DT_entity" style="width: 100%;height: 120px;">
|
|
<data-grid ref="grid" v-bind:columns="columns" v-bind:source="source"
|
|
v-bind:allow-editing="true" v-bind:allow-auto-new-row="true" v-bind:default-item-props="defaultItems" v-on:cellvaluechanged="cellvaluechanged" v-bind:default-constructor="defaultConstructor" v-on:cellclick="cellclick" body-class="autoHeightBody"></data-grid>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="border: 1px solid #ccc;border-top: none;" id="Field">
|
|
<div data-page="tab_Field" style="height: 160px;">
|
|
<div class="function-bar" style="padding: 10px">
|
|
<div class="button-up fa ctrlbutton" v-bind:title="btUpTitle()" v-on:click="btUpClick"></div>
|
|
<div class="button-down fa ctrlbutton" v-bind:title="btDownTitle()" v-on:click="btDownClick"></div>
|
|
<div class="button-new fa ctrlbutton" v-bind:title="btInsTitle()" v-on:click="btInsClick"></div>
|
|
<div class="button-del fa ctrlbutton" v-bind:title="btDelTitle()" v-on:click="btDelClick"></div>
|
|
</div>
|
|
<div id="DT_Field" style="width: 100%;height: 120px;">
|
|
<data-grid ref="grid" v-bind:columns="columns" v-bind:source="source"
|
|
v-bind:allow-editing="true" v-bind:allow-auto-new-row="true" v-bind:default-item-props="defaultItems" v-on:cellvaluechanged="cellvaluechanged" v-on:cellclick="cellclick" body-class="autoHeightBody"></data-grid>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="border: 1px solid #ccc;border-top: none;display:none;" id="Condition">
|
|
<div data-page="tab_Condition" style="height: 160px;">
|
|
<div class="function-bar" style="padding: 10px">
|
|
<div class="button-up fa ctrlbutton" v-bind:title="btUpTitle()" v-on:click="btUpClick"></div>
|
|
<div class="button-down fa ctrlbutton" v-bind:title="btDownTitle()" v-on:click="btDownClick"></div>
|
|
<div class="button-new fa ctrlbutton" v-bind:title="btInsTitle()" v-on:click="btInsClick"></div>
|
|
<div class="button-del fa ctrlbutton" v-bind:title="btDelTitle()" v-on:click="btDelClick"></div>
|
|
</div>
|
|
<div id="DT_Condition" style="width: 100%;height: 120px;">
|
|
<data-grid ref="grid" v-bind:columns="columns" v-bind:source="source"
|
|
v-bind:allow-editing="true" v-bind:allow-auto-new-row="true" v-bind:default-item-props="defaultItems" v-on:cellvaluechanged="cellvaluechanged" body-class="autoHeightBody"></data-grid>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="padding-bottom: 5px; margin-top: 15px;font-size: 15px;color: darkgray;">
|
|
SQL
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<textarea style='resize:none;width:100%; height: 150px;overflow-x:auto;white-space:nowrap;' id="SQL"></textarea>
|
|
</div>
|
|
<div style="margin-top: 6px; text-align: right;right: 15px;margin-bottom: 6px" >
|
|
<input type="button" value="Verification" id="Verification" />
|
|
<input type="button" value="Preview" id="Preview" />
|
|
<input type="button" value="OK" id="bt_callBackSQL" style="display: none;" />
|
|
<input type="button" value="Cancel" id="clsoe" style="display: none;" />
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|