feat:中心日志
Showing
5 changed files
with
189 additions
and
26 deletions
| 1 | import { mapGetters } from 'vuex' | 1 | import { mapGetters } from 'vuex' |
| 2 | import business from '@/api/business' | ||
| 3 | let mixin = { | 2 | let mixin = { |
| 4 | data () { | 3 | data () { |
| 5 | return { | 4 | return { |
| ... | @@ -13,33 +12,8 @@ let mixin = { | ... | @@ -13,33 +12,8 @@ let mixin = { |
| 13 | }, | 12 | }, |
| 14 | created () { | 13 | created () { |
| 15 | this.featchData() | 14 | this.featchData() |
| 16 | this.keyupSubmit() | ||
| 17 | }, | 15 | }, |
| 18 | methods: { | 16 | methods: { |
| 19 | async handleXmlres (index, row) { | ||
| 20 | try { | ||
| 21 | let { result: res } = await business.queryXML(row.BSM_SJSB) | ||
| 22 | if (res != null) { | ||
| 23 | this.xml = res | ||
| 24 | this.$refs.dialog.$refs.xmlDialog.isShow(); | ||
| 25 | } else { | ||
| 26 | this.$message('报文为空') | ||
| 27 | } | ||
| 28 | } catch (error) { | ||
| 29 | this.$alert(error, '提示', { | ||
| 30 | confirmButtonText: '确定', | ||
| 31 | type: 'error' | ||
| 32 | }) | ||
| 33 | } | ||
| 34 | }, | ||
| 35 | keyupSubmit () { | ||
| 36 | document.onkeydown = e => { | ||
| 37 | let _key = window.event.keyCode; | ||
| 38 | if (_key === 13) { | ||
| 39 | this.featchData() | ||
| 40 | } | ||
| 41 | } | ||
| 42 | }, | ||
| 43 | // 表格索引得问题 | 17 | // 表格索引得问题 |
| 44 | indexMethod (index) { | 18 | indexMethod (index) { |
| 45 | return index + 1 + (this.form.currentPage - 1) * this.formData.pageSize; | 19 | return index + 1 + (this.form.currentPage - 1) * this.formData.pageSize; | ... | ... |
| ... | @@ -150,6 +150,19 @@ export const asyncRoutes = [ | ... | @@ -150,6 +150,19 @@ export const asyncRoutes = [ |
| 150 | } | 150 | } |
| 151 | ] | 151 | ] |
| 152 | }, | 152 | }, |
| 153 | // 中心日志 | ||
| 154 | { | ||
| 155 | path: '/zxrz', | ||
| 156 | component: Layout, | ||
| 157 | children: [ | ||
| 158 | { | ||
| 159 | path: 'index', | ||
| 160 | component: () => import('@/views/zxrz/index'), | ||
| 161 | name: 'zxrz', | ||
| 162 | meta: { title: '中心日志', icon: 'zhcx' } | ||
| 163 | } | ||
| 164 | ] | ||
| 165 | }, | ||
| 153 | // 接入业务信息 | 166 | // 接入业务信息 |
| 154 | { | 167 | { |
| 155 | path: '/busineInfo', | 168 | path: '/busineInfo', | ... | ... |
src/views/zxrz/data/index.js
0 → 100644
| 1 | import filter from '@/utils/filter.js' | ||
| 2 | class data extends filter { | ||
| 3 | constructor() { | ||
| 4 | super() | ||
| 5 | } | ||
| 6 | columns () { | ||
| 7 | return [ | ||
| 8 | { | ||
| 9 | prop: "name", | ||
| 10 | label: "用户名称", | ||
| 11 | }, | ||
| 12 | { | ||
| 13 | prop: "sj", | ||
| 14 | label: "时间", | ||
| 15 | }, | ||
| 16 | { | ||
| 17 | prop: "czlx", | ||
| 18 | label: "操作类型", | ||
| 19 | }, | ||
| 20 | { | ||
| 21 | prop: "ywh", | ||
| 22 | label: "业务号", | ||
| 23 | } | ||
| 24 | ] | ||
| 25 | } | ||
| 26 | } | ||
| 27 | export default new data() |
src/views/zxrz/index.scss
0 → 100644
File mode changed
src/views/zxrz/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="from-clues"> | ||
| 3 | <div class="from-clues-header"> | ||
| 4 | <el-form ref="ruleForm" :model="form" label-width="80px"> | ||
| 5 | <el-row> | ||
| 6 | <el-col :span="5"> | ||
| 7 | <el-form-item label="用户名称" prop="name"> | ||
| 8 | <el-input v-model="form.name" class="width100" placeholder="用户名称"></el-input> | ||
| 9 | </el-form-item> | ||
| 10 | </el-col> | ||
| 11 | <el-col :span="5"> | ||
| 12 | <el-form-item label="开始日期" prop="startTime"> | ||
| 13 | <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" | ||
| 14 | clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="5"> | ||
| 18 | <el-form-item label="结束日期" prop="endTime"> | ||
| 19 | <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" | ||
| 20 | clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 21 | </el-form-item> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="5"> | ||
| 24 | <el-form-item label="操作类型" prop="czlx"> | ||
| 25 | <el-select v-model="form.czlx" class="width100" clearable placeholder="操作类型"> | ||
| 26 | <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value"> | ||
| 27 | </el-option> | ||
| 28 | </el-select> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="4" class="btnColRight"> | ||
| 32 | <el-button @click="resetForm('ruleForm')">重置</el-button> | ||
| 33 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | </el-form> | ||
| 37 | </div> | ||
| 38 | <div class="from-clues-content"> | ||
| 39 | <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" | ||
| 40 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | ||
| 41 | :data="tableData.data"> | ||
| 42 | </lb-table> | ||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </template> | ||
| 46 | <script> | ||
| 47 | import data from "./data" | ||
| 48 | import tableMixin from '@/mixins/tableMixin.js' | ||
| 49 | export default { | ||
| 50 | name: "reportLog", | ||
| 51 | mixins: [tableMixin], | ||
| 52 | data () { | ||
| 53 | return { | ||
| 54 | // 开始结束日期限制 | ||
| 55 | pickerOptionsStart: { | ||
| 56 | disabledDate: (time) => { | ||
| 57 | if (this.form.endTime) { | ||
| 58 | return ( | ||
| 59 | time.getTime() >= new Date(this.form.endTime).getTime() | ||
| 60 | ); | ||
| 61 | } | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | // 结束日期限制 | ||
| 65 | pickerOptionsEnd: { | ||
| 66 | disabledDate: (time) => { | ||
| 67 | if (this.form.startTime) { | ||
| 68 | return ( | ||
| 69 | time.getTime() <= new Date(this.form.startTime).getTime() | ||
| 70 | ); | ||
| 71 | } | ||
| 72 | } | ||
| 73 | }, | ||
| 74 | bsmSjsb: '', | ||
| 75 | diaData: [], | ||
| 76 | form: { | ||
| 77 | name: '', | ||
| 78 | startTime: '', | ||
| 79 | endTime: '', | ||
| 80 | ywmc: '', | ||
| 81 | czlx: '', | ||
| 82 | currentPage: 1 | ||
| 83 | }, | ||
| 84 | rules: { | ||
| 85 | name: [ | ||
| 86 | { required: true, message: '用户名称', trigger: 'change' } | ||
| 87 | ], | ||
| 88 | startTime: [ | ||
| 89 | { required: true, message: '开始日期', trigger: 'change' } | ||
| 90 | ], | ||
| 91 | endTime: [ | ||
| 92 | { required: true, message: '结束日期', trigger: 'change' } | ||
| 93 | ], | ||
| 94 | czlx: [ | ||
| 95 | { required: true, message: '操作类型', trigger: 'change' } | ||
| 96 | ] | ||
| 97 | }, | ||
| 98 | tableData: { | ||
| 99 | columns: [{ | ||
| 100 | label: '序号', | ||
| 101 | type: 'index', | ||
| 102 | width: '50', | ||
| 103 | index: this.indexMethod, | ||
| 104 | }].concat(data.columns()).concat([ | ||
| 105 | { | ||
| 106 | label: "操作", | ||
| 107 | width: '80', | ||
| 108 | render: (h, scope) => { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <el-button | ||
| 112 | type="text" | ||
| 113 | size="mini" | ||
| 114 | icon="el-icon-edit" | ||
| 115 | style="margin-left: 10px" | ||
| 116 | onClick={() => { this.handleDetails(scope.row) }} | ||
| 117 | > | ||
| 118 | 详情 | ||
| 119 | </el-button> | ||
| 120 | </div> | ||
| 121 | ) | ||
| 122 | } | ||
| 123 | } | ||
| 124 | ]), | ||
| 125 | data: [] | ||
| 126 | }, | ||
| 127 | pageData: { | ||
| 128 | total: 0, | ||
| 129 | pageSize: 15, | ||
| 130 | current: 1, | ||
| 131 | } | ||
| 132 | } | ||
| 133 | }, | ||
| 134 | methods: { | ||
| 135 | resetForm () { | ||
| 136 | this.$refs.ruleForm.resetFields(); | ||
| 137 | }, | ||
| 138 | async featchData () { | ||
| 139 | }, | ||
| 140 | handleDetails (row) { | ||
| 141 | } | ||
| 142 | } | ||
| 143 | } | ||
| 144 | </script> | ||
| 145 | <style scoped lang="scss"> | ||
| 146 | @import "~@/styles/public.scss"; | ||
| 147 | @import "./index.scss"; | ||
| 148 | </style> | ||
| 149 |
-
Please register or sign in to post a comment