hawind/gdoo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

完全vue渲染列表的功能

Browse Source 
去掉不必要的js函数定义
修改返回json的方式
This commit is contained in:
hawind
2021-03-15 06:12:12 +08:00
parent d795809fb3
commit 975be7cc91
135 changed files with 402 additions and 792 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/headers2.blade.php
+36 -70
View File
@@ -1,58 +1,49 @@
@verbatim
<template v-if="header.tabs && header.tabs.items.length > 0">
<div class="panel-heading tabs-box">
<ul class="nav nav-tabs">
<template v-for="tab in header.tabs.items">
<li :class="header.tab_active == tab.value ? 'active' : ''">
<a class="text-sm" :href="url(tab.url,{tab:tab.value})">{{tab.name}}</a>
<li :class="header.tabs.active == tab.value ? 'active' : ''">
<a class="text-sm" @click="tabBtn(tab)">{{tab.name}}</a>
</li>
</template>
</ul>
</div>
</template>
<div class="wrapper-xs">
<div class="pull-right">
<template v-for="button in header.right_buttons">
<template v-if="button.display">
<a v-if="button.type == 'a'" :href="url(button.action)" :class="'btn btn-sm btn-' + button.color"><i :class="'fa ' + button.icon"></i> {{button.name}}</a>
<a v-else :data-toggle="header.master_table" :data-action="button.action" href="javascript:;" :class="'btn btn-sm btn-' + button.color"><i :class="'fa ' + button.icon"></i> {{button.name}}</a>
</template>
<a v-if="button.display" @click="linkBtn(button)" :class="'btn btn-sm btn-' + button.color"><i :class="'fa ' + button.icon"></i> {{button.name}}</a>
</template>
<template v-if="header.trash_btn">
<a href="{{url('',{by:'trash'})}}" :class="'btn btn-sm btn-default ' + (header.search_form.query.by == 'trash' ? 'active' : '')"><i class="fa fa-trash"></i>回收站 ({{header.trash_count}})</a>
</template>
<a v-if="header.trash_btn" @click="actBtn('trash')" :class="'btn btn-sm btn-default ' + (header.search_form.query.by == 'trash' ? 'active' : '')"><i class="fa fa-trash"></i>回收站 ({{header.trash_count}})</a>
</div>
<a v-if="access.create && header.create_btn" href="javascript:;" :data-toggle="header.master_table" data-action="create" class="btn btn-sm btn-success hinted" :title="'新建' + header.name"><i class="icon icon-plus"></i> 新建</a>
<a v-if="header.access.create && header.create_btn" @click="actBtn('create')" class="btn btn-sm btn-success hinted" :title="'新建' + header.name"><i class="icon icon-plus"></i> 新建</a>
<div class="btn-group">
<a class="btn btn-info btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bars"></i> 操作 <span class="caret"></span></a>
<ul class="dropdown-menu">
<template v-for="button in header.buttons">
<template v-for="button in header.center_buttons">
<li v-if="button.action == 'divider'" class="divider"></li>
<li v-elseif="button.display && (header.exist_sub_table == 1 && button.action != 'delete')"><a :data-toggle="header.master_table" :data-action="button.action" href="javascript:;"><i class="'fa ' + button.icon"></i> {{button.name}}</a></li>
<li v-else-if="button.display == 1"><a @click="linkBtn(button)"><i class="'fa ' + button.icon"></i> {{button.name}}</a></li>
</template>
</ul>
</div>
<span class="visible-xs">
<div class="btn-group">
<a href="javascript:;" :data-toggle="header.master_table" data-action="filter" class="btn btn-sm btn-default"><i class="fa fa-search"></i> 搜索</a>
<a @click="actBtn('filter')" class="btn btn-sm btn-default"><i class="fa fa-search"></i> 搜索</a>
</div>
</span>
<!-- 简单搜索表单 -->
<template v-if="header.simple_search_form">
<form id="{{$header['master_table']}}-search-form" class="search-inline-form form-inline hidden-xs" name="mysearch" action="{{url()}}" method="get">
<form v-if="header.search_form.simple_search" :id="header.table + '-search-form'" class="search-inline-form form-inline hidden-xs" name="mysearch" method="get">
<div class="form-group search-group">
<select name="field_0" id="search-field-0" class="form-control input-sm">
<option data-type="empty" value="">筛选条件</option>
@foreach($header['search_form']['columns'] as $column)
<option data-type="{{$column['form_type']}}" data-title="{{$column['name']}}" value="{{$column['field']}}">{{$column['name']}}</option>
@endforeach
<template v-for="column in header.search_form.columns">
<option :data-type="column.form_type" :data-title="column.name" :value="column.field">{{column.name}}</option>
</template>
</select>
</div>
@@ -70,64 +61,39 @@
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu text-xs" role="menu">
<li>
<a data-toggle="{{$header['master_table']}}" data-action="filter" href="javascript:;">
<i class="fa fa-search"></i> 高级搜索</a>
</li>
<li><a @click="actBtn('filter')"><i class="fa fa-search"></i> 高级搜索</a></li>
</ul>
</div>
</form>
</template>
<template v-else>
<a class="btn btn-sm btn-default" :data-toggle="header.master_table" data-action="filter" href="javascript:;"><i class="fa fa-search"></i> 筛选</a>
</template>
<a v-else class="btn btn-sm btn-default" @click="actBtn('filter')"><i class="fa fa-search"></i> 筛选</a>
@if($header['bys'])
<?php $by_name = '筛选'; ?>
@foreach($header['bys']['items'] as $item)
@if($header['search_form']['query'][$header['bys']['name']] == $item['value'])
<?php $by_name = $item['name']; ?>
@endif
@endforeach
<div class="btn-group" role="group">
<div v-if="header.bys" class="btn-group" role="group">
<button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fa fa-filter"></span> {{$by_name}}
<span class="fa fa-filter"></span> {{header.by_title}}
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<?php
$params = $header['search_form']['params'];
?>
@foreach($header['bys']['items'] as $item)
@if($item['value'] == 'divider')
<li class="divider"></li>
@else
<?php $params[$header['bys']['name']] = $item['value']; ?>
<li class="@if($header['search_form']['query'][$header['bys']['name']] == $item['value']) active @endif"><a href="{{url('', $params)}}">{{$item['name']}}</a></li>
@endif
@endforeach
<template v-for="item in header.bys.items">
<li v-if="item.value == 'divider'" class="divider"></li>
<li v-else :class="item.value == header.bys.value ? 'active' : ''"><a @click="byBtn(item)">{{item.name}}</a></li>
</template>
</ul>
</div>
@endif
@if($header['left_buttons'])
@foreach($header['left_buttons'] as $button)
@if($button['display'])
<a @if($button['type'] == 'a') @if($button['target']) target="{{$button['target']}}" @endif href="{{$button['url'] ? url($button['url']) : url($button['action'])}}" @else data-toggle="{{$header['master_table']}}" data-action="{{$button['action']}}" href="javascript:;" @endif class="btn btn-sm btn-{{$button['color']}}"><i class="fa {{$button['icon']}}"></i> {{$button['name']}}</a>
@endif
@endforeach
@endif
<template v-for="button in header.left_buttons">
<a v-if="button.display == 1" @click="linkBtn(button)" :class="'btn btn-sm btn-' + button.color"><i :class="'fa ' + button.icon"></i> {{button.name}}</a>
</template>
<div style="display:none;">
<form id="{{$header['master_table']}}-search-form-advanced" class="search-form" action="{{url()}}" method="get">
<form :id="header.table + '-search-form-advanced'" class="search-form" method="get">
<div class="wrapper-xs1 search-form-advanced">
<div class="row">
@foreach($header['search_form']['columns'] as $i => $column)
@if($column['form_type'] == 'text2') { continue; }
<div class="wrapper-xs">
<template v-for="(column, i) in header.search_form.columns">
<div class="wrapper-xs" v-if="column.form_type != 'text2'">
<div class="form-group">
<label class="control-label col-xs-3">{{$column['name']}}</label>
<label class="control-label col-xs-3">{{column.name}}</label>
<?php
if (is_array($column['form_type'])) {
$_type = $column['form_type'][0];
@@ -135,24 +101,24 @@
$_type = $column['form_type'];
}
?>
<input type="hidden" name="field_{{$i}}" id="advanced-search-field-{{$i}}" data-title="{{$column['name']}}" data-type="{{$_type}}" value="{{$column['field']}}">
<input type="hidden" :name="'field_'+i" :id="'advanced-search-field-'+i" :data-title="column.name" :data-type="column.form_type" :value="column.field">
</div>
<div class="col-xs-2">
<div class="form-group" style="display:none;">
<select name="condition_{{$i}}" id="advanced-search-condition-{{$i}}" class="form-control input-sm"></select>
</div>
<select :name="'condition_'+i" :id="'advanced-search-condition-'+i" class="form-control input-sm"></select>
</div>
</div>
<div class="col-xs-7">
<div class="form-group" id="advanced-search-value-{{$i}}"></div>
<div class="form-group" :id="'advanced-search-value-'+i"></div>
</div>
<div class="clearfix"></div>
</div>
@endforeach
</template>
</div>
</div>
</form>
</div>
</div>
@endverbatim