优化界面体验

This commit is contained in:
2019-06-13 19:13:43 +08:00
parent b0ae01cc69
commit b47023713b
8 changed files with 44 additions and 30 deletions

View File

@@ -71,9 +71,20 @@
<span class="input-group-btn">
<button class="btn btn-default" type="button">选择业务类型</button>
</span>
<select class="form-control" v-model="service" style="width: 180px;">
<div class="input-group-btn dropdown dropdown-hover">
<button class="btn" type="button" data-toggle="dropdown"><span v-text="serviceLabel"></span> <span class="caret"></span></button>
<ul class="dropdown-menu">
<li v-for="item in services" @click="service=item.name;serviceLabel=item.comment;"><a href="javascript:;" v-text="`${item.comment}`"></a></li>
</ul>
</div>
<!--
<option v-for="item in services" :value="item.name"> {{item.name}}&nbsp;&nbsp;&nbsp;[{{item.comment}}]</option>
<select class="form-control dropdown-hover" v-model="service" style="width: 180px;">
<option v-for="item in services" :value="item.name"> {{item.name}}&nbsp;&nbsp;&nbsp;[{{item.comment}}]</option>
</select>
-->
<span class="input-group-btn pull-left" style="padding-left: 5px">
<button @click="createService()" :class="['btn']" type="button"> 新建业务</button>
@@ -422,7 +433,7 @@
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-3">选择业务主表</label>
<label class="col-sm-3 required">选择业务主表</label>
<div class="col-sm-6">
<select class="form-control" v-model="createRow.table">
<option v-for="x in tables" :value="x.alias" v-text="x.name + ' --- ' + x.comment"></option>
@@ -430,14 +441,14 @@
</div>
</div>
<div class="form-group">
<label class="col-sm-3">业务名称</label>
<label class="col-sm-3 required">业务名称</label>
<div class="col-sm-6">
<input v-model="createRow.comment" class="form-control" placeholder="请输入 业务名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-3">业务标识码</label>
<label class="col-sm-3 required">业务标识码</label>
<div class="col-sm-6">
<input v-model="createRow.name" class="form-control" placeholder="请输入 业务标识码,如:user_service">
</div>
@@ -500,6 +511,7 @@
status: 0, //页面默认状态 0:默认 3:导出 4:导入 5:列表配置 6:查询配置 detail:详情配置 edit:表单配置 del:删除策略配置
services: [],//业务列表
service: "", //页面选择的业务类型
serviceLabel: "",
table: "",//表别名
//filter
@@ -530,6 +542,7 @@
services: function (v) {
if (v.length > 0 && !vm.service) {
vm.service = v[0]["name"];
vm.serviceLabel = v[0]["comment"]
}
},
service: function (v) {