[#macro ${config_entity}ListView]
    <div>
        <el-dialog title="提示" :visible.sync="dialogVisible" width="30%">
            <span>确认要删除该条数据吗?</span>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="handleClose">确 定</el-button>
            </span>
        </el-dialog>
        <div class="search">
            <el-form label-width="${bean.searchWidth!80}px">
                <el-row>
                    <#if searchs??>
                    <#list searchs as item>
                    <el-col :span="6" style="padding: 0 8px;">
                        <el-form-item label="${item.title}">
                            <#if item.type='date'>
                            <el-date-picker value-format="yyyy-MM-dd" size="small" v-model="searchObject.${item.id!}" type="date" placeholder="选择日期">
                            </el-date-picker>
                            <#elseif item.type='select'>
                            <el-select size="small" style="width: 100%;"  v-model="searchObject.${item.id!}" filterable clearable
                                       placeholder="请选择">
                                <el-option v-for="item in ${item.id!}Options" :key="item.id"
                                           :label="item.name" :value="item.id">
                                </el-option>
                            </el-select>
                            <#elseif item.type='textarea'>
                            <el-input v-model="searchObject.${item.id!}" size="small" name="${item.id!}" type="textarea"></el-input>
                            <#else>
                            <el-input v-model="searchObject.${item.id!}" size="small" placeholder="${item.placeholder}" name="${item.id!}">
                            </el-input>
                        </#if>
                        </el-form-item>
                    </el-col>
                </#list>
            </#if>

            <el-col :span="${leftSize!'6'}" style="padding: 0 10px;margin-top: 5px;">
                <el-row type="flex" justify="end">
                    <el-button size="small" type="primary" @click="search">搜索</el-button>
                    <el-button size="small" plain @click="clearData">清除条件</el-button>
                </el-row>
            </el-col>
            </el-row>
            </el-form>
        </div>
        <div class="data-content">
            <div  class="tool-add">
                <el-button type="primary" size="small" @click="addView">新增</el-button>
            </div>

            <el-table v-loading="loading" :data="tableData.list"  @cell-click="showView" @sort-change="changeTableSort" style="width: 100%;font-size: 12px;">
                <#if bean.grids??>
                    <#list bean.grids as item>
                        <el-table-column label="${item.title}"

                                        prop="${item.id!}${item.extName!}"
                        <#if item.sort>sortable="custom" </#if>
                        <#if item.width?length lt 4 > width="${item.width!}"  </#if>
                        >
                        </el-table-column>
                    </#list>
                </#if>
                <el-table-column width="160" align="center" fixed="right" label="操作">
                    <template slot-scope="scope">
                        <el-button type="primary" size="mini" @click="editView(scope.row)">编辑
                        </el-button>
                        <el-button type="danger" size="mini"  style="cursor: pointer;"
                                @click="deleteData(scope.row)">删除</el-button>
                    </template>
                </el-table-column>
                </el-table>

            <div class="page">
                <el-pagination background :current-page="searchObject.no" :page-sizes="[10, 20, 50, 100]"
                            :page-size="tableData.size" :pager-count="5"
                            layout="total, sizes, prev, pager, next, jumper" :page-count="tableData.totalPage"
                            :total="tableData.total" @size-change="sizeChange" @current-change="pageChange">
                </el-pagination>
            </div>
        </div>
    </div>
[/#macro]
[#macro ${config_entity?cap_first}ListConfig]
<script type="text/x-template" id="my-${config_entity}-list">
	[@${config_entity}ListView /]
</script>

[/#macro]