9cdd6ef4 by 任超

feat:中心日志

1 parent 3d8df037
import { mapGetters } from 'vuex'
import business from '@/api/business'
let mixin = {
data () {
return {
......@@ -13,33 +12,8 @@ let mixin = {
},
created () {
this.featchData()
this.keyupSubmit()
},
methods: {
async handleXmlres (index, row) {
try {
let { result: res } = await business.queryXML(row.BSM_SJSB)
if (res != null) {
this.xml = res
this.$refs.dialog.$refs.xmlDialog.isShow();
} else {
this.$message('报文为空')
}
} catch (error) {
this.$alert(error, '提示', {
confirmButtonText: '确定',
type: 'error'
})
}
},
keyupSubmit () {
document.onkeydown = e => {
let _key = window.event.keyCode;
if (_key === 13) {
this.featchData()
}
}
},
// 表格索引得问题
indexMethod (index) {
return index + 1 + (this.form.currentPage - 1) * this.formData.pageSize;
......
......@@ -150,6 +150,19 @@ export const asyncRoutes = [
}
]
},
// 中心日志
{
path: '/zxrz',
component: Layout,
children: [
{
path: 'index',
component: () => import('@/views/zxrz/index'),
name: 'zxrz',
meta: { title: '中心日志', icon: 'zhcx' }
}
]
},
// 接入业务信息
{
path: '/busineInfo',
......
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "name",
label: "用户名称",
},
{
prop: "sj",
label: "时间",
},
{
prop: "czlx",
label: "操作类型",
},
{
prop: "ywh",
label: "业务号",
}
]
}
}
export default new data()
File mode changed
<template>
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="用户名称" prop="name">
<el-input v-model="form.name" class="width100" placeholder="用户名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="开始日期" prop="startTime">
<el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="结束日期" prop="endTime">
<el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="操作类型" prop="czlx">
<el-select v-model="form.czlx" class="width100" clearable placeholder="操作类型">
<el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-button @click="resetForm('ruleForm')">重置</el-button>
<el-button type="primary" @click="handleSubmit">查询结果</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
import data from "./data"
import tableMixin from '@/mixins/tableMixin.js'
export default {
name: "reportLog",
mixins: [tableMixin],
data () {
return {
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.endTime) {
return (
time.getTime() >= new Date(this.form.endTime).getTime()
);
}
}
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.form.startTime) {
return (
time.getTime() <= new Date(this.form.startTime).getTime()
);
}
}
},
bsmSjsb: '',
diaData: [],
form: {
name: '',
startTime: '',
endTime: '',
ywmc: '',
czlx: '',
currentPage: 1
},
rules: {
name: [
{ required: true, message: '用户名称', trigger: 'change' }
],
startTime: [
{ required: true, message: '开始日期', trigger: 'change' }
],
endTime: [
{ required: true, message: '结束日期', trigger: 'change' }
],
czlx: [
{ required: true, message: '操作类型', trigger: 'change' }
]
},
tableData: {
columns: [{
label: '序号',
type: 'index',
width: '50',
index: this.indexMethod,
}].concat(data.columns()).concat([
{
label: "操作",
width: '80',
render: (h, scope) => {
return (
<div>
<el-button
type="text"
size="mini"
icon="el-icon-edit"
style="margin-left: 10px"
onClick={() => { this.handleDetails(scope.row) }}
>
详情
</el-button>
</div>
)
}
}
]),
data: []
},
pageData: {
total: 0,
pageSize: 15,
current: 1,
}
}
},
methods: {
resetForm () {
this.$refs.ruleForm.resetFields();
},
async featchData () {
},
handleDetails (row) {
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "./index.scss";
</style>