itsm-whlg/wechat/assets/views/customform/editorForm.html

<style type="text/css">
.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout {
    padding: 1rem;
    margin: 1rem 0;
    border: 0.1rem solid #eee;
    border-left-width: 0.5rem;
    border-left-color: #1b809e;
    border-radius: 0.3rem;
}

.paddingNot{
	padding-top: 0;
	padding-bottom: 0;
}

.marginBottom{
	margin-bottom: 0.2rem;
}

select.heightNot{
	height:100%;
}
</style>

<!--.bs-callout-info {
    border-left-color: #1b809e;
     container-fullw
     container-fluid 
     bg-white
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}-->

<div ng-controller="incidentEditorCtrl">
<div class="container-fullw paddingNot container-fluid bg-white">
	<div class="">
		<div class="row">
			<div class="bs-callout bs-callout-info col-xs-12">
				<h1>请求人信息</h1>
			</div>
		</div>
		
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="工号">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="姓名">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="座机">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="邮箱">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="部门">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="手机">
			</div>
		</div>
	</div>
	
	<div class="">
		<div class="row">
			<div class="bs-callout bs-callout-info col-xs-12">
				<h1>事件信息</h1>
			</div>
		</div>
		
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon" ng-click="selectClick()"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="事件分类" value="{{output}}">
			</div>			
			<div class="panel panel-white" ng-if="selectShow">
				<div class="panel-body">
					<div class="box-tree">
						<span ng-if="doing_async">...loading...</span>
						<abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
					</div>
				</div>
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="区域" value="{{selectName}}">
			</div>
			<div class="panel panel-white" ng-if="selectShow">
				<div class="panel-body">
					<select multiple="multiple" class="form-control heightNot" ng-model="cities">
						<!--<option value="AL">Alabama</option>
						<option value="AL">Alabama</option>-->
						<option ng-repeat="item in cities" ng-click="aa(item)">{{item.name}}</option>
					</select>
				</div>	
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="地点">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="详细地址">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="部门">
			</div>
		</div>
		<div class="marginBottom col-lg-4 col-xs-12">
			<div class="input-group">
				<span class="input-group-addon"> <i class="fa fa-phone"></i> </span>
				<input type="text" class="form-control" disabled="disabled" placeholder="手机">
			</div>
		</div>
	</div>	
	
	
</div>
</div>