lxy/meta-kit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1、表单配置

Browse Source 
2、新增业务预览-表单渲染
This commit is contained in:
lxyer
2019-06-02 20:11:54 +08:00
parent 07d84ce539
commit 1f5ea920b4
5 changed files with 164 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
root/metadata/dataList.html
View File

@@ -87,7 +87,10 @@
<td v-for="field in cfg.shows" v-title="dealFieldFmt(row, field.col)" v-text="dealFieldFmt(row, field.col)"></td>
-->
<td v-for="fieldFmt in cfg.shows" v-title="dealFieldFmt(row, fieldFmt)" v-html="dealFieldFmt(row, fieldFmt)"></td>
<td> <a href="javascript:;" @click="detailData=row; detail()">详情</a></td>
<td>
<a href="javascript:;" @click="detailData=row; detail()">详情</a>
<a href="javascript:;" @click="detailData=row; edit()">编辑</a>
</td>
</tr>
</tbody>
</table>
@@ -164,6 +167,44 @@
</div>
</div>
<!-- edit -->
<div class="modal fade" id="edit">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
<h4 class="modal-title" v-text="cfg.title + ' - [编辑]'"> </h4>
</div>
<div class="modal-body" style="padding-right: 50px">
<form class="form-horizontal">
<div class="col-sm-6" v-for="item in cfg.edits">
<div class="form-group">
<label class="col-sm-5" v-text="item.label"></label>
<div class="col-sm-7">
<input v-if="item.inType == 'INPUT' || item.inType == '' || !item.inType" v-model="detailData[item.col]" class="form-control" :placeholder="`请输入 ${item.label}`">
<input v-if="item.inType == 'INPUT_DT'" v-model="detailData[item.col]" class="form-control" :placeholder="`请输入 ${item.label}`">
<select v-if="item.inType == 'SELECT_EXT'" v-model="detailData[item.col]" class="form-control">
<option value="选项一">选项一</option>
<option value="选项二">选项二</option>
<option value="山东省">山东省</option>
<!--
<option v-for="x in inTypes" :value="x">{{x}}</option>
-->
</select>
</div>
</div>
</div>
<div class="col-sm-12" style="height: 5px"></div>
</form>
</div>
<div class="clearfix"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button @click="" type="button" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
</row>
<script>
@@ -376,6 +417,9 @@
detail() {
$('#detail').modal({moveable: true});
},
edit() {
$('#edit').modal({moveable: true});
},
showInfo() {
$('#f-info').modal({moveable: true})
}