mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
[更新]修改表单样式
This commit is contained in:
parent
5ff3f3aa95
commit
1c650039c9
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">权限名称</label>
|
<label class="layui-form-label">权限名称</label>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">上级菜单</label>
|
<label class="layui-form-label">上级菜单</label>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">用户账号</label>
|
<label class="layui-form-label">用户账号</label>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">用户账号</label>
|
<label class="layui-form-label">用户账号</label>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">用户账号</label>
|
<label class="layui-form-label">用户账号</label>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">产品主分类</label>
|
<label class="layui-form-label">产品主分类</label>
|
||||||
|
@ -11,28 +11,32 @@
|
|||||||
<label class="layui-form-label label-required">规格参数</label>
|
<label class="layui-form-label label-required">规格参数</label>
|
||||||
<div class="layui-input-block">
|
<div class="layui-input-block">
|
||||||
<textarea class="hide" ng-model="spec_param"></textarea>
|
<textarea class="hide" ng-model="spec_param"></textarea>
|
||||||
|
<div class="param-table-list">
|
||||||
|
<table class="layui-table margin-none">
|
||||||
|
<tbody class="param-table-list">
|
||||||
|
<tr ng-repeat="x in paramList" class="transition">
|
||||||
|
<td class="param-input-td one nowrap">
|
||||||
|
<input required placeholder="分组" title="请输入属性分组" ng-model="x.name" class="layui-input">
|
||||||
|
</td>
|
||||||
|
<td class="param-input-td two nowrap">
|
||||||
|
<input required placeholder="名称" title="请输入属性名称" ng-model="x.value" class="layui-input">
|
||||||
|
</td>
|
||||||
|
<td class="param-input-td thr nowrap">
|
||||||
|
<a ng-if="$index<1" class="color-desc">删除</a>
|
||||||
|
<a ng-if="$index>0" ng-click="delParam($index)">删除</a>
|
||||||
|
<a ng-if="$index<1" class="color-desc">上移</a>
|
||||||
|
<a ng-if="$index>0" ng-click="moveToUp($index)">上移</a>
|
||||||
|
<a ng-if="$index+1<paramList.length" ng-click="moveToDn($index)">下移</a>
|
||||||
|
<a ng-if="$index+1>=paramList.length" class="color-desc">下移</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
<table class="layui-table">
|
<table class="layui-table">
|
||||||
<tbody class="param-table-list">
|
|
||||||
<tr ng-repeat="x in paramList" class="transition">
|
|
||||||
<td class="param-input-td one nowrap">
|
|
||||||
<input required placeholder="分组" title="请输入属性分组" ng-model="x.name" class="layui-input">
|
|
||||||
</td>
|
|
||||||
<td class="param-input-td two nowrap">
|
|
||||||
<input required placeholder="名称" title="请输入属性名称" ng-model="x.value" class="layui-input">
|
|
||||||
</td>
|
|
||||||
<td class="param-input-td thr nowrap">
|
|
||||||
<a ng-if="$index<1" class="color-desc">删除</a>
|
|
||||||
<a ng-if="$index>0" ng-click="delParam($index)">删除</a>
|
|
||||||
<a ng-if="$index<1" class="color-desc">上移</a>
|
|
||||||
<a ng-if="$index>0" ng-click="moveToUp($index)">上移</a>
|
|
||||||
<a ng-if="$index+1<paramList.length" ng-click="moveToDn($index)">下移</a>
|
|
||||||
<a ng-if="$index+1>=paramList.length" class="color-desc">下移</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td style="border-top:none;text-align:center" colspan="3">
|
<td class="text-center notselect padding-none border-none">
|
||||||
<a ng-click="addParam()">添加属性</a>
|
<button type="button" class="layui-btn full-width layui-btn-primary" ng-click="addParam()">添加属性</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
@ -85,6 +89,9 @@
|
|||||||
// 添加参数
|
// 添加参数
|
||||||
$rootScope.addParam = function () {
|
$rootScope.addParam = function () {
|
||||||
$rootScope.paramList.push({name: '', value: ''});
|
$rootScope.paramList.push({name: '', value: ''});
|
||||||
|
setTimeout(function () {
|
||||||
|
$('.param-table-list').scrollTop('10000')
|
||||||
|
}, 10);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 属性参数下移
|
// 属性参数下移
|
||||||
@ -148,7 +155,6 @@
|
|||||||
<style>
|
<style>
|
||||||
.param-table-list {
|
.param-table-list {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
display: block;
|
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form class="layui-form layui-box" style='padding:25px 30px 20px 0' action="{:request()->url()}" data-auto="true" method="post">
|
<form class="layui-form layui-box modal-form-box" action="{:request()->url()}" data-auto="true" method="post">
|
||||||
|
|
||||||
<div class="layui-form-item">
|
<div class="layui-form-item">
|
||||||
<label class="layui-form-label">标签名称</label>
|
<label class="layui-form-label">标签名称</label>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user