Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
5ba14272 by 任超
Options

style:接收报文查询

1 parent 4c178603
Inline Side-by-side
Showing 4 changed files with 303 additions and 1 deletions
......@@ -46,7 +46,20 @@ export const asyncRoutes = [
}
]
},
// 上报日志
// 接收报文查询
{
path: '/jsbwcx',
component: Layout,
children: [
{
path: 'index',
component: () => import('@/views/jsbwcx/index'),
name: 'jsbwcx',
meta: { title: '接收报文查询', icon: 'zsgl' }
}
]
},
// 上报报文查询
{
path: '/reportLog',
component: Layout,
......
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "areacode",
label: "行政区代码",
},
{
prop: "areaname",
label: "行政区名称",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "ywmc",
label: "业务名称",
},
{
prop: "czsj",
label: "操作时间",
},
{
prop: "czsj",
label: "操作时间",
},
{
prop: 'jcjg',
label: '检查结果',
render: (h, scope) => {
return (
<div>
{
scope.row.jcjg
? <el-tag type='success'>通过</el-tag>
: <el-tag type='primary'>通过1</el-tag>
}
</div>
)
}
},
{
prop: 'rkjg',
label: '入库结果',
render: (h, scope) => {
return (
<div>
{
scope.row.jcjg
? <el-tag type='success'>入库</el-tag>
: <el-tag type='primary'>入库1</el-tag>
}
</div>
)
}
},
]
}
}
export default new data()
<template>
<!-- 接收报文查询 -->
<div class="reportLog from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-row class="marginbtm5">
<el-col :span="6">
<el-form-item label="行政区" prop="pcode">
<el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
<el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<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="6">
<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="6">
<el-form-item label="不动产单元号" prop="bdcdyh">
<el-input v-model="form.bdcdyh" class="width100" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="业务名称" prop="ywmc">
<el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检查结果" prop="jcjg">
<el-select v-model="form.jcjg" 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="6">
<el-form-item label="入库结果" prop="rkjg">
<el-select v-model="form.rkjg" 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="6" class="btnColRight">
<el-form-item>
<el-button @click="resetForm('ruleForm')">重置</el-button>
<el-button type="primary" @click="handleSubmit">查询结果</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table ref="table" :heightNum="300" :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>
<!-- 编辑 -->
<!-- <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" /> -->
</div>
</template>
<script>
// 上报日志
import data from "./data"
import journal from '@/api/journal.js'
import tableMixin from '@/mixins/tableMixin.js'
import dataReporting from '@/api/dataReporting'
import editDialog from '@/components/dataDetails/edit-dialog.vue'
export default {
name: "reportLog",
mixins: [tableMixin],
components: {
editDialog,
},
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: {
pcode: '',
startTime: '',
endTime: '',
bdcdyh: '',
ywmc: '',
// 检查结果
jcjg: '',
rkjg: '',
currentPage: 1
},
rules: {
pcode: [
{ required: true, message: '请选择行政区', trigger: 'change' }
],
startTime: [
{ required: true, message: '请选择开始日期', trigger: 'change' }
],
endTime: [
{ required: true, message: '请选择结束日期', trigger: 'change' }
],
bdcdyh: [
{ required: true, message: '不动产单元号', trigger: 'change' }
],
ywmc: [
{ required: true, message: '业务名称', trigger: 'change' }
],
jcjg: [
{ required: true, message: '检查结果', trigger: 'change' }
],
rkjg: [
{ 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.handleEdit(scope.row) }}
>
编辑
</el-button>
</div>
)
}
}
]),
data: [{}]
},
pageData: {
total: 0,
pageSize: 15,
current: 1,
},
// 业务名称
statusOptions: [
],
// 行政区
xzqOptions: [
{
value: '632321',
label: '同仁县'
},
{
value: '632322',
label: '尖扎县'
},
{
value: '632323',
label: '泽库县'
},
{
value: '632324',
label: '河南县'
}
]
}
},
methods: {
resetForm () {
this.$refs.ruleForm.resetFields();
},
async featchData () {
},
handleEdit (row) {
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "./index.scss";
</style>