sasp-admin 0.2.57

package/src/views/log/sms/logSms.vue

@@ -0,0 +1,308 @@
+<!--短信发送日志-->
+<template>
+    <el-container  class="top_contain" >
+        <!--查询条件 -->
+        <el-header  style="height: auto">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small"
+                         class="demo-form-inline"  @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+
+                    <el-form-item label="电话号码"   style="margin-left: 20px">
+                        <el-input   v-model="crud.searchForm.phone"   ></el-input>
+                    </el-form-item>
+                    <el-form-item label="内容" style="margin-left: 20px">
+                        <el-input  v-model="crud.searchForm.content"   ></el-input>
+                    </el-form-item>
+
+                    <el-form-item label="返回值" style="margin-left: 20px">
+                        <el-input  v-model="crud.searchForm.retCode"   ></el-input>
+                    </el-form-item>
+
+                    <el-form-item label="类型" style="margin-left: 20px">
+                        <el-input  v-model="crud.searchForm.type"   ></el-input>
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button   type="primary" icon="el-icon-search" @click="crud.doSearch()" size="small">查询</el-button>
+                        <el-button  icon="el-icon-close" @click="crud.resetSearch()" size="small">清空</el-button>
+                    </el-form-item>
+
+
+                </el-form>
+            </div>
+        </el-header>
+
+        <!--查询体 列表展示-->
+        <el-main  id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto;" size="small">
+                    <!--删除-->
+                    <el-button  type="danger" size="small" round icon="el-icon-delete"  @click="crud.remove()" >删除 </el-button>
+                </el-header>
+                <!--列表-->
+                <el-main style="height: 100%;" ref="tableMain" >
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"  style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label=" " align="center" width="60"></el-table-column>
+                        <el-table-column label="电话号码" prop="phone" align="center" width="200"></el-table-column>
+                        <el-table-column  label="内容" prop="content"   align="center" >
+                        </el-table-column>
+                        <el-table-column  label="发送结果" prop="retCodeDesc"  align="center" width="180" >
+                        </el-table-column>
+                        <el-table-column  label="类型" prop="type"  align="center" width="180" >
+                        </el-table-column>
+                        <el-table-column  label="发送时间" prop="createTime"   align="center" width="180" >
+                        </el-table-column>
+
+
+                        <el-table-column label="操作" align="center" width="160">
+                            <template slot-scope="scope" >
+                                <el-button size="small" icon="el-icon-zoom-in" type="primary" @click="showSmsDetail(scope.row)"
+                                >
+                                    查看
+                                </el-button>
+                            </template>
+                        </el-table-column>
+
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <!--底部分页-->
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+
+        <!--查看短信发送日志详情-->
+
+
+
+
+        <!--SQL 详情弹窗-->
+        <!--查看 通知-->
+       <!-- <el-dialog :close-on-click-modal=false title="查看短信发送日志" class="dialogStyle"     top="20vh" :visible.sync="operterSmsDetail" lock-scroll>
+        <el-form  :data="smsRowsData" label-width="140px" inline
+                  style="width:95%; margin-bottom: 15%;">
+            <el-row>
+
+                <el-col :span="8">
+                    <el-input  :value="smsRowsData.phone" style="color: transparent;" disabled>
+                        <template slot="prepend"  >电话号码:</template>
+                    </el-input>
+                </el-col>
+                <el-col :span="16">
+                    <el-input  :value="smsRowsData.content" disabled  autosize >
+                        <template slot="prepend" >内容:</template>
+                    </el-input>
+                </el-col>
+            </el-row>
+
+            <el-row  >
+                <el-col :span="8">
+                    <el-input  :value="smsRowsData.retCodeDesc" disabled>
+                        <template slot="prepend" >返回值:</template>
+                    </el-input>
+                </el-col>
+                <el-col :span="16">
+                    <el-input  :value="smsRowsData.type" disabled>
+                        <template slot="prepend" >类型:</template>
+                    </el-input>
+                </el-col>
+            </el-row>
+
+            <el-row  >
+                <el-col :span="8">
+                    <el-input  :value="smsRowsData.epid" disabled>
+                        <template slot="prepend">短信接口的企业id:</template>
+                    </el-input>
+                </el-col>
+                <el-col :span="16" >
+                    <el-input  :value="smsRowsData.userName" disabled>
+                        <template slot="prepend" >短信接口的用户:</template>
+                    </el-input>
+                </el-col>
+            </el-row>
+
+        </el-form>
+    </el-dialog>-->
+
+        <!--查看错误日志详情-->
+        <el-dialog :close-on-click-modal=false title="查看短信发送日志信息"      class="smsDetailClass" height="80%" width="60%" top="10vh"    :visible.sync="operterSmsDetail" lock-scroll>
+            <el-form :data="smsRowsData" >
+                <el-row :gutter="0"  style="border: 1px solid #c2c2c2;border-bottom: 0;">
+                    <el-col  :span="8"  >
+                        <el-form-item label-width="150px" label="电话：">
+                          <span style="word-break: break-word">
+                              {{smsRowsData.phone}}
+                          </span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="14" :offset="1">
+                        <el-form-item  label-width="140px" label="内容：">
+                            <span style="word-break: break-word">
+                                {{smsRowsData.content}}
+                            </span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="0"  style="border: 1px solid #c2c2c2;border-bottom: 0">
+                    <el-col  :span="8" >
+                        <el-form-item label-width="150px" label="返回值：">
+                              <span style="word-break: break-word">
+                                  {{smsRowsData.retCodeDesc}}
+                              </span>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="14" :offset="1">
+                        <el-form-item   label-width="140px" label="类型：">
+                            <span style="word-break: break-word">
+                                {{smsRowsData.type}}
+                            </span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="0"  style="border: 1px solid #c2c2c2">
+                    <el-col  :span="8" >
+                        <el-form-item label-width="150px"  label="短信接口的企业id：">
+                            <span style="word-break: break-word">
+                                {{smsRowsData.epid}}
+                            </span>
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="14" :offset="1">
+                        <el-form-item  label-width="140px"   label="短信接口的用户：">
+                            <span style="word-break: break-word">
+                                {{smsRowsData.userName}}
+                            </span>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </el-dialog>
+
+
+
+
+
+    </el-container>
+</template>
+
+<script>
+
+
+    export default {
+        //接收传过来的数据
+        name:"log-sms",
+        show:true,
+        data() {
+            return {
+                releaseStatus:'1', //发布状态
+                releaseStatusDefault:'0',
+                conditionMap:{},
+                crud : new this.CrudUtil({
+                    vue: this,
+                    entityName:"smsLog",
+                    url:"smsLogController"
+
+                }),
+
+                formTypeCityOptions:[],
+                formTypeAreaOptions:[],
+                formTypeStreetOptions:[],
+                formData:{
+                    id:"", 'phone':"",'content':"",'retCodeDesc':"",'type':"",'createTime':""
+                },
+                operterSmsDetail:false,
+                smsRowsData:{}, //详情页数据初始化
+
+            }
+        },
+
+
+        created(){
+            let vm = this;
+          //  this.initData();
+
+        },
+        watch: {
+            //监听日期表单变化
+        },
+        methods: {
+
+            //重置查询条件
+            resetSearch() {
+                let vm = this;
+                let crud = vm.crud;
+                let objData = {};
+                let searchForm = crud.searchForm;
+                crud.noClearSearchColumns && crud.noClearSearchColumns.forEach(function (key) {
+                    objData[key] = searchForm[key];
+                });
+                objData["page"] = "1";
+                crud.searchForm = Object.assign({}, objData);
+                crud.search(vm.checkSelectedMsg);
+            },
+
+
+            //打开短信日志详情
+            showSmsDetail(row){
+                let vm = this;
+                if(!row.id){ // 行数据id不存在
+                    vm.$message("数据异常，请重新加载页面！");
+                    return;
+                }
+                vm.smsRowsData = row;
+                vm.operterSmsDetail = true;
+
+            }
+
+        }
+
+
+
+    }
+
+</script>
+
+<style scoped>
+    legend{
+        font-size: 14px;
+    }
+    .top_contain{
+        height: 100%;
+        /*border-radius:8px;*/
+        overflow-y: hidden;
+
+
+    }
+    .top_contain::-webkit-scrollbar{
+        width: 0;
+    }
+
+</style>
+<style>
+
+    .dialogStyle{
+        font-size: 11px;
+    }
+
+    .smsDetailClass .el-form-item{
+        margin-bottom: 0;
+    }
+
+
+</style>