Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
83426be6 by xiaomiao
Options

接口数据处理

1 parent 394ae9ee
Inline Side-by-side
Showing 9 changed files with 217 additions and 197 deletions
import request from '@/utils/request'
import SERVER from './config'
class worktable {
// 登记类型总量
async getDjlxtotal(data) {
return request({
url: SERVER.SERVERAPI + '/rest/reg/work/getDjlxtotal',
method: 'post',
data
})
}
// 登记业务量
async getdjywltotal(data) {
return request({
url: SERVER.SERVERAPI + '/rest/reg/work/getdjywltotal',
method: 'post',
data
})
}
// 省厅汇交-区县接入
async getsthjqxjrtotal(data) {
return request({
url: SERVER.SERVERAPI + '/rest/reg/work/getsthjqxjrtotal',
method: 'post',
data
})
}
// 地图区县总量统计，code区县编码,汉中为：A20
async mapViews(code) {
return request({
url: SERVER.SERVERAPI + '/rest/reg/work/mapViews',
method: 'get',
params: {
code: code
}
})
}
// 地图区县成功失败统计，code区县编码，汉中为：A20
async submitViews(code) {
return request({
url: SERVER.SERVERAPI + '/rest/reg/work/submitViews',
method: 'get',
params: {
code: code
}
})
}
}
export default new worktable()
......@@ -198,7 +198,7 @@
预测建筑面积： <br />
<p class="label-detail">（YCJZMJ）</p>
</span>
<el-input-number controls-position="right":disabled="$store.state.business.Edit"
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number"
v-model.number="ruleForm.ycjzmj"></el-input-number>
</el-form-item>
......@@ -210,9 +210,9 @@
预测套内建筑面积： <br />
<p class="label-detail">（YCTNJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number"
v-model.number="ruleForm.yctnjzmj"></el-input>
v-model.number="ruleForm.yctnjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -225,7 +225,7 @@
<p class="label-detail">（YCFTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
v-model.number="ruleForm.ycftjzmj"></el-input>
</el-form-item>
</el-col>
......@@ -236,9 +236,9 @@
预测地下部分建筑面积： <br />
<p class="label-detail">（YCDXBFJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number"
v-model.number="ruleForm.ycdxbfjzmj"></el-input>
v-model.number="ruleForm.ycdxbfjzmj"></el-input-number>
</el-form-item>
</el-col>
......@@ -248,9 +248,9 @@
预测其它建筑面积： <br />
<p class="label-detail">（YCQTJZMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number"
v-model.number="ruleForm.ycqtjzmj"></el-input>
v-model.number="ruleForm.ycqtjzmj"></el-input-number>
</el-form-item>
</el-col>
</el-row>
......@@ -364,7 +364,7 @@
<p class="label-detail">（FTTDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
v-model.number="ruleForm.fttdmj"></el-input>
</el-form-item>
</el-col>
......
......@@ -117,9 +117,9 @@
幢占地面积： <br />
<p class="label-detail">（ZZDMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit"
<el-input-number controls-position="right" :disabled="$store.state.business.Edit"
v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number"
v-model.number="naturalForm.naturalList[index].zzdmj"></el-input>
v-model.number="naturalForm.naturalList[index].zzdmj"></el-input-number>
</el-form-item>
</el-col>
......
......@@ -10,9 +10,10 @@
</template>
<script>
import Chart from './chart.vue';
import Chart from "./chart.vue";
import worktable from "@/api/worktable";
export default {
data () {
data() {
return {
cdata: {
seriesData: [
......@@ -30,19 +31,35 @@ export default {
{ value: 35, name: "预告登记" },
{ value: 20, name: "查封登记" },
{ value: 35, name: "抵押权登记" },
{ value: 20, name: "地役权登记" }
]
}
}
{ value: 20, name: "地役权登记" },
],
},
};
},
components: {
Chart,
},
mounted () {
mounted() {
this.getdjywltotal();
},
methods: {
getdjywltotal() {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
};
let res = await worktable.getdjywltotal(p);
} catch (error) {
this.$refs.msg.messageShow();
}
}
});
},
},
};
</script>
<style lang="scss" scoped>
......@@ -56,6 +73,6 @@ export default {
text-align: center;
border-radius: 6px;
font-weight: 600;
color: #02D9FD;
color: #02d9fd;
}
</style>
......
......@@ -3,66 +3,41 @@
</template>
<script>
import Chart from './chart.vue'
import Chart from "./chart.vue";
import worktable from "@/api/worktable";
export default {
data () {
data() {
return {
cdata: {
category: [
"汉台区",
"南郑区",
"城固县",
"洋县",
"西乡县",
"勉县",
"宁强县",
"略阳县",
"镇巴县",
"留坝县",
"佛坪县",
],
lineData: [
44715,
48444,
50415,
56061,
18092,
20728,
24045,
28348,
32808,
36097,
39867
],
barData: [
8500,
9900,
12500,
14000,
21500,
4600,
5000,
5500,
6500,
7500,
23200,
],
rateData: []
}
category: [],
lineData: [],
barData: [],
},
};
},
components: {
Chart,
},
mounted () {
mounted() {
this.submitViews();
},
methods: {
async submitViews() {
try {
let { result: res } = await worktable.submitViews("A20");
res.filter((item) => {
return (
this.cdata.category.push(item.areaName),
this.cdata.lineData.push(item.successCount),
this.cdata.barData.push(item.failureCount)
);
});
} catch (error) {
// this.$refs.msg.messageShow();
}
},
},
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>
......
......@@ -4,6 +4,7 @@
<script>
import Chart from "./chart.vue";
import worktable from "@/api/worktable";
export default {
data() {
return {
......@@ -17,68 +18,32 @@ export default {
Chart,
},
created() {
this.queryClick();
},
mounted() {},
methods: {
queryClick() {
console.log("来了kkksxdx");
// getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
let data = {
success: true,
message: "操作成功！",
code: 200,
result: [
{
AREACODE: "转移登记",
ywtotal: "2",
},
{
AREACODE: "变更登记",
ywtotal: "4",
},
{
AREACODE: "注销登记",
ywtotal: "6",
},
{
AREACODE: "更正登记",
ywtotal: "2",
},
{
AREACODE: "首次登记",
ywtotal: "11",
},
{
AREACODE: "预告登记",
ywtotal: "5",
},
{
AREACODE: "补证",
ywtotal: "1",
},
{
AREACODE: "换证",
ywtotal: "2",
},
{
AREACODE: "查封登记",
ywtotal: "2",
mounted() {
this.getDjlxtotal();
},
],
timestamp: 1673856701381,
methods: {
getDjlxtotal() {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
};
if (data.code === 200) {
data.result.filter((item) => {
let res = await worktable.getDjlxtotal(p);
res.result.filter((item) => {
return (
this.cdata.category.push(item.AREACODE),
this.cdata.lineData.push(item.ywtotal)
);
});
console.log("this.cdata", this.cdata);
} catch (error) {
this.$refs.msg.messageShow();
}
});
}
// });
},
},
};
</script>
......
......@@ -4,60 +4,34 @@
<script>
import Chart from './chart.vue';
import worktable from "@/api/worktable";
export default {
data () {
return {
cdata: [{
name: '汉台区',
value: '6000',
elseData: {
// 这里放置地图 tooltip 里想显示的数据
cdata: []
}
},
{
name: '南郑区',
value: '8000'
},
{
name: '城固县',
value: '3000'
},
{
name: '洋县',
value: '7000'
},
{
name: '西乡县',
value: '1000'
},
{
name: '镇巴县',
value: '2000'
},
{
name: '勉县',
value: '600'
},
{
name: '留坝县',
value: '3000'
},
{
name: '佛坪县',
value: '1000'
components: {
Chart
},
{
name: '宁强县',
value: '1000'
mounted() {
this.mapViews();
},
{
name: '略阳县',
value: '1000'
}]
methods: {
async mapViews() {
try {
let { result: res } = await worktable.mapViews("A20");
res.filter((item) => {
return (
this.cdata.push({"name":item.areaName,"value":item.areaCode})
)
});
} catch (error) {
this.$refs.msg.messageShow();
}
}
},
components: {
Chart
}
}
</script>
......
......@@ -37,6 +37,7 @@ export default {
screencontent
},
mounted () {
// this.timeFn();
this.cancelLoading();
},
......@@ -44,13 +45,6 @@ export default {
clearInterval(this.timing);
},
methods: {
// timeFn() {
// this.timing = setInterval(() => {
// this.dateDay = formatTime(new Date(), "HH: mm: ss");
// this.dateYear = formatTime(new Date(), "yyyy-MM-dd");
// this.dateWeek = this.weekday[new Date().getDay()];
// }, 1000);
// },
cancelLoading () {
setTimeout(() => {
this.loading = false;
......
......@@ -5,14 +5,20 @@
<div class="cardcontent">
<ul class="cardcontent-left d-center">
<div class="rjjrlList">
<p v-for="(item, index) in rjjrlList" class="d-center qxjr" :key="index">{{ item }}</p>
<p
v-for="(item, index) in qxjrlList"
class="d-center qxjr"
:key="index"
>
{{ item }}
</p>
</div>
<li>总量</li>
</ul>
<div class="cardcontent-right d-center">
<p>
<span>失败</span>
<span class="bad">0</span>
<span class="bad">{{qxerrer}}</span>
</p>
<p>
<span>成功率</span>
......@@ -26,14 +32,20 @@
<div class="cardcontent">
<ul class="cardcontent-left d-center">
<div class="rjjrlList">
<p v-for="(item, index) in rjjrlList" class="d-center sthj" :key="index">{{ item }}</p>
<p
v-for="(item, index) in stjrlList"
class="d-center sthj"
:key="index"
>
{{ item }}
</p>
</div>
<li>总量</li>
</ul>
<div class="cardcontent-right d-center">
<p>
<span>失败</span>
<span class="bad">0</span>
<span class="bad">{{sterrer}}</span>
</p>
<p>
<span>成功率</span>
......@@ -51,26 +63,53 @@
<script>
import columnar from "@/components/echart/columnar";
import worktable from "@/api/worktable";
export default {
data () {
data() {
return {
// 日均接入量
rjjrl: 50300
qxerrer: 0,
qxsuccess: 0,
sterrer: 0,
stsuccess: 0,
qxjrl: 50300,
stjrl: 50300,
};
},
mounted() {
this.getsthjqxjrtotal();
},
components: { columnar },
computed: {
rjjrlList: function () {
return this.rjjrl.toString().split('')
qxjrlList: function () {
return this.qxjrl.toString().split("");
},
stjrlList: function () {
return this.stjrl.toString().split("");
},
sbqkgsList: function () {
const numbers = this.sbqkgs.toString().split('').reverse()
const segs = []
while (numbers.length) segs.push(numbers.splice(0, 3).join(''))
return segs.join(',').split('').reverse().join('')
const numbers = this.sbqkgs.toString().split("").reverse();
const segs = [];
while (numbers.length) segs.push(numbers.splice(0, 3).join(""));
return segs.join(",").split("").reverse().join("");
},
},
methods: {
getsthjqxjrtotal() {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
};
let res = await worktable.getsthjqxjrtotal(p);
} catch (error) {
this.$refs.msg.messageShow();
}
});
},
},
methods: {},
};
</script>
......@@ -100,7 +139,7 @@ export default {
}
.cardhead {
color: #02D9FD;
color: #02d9fd;
line-height: 24px;
letter-spacing: 2px;
position: absolute;
......@@ -118,11 +157,11 @@ export default {
margin-top: 15px;
.qxjr {
background: url('~@/image/jrl3.png');
background: url("~@/image/jrl3.png");
}
.sthj {
background: url('~@/image/jh.png');
background: url("~@/image/jh.png");
}
p {
......@@ -141,7 +180,7 @@ export default {
display: flex;
padding: 35px 20px 20px 20px;
box-sizing: border-box;
color: #E3F1FF;
color: #e3f1ff;
.cardcontent-left {
width: 60%;
......@@ -153,10 +192,15 @@ export default {
position: absolute;
right: 0;
top: 20px;
content: '';
content: "";
width: 1px;
height: 90px;
background: linear-gradient(180deg, #091B4C 0%, #47B5E0 56%, #091B4C 100%);
background: linear-gradient(
180deg,
#091b4c 0%,
#47b5e0 56%,
#091b4c 100%
);
}
.cardcontent-right {
......@@ -166,11 +210,11 @@ export default {
font-size: 16px;
.bad {
color: #C97168;
color: #c97168;
}
.cg {
color: #5FBA7D;
color: #5fba7d;
}
p {
......@@ -183,7 +227,6 @@ export default {
span:nth-child(2) {
font-size: 20px;
font-weight: 900;
}
}
}
......