朱兆平 / vue_cli · 提交

转到一个项目

作者 朱兆平
提交 ed057d449c481d1bbf47ec4de4252f475bd0771f 2 个父辈 39a93115 eae1a1b6

Merge remote-tracking branch 'refs/remotes/origin/ExportOrder'

内嵌 并排对比
正在显示 3 个修改的文件 包含 244 行增加 和 2 行删除
@@ -27,7 +27,11 @@ export const selectawabByid = params => {return http.get(`${base1}/awba/selectaw @@ -27,7 +27,11 @@ export const selectawabByid = params => {return http.get(`${base1}/awba/selectaw
27 export const selectList = params => {return http.get(`${base1}/awba/selectList`, params);}; 27 export const selectList = params => {return http.get(`${base1}/awba/selectList`, params);};
28 export const selectByKey = params => {return http.get(`${base1}/awba/selectByKey`, params);}; 28 export const selectByKey = params => {return http.get(`${base1}/awba/selectByKey`, params);};
29 29
30 - 30 +//电报地址
  31 +export const addTeleAddr = params => {return axios.post(`${base1}/teleaddr/addTeleAddr`, params);};
  32 +export const delTeleAddr = params => {return http.get(`${base1}/teleaddr/delTeleAddr`, params);};
  33 +export const ediTeleAddr = params => {return axios.post(`${base1}/teleaddr/ediTeleAddr`, params);};
  34 +export const selectLists = params => {return http.get(`${base1}/teleaddr/selectLists`, params);};
31 35
32 36
33 37
@@ -185,6 +185,7 @@ import Express from './views/express_system/express.vue' @@ -185,6 +185,7 @@ import Express from './views/express_system/express.vue'
185 //给海龙做的货运单 185 //给海龙做的货运单
186 import Way from './views/nav3/Way.vue' 186 import Way from './views/nav3/Way.vue'
187 import Telegram from './views/nav3/Telegram.vue' 187 import Telegram from './views/nav3/Telegram.vue'
  188 +import TeleAddr from "./views/nav3/TeleAddr.vue";
188 //朱总让做的网页在线客服 189 //朱总让做的网页在线客服
189 import Webdialog from './views/bus/Webdialog.vue' 190 import Webdialog from './views/bus/Webdialog.vue'
190 191
@@ -271,7 +272,8 @@ let routes = [ @@ -271,7 +272,8 @@ let routes = [
271 children: [ 272 children: [
272 {path: '/Way', component: Way, name: '货运单'}, 273 {path: '/Way', component: Way, name: '货运单'},
273 {path: '/Telegram', component: Telegram, name: '电报查询'}, 274 {path: '/Telegram', component: Telegram, name: '电报查询'},
274 - {path: '/Webdialog', component: Webdialog, name: '在线客服'} 275 + {path: '/Webdialog', component: Webdialog, name: '在线客服'},
  276 + {path: '/TeleAddr', component: TeleAddr, name: '电报地址'}
275 ] 277 ]
276 }, 278 },
277 { 279 {
  1 +<template>
  2 + <div>
  3 + <el-row :gutter="20">
  4 + <el-col :span="4">
  5 + <el-input size="medium" v-model="query.opter" placeholder="请输入账号"></el-input>
  6 + </el-col>
  7 + <el-col :span="2">
  8 + <el-button size="medium" type="primary" plain @click="getList">查询</el-button>
  9 + </el-col>
  10 + <el-col :span="2">
  11 + <el-button size="medium" type="primary" @click="addForm">新增</el-button>
  12 + </el-col>
  13 + </el-row>
  14 + <el-row :gutter="20">
  15 + <el-col>
  16 + <el-table
  17 + :data="tableData"
  18 + border
  19 + style="width: 80%">
  20 + <el-table-column
  21 + fixed
  22 + prop="id"
  23 + label="id"
  24 + width="150">
  25 + </el-table-column>
  26 + <el-table-column
  27 + prop="opter"
  28 + label="账号"
  29 + width="200">
  30 + </el-table-column>
  31 + <el-table-column
  32 + prop="receaddr"
  33 + label="收报地址"
  34 + width="300">
  35 + </el-table-column>
  36 + <el-table-column
  37 + prop="createtime"
  38 + label="创建时间"
  39 + width="150">
  40 + </el-table-column>
  41 + <el-table-column
  42 + fixed="right"
  43 + label="操作"
  44 + width="100">
  45 + <template slot-scope="scope">
  46 + <el-button
  47 + @click.native.prevent="ediForm(scope.row)"
  48 + type="text"
  49 + style="color: #5BB75B"
  50 + size="small">
  51 + 更新
  52 + </el-button>
  53 + <el-button
  54 + @click.native.prevent="deleteRow(scope.row.id)"
  55 + type="text"
  56 + style="color: #5BB75B"
  57 + size="small">
  58 + 移除
  59 + </el-button>
  60 + </template>
  61 + </el-table-column>
  62 + </el-table>
  63 + </el-col>
  64 + </el-row>
  65 + <el-row :gutter="20">
  66 + <el-col :span="10">
  67 + <div class="block">
  68 + <el-pagination
  69 + @size-change="handleSizeChange"
  70 + @current-change="handleCurrentChange"
  71 + :current-page="query.pageNum"
  72 + :page-sizes="[10, 20, 30, 40]"
  73 + :page-size="query.pageSize"
  74 + layout="total, sizes, prev, pager, next, jumper"
  75 + :total="total">
  76 + </el-pagination>
  77 + </div>
  78 + </el-col>
  79 + </el-row>
  80 + <el-row>
  81 + <el-dialog :title="'客户信息'+textMap[dialogStatus]" :visible.sync="dialogFormVisible">
  82 + <el-form :model="form" ref="form" :rules="rules">
  83 + <el-form-item label="账号" prop="opter">
  84 + <el-input size="medium" v-model="form.opter" autocomplete="off"></el-input>
  85 + </el-form-item>
  86 + <el-form-item label="电报地址" prop="receaddr">
  87 + <el-input size="medium" v-model="form.receaddr" autocomplete="off"></el-input>
  88 + </el-form-item>
  89 + <el-form-item label="" :label-width="formLabelWidth">
  90 + <el-button size="medium" @click="dialogFormVisible = false">取 消</el-button>
  91 + <el-button size="medium" type="primary" @click="dialogStatus==='create'?addsubmitForm('form'):edisubmitForm('form')">保存</el-button>
  92 + </el-form-item>
  93 + </el-form>
  94 + </el-dialog>
  95 + </el-row>
  96 + </div>
  97 +</template>
  98 +<script>
  99 + import {
  100 + addTeleAddr,
  101 + delTeleAddr,
  102 + ediTeleAddr,
  103 + selectLists
  104 + } from '../../api/remote_interface/byont_import';
  105 + export default {
  106 + data(){
  107 + return{
  108 + rules: {
  109 + opter: [
  110 + { required: true, message: '请输入客户编码', trigger: 'blur' },
  111 + ],
  112 + receaddr: [
  113 + { required: true, message: '请输入电报地址', trigger: 'blur' },
  114 + ]},
  115 + dialogStatus: '',
  116 + textMap: {
  117 + update: '更新',
  118 + create: '新增'
  119 + },
  120 + query:{
  121 + opter:'',
  122 + pageNum:0,
  123 + pageSize:10
  124 + },
  125 + tableData: [],
  126 + total:0,
  127 + dialogFormVisible:false,
  128 + form: {
  129 + id:'',
  130 + opter:'',
  131 + receaddr:'',
  132 + createtime:''
  133 + },
  134 + formLabelWidth: '120px'
  135 + }
  136 + },
  137 + methods:{
  138 + addForm(){
  139 + this.dialogFormVisible = true;
  140 + this.dialogStatus = 'create';
  141 + },
  142 + ediForm(row){
  143 + this.dialogFormVisible = true;
  144 + this.dialogStatus = 'update';
  145 + this.form=row;
  146 + },
  147 + addsubmitForm(formName) {
  148 + this.$refs[formName].validate((valid) => {
  149 + if (valid) {
  150 + this.form.id='';
  151 + addTeleAddr(this.form).then((response) => {
  152 + const res = response.data
  153 + if (res.code !== '200') {
  154 + return this.$message.error('电报地址添加，失败！')
  155 + }
  156 + this.$message.success('电报地址添加，成功！')
  157 + this.dialogFormVisible = false;
  158 + this.getList();
  159 + }).catch(error => {
  160 + // 关闭加载
  161 + this.$message.warning('电报地址添加，失败！')
  162 + })
  163 + } else {
  164 + console.log('error submit!!');
  165 + return false;
  166 + }
  167 + });
  168 + },
  169 + edisubmitForm(formName){
  170 + this.$refs[formName].validate((valid) => {
  171 + if (valid) {
  172 + ediTeleAddr(this.form).then((response) => {
  173 + const res = response.data
  174 + if (res.code !== '200') {
  175 + return this.$message.error('电报地址更新，失败！')
  176 + }
  177 + this.$message.success('电报地址更新，成功！')
  178 + this.dialogFormVisible = false;
  179 + this.getList();
  180 + }).catch(error => {
  181 + // 关闭加载
  182 + this.$message.warning('电报地址更新，失败！')
  183 + })
  184 + } else {
  185 + console.log('error submit!!');
  186 + return false;
  187 + }
  188 + });
  189 + },
  190 + deleteRow(id){
  191 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  192 + confirmButtonText: '确定删除',
  193 + cancelButtonText: '取消',
  194 + type: 'warning'
  195 + }
  196 + ).then(() => {
  197 + delTeleAddr({id: id}).then((response) => {
  198 + const res = response.data
  199 + this.$message.success(res.msg)
  200 + this.getList()
  201 + }).catch(error => {
  202 + this.$message.error('删除电报地址，失败！')
  203 + })
  204 + }).catch(() => {
  205 + })
  206 + },
  207 + handleSizeChange(val) {
  208 + this.query.pageSize=val;
  209 + this.getList();
  210 + },
  211 + handleCurrentChange(val) {
  212 + this.query.pageNum = val;
  213 + this.getList();
  214 + },
  215 + getList(){
  216 + selectLists(this.query).then((response) => {
  217 + const res = response.data
  218 + if (res.code !== '200') {
  219 + return this.$message.error('获取消息收发记录，失败！')
  220 + }
  221 + // 获取列表数据
  222 + this.tableData = res.data.list
  223 + // 获取列表的总记录数
  224 + this.total = res.data.total
  225 + this.$message.success('获取消息收发记录，成功！')
  226 + }).catch(error => {
  227 + // 关闭加载
  228 + this.$message.error(error.toString())
  229 + })
  230 + }
  231 + },
  232 + mounted() {
  233 + this.getList();
  234 + }
  235 + }
  236 +</script>