You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
4.8 KiB
134 lines
4.8 KiB
@extends('laravel-generator::layout')
|
|
|
|
@section('content')
|
|
<p>
|
|
配置管理列表
|
|
</p>
|
|
<el-form ref="form" :model="form" label-width="60px">
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<el-button type="primary" @click="getData()">查询</el-button>
|
|
<a href="{{ route('home.config.update') }}" target="_blank"><el-button type="danger">添加</el-button></a>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-main>
|
|
<el-table
|
|
:data="tableData"
|
|
stripe
|
|
border
|
|
v-loading="loading"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
prop="id"
|
|
label="ID"
|
|
width="180">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="name"
|
|
label=""
|
|
width="180">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="key"
|
|
label=""
|
|
width="180">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="value"
|
|
label=""
|
|
width="180">
|
|
</el-table-column>
|
|
<el-table-column
|
|
fixed="right"
|
|
label="操作"
|
|
width="200">
|
|
<template slot-scope="scope">
|
|
<a :href="'{{ route('home.config.update') }}?id='+scope.row.id" target="_blank">
|
|
<el-button type="primary" icon="el-icon-edit" circle></el-button>
|
|
</a>
|
|
<el-button @click="handelDelete(scope.row.id)" type="danger" icon="el-icon-delete" circle></el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-main>
|
|
<el-footer>
|
|
<div v-if="pageInfo.total > pageInfo.per_page" class="text-center">
|
|
<el-pagination
|
|
@current-change="handlePage"
|
|
:current-page="pageInfo.current_page"
|
|
:page-sizes="[pageInfo.per_page]"
|
|
:page-size="pageInfo.per_page"
|
|
layout="total,sizes, prev, pager, next, jumper"
|
|
:total="pageInfo.total">
|
|
</el-pagination>
|
|
</div>
|
|
</el-footer>
|
|
|
|
@endsection
|
|
|
|
@section('js')
|
|
<script>
|
|
var vm = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
//搜索信息
|
|
form: {
|
|
content: '',
|
|
title: '',
|
|
page: 1,
|
|
},
|
|
pageInfo:{},//分页信息
|
|
tableData: [],//表数据信息
|
|
loading:true
|
|
},
|
|
methods: {
|
|
//加载列表数据
|
|
getData(page=1){
|
|
this.form.page=page;
|
|
this.loading=true;
|
|
//this.doGet is defined in the laravel-generator::layout
|
|
this.doGet('{{ route('home.config.index') }}',this.form).then(res => {
|
|
if(res.errcode==0){
|
|
this.tableData=res.data.data;
|
|
this.setPageInfo(res.data);
|
|
}
|
|
this.loading=false;
|
|
});
|
|
},
|
|
//设置分页数据
|
|
setPageInfo(pageInfo){
|
|
this.pageInfo.total=pageInfo.total;
|
|
this.pageInfo.per_page=pageInfo.per_page;
|
|
this.pageInfo.current_page=pageInfo.current_page;
|
|
},
|
|
//跳转分页的处理
|
|
handlePage(val){
|
|
this.getData(val);
|
|
},
|
|
//删除
|
|
handelDelete(id){
|
|
this.$confirm('确认删除吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
this.doPost('{{ route('home.config.delete') }}',{id:id}).then(res => {
|
|
if(res.errcode==0){
|
|
this.getData();
|
|
}else{
|
|
this.$message.error(res.message);
|
|
}
|
|
});
|
|
}).catch(() => {});
|
|
},
|
|
},
|
|
mounted(){
|
|
this.getData();
|
|
}
|
|
})
|
|
|
|
</script>
|
|
@endsection |