first commit
This commit is contained in:
@@ -0,0 +1,172 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="根据名称进行查询" clearable v-model="pageForm.searchKeyword">
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" @click="openAdd"><i class="ti-plus"></i>新建类型</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" size="small">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动类型名称" prop="name" header-align="center" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column label="活动类型编号" prop="name" header-align="center" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="300" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="primary" @click="openEdit(scope)" size="mini">编辑</el-button>
|
||||
<el-button type="danger" @click="deleteDo(scope.row.id)" size="mini">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<!--分页-->
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<!--新增-->
|
||||
<el-dialog title="新增" width="40%" custom-class="ViewDialogClass" :visible.sync="addDialogVisible">
|
||||
|
||||
<el-form label-width="80px" size="small" :model="formData" :rules="formRules" ref="addForm">
|
||||
<el-form-item label="活动类型名称">
|
||||
<el-input maxlength="30" placeholder="活动类型名称"
|
||||
auto-complete="off" tabindex="3" type="text" v-model="formData.name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动类型编号">
|
||||
<el-input maxlength="30" placeholder="活动类型编号"
|
||||
auto-complete="off" tabindex="3" type="text" v-model="formData.pxbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doAdd">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<!--编辑-->
|
||||
<el-dialog title="编辑" width="40%" custom-class="ViewDialogClass" :visible.sync="editDialogVisible">
|
||||
|
||||
<el-form label-width="80px" size="small" :model="editFormData" :rules="editFormRules" ref="editForm">
|
||||
<el-form-item label="活动类型名称">
|
||||
<el-input maxlength="30" placeholder="活动类型名称"
|
||||
auto-complete="off" tabindex="3" type="text" v-model="editFormData.name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动类型编号">
|
||||
<el-input maxlength="30" placeholder="活动类型编号"
|
||||
auto-complete="off" tabindex="3" type="text" v-model="editFormData.pxbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data(){
|
||||
return{
|
||||
pageForm: {//分页
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchKeyword: "",
|
||||
},
|
||||
tableData: [],//表格
|
||||
|
||||
/*新增*/
|
||||
addDialogVisible: false,
|
||||
formData: {},
|
||||
formRules: {
|
||||
name: [
|
||||
{required: true, message: '请输入活动类型名称', trigger: ['blur', 'change']}
|
||||
],
|
||||
},
|
||||
/*编辑*/
|
||||
editDialogVisible: false,
|
||||
editFormData: {},
|
||||
editFormRules: {},
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
async pageData() {//表格展示数据
|
||||
this.loading = true
|
||||
$.post('/mobile/ta/myta/pageData',this.pageForm).then(res=>{
|
||||
this.loading = false
|
||||
if(res.code===0){
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = data.totalCount
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
openAdd(){
|
||||
this.addDialogVisible=true;
|
||||
this.formData={};
|
||||
},
|
||||
openEdit(scope){
|
||||
this.editDialogVisible=true;
|
||||
this.editFormData=scope.row;
|
||||
},
|
||||
deleteDo(id){
|
||||
this.$confirm('确定删除这条记录吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
await POST('/platfotm/ry/gr/grsq/doDel',{id:id})
|
||||
this.doSearch()
|
||||
this.editDialogVisible=false;
|
||||
}).catch(() => {})
|
||||
},
|
||||
doAdd(){
|
||||
|
||||
},
|
||||
doEdit(){
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--#}#-->
|
||||
Reference in New Issue
Block a user