8 changed files with 1559 additions and 0 deletions
@ -0,0 +1,259 @@ |
|||
import * as echarts from '../../../../../../ec-canvas/ec-canvas'; |
|||
import api from "../../../../../../utils/api"; |
|||
var chart; |
|||
var listdata = []; |
|||
var links = []; |
|||
var legendes = ["手机IMSI", "人脸ID", "车牌号码", "人脸ID"]; |
|||
var texts = []; |
|||
// function initChart(canvas, width, height, dpr) {
|
|||
// chart = echarts.init(canvas, null, {
|
|||
// width: width,
|
|||
// height: height,
|
|||
// devicePixelRatio: dpr // 像素比
|
|||
// });
|
|||
// canvas.setChart(chart);
|
|||
|
|||
|
|||
// return chart;
|
|||
// }
|
|||
|
|||
Component({ |
|||
properties: { |
|||
resid: { |
|||
type: String, |
|||
value: '', |
|||
observer(val) { |
|||
this.getData() |
|||
} |
|||
} |
|||
}, |
|||
data: { |
|||
ec: { |
|||
lazyLoad: true |
|||
}, |
|||
}, |
|||
|
|||
lifetimes: { |
|||
ready() { |
|||
console.log(this.data.resid); |
|||
this.getData() |
|||
} |
|||
}, |
|||
methods: { |
|||
|
|||
getData() { |
|||
this.selectComponent('#hotlineComplaints').init((canvas, width, height, dpr) => { |
|||
// chart = echarts.init(canvas, null, {
|
|||
// width: width,
|
|||
// height: height,
|
|||
// devicePixelRatio: dpr // 像素比
|
|||
// });
|
|||
// canvas.setChart(chart);
|
|||
let params = { |
|||
type: 0, |
|||
resid: this.data.resiId |
|||
} |
|||
api.getFamilyRelationshipList(params).then(({ |
|||
data |
|||
}) => { |
|||
console.log(data); |
|||
var phoneNum = { |
|||
"手机号:13856978256": "13856978256", |
|||
"手机号:13998745632": "13998745632", |
|||
"手机号:18812345678": "18812345678", |
|||
"手机号:16812345678": "16812345678", |
|||
"手机号:13856971111": "13856978256", |
|||
"手机号:13998742222": "13998745632", |
|||
"手机号:18812344444": "18812345678", |
|||
"手机号:16812343333": "16812345678", |
|||
"手机号:13878978256": "13856978256", |
|||
"手机号:137895632": "13998745632", |
|||
}; |
|||
|
|||
var phoneIMSI = ["次数:1，匹配度:6%", "次数:3，匹配度:30%", "次数:2，匹配度:26%", |
|||
"次数:2，匹配度:26%", "次数:2，匹配度:26%", "次数:2，匹配度:26%", |
|||
"匹配手机号码", "匹配手机号码", "匹配手机号码", "匹配手机号码" |
|||
] |
|||
|
|||
|
|||
var carNum = { |
|||
"车牌号码:豫AJ9685": "豫AJ9685", |
|||
"车牌号码:豫AG5123": "豫AG5123", |
|||
"车牌号码:豫AG6822": "豫AG6822", |
|||
"车牌号码:豫CJ9685": "豫AJ9685", |
|||
"车牌号码:豫AD5123": "豫AG5123", |
|||
"车牌号码:豫AT6822": "豫AG6822", |
|||
"车牌号码:豫AG6622": "豫AG6822", |
|||
"车牌号码:豫CJ9885": "豫AJ9685", |
|||
} |
|||
const relationShipCar = ["匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码", "匹配车牌号码"] |
|||
this.setDataPhone(phoneNum, 0); |
|||
this.setDataCar(carNum, 2); |
|||
this.setDataPerson(mainRelationShip, 3); |
|||
this.setLinkData(phoneNum, phoneIMSI, legendes[3]); |
|||
this.setLinkData(carNum, relationShipCar, legendes[3]); |
|||
let option = { |
|||
title: { |
|||
text: "关系图绑定点击事件", |
|||
top: "top", |
|||
left: "left", |
|||
textStyle: { |
|||
color: '#000000' |
|||
} |
|||
}, |
|||
tooltip: { |
|||
formatter: '{b}' |
|||
}, |
|||
|
|||
backgroundColor: '#f7f7f7', |
|||
legend: { |
|||
data: legendes, |
|||
textStyle: { |
|||
color: '#000000' |
|||
}, |
|||
icon: 'circle', |
|||
type: 'scroll', |
|||
orient: 'vertical', |
|||
left: 10, |
|||
top: 20, |
|||
bottom: 20, |
|||
itemWidth: 10, |
|||
itemHeight: 10 |
|||
}, |
|||
animationDuration: 1000, |
|||
animationEasingUpdate: 'quinticInOut', |
|||
series: [{ |
|||
type: 'graph', |
|||
layout: 'force', |
|||
force: { |
|||
repulsion: 80, |
|||
gravity: 0, |
|||
edgeLength: 150, |
|||
layoutAnimation: true, |
|||
}, |
|||
data: listdata, |
|||
links: links, |
|||
categories: texts, |
|||
roam: false, |
|||
nodeScaleRatio: 0, |
|||
focusNodeAdjacency: false, |
|||
lineStyle: { |
|||
normal: { |
|||
opacity: 0.5, |
|||
width: 1.5, |
|||
curveness: 0 |
|||
} |
|||
}, |
|||
label: { |
|||
normal: { |
|||
show: true, |
|||
position: 'inside', |
|||
textStyle: { |
|||
color: '#000000', |
|||
fontWeight: 'normal', |
|||
fontSize: "12" //字体大小
|
|||
}, |
|||
formatter: function (params) { |
|||
return params.data.showName |
|||
}, |
|||
fontSize: 18, |
|||
fontStyle: '600', |
|||
} |
|||
}, |
|||
edgeLabel: { |
|||
normal: { |
|||
show: true, |
|||
textStyle: { |
|||
fontSize: 12 |
|||
}, |
|||
formatter: "{c}" |
|||
} |
|||
} |
|||
}], |
|||
color: ['#e8b842', '#41b1ef', '#667aed', '#347fbb', '#772cdc', |
|||
'#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0' |
|||
] |
|||
} |
|||
chart.setOption(option); |
|||
}) |
|||
return chart; |
|||
}); |
|||
}, |
|||
setDataPhone(json, n) { |
|||
var i = 0; |
|||
for (var p in json) { |
|||
listdata.push({ |
|||
x: i * 50, |
|||
y: size + i * 10, |
|||
"name": p, |
|||
"showName": json[p], |
|||
"symbol": 'image://' + "/asset/get/s/data-1561621386236-0IGCc48l6.png", |
|||
"symbolSize": size, |
|||
"category": n, |
|||
"draggable": "false", |
|||
formatter: function (params) { |
|||
return params.data.showName |
|||
}, |
|||
label: { |
|||
position: 'bottom' |
|||
} |
|||
}); |
|||
i++; |
|||
} |
|||
}, |
|||
setDataCar(json, n) { |
|||
var i = 0; |
|||
for (var p in json) { |
|||
listdata.push({ |
|||
x: i * 50, |
|||
y: size + i * 10, |
|||
"name": p, |
|||
"showName": json[p], |
|||
"symbol": 'image://' + "/asset/get/s/data-1561621379686-rZHoryrBV.png", |
|||
"symbolSize": size, |
|||
"category": n, |
|||
"draggable": "false", |
|||
formatter: function (params) { |
|||
return params.data.showName |
|||
}, |
|||
label: { |
|||
position: 'bottom' |
|||
} |
|||
}); |
|||
i++; |
|||
} |
|||
}, |
|||
setLinkData(json, relarr, title) { |
|||
if (relarr !== "") { |
|||
var i = 0; |
|||
for (var p in json) { |
|||
links.push({ |
|||
"source": p, |
|||
"target": title, |
|||
"value": relarr[i], |
|||
lineStyle: { |
|||
normal: { |
|||
// text: relarr[i],
|
|||
color: 'source' |
|||
} |
|||
} |
|||
}); |
|||
i++; |
|||
} |
|||
} else { |
|||
for (var p2 in json) { |
|||
links.push({ |
|||
"source": p2, |
|||
"target": title, |
|||
"value": "", |
|||
lineStyle: { |
|||
normal: { |
|||
color: 'source' |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"ec-canvas": "../../../../../../ec-canvas/ec-canvas" |
|||
} |
|||
} |
|||
@ -0,0 +1,4 @@ |
|||
<!--subpages/searchResult/pages/resiInfo/modules/graph/graph.wxml--> |
|||
<view class="hotlineComplaints"> |
|||
<ec-canvas id="hotlineComplaints" canvas-id="hotlineComplaints" ec="{{ ec }}"></ec-canvas> |
|||
</view> |
|||
@ -0,0 +1,9 @@ |
|||
/* subpages/searchResult/pages/resiInfo/modules/graph/graph.wxss */ |
|||
ec-canvas { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.hotlineComplaints { |
|||
width: 100%; |
|||
height: 318rpx; |
|||
} |
|||
@ -0,0 +1,907 @@ |
|||
// subpages/searchResult/pages/resiInfo/resiInfo.js
|
|||
import api from "../../../../utils/api" |
|||
var http = require('../../../../utils/request.js') |
|||
const QQMapWX = require('../../../../utils/qqmap-wx-jssdk') |
|||
const app = getApp() |
|||
var timerId = null; |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
checkPassword:false, |
|||
form: {}, |
|||
resiId: "", |
|||
punchFlag: null, |
|||
currentTime: '', |
|||
address: '', |
|||
longitude: '', |
|||
latitude: '', |
|||
agencyLevel: '', |
|||
recentTime: '', |
|||
lastLog: {}, |
|||
tabList: [], |
|||
originalExpandList: [{ |
|||
id: "healthDto", |
|||
title: "残疾信息", |
|||
scrollId: "disability", |
|||
children: [{ |
|||
label: "残疾类别", |
|||
itemType: "select1", |
|||
formName: "disabilityCategoryCode", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "disability_category_code" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "残疾等级", |
|||
itemType: "select1", |
|||
formName: "disabilityLevel", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "disability_level" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "残疾证号", |
|||
itemType: "input1", |
|||
formName: "disabilityNum", |
|||
}, |
|||
{ |
|||
label: "残疾说明", |
|||
itemType: "input1", |
|||
formName: "disabilityDesc", |
|||
}, |
|||
{ |
|||
label: "监护人", |
|||
itemType: "radio1", |
|||
formName: "guardianFlag", |
|||
opction: [{ |
|||
label: "有", |
|||
formName: "", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "无", |
|||
formName: "", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "监护人姓名", |
|||
itemType: "input1", |
|||
formName: "guardianName", |
|||
}, |
|||
{ |
|||
label: "监护人联系电话", |
|||
itemType: "input1", |
|||
formName: "guardianMobile", |
|||
}, |
|||
{ |
|||
label: "技能特长", |
|||
itemType: "radio1", |
|||
formName: "specialSkillFlag", |
|||
opction: [{ |
|||
label: "有", |
|||
formName: "", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "无", |
|||
formName: "", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "劳动能力", |
|||
itemType: "radio1", |
|||
formName: "workCapacityFlag", |
|||
opction: [{ |
|||
label: "有", |
|||
formName: "", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "无", |
|||
formName: "", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "seriousIllnessDto", |
|||
title: "大病信息", |
|||
scrollId: "serious_illness", |
|||
children: [{ |
|||
label: "所患大病", |
|||
itemType: "checkbox", |
|||
formName: "illnessCodes", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "illness_code" |
|||
}, |
|||
opction: [], |
|||
}, ], |
|||
}, |
|||
{ |
|||
id: "chronicDiseaseDto", |
|||
title: "慢病信息", |
|||
scrollId: "chronic_disease", |
|||
children: [{ |
|||
label: "所患慢病", |
|||
itemType: "checkbox", |
|||
formName: "chronicDiseaseCodes", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "chronic_disease_code" |
|||
}, |
|||
opction: [], |
|||
}, ], |
|||
}, |
|||
{ |
|||
id: "deathDto", |
|||
title: "死亡信息", |
|||
scrollId: "death", |
|||
children: [{ |
|||
label: "死亡时间", |
|||
itemType: "datepicker1", |
|||
formName: "deathTime", |
|||
}, ], |
|||
}, |
|||
{ |
|||
id: "oldPeopleDto", |
|||
title: "老年人信息", |
|||
scrollId: "old_people", |
|||
children: [{ |
|||
label: "老年人分类", |
|||
itemType: "checkbox", |
|||
multiple: true, |
|||
formName: "oldPeopleCategories", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "oldPeople_categories" |
|||
}, |
|||
}, |
|||
{ |
|||
label: "居住情况", |
|||
itemType: "select1", |
|||
formName: "resideSituation", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "reside_situation" |
|||
}, |
|||
}, |
|||
{ |
|||
label: "高龄补助", |
|||
itemType: "inputNum", |
|||
formName: "oldSubsidy", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "subsistenceAllowanceDto", |
|||
title: "低保信息", |
|||
scrollId: "subsistence_allowance", |
|||
children: [{ |
|||
label: "低保类别", |
|||
itemType: "select1", |
|||
formName: "category", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "subsistence_allowance_category" |
|||
}, |
|||
}, |
|||
{ |
|||
label: "低保享受原因", |
|||
itemType: "checkbox", |
|||
formName: "reasons", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "subsistence_allowance_reasons" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "parymemberInfoDto", |
|||
title: "党员信息", |
|||
scrollId: "party_member", |
|||
children: [{ |
|||
label: "入党时间", |
|||
itemType: "datepicker1", |
|||
formName: "joinTime", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "转正时间", |
|||
itemType: "datepicker1", |
|||
formName: "positiveTime", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "所属党组织", |
|||
itemType: "cascader1", |
|||
formName: "partyOrgId", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "流动党员", |
|||
itemType: "radio1", |
|||
formName: "flowFlag", |
|||
opction: [{ |
|||
label: "是", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "否", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "流动党员活动证号", |
|||
itemType: "input1", |
|||
formName: "flowActNum", |
|||
}, |
|||
{ |
|||
label: "职务", |
|||
itemType: "select1", |
|||
formName: "partyJob", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "party_job" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "工作职责", |
|||
itemType: "input1", |
|||
formName: "duty", |
|||
}, |
|||
{ |
|||
label: "是否退休", |
|||
itemType: "radio1", |
|||
formName: "retiredFlag", |
|||
opction: [{ |
|||
label: "是", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "否", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "党员中心户", |
|||
itemType: "radio1", |
|||
formName: "centerFlag", |
|||
opction: [{ |
|||
label: "是", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "否", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "免学习", |
|||
itemType: "radio1", |
|||
formName: "studyNotNeed", |
|||
opction: [{ |
|||
label: "是", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "否", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "入党时所在党支部", |
|||
itemType: "input1", |
|||
formName: "joinBranchName", |
|||
}, |
|||
{ |
|||
label: "组织关系转入社区时间", |
|||
itemType: "datepicker1", |
|||
formName: "joinCommunityTime", |
|||
opction: [], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "ensureHouseDto", |
|||
title: "保障房信息", |
|||
scrollId: "ensure_house", |
|||
children: [{ |
|||
label: "所在社区", |
|||
itemType: "input1", |
|||
formName: "liveCommunity", |
|||
}, |
|||
{ |
|||
label: "住房性质", |
|||
itemType: "select1", |
|||
formName: "housingNature", |
|||
opctionUrl: "sys/dict/data/house", |
|||
opctionParams: { |
|||
formCode: "resi_base_info" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "veteranDto", |
|||
title: "退役军人信息", |
|||
scrollId: "veteran", |
|||
children: [{ |
|||
label: "入伍时间", |
|||
itemType: "datepicker1", |
|||
formName: "joinArmyTime", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "退伍时间", |
|||
itemType: "datepicker1", |
|||
formName: "leaveArmyTime", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "服役单位", |
|||
itemType: "input1", |
|||
formName: "serviceUnit", |
|||
}, |
|||
{ |
|||
label: "接收单位", |
|||
itemType: "input1", |
|||
formName: "receiveUnit", |
|||
}, |
|||
{ |
|||
label: "待安置补助金", |
|||
itemType: "inputNum", |
|||
formName: "settlementAmount", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "培训状况", |
|||
itemType: "input1", |
|||
formName: "trainDesc", |
|||
}, |
|||
{ |
|||
label: "现就业情况", |
|||
itemType: "input1", |
|||
formName: "employmentSituation", |
|||
}, |
|||
{ |
|||
label: "是否办理公益性岗位", |
|||
itemType: "radio1", |
|||
formName: "pubWelfareJobFlag", |
|||
opction: [{ |
|||
label: "是", |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: "否", |
|||
value: 0 |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
id: "unitedFrontDto", |
|||
title: "统战人员信息", |
|||
scrollId: "united_front", |
|||
children: [{ |
|||
label: "统战类型", |
|||
itemType: "input1", |
|||
formName: "unitedFrontType", |
|||
}, ], |
|||
}, |
|||
{ |
|||
id: "volunteerDto", |
|||
title: "志愿者信息", |
|||
children: [{ |
|||
label: "志愿者类别", |
|||
itemType: "checkbox", |
|||
formName: "volunteerCategory", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "VOLUNTEER_CATEGORY" |
|||
}, |
|||
opction: [], |
|||
}, ], |
|||
}, |
|||
{ |
|||
id: "specialSupportDto", |
|||
title: "特扶人员信息", |
|||
scrollId: "special_support", |
|||
children: [{ |
|||
//0
|
|||
label: "特扶类别", |
|||
itemType: "select1", |
|||
formName: "specialSupportType", |
|||
opction: [{ |
|||
value: "1", |
|||
label: "失独", |
|||
}, |
|||
{ |
|||
value: "2", |
|||
label: "伤残", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
//1
|
|||
label: "子女姓名", |
|||
itemType: "input1", |
|||
formName: "childName", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
//2
|
|||
label: "子女性别", |
|||
itemType: "select1", |
|||
formName: "childGender", |
|||
opction: [{ |
|||
value: "1", |
|||
label: "男", |
|||
}, |
|||
{ |
|||
value: "2", |
|||
label: "女", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
label: "子女死亡日期", |
|||
itemType: "datepicker1", |
|||
formName: "childDeathDate", |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "子女伤残类别", |
|||
itemType: "select1", |
|||
formName: "childDisabilityCategoryCode", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "disability_category_code" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
{ |
|||
label: "子女伤残等级", |
|||
itemType: "select1", |
|||
formName: "childDisabilityLevel", |
|||
opctionUrl: "sys/dict/data/dictlist", |
|||
opctionParams: { |
|||
dictType: "disability_level" |
|||
}, |
|||
opction: [], |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
expandList: [], |
|||
activeType: 0, |
|||
tagList: [], |
|||
idTypeList: [{ |
|||
label: '其他', |
|||
value: 0 |
|||
}, |
|||
{ |
|||
label: '身份证', |
|||
value: 1 |
|||
}, |
|||
{ |
|||
label: '护照', |
|||
value: 2 |
|||
}, |
|||
{ |
|||
label: '港澳通行证', |
|||
value: 3 |
|||
}, |
|||
{ |
|||
label: '军人证', |
|||
value: 4 |
|||
}, |
|||
{ |
|||
label: '台胞证', |
|||
value: 5 |
|||
} |
|||
], |
|||
marriageList:[ |
|||
{ |
|||
label:"未婚", |
|||
value:'weihun' |
|||
}, |
|||
{ |
|||
label:"初婚", |
|||
value:'chuhun' |
|||
}, |
|||
{ |
|||
label:"离婚", |
|||
value:'lihun' |
|||
}, |
|||
{ |
|||
label:"再婚", |
|||
value:'zaihun' |
|||
}, |
|||
{ |
|||
label:"复婚", |
|||
value:'fuhun' |
|||
} |
|||
], |
|||
password:'' |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
this.updateTime(); |
|||
timerId = setInterval(this.updateTime, 1000); |
|||
if (options.resiId) { |
|||
this.setData({ |
|||
resiId: options.resiId, |
|||
'form.baseInfoDto.name':options.name, |
|||
'form.baseInfoDto.idNum':options.idNum, |
|||
'form.baseInfoDto.mobile':options.mobile, |
|||
|
|||
}) |
|||
this.getResiInfo() |
|||
} |
|||
// this.data.qqMapWX = new QQMapWX({
|
|||
// key: 'CMJBZ-4DECI-JXGGN-5B4WU-QLV2H-B5BEJ'
|
|||
// })
|
|||
// this.reverseLocation()
|
|||
this.setData({ |
|||
agencyLevel: app.globalData.user.level |
|||
}) |
|||
// this.getLastLogs()
|
|||
}, |
|||
updateTime() { |
|||
let date = new Date(); |
|||
let hours = date.getHours().toString().padStart(2, '0'); |
|||
let minutes = date.getMinutes().toString().padStart(2, '0'); |
|||
let seconds = date.getSeconds().toString().padStart(2, '0'); |
|||
this.setData({ |
|||
currentTime: `${hours}:${minutes}:${seconds}` |
|||
}); |
|||
}, |
|||
getResiInfo: async function () { |
|||
try { |
|||
let res = await api.getResiInfo(this.data.resiId); |
|||
let marriageName = '--' |
|||
if (res.data.residentCategoryStr) { |
|||
res.data.baseInfoDto.categoryInfo.categoryNames = res.data.residentCategoryStr.split(',') |
|||
} |
|||
if(res.data.familyInfoDto&&res.data.familyInfoDto.marriage){ |
|||
marriageName = this.data.marriageList.filter(item=>item.value == res.data.familyInfoDto.marriage)[0].label |
|||
} |
|||
// 处理tab
|
|||
this.setData({ |
|||
form: res.data, |
|||
marriageName:marriageName |
|||
}); |
|||
await this.updateTabList(res.data.integrityData.integrityQtyMap) |
|||
|
|||
} catch (err) { |
|||
console.log(err); |
|||
} |
|||
}, |
|||
updateTabList: async function (value) { |
|||
const nameMap = { |
|||
reside: "居住信息", |
|||
ext: "拓展信息", |
|||
united_front: "统战人员信息", |
|||
party_member: "党员信息", |
|||
death: "死亡信息", |
|||
disability: "残疾信息", |
|||
subsistence_allowance: "低保信息", |
|||
serious_illness: "大病信息", |
|||
veteran: "退役军人信息", |
|||
special_support: "特扶人员信息", |
|||
old_people: "老年人信息", |
|||
ensure_house: "保障房信息", |
|||
chronic_disease: "慢病信息", |
|||
base: "基本信息", |
|||
graph:"关系图谱" |
|||
}; |
|||
let list = Object.entries( |
|||
value |
|||
) |
|||
.map(([key, value]) => ({ |
|||
name: nameMap[key], |
|||
id: key, |
|||
filledQty: value.filledQty, |
|||
totalQty: value.totalQty, |
|||
})) |
|||
.reverse(); |
|||
list.push({ |
|||
name:'关系图谱', |
|||
id:"graph" |
|||
}) |
|||
this.setData({ |
|||
tabList: list |
|||
}) |
|||
let arr = this.data.tabList.filter( |
|||
(item) => |
|||
item.filledQty > 0 || ( |
|||
item.name == "拓展信息" || |
|||
item.name == "基本信息") |
|||
); |
|||
|
|||
let arrs = [] |
|||
arrs = this.data.originalExpandList.filter((itemA) => { |
|||
return arr.some((itemB) => itemB.name === itemA.title); |
|||
}); |
|||
await Promise.all( |
|||
arrs.map(async (item) => { |
|||
await Promise.all( |
|||
item.children.map(async (child) => { |
|||
const key = child.formName; |
|||
if (this.data.form[item.id].hasOwnProperty(key)) { |
|||
child.value = await this.getDictName( |
|||
child.opctionUrl, |
|||
child.opctionParams, |
|||
this.data.form[item.id][ |
|||
key == "partyOrgId" ? "branchId" : key |
|||
], |
|||
child.itemType, |
|||
child.opction |
|||
); |
|||
} |
|||
}) |
|||
); |
|||
}) |
|||
); |
|||
this.setData({ |
|||
expandList: arrs |
|||
}) |
|||
}, |
|||
getDictName: async function (url, params, value, itemType, opction) { |
|||
try { |
|||
if (url) { |
|||
const { |
|||
data |
|||
} = await http.post(url, params); |
|||
if (itemType == "checkbox") { |
|||
const matchedLabels = value |
|||
.map((item) => { |
|||
const matchedItems = data.filter( |
|||
(obj) => obj.value === item |
|||
); |
|||
if (matchedItems.length > 0) { |
|||
return matchedItems |
|||
.map((matchedItem) => matchedItem.label) |
|||
.join(","); |
|||
} else { |
|||
return ""; |
|||
} |
|||
}) |
|||
.join("，"); |
|||
return matchedLabels ? matchedLabels : "--"; |
|||
} else if (itemType == "select1") { |
|||
const matchedItem = data.find((item) => item.value === value); |
|||
return matchedItem ? matchedItem.label : "--"; |
|||
} |
|||
} else { |
|||
if (itemType == "radio1") { |
|||
const matchedItem = opction.find((item) => item.value === value); |
|||
return matchedItem ? matchedItem.label : "--"; |
|||
} else if ( |
|||
itemType == "input1" || |
|||
itemType == "datepicker1" || |
|||
itemType == "cascader1" |
|||
) { |
|||
return value ? value : "--"; |
|||
} |
|||
} |
|||
} catch (error) { |
|||
console.log(error); |
|||
} |
|||
}, |
|||
handlePunch() { |
|||
this.setData({ |
|||
// punchFlag:!this.data.punchFlag,
|
|||
animationClass: 'animate' |
|||
}) |
|||
setTimeout(() => { |
|||
this.setData({ |
|||
animationClass: '' |
|||
}); |
|||
this.clockRecords() |
|||
|
|||
}, 1500); |
|||
}, |
|||
clockRecords() { |
|||
let currentDate = new Date().toISOString().split('T')[0]; // 会得到形如 "2023-09-27" 的日期
|
|||
let obj = { |
|||
resiId: this.data.resiId, |
|||
clockTime: currentDate + " " + this.data.currentTime, |
|||
clockAddress: this.data.address, |
|||
longitude: this.data.longitude, |
|||
latitude: this.data.latitude |
|||
} |
|||
api.clockRecords(obj).then(res => { |
|||
wx.showToast({ |
|||
// title: this.data.punchFlag?'打卡成功':'更新成功',
|
|||
title: '打卡成功', |
|||
icon: 'none' |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err); |
|||
}) |
|||
}, |
|||
toAddResi() { |
|||
this.setData({ |
|||
checkPassword:true |
|||
}) |
|||
}, |
|||
bindPassword(e){ |
|||
this.setData({ |
|||
password:e.detail.value |
|||
}) |
|||
}, |
|||
onClosePassword(){ |
|||
this.setData({ |
|||
checkPassword:false |
|||
}) |
|||
}, |
|||
onConfirmassword(){ |
|||
let parm = { |
|||
password:this.data.password |
|||
} |
|||
api.getResiUserInfo(this.data.resiId,parm).then(res=>{ |
|||
if(res.code === 0){ |
|||
wx.navigateTo({ |
|||
url: `/subpages/addResi/pages/addResi/addResi?type=edit&resiId=${this.data.resiId}&name=${res.data.name}&mobile=${res.data.mobile}&idNum=${res.data.idNum}`, |
|||
}) |
|||
this.setData({ |
|||
password:null |
|||
}) |
|||
}else{ |
|||
this.setData({ |
|||
password:null |
|||
}) |
|||
this.showToast(res.msg) |
|||
} |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
}) |
|||
}, |
|||
toWebView() { |
|||
console.log(app.globalData); |
|||
if (app.globalData.questionnaireUrl) { |
|||
|
|||
wx.navigateTo({ |
|||
url: '/pages/webView/webView?url=' + app.globalData.questionnaireUrl, |
|||
}) |
|||
} else { |
|||
wx.showToast({ |
|||
icon: "none", |
|||
title: '未创建满意度调查问卷', |
|||
}) |
|||
} |
|||
}, |
|||
toEvent() { |
|||
let obj = { |
|||
resiId: this.data.resiId, |
|||
resiMobile: this.data.form.mobile, |
|||
resiName: this.data.form.name |
|||
} |
|||
wx.setStorageSync('resiDetail', obj) |
|||
wx.navigateTo({ |
|||
url: '/subpages/demandCheck/pages/dissatisfied/demandCheck/demandCheck', |
|||
}) |
|||
}, |
|||
reverseLocation() { |
|||
const _this = this |
|||
this.data.qqMapWX.reverseGeocoder({ |
|||
success(res) { |
|||
_this.setData({ |
|||
addressContent: res.result.address, |
|||
address: res.result.address, |
|||
longitude: res.result.location.lng, |
|||
latitude: res.result.location.lat, |
|||
}) |
|||
}, |
|||
fail(err) { |
|||
console.debug(err) |
|||
} |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
if (timerId) { |
|||
clearInterval(timerId); |
|||
timerId = null; |
|||
} |
|||
}, |
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
}, |
|||
gotopage(e) { |
|||
wx.navigateTo({ |
|||
url: e.currentTarget.dataset.url, |
|||
}) |
|||
}, |
|||
// getLastLogs() {
|
|||
// api.getLastLog({
|
|||
// resiId: this.data.resiId
|
|||
// }).then(res => {
|
|||
// this.setData({
|
|||
// lastLog: res.data
|
|||
// })
|
|||
// })
|
|||
// },
|
|||
goResidentPortrait2() { |
|||
wx.navigateTo({ |
|||
url: '/subpages/statistics/pages/residentPortrait2/residentPortrait?id=' + this.data.resiId, |
|||
}) |
|||
}, |
|||
|
|||
handelClickTab: function(e) { |
|||
wx.pageScrollTo({ |
|||
selector: `#${e.currentTarget.dataset.item.id}`, |
|||
duration:300 |
|||
}); |
|||
this.setData({ |
|||
activeType: e.currentTarget.dataset.index |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"van-dialog": "@vant/weapp/dialog/index", |
|||
"resi-graph":"./component/graph/graph" |
|||
}, |
|||
"navigationBarTitleText": "详情" |
|||
} |
|||
@ -0,0 +1,126 @@ |
|||
<!--subpages/searchResult/pages/resiInfo/resiInfo.wxml--> |
|||
<!-- 基本信息 --> |
|||
<resi-graph resiId="{{resiId}}"></resi-graph> |
|||
<view class="card"> |
|||
<view class="top"> |
|||
<view class="left"> |
|||
<view class="name"> |
|||
<view style="font-size: 32rpx;margin-right: 35rpx;">{{form.baseInfoDto.name}}</view> |
|||
<view style="font-size: 28rpx;color:#999999 ;">信息完整度：</view> |
|||
<view style="color:#04b8ad;">{{form.integrityData.score}}%</view> |
|||
</view> |
|||
<view class="tags"> |
|||
<view class="tag" wx:for="{{form.baseInfoDto.categoryInfo.categoryNames}}" wx:key="index">{{item}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="jm-btn" bind:tap="toAddResi">编辑</view> |
|||
</view> |
|||
</view> |
|||
<view class="form"> |
|||
<view class="form_label">地址：</view> |
|||
<view class="form_value"><text >{{form |
|||
.resideInfoDtos[0].agencyName}}</text>{{form.resideInfoDtos[0].homeName}}</view> |
|||
</view> |
|||
<view class="form"> |
|||
<view class="form_label">创建时间：</view> |
|||
<view class="form_value">{{form.baseInfoDto.createdTime}}</view> |
|||
</view> |
|||
<view class="form"> |
|||
<view class="form_label">最近更新时间：</view> |
|||
<view class="form_value">{{form.baseInfoDto.updatedTime}}</view> |
|||
</view> |
|||
<view class="tabs"> |
|||
<view class="tab_item {{activeType === index ? 'border_bto' : ''}}" wx:for="{{tabList}}" bind:tap="handelClickTab" data-item="{{item}}" data-index="{{index}}" wx:key="index" wx:if="{{item.filledQty!=0}}"> |
|||
{{item.name}} <text style="color:{{item.filledQty!==item.totalQty?'#f27225':'#1ebfb5'}}" wx:if="{{item.filledQty}}">（{{ item.filledQty }}/{{ item.totalQty }}）</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="title">基础信息</view> |
|||
<view class="info"> |
|||
<view class="item"> |
|||
<view class="label">国籍：</view> |
|||
<View class="value">{{form.baseInfoDto.nationalityName|| '--' }}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">证件类型：</view> |
|||
<View class="value">{{idTypeList[form.baseInfoDto.idType].label}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">证件号：</view> |
|||
<View class="value">{{form.baseInfoDto.idNum}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">联系电话：</view> |
|||
<View class="value">{{form.baseInfoDto.mobile}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">文化程度：</view> |
|||
<View class="value">{{form.eduInfoDto.cultureLevelName}}</View> |
|||
</view> |
|||
|
|||
<view class="item"> |
|||
<view class="label">性别：</view> |
|||
<View class="value">{{form.baseInfoDto.genderName}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">出生日期：</view> |
|||
<View class="value">{{form.baseInfoDto.birthday}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">民族：</view> |
|||
<View class="value">{{form.baseInfoDto.nationName}}</View> |
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">婚姻状况：</view> |
|||
<View class="value"> {{marriageName}}</View> |
|||
|
|||
</view> |
|||
<view class="item"> |
|||
<view class="label">籍贯：</view> |
|||
<View class="value">{{form.baseInfoDto.nativePlace}}</View> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="card" wx:for="{{expandList}}" wx:key="index" id="{{item.scrollId}}"> |
|||
<view class="title">{{item.title}}</view> |
|||
<view class="info" wx:for="{{item.children}}" wx:for-index="indexC" wx:key="indexC" wx:for-item="itemC"> |
|||
<view class="item"> |
|||
<view class="label">{{itemC.label}}：</view> |
|||
<View class="value">{{itemC.value|| '--' }}</View> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="card"> |
|||
<view class="title">居民图谱</view> |
|||
</view> |
|||
|
|||
<!-- 走访打卡 --> |
|||
<!-- <view class="card "> |
|||
<view class="flex-sb"> |
|||
<view class="title">走访打卡</view> |
|||
<view class="view" bind:tap="gotopage" data-url="/subpages/searchResult/pages/checkLog/checkLog?resiId={{resiId}}">打卡记录</view> |
|||
</view> |
|||
<view class="punch {{animationClass}}" bind:tap="handlePunch"> |
|||
<view class="{{animationClass}}" style="font-size: 36rpx;">打卡</view> |
|||
<view class="{{animationClass}}" style="font-family:PingFang-SC-Regular;font-size: 28rpx;opacity: 0.72;">{{currentTime}}</view> |
|||
</view> |
|||
<view class="address">当前位置：{{addressContent}}</view> |
|||
<view class="address" style="margin-top: 0;" wx:if="{{lastLog.clockInTime}}">最近打卡时间：{{lastLog.clockInTime}}</view> |
|||
</view> --> |
|||
|
|||
|
|||
<view class="bto_btn"> |
|||
<button class="btn" hover-class="blue" bind:tap="toEvent">上报诉求</button> |
|||
<button class="btn" hover-class="blue" bind:tap="toWebView" wx:if="{{agencyLevel!=='street'}}"> |
|||
满意度调查</button> |
|||
<!-- --> |
|||
<button class="btn blue">走访打卡</button> |
|||
</view> |
|||
<van-dialog use-slot title="密码验证" show="{{ checkPassword }}" show-cancel-button bind:close="onClosePassword" bind:confirm="onConfirmassword" custom-class="dialog" confirm-button-color="#3974f6"> |
|||
<view> |
|||
<input type="text" bind:input="bindPassword" bind:blur="bindPassword" value="{{password}}" placeholder="请输入密码" password /> |
|||
</view> |
|||
</van-dialog> |
|||
@ -0,0 +1,241 @@ |
|||
/* subpages/searchResult/pages/resiInfo/resiInfo.wxss */ |
|||
/**index.wxss**/ |
|||
page { |
|||
background-color: #f7f7f7; |
|||
height: auto; |
|||
overflow-y: scroll; |
|||
padding: 0 20rpx 160rpx ; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.form { |
|||
display: flex; |
|||
margin-top: 20rpx; |
|||
} |
|||
|
|||
.form .form_label { |
|||
font-size: 30rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
.form .form_value { |
|||
color: #333333; |
|||
text-align: left; |
|||
font-weight: 500; |
|||
flex: 1; |
|||
} |
|||
|
|||
.card { |
|||
background-color: #fff; |
|||
border-radius: 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-top: 20rpx; |
|||
padding: 30rpx 30rpx 40rpx; |
|||
box-sizing: border-box; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.card .title { |
|||
position: relative; |
|||
font-size: 34rpx; |
|||
} |
|||
|
|||
.card .title::after { |
|||
position: absolute; |
|||
left: -30rpx; |
|||
top: 8rpx; |
|||
content: " "; |
|||
width: 10rpx; |
|||
height: 28rpx; |
|||
background-color: #3A80E7; |
|||
} |
|||
|
|||
.info { |
|||
margin-top: 6rpx; |
|||
} |
|||
|
|||
.info .item { |
|||
display: flex; |
|||
margin-top: 28rpx; |
|||
} |
|||
|
|||
.info .item .label { |
|||
width: fit-content; |
|||
} |
|||
|
|||
.punch { |
|||
width: 260rpx; |
|||
height: 260rpx; |
|||
background: linear-gradient(180deg, #5E9FFF, #3A80E7); |
|||
box-shadow: 0rpx 4rpx 35rpx 0rpx rgba(61, 139, 248, 0.48); |
|||
color: #fff; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border-radius: 50%; |
|||
margin: 50rpx auto 0; |
|||
} |
|||
|
|||
.address { |
|||
color: #666666; |
|||
font-size: 28rpx; |
|||
margin: 0 auto; |
|||
margin: 40rpx auto 30rpx; |
|||
} |
|||
|
|||
@keyframes rotateAnimation { |
|||
0% { |
|||
transform: rotateY(0deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: rotateY(180deg); |
|||
} |
|||
} |
|||
|
|||
.animate { |
|||
animation: rotateAnimation 2s forwards; |
|||
} |
|||
|
|||
.btn { |
|||
box-sizing: border-box; |
|||
text-align: center; |
|||
height: 76rpx; |
|||
border-radius: 38rpx; |
|||
margin: 30rpx 0; |
|||
line-height: 76rpx; |
|||
border-radius: 76rpx; |
|||
border: 2rpx solid #999999; |
|||
} |
|||
|
|||
.blue{ |
|||
background-color:#3974f6; |
|||
color: #fff; |
|||
border-color: #3974f6; |
|||
} |
|||
|
|||
.flex-sb { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.view { |
|||
color: #999; |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.jm-btn { |
|||
position: absolute; |
|||
top: 30rpx; |
|||
right: 20rpx; |
|||
width: fit-content; |
|||
height: 56rpx; |
|||
padding: 0 20rpx; |
|||
box-sizing: border-box; |
|||
line-height: 56rpx; |
|||
background: #3974f6; |
|||
border-radius: 28rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.tabs { |
|||
display: flex; |
|||
justify-content: start; |
|||
flex-wrap: wrap; |
|||
border-top: 1px solid #EAEAEA; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.tabs .tab_item { |
|||
display: flex; |
|||
margin-right: 20rpx; |
|||
padding-bottom: 10rpx; |
|||
width: auto; |
|||
margin-top: 20rpx; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.tabs .tab_item .num { |
|||
font-weight: 400; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.tabs .tab_item .name { |
|||
font-size: 26rpx; |
|||
padding-bottom: 6rpx; |
|||
box-sizing: border-box; |
|||
color: #666666; |
|||
} |
|||
|
|||
|
|||
|
|||
.top { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.top .left { |
|||
flex: 1; |
|||
} |
|||
|
|||
.top .right { |
|||
width: 130rpx; |
|||
|
|||
} |
|||
|
|||
.top .left .name { |
|||
display: flex; |
|||
} |
|||
|
|||
.top .left .tags { |
|||
display: flex; |
|||
flex-grow: 0; |
|||
justify-content: start; |
|||
max-width: 645rpx; |
|||
overflow-x: scroll; |
|||
margin-top: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.top .left .tags::-webkit-scrollbar { |
|||
display: none; |
|||
} |
|||
.top .left .tags .tag { |
|||
background-color: rgba(236, 236, 236, 0.500000); |
|||
border-radius: 4rpx; |
|||
margin-right: 6rpx; |
|||
white-space: nowrap; |
|||
padding: 7rpx 8rpx; |
|||
width: auto; |
|||
box-sizing: border-box; |
|||
font-weight: 500; |
|||
font-size: 24rpx; |
|||
color: #999999; |
|||
} |
|||
.border_bto{ |
|||
color: #3974f6 !important; |
|||
border-bottom: solid 6rpx #3974f6; |
|||
} |
|||
|
|||
.bto_btn{ |
|||
position: fixed; |
|||
bottom: 0; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
left: 0; |
|||
right: 0; |
|||
padding:0 20rpx; |
|||
box-sizing: border-box; |
|||
background: #fff; |
|||
padding-bottom: constant(safe-area-inset-bottom); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
} |
|||
.dialog{ |
|||
padding: 0 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
Loading…
Reference in new issue