朱兆平 / vue_cli · 提交

转到一个项目

作者 xudada
提交 eae1a1b6c208951704f9a8529e5e1e88c275e4c5 1 个父辈 5ab630a7

新增电报地址页面

内嵌 并排对比
正在显示 3 个修改的文件 包含 244 行增加 和 2 行删除
... ... @@ -27,7 +27,11 @@ export const selectawabByid = params => {return http.get(`${base1}/awba/selectaw
export const selectList = params => {return http.get(`${base1}/awba/selectList`, params);};
export const selectByKey = params => {return http.get(`${base1}/awba/selectByKey`, params);};
//电报地址
export const addTeleAddr = params => {return axios.post(`${base1}/teleaddr/addTeleAddr`, params);};
export const delTeleAddr = params => {return http.get(`${base1}/teleaddr/delTeleAddr`, params);};
export const ediTeleAddr = params => {return axios.post(`${base1}/teleaddr/ediTeleAddr`, params);};
export const selectLists = params => {return http.get(`${base1}/teleaddr/selectLists`, params);};
... ...
... ... @@ -180,6 +180,7 @@ import Express from './views/express_system/express.vue'
//给海龙做的货运单
import Way from './views/nav3/Way.vue'
import Telegram from './views/nav3/Telegram.vue'
import TeleAddr from "./views/nav3/TeleAddr.vue";
//朱总让做的网页在线客服
import Webdialog from './views/bus/Webdialog.vue'
... ... @@ -266,7 +267,8 @@ let routes = [
children: [
{path: '/Way', component: Way, name: '货运单'},
{path: '/Telegram', component: Telegram, name: '电报查询'},
{path: '/Webdialog', component: Webdialog, name: '在线客服'}
{path: '/Webdialog', component: Webdialog, name: '在线客服'},
{path: '/TeleAddr', component: TeleAddr, name: '电报地址'}
]
},
{
... ...
<template>
<div>
<el-row :gutter="20">
<el-col :span="4">
<el-input size="medium" v-model="query.opter" placeholder="请输入账号"></el-input>
</el-col>
<el-col :span="2">
<el-button size="medium" type="primary" plain @click="getList">查询</el-button>
</el-col>
<el-col :span="2">
<el-button size="medium" type="primary" @click="addForm">新增</el-button>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col>
<el-table
:data="tableData"
border
style="width: 80%">
<el-table-column
fixed
prop="id"
label="id"
width="150">
</el-table-column>
<el-table-column
prop="opter"
label="账号"
width="200">
</el-table-column>
<el-table-column
prop="receaddr"
label="收报地址"
width="300">
</el-table-column>
<el-table-column
prop="createtime"
label="创建时间"
width="150">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
@click.native.prevent="ediForm(scope.row)"
type="text"
style="color: #5BB75B"
size="small">
更新
</el-button>
<el-button
@click.native.prevent="deleteRow(scope.row.id)"
type="text"
style="color: #5BB75B"
size="small">
移除
</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="query.pageNum"
:page-sizes="[10, 20, 30, 40]"
:page-size="query.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
</div>
</el-col>
</el-row>
<el-row>
<el-dialog :title="'客户信息'+textMap[dialogStatus]" :visible.sync="dialogFormVisible">
<el-form :model="form" ref="form" :rules="rules">
<el-form-item label="账号" prop="opter">
<el-input size="medium" v-model="form.opter" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="电报地址" prop="receaddr">
<el-input size="medium" v-model="form.receaddr" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="" :label-width="formLabelWidth">
<el-button size="medium" @click="dialogFormVisible = false">取 消</el-button>
<el-button size="medium" type="primary" @click="dialogStatus==='create'?addsubmitForm('form'):edisubmitForm('form')">保存</el-button>
</el-form-item>
</el-form>
</el-dialog>
</el-row>
</div>
</template>
<script>
import {
addTeleAddr,
delTeleAddr,
ediTeleAddr,
selectLists
} from '../../api/remote_interface/byont_import';
export default {
data(){
return{
rules: {
opter: [
{ required: true, message: '请输入客户编码', trigger: 'blur' },
],
receaddr: [
{ required: true, message: '请输入电报地址', trigger: 'blur' },
]},
dialogStatus: '',
textMap: {
update: '更新',
create: '新增'
},
query:{
opter:'',
pageNum:0,
pageSize:10
},
tableData: [],
total:0,
dialogFormVisible:false,
form: {
id:'',
opter:'',
receaddr:'',
createtime:''
},
formLabelWidth: '120px'
}
},
methods:{
addForm(){
this.dialogFormVisible = true;
this.dialogStatus = 'create';
},
ediForm(row){
this.dialogFormVisible = true;
this.dialogStatus = 'update';
this.form=row;
},
addsubmitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.form.id='';
addTeleAddr(this.form).then((response) => {
const res = response.data
if (res.code !== '200') {
return this.$message.error('电报地址添加，失败！')
}
this.$message.success('电报地址添加，成功！')
this.dialogFormVisible = false;
this.getList();
}).catch(error => {
// 关闭加载
this.$message.warning('电报地址添加，失败！')
})
} else {
console.log('error submit!!');
return false;
}
});
},
edisubmitForm(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
ediTeleAddr(this.form).then((response) => {
const res = response.data
if (res.code !== '200') {
return this.$message.error('电报地址更新，失败！')
}
this.$message.success('电报地址更新，成功！')
this.dialogFormVisible = false;
this.getList();
}).catch(error => {
// 关闭加载
this.$message.warning('电报地址更新，失败！')
})
} else {
console.log('error submit!!');
return false;
}
});
},
deleteRow(id){
this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
delTeleAddr({id: id}).then((response) => {
const res = response.data
this.$message.success(res.msg)
this.getList()
}).catch(error => {
this.$message.error('删除电报地址，失败！')
})
}).catch(() => {
})
},
handleSizeChange(val) {
this.query.pageSize=val;
this.getList();
},
handleCurrentChange(val) {
this.query.pageNum = val;
this.getList();
},
getList(){
selectLists(this.query).then((response) => {
const res = response.data
if (res.code !== '200') {
return this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
this.tableData = res.data.list
// 获取列表的总记录数
this.total = res.data.total
this.$message.success('获取消息收发记录，成功！')
}).catch(error => {
// 关闭加载
this.$message.error(error.toString())
})
}
},
mounted() {
this.getList();
}
}
</script>
... ...