Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
bc1ccfa8 by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents bb779b90 539f1163
Inline Side-by-side
Showing 5 changed files with 129 additions and 110 deletions
import request from '@/utils/request'
import SERVER from './config'
// 区县上报分页
export function getAreaReportPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getAreaReportPage',
method: 'post',
data
})
}
// 数据上报分页
export function getDataReportPage (data) {
return request({
......@@ -13,7 +22,7 @@ export function getDataReportPage (data) {
// 数据上报分页
export function getDetail (params) {
return request({
url: SERVER.SERVERAPI + '/sjsb/DataReport/getDetail',
url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getDetail',
method: 'get',
params
})
......
......@@ -40,9 +40,9 @@ export default {
right: "1%",
},
grid: {
left: "3%",
right: "6%",
bottom: "8%",
left: "5%",
right: "7%",
bottom: "10%",
containLabel: true,
},
xAxis: {
......@@ -81,18 +81,13 @@ export default {
name: "成功",
type: "bar",
stack: "总量",
barWidth: 30,
barWidth: 20,
itemStyle: {
normal: {
color: "#6601FF",
},
},
label: {
normal: {
show: true,
position: "insideRight",
},
},
z: 10,
data: newData.barData,
},
......@@ -105,15 +100,6 @@ export default {
color: "#00F0FF",
},
},
label: {
normal: {
show: true,
position: "insideRight",
textStyle: {
color: "#6601FF",
},
},
},
z: 5,
data: newData.lineData,
},
......
......@@ -78,9 +78,10 @@ export default {
line-height: 70px;
font-size: 40px;
text-align: center;
color:rgb(246, 246, 229);
}
p:nth-child(2) {
color: rgb(180, 178, 178);
color: rgb(223, 213, 81);
}
}
.text2 {
......
......@@ -3,31 +3,46 @@ class data extends filter {
constructor() {
super()
}
columns () {
columns() {
return [
{
prop: "areacode",
label: "行政区代码",
width: 100,
},
{
prop: "areaname",
prop: "areaName",
label: "行政区名称",
width: 100,
},
{
prop: "bdcdyh",
prop: "bizMsgid",
label: "业务报文ID",
},
{
prop: "createdate",
label: "创建时间",
},
{
prop: "recflowid",
label: "业务流水号",
},
{
prop: "estatenum",
label: "不动产单元号",
width: 240,
},
{
prop: "ywmc",
label: "业务名称",
prop: "rectype",
label: "业务编码",
},
{
prop: "czsj",
label: "操作时间",
prop: "rectypeName",
label: "业务名称",
},
{
prop: "czsj",
label: "操作时间",
prop: "createdate",
label: "接收时间",
},
{
prop: 'jcjg',
......
......@@ -80,102 +80,93 @@
<script>
// 接收报文查询
// 引入表格头部数据
import data from "./data"
import data from "./data";
// 引入table混入方法
import tableMixin from '@/mixins/tableMixin.js'
import tableMixin from "@/mixins/tableMixin.js";
import { getDataReportPage } from "@/api/sbbwcx.js";
export default {
name: "jsbwcx",
mixins: [tableMixin],
data () {
data() {
return {
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.endTime) {
return (
time.getTime() >= new Date(this.form.endTime).getTime()
);
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()
);
return time.getTime() <= new Date(this.form.startTime).getTime();
}
}
},
},
// 表格数据
form: {
pcode: '', // 行政区
startTime: '',// 开始日期
endTime: '',// 结束日期
bdcdyh: '',// 不动产单元号
ywmc: '',// 业务名称
jcjg: '', // 检查结果
rkjg: '', //入库结果
currentPage: 1
pcode: "", // 行政区
startTime: "", // 开始日期
endTime: "", // 结束日期
bdcdyh: "", // 不动产单元号
ywmc: "", // 业务名称
jcjg: "", // 检查结果
rkjg: "", //入库结果
currentPage: 1,
},
// 校验规则
rules: {
pcode: [
{ required: true, message: '请选择行政区', trigger: 'change' }
],
pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
startTime: [
{ required: true, message: '请选择开始日期', trigger: 'change' }
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: '请选择结束日期', trigger: 'change' }
{ 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' }
{ 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([
columns: [
{
label: "操作",
width: '160',
render: (h, scope) => {
return (
<div>
<el-button
type="primary"
onClick={() => { this.handleEdit(scope.row) }}
>
详情
</el-button>
<el-button
type="primary"
>
结果
</el-button>
</div>
)
}
}
]),
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
},
]
.concat(data.columns())
.concat([
{
label: "操作",
width: "160",
render: (h, scope) => {
return (
<div>
<el-button
type="primary"
onClick={() => {
this.handleEdit(scope.row);
}}
>
详情
</el-button>
<el-button type="primary">结果</el-button>
</div>
);
},
},
]),
// 表格列表数据
data: [{ jcjg: 1 }]
data: [{ jcjg: 1 }],
},
// 分页
pageData: {
......@@ -188,37 +179,54 @@ export default {
// 行政区
xzqOptions: [
{
value: '632321',
label: '同仁县'
value: "632321",
label: "同仁县",
},
{
value: '632322',
label: '尖扎县'
value: "632322",
label: "尖扎县",
},
{
value: '632323',
label: '泽库县'
value: "632323",
label: "泽库县",
},
{
value: '632324',
label: '河南县'
}
]
}
value: "632324",
label: "河南县",
},
],
};
},
methods: {
// 初始化数据
queryClick() {
getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records ? records : [];
}
});
},
// 重置
resetForm () {
resetForm() {
this.$refs.ruleForm.resetFields();
},
featchData () {
featchData() {
this.queryClick();
},
// 详情
handleEdit () {
this.$popupDialog('业务报文', 'components/JsonEditor/index', {}, '50%', '320px')
}
}
}
handleEdit() {
this.$popupDialog(
"业务报文",
"components/JsonEditor/index",
{},
"50%",
"320px"
);
},
},
};
</script>
<style scoped lang="scss">
// 引入表单整体样式
......