- src
- component all the control
- filter common filter
- service common service
- template custom control template
- admin.js entry file
<linkrel="stylesheet"href="http://7xllk7.com1.z0.glb.clouddn.com/css/all.css"/><scriptsrc="http://7xllk7.com1.z0.glb.clouddn.com/js/lib.js"></script><scriptsrc="http://7xllk7.com1.z0.glb.clouddn.com/js/all.js"></script>即可完美体验
.config((AjaxProvider,MessageProvider,UIEditorControlProvider,UIUploadControlProvider,UITableControlProvider,UITreeControlProvider,UIDialogControl)=>{//// ajax 默认返回处理//AjaxProvider.setSuccessHandler(function(result){returnresult.type==1 ?result.data :null;});AjaxProvider.setFailHandler(function(result){returnresult.type!=1 ?result.error :null;});//// 通知位置//MessageProvider.setPosition('bottom','right');//// 百度编辑器的库地址//UIEditorControlProvider.setUrl('你的配置文件');//// 上传空间的配置//UIUploadControlProvider.setDomain('七牛域名');UIUploadControlProvider.setTokenUrl('七牛每次上传会调用这个URL, 返回算好的token, 然后才能上传');UIUploadControlProvider.setMaxSize('1mb');//// 表格配置项//UITableControlProvider.setRequestMethod('post');UITableControlProvider.setResultName('aaData','iTotalRecords');UITableControlProvider.setPageName('pageSize','pageNo');UITableControlProvider.setConfig({});//// 树配置项//UITreeControlProvider.setDataName('id','name','pid');UITreeControlProvider.setRequestMethod('post');});<ui-state-button ng-click="">点击</ui-state-button>- ngClick 是controller里面的方法, 可以返回pormise方法
- target 如果设置, 点击会锁屏幕, css3表达式
<ui-breadcrumb datas="" url="" />- datas, [{name: .., url: ..}] 或者 ['A', 'B', 'C']
- url, 如果想远程加载设置这个, post请求
<ui-dialog ref="$testDialog" url="modal/search/input.date.html" on-show="onSubmit()" on-hide="onCancel()"></ui-dialog>
<ui-container controller="" />- controller, 可以angular.module('').controller或者function xxCtrl两种, 该组件主要是等待子组件全部完毕后才会调用controller
<ui-form-date mode="date" label="日期:" placeholder="什么鬼" help="醉了" model="formDate" change="dateChangeHandler()"></ui-form-date>- mode, [date, datetime, time, month, year] 选其一
- model, 双向绑定
- change, scope里面的方法
<ui-form-date-range mode="datetime" label="日期范围:" help="醉了3" from-model="formRangeFromDate" to-model="formRangeToDate" change="dateRangeChangeHandler()"></ui-form-date-range>- mode, [date, datetime, time, month, year] 选其一
- form-model, 开始时间的双向绑定
- to-model, 结束时间的双向绑定
- change, scope里面的方法
<ui-form-input label="输入框" help="醉了4" model="item.formInput" change="inputChangeHandler()"></ui-form-input><ui-form-select label="下拉框" url="" date-key-name="" date-value-name="" help="醉了5" model="item.formSelect" change="selectChangeHandler()"><option value="1">1</option><option value="2">2</option><option value="3">3</option></ui-form-select>- url, 远程数据地址
- dataKeyName, 键的名称
- dateValueName, 值的名称
- render, scope里面的方法, 用于美化option
<ui-form-spinner label="计数器:" model="item.formSpinner" help="醉了6" min="0" max="100" step="5" change="spinnerChangeHandler(val)"></ui-form-spinner>- min, 最小值
- max, 最大值
- step, 步数
- change 改变以后的回调
<ui-form-switch label="开关:" model="item.formSwitch" help="醉了6" on-text="男" off-text="女" change="switchChangeHandler(val)"></ui-form-switch>- on-text, 左边的文字, 默认是开
- off-text, 右边的文字, 默认是关
- on-value, 左边的文件, 默认是1
- off-value, 右边的文字, 默认是0
<ui-form-tag label="开关:" model="item.formTag" url="/test/remote/select" editable="true" change="tagChangeHandler(val, item, vals, items)"></ui-form-tag>- url, 远程加载的数据地址
- editable, 是否可以按回车自动新增一个, 默认是true
<ui-form-region label="地域:" model="item.formRegion" help="醉了8" change="regionChangeHandler(mode, val, p, c, s)"></ui-form-region>- mode, p = 只显示省, c = 只显示省和市, s = 只显示省和市和区, a = 全部显示, 默认是a
<ui-form-editor label="百度编辑器:" model="item.formEdiotr" help="醉了9" change="editorChangeHandler(val)"></ui-form-editor>
<ui-search-date mode="date" label="日期:" placeholder="什么鬼" model="formDate" change="dateChangeHandler()"></ui-search-date>- mode, [date, datetime, time, month, year] 选其一
- model, 双向绑定
- change, scope里面的方法
<ui-search-date-range mode="datetime" label="日期范围:" from-model="formRangeFromDate" to-model="formRangeToDate" change="dateRangeChangeHandler()"></ui-search-date-range>- mod, [date, datetime, time, month, year] 选其一
- form-model, 开始时间的双向绑定
- to-model, 结束时间的双向绑定
- change, scope里面的方法
<ui-search-input label="输入框" help="醉了4" model="item.formInput" change="inputChangeHandler()"></ui-search-input><ui-search-select label="下拉框" url="" date-key-name="" date-value-name="" help="醉了5" model="item.formSelect" change="selectChangeHandler()"><option value="1">1</option><option value="2">2</option><option value="3">3</option></ui-search-select>- url, 远程数据地址
- dataKeyName, 键的名称
- dateValueName, 值的名称
- render, scope里面的方法, 用于美化option
<ui-tableurl="/test/remote/select"nopage="false"manual="false"change="callback(isSelect, selectItem, selectValue, selectItems, selectValues)"data-success="callback(result)"data-fail="callback(result)"><ui-table-check-columnname="id"></ui-table-check-column><ui-table-date-columnhead="日期列"name="date"format="yyyy-MM-dd"></ui-table-date-column><ui-table-image-columnhead="图片列"image-css="imageSS"name="image"placeholder="xxxxxx"></ui-table-image-column><ui-table-columnhead="简单列"name="simple"></ui-table-column><ui-table-columnhead="自定义列"name="advance">{{data.simple}}</ui-table-column><ui-table-progress-columnhead="进度条列"name="progress"></ui-table-progress-column><ui-table-state-columnhead="状态列"name="state"default="0"><spanstate="0">吃</span><spanstate="1">喝</span><spanstate="2">玩</span></ui-table-state-column><ui-table-operation-columnhead="操作列"></ui-table-operation-column></ui-table>//通用树<ui-treeurl="/test/remote/select"on-data-success="dataSuccessHandler(result)"on-data-fail="dataFailHandler(result)"on-before-check="beforeCheckHandler(treeNode)"on-check="checkHandler(treeNode)"on-before-click="beforeClickHandler(treeNode)"on-click="clickHandler(treeNode)"></ui-tree>//区域树<ui-region-treemode="s"></ui-region-tree>
<ui-formcolumn="1"><ui-form-inputlabel="normal"placeholder="abc"help="help"model="ccc"></ui-form-input><ui-form-datelabel="date"placeholder="abc"help="help"model="aaa"></ui-form-date><ui-form-selectlabel="select"><optionvalue="a">aa</option><optionvalue="a">aa</option></ui-form-select><ui-form-switchlabel="switch"name="qqq"on-value="1"off-value="2"on-text="123"off-text="321"></ui-form-switch><ui-form-regionlabel="region"></ui-form-region><ui-form-user-selectlabel="user"></ui-form-user-select><ui-form-textarealabel="<span style='color:red'>*</span> textarea："></ui-form-textarea></ui-form>
<ui-search-form><ui-search-inputclass="input-medium"label="测试"name="test"></ui-search-input><ui-search-selectname="test2"><optionvalue="aaa">创建人</option><optionvalue="bbbb">沟通人</option></ui-search-select><ui-search-input-select><optionvalue="aaa">联系方式</option><optionvalue="bbbb">客户姓名</option></ui-search-input-select><ui-search-multi-selecttip="xxxxx"><optionvalue="aaa">联系方式</option><optionvalue="bbbb">客户姓名</option><optionvalue="ccc">联系方式</option><optionvalue="ddd">客户姓名</option></ui-search-multi-select><ui-search-dateclass="input-medium"label="日期"name="test3"></ui-search-date><ui-search-regionmode="c"label="区域"name="asdasd22"></ui-search-region><ui-search-user-selectclass="input-medium"label="用户"></ui-search-user-select><ui-search-date-rangelabel="注册时间"></ui-search-date-range></ui-search-form>
<ui-tableurl="/test"edit-url="/test"><ui-table-check-columnname="a"></ui-table-check-column><ui-table-columnhead="checkbox"name="a"editable="region"></ui-table-column><ui-table-progress-columnhead="progress"name="a"></ui-table-progress-column><ui-table-image-columnhead="image"name="ww"></ui-table-image-column><ui-table-date-columnhead="date"name="e"></ui-table-date-column><ui-table-state-columnhred="state"name="f"default="0"><spanclass='label label-sm label-default'state="0"style='background-color:red !important'>0</span><spanclass='label label-sm label-default'state="1"style='background-color:green !important'>1</span></ui-table-state-column><ui-table-operation-columnhead="opertion"><aclass="btn btn-sm default"href="#"ng-click="managePotential()"><iclass="fafa-cogs"></i></a><aclass="btn btn-sm default"href="#"ng-click="assignPotential()"><iclass="fa fa-hand-o-right"></i></a><aclass="btn btn-sm default"href="#"ng-click="editContact()"><iclass="fa fa-comments-o"></i></a><aclass="btn btn-sm default"href="#"ng-click="assignClaim()"><iclass=" fa fa-chain"></i></a><aclass="btn btn-sm default "href="#"ng-click="assignRelease()"><iclass=" fa fa-chain-broken"></i></a></ui-table-operation-column></ui-table>
<ui-treeurl="/region"expand="1"on-click="treeTwoClick"></ui-tree>
