zhaobing’
11 months ago
48 changed files with 2711 additions and 17 deletions
@ -0,0 +1,178 @@ |
|||
'use strict'; |
|||
|
|||
|
|||
|
|||
async function getThingsDeploy (ctx) { |
|||
let rslt = {instances:{}}, errStatus = null; |
|||
let error = { name: 'FindError', message: '获取设备部署信息失败' }; |
|||
let structList=[] |
|||
try { |
|||
const models = ctx.fs.dc.models |
|||
const res=await models.ProjectBind.findAll() |
|||
if(res.length){ |
|||
res.map(item=>{ |
|||
structList.push({axyId:item.dataValues.axyProjectId,id:item.dataValues.id}) |
|||
}) |
|||
console.log('structList[id]',structList['gruop']) |
|||
|
|||
for(let id in structList){ |
|||
let iotaResponse = await ctx.app.fs.iotRequest.get(`things/${structList[id].axyId}/deploys`) |
|||
if (JSON.parse(iotaResponse)) { |
|||
for (const ids in JSON.parse(iotaResponse).instances) { |
|||
const instances = JSON.parse(iotaResponse).instances[ids]; |
|||
if (instances.type === 's.d') { |
|||
instances.instance.structId = structList[id].axyId; |
|||
instances.instance.xjId= structList[id].id |
|||
rslt.instances = Object.assign(rslt.instances, { [ids]: instances }) |
|||
} |
|||
} |
|||
error = null; |
|||
} |
|||
|
|||
} |
|||
|
|||
}else{ |
|||
throw '没有绑定的安心云结构物的数据！！！' |
|||
} |
|||
} catch (err) { |
|||
errStatus = err.status |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${err}`) |
|||
} |
|||
if (error) { |
|||
if (errStatus == 404) { |
|||
ctx.status = 200; |
|||
ctx.body = { |
|||
'instances': null |
|||
}; |
|||
} else { |
|||
ctx.status = errStatus; |
|||
ctx.body = error; |
|||
} |
|||
} else { |
|||
ctx.status = 200; |
|||
ctx.body = rslt |
|||
} |
|||
} |
|||
|
|||
async function getThingStatus (ctx) { |
|||
let structList = [] |
|||
let result=[] |
|||
try { |
|||
const models = ctx.fs.dc.models |
|||
const rslt=await models.ProjectBind.findAll() |
|||
if(rslt.length){ |
|||
rslt.map(item=>{ |
|||
structList.push(item.dataValues.axyProjectId) |
|||
}) |
|||
for(let id in structList){ |
|||
if(id!='group'){ |
|||
let iotaResponse = await ctx.app.fs.craw.get('thing/status', { query: { thingId:structList[id] } }) |
|||
result = [...result,...JSON.parse(iotaResponse)] |
|||
} |
|||
|
|||
} |
|||
|
|||
}else{ |
|||
throw '没有绑定的安心云结构物的数据！！！' |
|||
} |
|||
ctx.status = 200 |
|||
if (result) { |
|||
ctx.body = result |
|||
} |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 200 |
|||
ctx.body = [] |
|||
} |
|||
} |
|||
//查询物联网卡相关信息
|
|||
async function getCardInfo (ctx) { |
|||
try{ |
|||
let rlst = [] |
|||
const { clickHouse } = ctx.app.fs |
|||
const { database: iota } = clickHouse.iot.opts.config |
|||
const {structIds}=ctx.request.body |
|||
if (structIds && structIds.length) { |
|||
const id = `(${structIds.map(item => `'${item.id}'`).join(',')})` |
|||
rlst = await clickHouse.dataAlarm.query(` |
|||
with tmp as ( SELECT cs.DeviceId as deviceId, |
|||
cs.CardNo as cardNo, |
|||
cs.PType as pType, |
|||
cs.Status as status, |
|||
cs.Total as total, |
|||
cs.Allowance as allowance, |
|||
cs.Time as time |
|||
FROM alarm.CardStatus cs |
|||
WHERE cs.DeviceId in ${id} |
|||
ORDER BY cs.Time DESC |
|||
LIMIT 1) |
|||
SELECT t.*,d.thingId,d.name FROM tmp t |
|||
LEFT JOIN ${iota}.Device d |
|||
ON Device.id = t.deviceId` ).toPromise()
|
|||
ctx.status = 200 |
|||
ctx.body = rlst |
|||
}else{ |
|||
ctx.status = 200 |
|||
ctx.body = rlst |
|||
} |
|||
|
|||
}catch(error){ |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
"message": "查询物联网卡相关信息失败" |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
async function createInvoke (ctx, next) { |
|||
let error = { name: 'CreateError', message: '命令下发失败' }; |
|||
const {searchId,data} = ctx.request.body |
|||
let rslt=[] |
|||
try { |
|||
if(searchId&&searchId.length&&Array.isArray(searchId)){ |
|||
for(let id in searchId){ |
|||
if(id!='group'){ |
|||
let dataToIota = { |
|||
deviceId:searchId[id].deviceId, |
|||
dimCapId:searchId[id].sid, |
|||
thingId:searchId[id].structId, |
|||
timeout: 300000 |
|||
} |
|||
let iotaResponse = await ctx.app.fs.iotInvoke.post(`capabilities/invoke`, {data:dataToIota}) |
|||
rslt.push({...searchId[id],...iotaResponse}) |
|||
error = null |
|||
} |
|||
|
|||
} |
|||
}else{ |
|||
|
|||
let iotaResponse = await ctx.app.fs.iotInvoke.post(`capabilities/invoke`, {data:searchId}) |
|||
rslt = iotaResponse |
|||
error = null; |
|||
} |
|||
} catch (err) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${err}`); |
|||
} |
|||
if (error) { |
|||
ctx.status = 400; |
|||
ctx.body = error; |
|||
} else { |
|||
ctx.status = 200; |
|||
ctx.body = rslt; |
|||
} |
|||
}; |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
module.exports = { |
|||
getThingsDeploy, |
|||
getThingStatus, |
|||
getCardInfo, |
|||
createInvoke |
|||
} |
|||
|
|||
@ -0,0 +1,32 @@ |
|||
'use strict' |
|||
|
|||
async function findDetailBySNCard(ctx, next) { |
|||
try { |
|||
const { card } = ctx.params |
|||
const models = ctx.fs.dc.models |
|||
let option = { |
|||
attributes: ['id', 'name', 'equipment_no'], |
|||
where: { equipmentNo: {$like: `%${card}%`} }, |
|||
include: [ |
|||
{ |
|||
required: true, //inner join
|
|||
model: models.Project, |
|||
attributes: ['id', 'name'], |
|||
}, |
|||
], |
|||
} |
|||
const rlst = await models.Point.findAll(option) |
|||
ctx.body = rlst |
|||
ctx.status = 200 |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
message: '根据设备sn号查询相关信息失败', |
|||
} |
|||
} |
|||
} |
|||
|
|||
module.exports = { |
|||
findDetailBySNCard, |
|||
} |
|||
@ -0,0 +1,141 @@ |
|||
'use strict' |
|||
const moment = require('moment') |
|||
|
|||
let axyTokenCache = { |
|||
token: null, |
|||
orgId: null, |
|||
expireTime: null, //过期时间
|
|||
} |
|||
|
|||
async function getAnxinyunToken(ctx) { |
|||
try { |
|||
if (!axyTokenCache.token || moment() > moment(axyTokenCache.expireTime)) { |
|||
if (ctx.app.fs.opts.axyProject.split('/').length === 3) { |
|||
const dataToAxy = { |
|||
p: ctx.app.fs.opts.axyProject.split('/')[0], |
|||
username: ctx.app.fs.opts.axyProject.split('/')[1], |
|||
password: ctx.app.fs.opts.axyProject.split('/')[2], |
|||
} |
|||
const axyResponse = await ctx.app.fs.anxinyun.post('project/login', { data: dataToAxy }) |
|||
if (axyResponse.authorized) { |
|||
axyTokenCache.token = axyResponse.token //放进缓存
|
|||
axyTokenCache.orgId = axyResponse.orgId //放进缓存
|
|||
axyTokenCache.expireTime = moment().add(1, 'hour').format('YYYY-MM-DD HH:mm:ss') |
|||
} |
|||
} |
|||
} |
|||
return axyTokenCache |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`sechedule: laborAttendance, error: ${error}`) |
|||
} |
|||
} |
|||
//调用安心云结构物接口
|
|||
async function findAnxinyunProject(ctx, next) { |
|||
try { |
|||
let { type, url, params = {} } = ctx.request.body |
|||
let data = await getAnxinyunToken(ctx) |
|||
if (url && url.indexOf('{orgId}') != -1) { |
|||
url = url.replace(`{orgId}`, data.orgId) |
|||
} |
|||
const res = await ctx.app.fs.anxinyun[type](`${url}?token=${data.token}`, { |
|||
data: params.data || {}, |
|||
query: params.query || {}, |
|||
}) |
|||
ctx.status = 200 |
|||
ctx.body = res |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
message: '查询安心云项目失败', |
|||
} |
|||
} |
|||
} |
|||
async function addorEditRelation(ctx, next) { |
|||
let err='' |
|||
const { axyProjectId, structrueId, id } = ctx.request.body |
|||
try { |
|||
const models = ctx.fs.dc.models |
|||
//编辑
|
|||
if (id) { |
|||
const res=await models.ProjectBind.findOne({ where: { id,axyProjectId,structureId:structrueId } }) |
|||
if(res){ |
|||
err='所选安心云结构物和巡检结构物重复！！！' |
|||
throw '所选安心云结构物和巡检结构物重复！！！' |
|||
} |
|||
await models.ProjectBind.update({ axyProjectId, structrueId }, { where: { id } }) |
|||
ctx.status = 204 |
|||
} else { |
|||
//新增
|
|||
const res= await models.ProjectBind.findOne({ where: { axyProjectId,structureId:structrueId } }) |
|||
if(res){ |
|||
err='所选安心云结构物和巡检结构物重复！！！' |
|||
throw '所选安心云结构物和巡检结构物重复！！！' |
|||
} |
|||
await models.ProjectBind.create({ axyProjectId, structureId:structrueId }) |
|||
ctx.status = 204 |
|||
} |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
message: err?err:id?'编辑失败':'新增失败', |
|||
} |
|||
} |
|||
} |
|||
|
|||
async function getRelationList(ctx, next) { |
|||
try { |
|||
const models = ctx.fs.dc.models |
|||
const { limit, page, startTime, endTime } = ctx.query |
|||
let options = { |
|||
where: {}, |
|||
} |
|||
if (limit) { |
|||
options.limit = Number(limit) |
|||
} |
|||
if (page && limit) { |
|||
options.offset = Number(page) * Number(limit) |
|||
} |
|||
if (startTime && endTime) { |
|||
options.where.inspectTm = { $between: [startTime, endTime] } |
|||
} |
|||
const res = await models.ProjectBind.findAndCountAll(options) |
|||
ctx.body = res |
|||
ctx.status = 200 |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
message: '查询关联关系列表失败', |
|||
} |
|||
} |
|||
} |
|||
|
|||
async function deleteRelation(ctx, next) { |
|||
const {id} = ctx.params |
|||
try { |
|||
const models = ctx.fs.dc.models |
|||
const res = await models.ProjectBind.findOne({ where: { id:Number(id) } }) |
|||
if (!res) { |
|||
throw 'id不存在' |
|||
} |
|||
await models.ProjectBind.destroy({ where: { id:Number(id) } }) |
|||
ctx.status = 200 |
|||
} catch (error) { |
|||
ctx.fs.logger.error(`path: ${ctx.path}, error: ${error}`) |
|||
ctx.status = 400 |
|||
ctx.body = { |
|||
message: '关联关系列表失败', |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
module.exports = { |
|||
findAnxinyunProject, |
|||
addorEditRelation, |
|||
getRelationList, |
|||
deleteRelation, |
|||
} |
|||
@ -0,0 +1,43 @@ |
|||
/* eslint-disable*/ |
|||
'use strict'; |
|||
|
|||
module.exports = dc => { |
|||
const DataTypes = dc.ORM; |
|||
const sequelize = dc.orm; |
|||
const ProjectBind = sequelize.define("project_bind", { |
|||
id: { |
|||
type: DataTypes.INTEGER, |
|||
allowNull: false, |
|||
defaultValue: null, |
|||
comment: null, |
|||
primaryKey: true, |
|||
field: "id", |
|||
autoIncrement: true, |
|||
}, |
|||
axyProjectId: { |
|||
type: DataTypes.STRING, |
|||
allowNull: true, |
|||
defaultValue: null, |
|||
comment: '安心云项目id', |
|||
primaryKey: false, |
|||
field: "axy_project_id", |
|||
autoIncrement: false |
|||
}, |
|||
structureId: { |
|||
type: DataTypes.INTEGER, |
|||
allowNull: true, |
|||
defaultValue: null, |
|||
comment: '结构物id', |
|||
primaryKey: false, |
|||
field: "structure_id", |
|||
autoIncrement: false |
|||
}, |
|||
|
|||
}, { |
|||
tableName: "project_bind", |
|||
comment: "", |
|||
indexes: [] |
|||
}); |
|||
dc.models.ProjectBind = ProjectBind; |
|||
return ProjectBind; |
|||
}; |
|||
@ -0,0 +1,19 @@ |
|||
'use strict'; |
|||
|
|||
const AIOTOverview = require('../../controllers/AIOTOverview/AIOTOverview'); |
|||
|
|||
module.exports = function (app, router, opts) { |
|||
app.fs.api.logAttr['GET/things/deploy'] = { content: '获取智能断路器', visible: true }; |
|||
router.get('/things/deploy', AIOTOverview.getThingsDeploy); |
|||
|
|||
app.fs.api.logAttr['GET/things/status'] = { content: '获取设备在离线', visible: true }; |
|||
router.get('/things/status', AIOTOverview.getThingStatus); |
|||
|
|||
app.fs.api.logAttr['POST/things/card'] = { content: '获取物联网卡相关信息', visible: true }; |
|||
router.post('/things/card', AIOTOverview.getCardInfo); |
|||
|
|||
//空开设备查询状态和开关设备
|
|||
app.fs.api.logAttr['POST/capabilities/invoke'] = { content: '及时采集', visible: true }; |
|||
router.post('/capabilities/invoke', AIOTOverview.createInvoke); |
|||
|
|||
}; |
|||
@ -0,0 +1,8 @@ |
|||
'use strict' |
|||
|
|||
const groundDisasterInspection = require('../../controllers/groundDisasterInspection/groundDisasterInspection') |
|||
|
|||
module.exports = function (app, router, opts) { |
|||
app.fs.api.logAttr['GET/card/detail/:card'] = { content: '根据sn号查询相应的点位信息和结构物信息', visible: true } |
|||
router.get('card/detail/:card', groundDisasterInspection.findDetailBySNCard) |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
'use strict'; |
|||
|
|||
const projectBind = require('../../controllers/projectBind/projectBind'); |
|||
|
|||
module.exports = function (app, router, opts) { |
|||
|
|||
app.fs.api.logAttr['POST/anxinyun/project/list'] = { content: '获取安心云项目列表', visible: false } |
|||
router.post('/anxinyun/project/list', projectBind.findAnxinyunProject) |
|||
|
|||
app.fs.api.logAttr['POST/anxinyun/project/relation'] = { content: '新增或编辑项目映射关系', visible: false } |
|||
router.post('/anxinyun/project/relation', projectBind.addorEditRelation) |
|||
|
|||
app.fs.api.logAttr['GET/anxinyun/project/relation/list'] = { content: '获取项目映射关系列表', visible: false } |
|||
router.get('/anxinyun/project/relation/list', projectBind.getRelationList) |
|||
|
|||
app.fs.api.logAttr['DELETE/anxinyun/project/relation/:id'] = { content: '删除项目映射关系', visible: false } |
|||
router.delete('/anxinyun/project/relation/:id', projectBind.deleteRelation) |
|||
|
|||
} |
|||
@ -0,0 +1,163 @@ |
|||
// package/AIOTOverview/AIOTOverview.js
|
|||
import { getThingsDeploy, getThingsStatus, getCardInfo,getRelationList} from "../../utils/getApiUrl"; |
|||
import { Request } from "../../common"; |
|||
const moment = require("../../utils/moment"); |
|||
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
data: [],//用电设备数据
|
|||
normal: 0,//正常
|
|||
abnormal: 0,//异常
|
|||
unknown: 0,//未知
|
|||
iotCardNormal: 0,//物联网卡正常
|
|||
iotCardNonactivated: 0,//物联网卡欠费
|
|||
iotCardHalt: 0,//物联网卡停机
|
|||
iotaCardData: [],//物联网卡数据
|
|||
searchId:[], |
|||
}, |
|||
//跳转流量监控明细
|
|||
navigatorToFlow() { |
|||
const jsonData = JSON.stringify(this.data.iotaCardData) |
|||
wx.navigateTo({ |
|||
url: `/package/AIOTOverview/flowMonitoring/flowMonitoring?data=` + encodeURIComponent(jsonData) |
|||
}) |
|||
}, |
|||
//跳转用电监控明细
|
|||
navigatorToEle() { |
|||
const jsonData2 = JSON.stringify(this.data.searchId) |
|||
wx.navigateTo({ |
|||
url: `/package/AIOTOverview/electricityMonitoring/electricityMonitoring?data2=${encodeURIComponent(jsonData2)}` |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
async onLoad(options) { |
|||
wx.showLoading({ title: '加载中...' }); |
|||
const that = this |
|||
const devices = await Request.get(getThingsDeploy()) |
|||
const status = await Request.get(getThingsStatus()) |
|||
const rslt = await Request.get(getRelationList()) |
|||
let deviceId = [] //空开电源设备的id
|
|||
let deviceAll = [] |
|||
let searchId=[]//查询e9c设备状态的id
|
|||
let controlId=[] |
|||
if (devices) { |
|||
const dataList = devices |
|||
for (const id in dataList.instances) { |
|||
const instances = dataList?.instances[id] |
|||
if (instances.type == 's.d' && instances?.instance?.properties) { |
|||
deviceAll.push({ id, name: instances.instance?.properties?.name, structId: instances.instance?.structId }) |
|||
if (instances.type == 's.d' && instances.instance.properties.deviceType == 'sensor') { |
|||
if (instances.instance.properties.model == 'E9C') { |
|||
for (const key in instances?.instance?.interfaces) { |
|||
const d=Object.values(instances?.instance?.interfaces[key]?.capabilities) |
|||
if(d&&d.length){ |
|||
searchId.push({deviceId:id,cid:d[1]?.dimension?.id,sid:d[0]?.dimension?.id,name: instances.instance?.properties?.name, structId: instances.instance?.structId }) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
if (instances?.instance?.properties?.model == 'JG-RTU-S270') { |
|||
deviceId.push({ id, name: instances.instance?.properties?.name, structId: instances.instance?.structId,xjId:instances.instance?.xjId }) |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
if (status && status.length) { |
|||
const data = deviceId.map(item => { |
|||
return { |
|||
deviceId: item.id, |
|||
name: item.name, |
|||
status: status.find(q => q.deviceId == item.id)?.status, |
|||
structId: item?.structId, |
|||
xjId:item.xjId |
|||
} |
|||
}) |
|||
deviceAll.push({ id: '012ccc98-c99d-445e-8397-6da1b4567533', name: '设备二', structId: 'df48d7c5-d902-47b1-b671-d88d546ba3e4' }) |
|||
if (deviceAll && deviceAll.length) { |
|||
Request.post(getCardInfo(), { structIds: deviceAll }).then(res => { |
|||
if (res) { |
|||
if(rslt.rows.length){ |
|||
controlId=res.map(item=>{ |
|||
return { |
|||
...item, |
|||
xjId:rslt.rows.find(q=>q.axyProjectId==item.thingId)?.id |
|||
} |
|||
}) |
|||
} |
|||
that.setData({ |
|||
iotaCardData: controlId, |
|||
iotCardNormal: res?.filter(item => item.status == 0)?.length, |
|||
iotCardNonactivated: res?.filter(item => item.status == 1)?.length, |
|||
iotCardHalt: res?.filter(item => item.status == 2)?.length, |
|||
searchId:searchId |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
that.setData({ |
|||
data, |
|||
normal: data?.filter(item => item.status == 1)?.length, |
|||
unknown: data?.filter(item => item.status == -1)?.length, |
|||
abnormal: data?.filter(item => item.status == 0)?.length |
|||
}) |
|||
} |
|||
|
|||
wx.hideLoading() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "AIOT总览", |
|||
"usingComponents": { |
|||
"van-button": "@vant/weapp/button/index" |
|||
|
|||
} |
|||
} |
|||
@ -0,0 +1,62 @@ |
|||
<!--package/AIOTOverview/AIOTOverview.wxml--> |
|||
|
|||
<view> |
|||
<!--用电设备状态总览--> |
|||
<view class="card"> |
|||
<view class="top"> |
|||
<view style="display: flex; align-items: center;"> |
|||
<text class="fontStyle">用电设备状态总览</text> |
|||
</view> |
|||
<view class="detailStyle"> |
|||
<van-button type="info" round size="small" bindtap="navigatorToEle">查看详情</van-button> |
|||
</view> |
|||
</view> |
|||
<view class="card-content"> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left" style="font-weight: bold;">设备数量</view> |
|||
<view class="content-right" style="font-weight: bold;">{{data.length}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">正常设备</view> |
|||
<view class="content-right">{{normal+'个'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">异常设备</view> |
|||
<view class="content-right" style="color:red">{{abnormal+'个'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">未知</view> |
|||
<view class="content-right">{{unknown+'个'}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!--物联网卡状态总览--> |
|||
<view class="card"> |
|||
<view class="top"> |
|||
<view style="display: flex; align-items: center;"> |
|||
<text class="fontStyle">物联网卡状态总览</text> |
|||
</view> |
|||
<view class="detailStyle"> |
|||
<van-button type="info" round size="small" bindtap="navigatorToFlow">查看详情</van-button> |
|||
</view> |
|||
</view> |
|||
<view class="card-content"> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left" style="font-weight: bold;">设备数量</view> |
|||
<view class="content-right" style="font-weight: bold;">{{iotaCardData.length+'个'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">正常</view> |
|||
<view class="content-right">{{iotCardNormal+'个'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">未激活</view> |
|||
<view class="content-right">{{iotCardNonactivated+'个'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">停机</view> |
|||
<view class="content-right" style="color:red">{{iotCardHalt+'个'}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,52 @@ |
|||
/* package/AIOTOverview/AIOTOverview.wxss */ |
|||
|
|||
|
|||
.card { |
|||
position: relative; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
border-radius: 8px; |
|||
/* padding: 10px; */ |
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|||
margin: 12px 12px; |
|||
} |
|||
|
|||
.top { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 10px; |
|||
|
|||
/* background-position: bottom; */ |
|||
} |
|||
|
|||
.card-content { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.card-left { |
|||
margin-left: 23px; |
|||
margin-bottom: 10px; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #000000d9; |
|||
} |
|||
.detail{ |
|||
margin:10px 0 |
|||
} |
|||
.card-right { |
|||
margin-right: 18px; |
|||
margin-bottom: 10px; |
|||
color: #1684FF; |
|||
} |
|||
.fontStyle { |
|||
font-family: PingFangSC-Medium; |
|||
font-weight: bold; |
|||
} |
|||
.content-left { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.content-right { |
|||
font-size: 14px; |
|||
text-align: right; |
|||
} |
|||
@ -0,0 +1,147 @@ |
|||
// package/AIOTOverview/electricityMonitoring/electricityMonitoring.js
|
|||
import { getProjectList,getRelationList,createInvoke} from "../../../utils/getApiUrl" |
|||
import {Request} from "../../../common" |
|||
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
structList:[ ], |
|||
curStruId: 'all', // 选中结构物id
|
|||
list:[],//断路器设备list
|
|||
listCopy:[], |
|||
}, |
|||
onClose(e) { |
|||
// 获取报告
|
|||
// this.getPatrolReport();
|
|||
}, |
|||
switch1Change(e){ |
|||
wx.showLoading({ title: '加载中...' }); |
|||
const item=e.currentTarget.dataset.item |
|||
let searchId={ |
|||
deviceId:item.deviceId, |
|||
dimCapId:item.cid, |
|||
thingId:item.structId, |
|||
timeout: 300000, |
|||
param:e.detail.value?'开':'关' |
|||
} |
|||
Request.post(createInvoke(),{data:searchId}).then(res=>{ |
|||
if(res){ |
|||
wx.hideLoading() |
|||
}else{ |
|||
wx.hideLoading() |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
onStruChange(e) { |
|||
if (e.detail) { |
|||
let data = [] |
|||
if (e.detail === 'all') { |
|||
data = this.data.listCopy |
|||
} else { |
|||
data = this.data.listCopy.filter(item => item.xjId === e.detail) |
|||
} |
|||
this.setData({ |
|||
curStruId: e.detail, |
|||
list: data |
|||
}) |
|||
} |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
async onLoad(options) { |
|||
wx.showLoading({ title: '加载中...' }); |
|||
const searchId= JSON.parse(decodeURIComponent(options.data2)) |
|||
let data={ |
|||
searchId |
|||
} |
|||
let listt=[] |
|||
//智能断路器的设备的状态
|
|||
const res1 =await Request.post(createInvoke(),data) |
|||
//获取结构物列表（巡检）
|
|||
// console.log('getProjectList',getProjectList)
|
|||
const res=await Request.get(getProjectList()) |
|||
const rslt=await Request.get(getRelationList()) |
|||
if(res.rows.length&&rslt.rows.length){ |
|||
const data=res.rows.map(item=>{ |
|||
return { |
|||
value: rslt.rows.find(q => item.id === q.structureId)?.structureId, |
|||
text:item.name |
|||
} |
|||
}) |
|||
if(res1&&res1.length){ |
|||
listt=res1.map(item=>{ |
|||
const c=rslt.rows?.find(q => q.axyProjectId == item.structId)?.structureId |
|||
return { |
|||
...item, |
|||
structName: res.rows.find(p=>p.id==c)?.name, |
|||
xjId: rslt.rows?.find(q => q.axyProjectId == item.structId)?.structureId |
|||
} |
|||
}) |
|||
} |
|||
data.unshift({text: '全部', value: 'all' }) |
|||
this.setData({ |
|||
structList:data, |
|||
list:listt, |
|||
listCopy:listt |
|||
}) |
|||
} |
|||
|
|||
wx.hideLoading() |
|||
|
|||
}, |
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,14 @@ |
|||
{ |
|||
|
|||
"navigationBarTitleText": "用电监控", |
|||
"usingComponents": { |
|||
"van-button": "@vant/weapp/button/index", |
|||
"van-cell": "@vant/weapp/cell/index", |
|||
"van-cell-group": "@vant/weapp/cell-group/index", |
|||
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index", |
|||
"van-dropdown-item": "@vant/weapp/dropdown-item/index", |
|||
"van-empty": "@vant/weapp/empty/index", |
|||
"van-switch": "@vant/weapp/switch/index" |
|||
|
|||
} |
|||
} |
|||
@ -0,0 +1,46 @@ |
|||
<!--package/AIOTOverview/electricityMonitoring/electricityMonitoring.wxml--> |
|||
<view> |
|||
<!--结构物选择器--> |
|||
<view class="select"> |
|||
<van-dropdown-menu active-color="#1989fa"> |
|||
<van-dropdown-item title="{{ '结构物' }}" bind:close="onClose" bind:change="onStruChange" value="{{ curStruId }}" options="{{ structList }}" /> |
|||
</van-dropdown-menu> |
|||
</view> |
|||
<!--渲染列表--> |
|||
<view wx:if="{{list.length}}"> |
|||
<view class="card" wx:for="{{list}}" wx:key='index'> |
|||
<!--头部--> |
|||
<view class="top"> |
|||
<view style="display: flex; align-items: center;"> |
|||
<text class="fontStyle">{{item.structName}}</text> |
|||
</view> |
|||
<view> |
|||
<switch disabled="{{!item.data.data||item.data.data.info&&item.data.data.info.includes('离线')}}" bindchange="switch1Change" data-item="{{item}}"/> |
|||
</view> |
|||
</view> |
|||
<!--内容部分--> |
|||
<view class="card-content"> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left" style="font-weight: bold;">{{item.name}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">运行状态</view> |
|||
<view class="content-right" wx:if="{{!item.data.data}}">{{'离线'}}</view> |
|||
<view class="content-right" wx:if="{{item.data.data.info&&item.data.data.info.includes('离线')}}">{{'离线'}}</view> |
|||
<view class="content-right" wx:if="{{item.data.data.info&&item.data.data.info.includes('正常')}}">{{'正常'}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">电源状态</view> |
|||
<view class="content-right" wx:if="{{!item.data.data}}">{{'离线'}}</view> |
|||
<view class="content-right" wx:if="{{item.data.data.info&&item.data.data.info.includes('离线')}}">{{'离线'}}</view> |
|||
<view class="content-right" wx:if="{{item.data.data.info&&item.data.data.info.includes('正常')}}">{{'正常'}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:else> |
|||
<van-empty description="暂无数据" /> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
@ -0,0 +1,64 @@ |
|||
/* package/AIOTOverview/electricityMonitoring/electricityMonitoring.wxss */ |
|||
.select { |
|||
width: 50%; |
|||
} |
|||
|
|||
.select .van-dropdown-menu { |
|||
box-shadow: none |
|||
} |
|||
|
|||
/* package/AIOTOverview/AIOTOverview.wxss */ |
|||
|
|||
|
|||
.card { |
|||
position: relative; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
border-radius: 8px; |
|||
/* padding: 10px; */ |
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|||
margin: 12px 12px; |
|||
} |
|||
|
|||
.top { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 10px; |
|||
|
|||
/* background-position: bottom; */ |
|||
} |
|||
|
|||
.card-content { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.card-left { |
|||
margin-left: 23px; |
|||
margin-bottom: 10px; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #000000d9; |
|||
} |
|||
|
|||
.detail { |
|||
margin: 10px 0 |
|||
} |
|||
|
|||
.card-right { |
|||
margin-right: 18px; |
|||
margin-bottom: 10px; |
|||
color: #1684FF; |
|||
} |
|||
|
|||
.fontStyle { |
|||
font-family: PingFangSC-Medium; |
|||
font-weight: bold; |
|||
} |
|||
.content-left { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.content-right { |
|||
font-size: 14px; |
|||
text-align: right; |
|||
} |
|||
@ -0,0 +1,117 @@ |
|||
// package/AIOTOverview/flowMonitoring/flowMonitoring.js
|
|||
import { getProjectList, getRelationList } from "../../../utils/getApiUrl"; |
|||
import { Request } from "../../../common"; |
|||
const moment = require("../../../utils/moment"); |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
structList: [], |
|||
curStruId: 'all', // 选中结构物id
|
|||
cardData: [], |
|||
cardDataCopy: [] |
|||
}, |
|||
onClose(e) { |
|||
// 获取报告
|
|||
// this.getPatrolReport();
|
|||
}, |
|||
onStruChange(e) { |
|||
if (e.detail) { |
|||
let data = [] |
|||
if (e.detail === 'all') { |
|||
data = this.data.cardDataCopy |
|||
} else { |
|||
data = this.data.cardDataCopy.filter(item => item.xjId === e.detail) |
|||
} |
|||
this.setData({ |
|||
curStruId: e.detail, |
|||
cardData: data |
|||
}) |
|||
} |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
async onLoad(options) { |
|||
let dd = [] |
|||
const complexArray = JSON.parse(decodeURIComponent(options.data)) |
|||
//获取结构物列表（巡检）
|
|||
const res = await Request.get(getProjectList()) |
|||
const rslt = await Request.get(getRelationList()) |
|||
if (res.rows.length && rslt.rows.length) { |
|||
const data = res.rows.map(item => { |
|||
return { |
|||
value: rslt.rows.find(q => item.id === q.structureId)?.id, |
|||
text: item.name |
|||
} |
|||
}) |
|||
data.unshift({ text: '全部', value: 'all' }) |
|||
if (complexArray && complexArray.length) { |
|||
dd = complexArray.map(item => { |
|||
return { |
|||
...item, |
|||
structName: data?.find(q => q.value == item.xjId)?.text |
|||
} |
|||
}) |
|||
} |
|||
this.setData({ |
|||
structList: data, |
|||
cardData:dd , |
|||
cardDataCopy:dd |
|||
}) |
|||
} |
|||
|
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,11 @@ |
|||
{ |
|||
"navigationBarTitleText": "流量监控", |
|||
"usingComponents": { |
|||
"van-button": "@vant/weapp/button/index", |
|||
"van-cell": "@vant/weapp/cell/index", |
|||
"van-cell-group": "@vant/weapp/cell-group/index", |
|||
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index", |
|||
"van-dropdown-item": "@vant/weapp/dropdown-item/index", |
|||
"van-empty": "@vant/weapp/empty/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
<!--package/AIOTOverview/flowMonitoring/flowMonitoring.wxml--> |
|||
<view> |
|||
<!--结构物选择器--> |
|||
<view class="select"> |
|||
<van-dropdown-menu active-color="#1989fa"> |
|||
<van-dropdown-item title="{{ '结构物' }}" bind:close="onClose" bind:change="onStruChange" value="{{ curStruId }}" options="{{ structList }}" /> |
|||
</van-dropdown-menu> |
|||
</view> |
|||
<!--渲染列表--> |
|||
<view wx:if="{{cardData.length}}"> |
|||
<view class="card" wx:for="{{cardData}}" wx:key='index'> |
|||
<view> |
|||
<!--头部--> |
|||
<view class="top"> |
|||
<view style="display: flex; align-items: center;"> |
|||
<text class="fontStyle">{{item.structName}}</text> |
|||
</view> |
|||
</view> |
|||
<!--内容部分--> |
|||
<view class="card-content"> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left" style="font-weight: bold;">{{item.name}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail"> |
|||
<view class="content-left">物联卡号：{{item.cardNo}}</view> |
|||
<view class="content-right">套餐类型：{{item.pType}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail content"> |
|||
<view wx:if="{{item.status==0}}" class="content-left">卡状态：正常</view> |
|||
<view wx:if="{{item.status==1}}" class="content-left">卡状态：未激活</view> |
|||
<view wx:if="{{item.status==2}}" class="content-left">卡状态：停机</view> |
|||
<view class="content-right">套餐总量：{{item.total}}</view> |
|||
</view> |
|||
<view class="row flex flex-between detail content"> |
|||
<view class="content-left">卡余额：{{item.allowance}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:else> |
|||
<van-empty description="暂无数据" /> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,70 @@ |
|||
/* package/AIOTOverview/flowMonitoring/flowMonitoring.wxss */ |
|||
|
|||
|
|||
.select { |
|||
width: 50%; |
|||
} |
|||
|
|||
.select .van-dropdown-menu { |
|||
box-shadow: none |
|||
} |
|||
|
|||
/* package/AIOTOverview/AIOTOverview.wxss */ |
|||
|
|||
|
|||
.card { |
|||
position: relative; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd; |
|||
border-radius: 8px; |
|||
/* padding: 10px; */ |
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|||
margin: 12px 12px; |
|||
} |
|||
|
|||
.top { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 10px; |
|||
|
|||
/* background-position: bottom; */ |
|||
} |
|||
|
|||
.card-content { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.card-left { |
|||
margin-left: 23px; |
|||
margin-bottom: 10px; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #000000d9; |
|||
} |
|||
|
|||
.detail { |
|||
margin: 10px 0 |
|||
} |
|||
|
|||
.card-right { |
|||
margin-right: 18px; |
|||
margin-bottom: 10px; |
|||
color: #1684FF; |
|||
} |
|||
|
|||
.fontStyle { |
|||
font-family: PingFangSC-Medium; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.content-left { |
|||
font-size: 12px; |
|||
width: 60%; |
|||
} |
|||
|
|||
.content-right { |
|||
font-size: 12px; |
|||
text-align: left; |
|||
width: 40%; |
|||
|
|||
} |
|||
@ -0,0 +1,530 @@ |
|||
// package/report/report.js
|
|||
|
|||
import { getPointList,getPatrolTemplates,getPatrolTemplate,getTemplates,reportQuest,getPatrolPlan,getStructuresList,getDetail } from "../../utils/getApiUrl"; |
|||
import {Request} from "../../common"; |
|||
const moment = require("../../utils/moment"); |
|||
|
|||
Page({ |
|||
data: { |
|||
sms:'',//设备号
|
|||
sList:[],//根据sn号查询的结构物列表
|
|||
structListIndex: undefined,//结构物id
|
|||
struct:'',//结构物
|
|||
pointList:[],//点位列表
|
|||
pointIndex:undefined,//点位索引
|
|||
list:[],//初始数据
|
|||
pointVis:false,//点位输入框的可见性
|
|||
formVis:false,//表单项可见性
|
|||
handleObj:'',//处理对象
|
|||
handleGoal:'',//处理目的
|
|||
installLocation:'',//安装位置
|
|||
rtuNo:'',//RTU编号
|
|||
isPlanState: false, |
|||
structList: [],//结构物列表
|
|||
data:[],//巡检计划的数据（包括点位，设备等等）
|
|||
patrolTemplate:[],//巡检模板
|
|||
templateData:[],//巡检模板总数居
|
|||
patrolTemplateIndex:undefined,//巡检模板索引
|
|||
itemData: '', // 点位
|
|||
address: '', // 当前位置
|
|||
imgUrl: getApp().globalData.imgUrl, |
|||
checkItems: [], // 检查项
|
|||
inspectContentArr: [], // 巡检内容
|
|||
isCommitting: false, |
|||
}, |
|||
|
|||
//卡号接收
|
|||
onInputChange(e){ |
|||
this.setData({ |
|||
sms:e.detail, |
|||
sList:[] |
|||
}) |
|||
}, |
|||
//根据sn号搜索
|
|||
searchDetail(){ |
|||
const id=this.data.sms |
|||
if(id){ |
|||
Request.get(getDetail(id)).then(res => { |
|||
if(res){ |
|||
//结构物
|
|||
if(!res.length){ |
|||
wx.showToast({ |
|||
title: '未查询到相关数据', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
const uniqueResults = res.reduce((acc, item) => { |
|||
const existingItem = acc.find(project => project.id === item.project.id); |
|||
if (!existingItem) { |
|||
acc.push({ |
|||
id: item.project.id, |
|||
name: item.project.name |
|||
}); |
|||
} |
|||
return acc |
|||
}, []) |
|||
this.setData({ |
|||
sList:uniqueResults, |
|||
list:res |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
//点位改变函数
|
|||
pointChange(e){ |
|||
const that = this |
|||
// that.getPatrolTemplate()
|
|||
Request.get(getPatrolTemplates()).then(res=>{ |
|||
if(res){ |
|||
const rlst=res.rows?.map(item=>{return { |
|||
id:item.id, |
|||
name:item.name |
|||
}}) |
|||
that.setData({patrolTemplate:rlst,templateData:res.rows, |
|||
pointIndex:e.detail.value, |
|||
formVis:true, |
|||
inspectContentArr:[], |
|||
patrolTemplateIndex:null |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
//整理设备和检查项
|
|||
getPatrolTemplate(templateId,pointDevices=[]) { |
|||
const that=this |
|||
Request.get(getPatrolTemplate(templateId)).then(res => { |
|||
const checkItems = res.rows[0].checkItems; |
|||
let inspectContentArr = []; |
|||
// 有绑定设备的点位，每个设备都要检查各个检查项
|
|||
if (pointDevices.length) { |
|||
pointDevices.forEach(device => { |
|||
inspectContentArr.push({ |
|||
deviceName: device.name, |
|||
deviceId: device.id, |
|||
checkItems: checkItems.map(c => ({ |
|||
id: `${device.id}-${c.id}`, |
|||
name: c.name, |
|||
isNormal: true, |
|||
msgInp: null, |
|||
level: null, |
|||
imgs: [], |
|||
})) |
|||
}) |
|||
}); |
|||
} else { |
|||
inspectContentArr.push({ |
|||
checkItems: checkItems.map(c => ({ |
|||
id: c.id, |
|||
name: c.name, |
|||
isNormal: true, |
|||
msgInp: null, |
|||
level: null, |
|||
imgs: [], |
|||
})) |
|||
}) |
|||
} |
|||
this.setData({ |
|||
checkItems, |
|||
inspectContentArr: inspectContentArr, |
|||
}) |
|||
}) |
|||
}, |
|||
//收集输入框的值
|
|||
input1Change(e){ |
|||
const that = this |
|||
that.setData({handleObj:e.detail}) |
|||
}, |
|||
input2Change(e){ |
|||
const that = this |
|||
that.setData({handleGoal:e.detail}) |
|||
}, |
|||
input3Change(e){ |
|||
const that = this |
|||
that.setData({installLocation:e.detail}) |
|||
}, |
|||
input4Change(e){ |
|||
const that = this |
|||
that.setData({rtuNo:e.detail}) |
|||
}, |
|||
|
|||
|
|||
|
|||
// 预览图片
|
|||
previewImg: function (e) { |
|||
const { deviceidx, itemidx, index } = e.currentTarget.dataset; |
|||
// 所有图片
|
|||
const imgs = this.data.inspectContentArr[deviceidx].checkItems[itemidx].imgs; |
|||
const newImgs = imgs.map(i => this.data.imgUrl + i); |
|||
wx.previewImage({ |
|||
// 当前显示图片
|
|||
current: newImgs[index], |
|||
// 所有图片
|
|||
urls: newImgs |
|||
}) |
|||
}, |
|||
//结构物改变函数
|
|||
structChange(event) { |
|||
const that = this |
|||
const projectId=that.data.sList.find(item=>item.id==that.data?.sList[Number(event.detail.value)].id)?.id |
|||
const query={projectId} |
|||
Request.get(getPointList(query)).then(res => { |
|||
if(res){ |
|||
that.setData({data:res}) |
|||
} |
|||
}) |
|||
that.setData({ |
|||
pointVis:false, |
|||
pointList:[],//选择结构物后先置空先前的点位列表
|
|||
formVis:false, |
|||
pointIndex:null, |
|||
inspectContentArr:[] |
|||
}) |
|||
const rlst=that.data.list?.filter(item=>item.project.id==projectId)?.map(item=>{ |
|||
return { |
|||
id: item.id, |
|||
name: item.name |
|||
} |
|||
}) |
|||
|
|||
that.setData({ |
|||
structListIndex:event.detail.value, |
|||
pointList:rlst, |
|||
pointVis:true |
|||
}) |
|||
|
|||
|
|||
}, |
|||
|
|||
//选择异常或者正常
|
|||
handleChangeTwo(e) { |
|||
const { deviceidx, itemidx } = e.currentTarget.dataset; |
|||
let nextInspectContentArr = this.data.inspectContentArr; |
|||
|
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].isNormal = e.detail; |
|||
if (e.detail) { // 清除异常数据
|
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].msgInp = null; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].level = null; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].imgs = []; |
|||
} |
|||
this.setData({ inspectContentArr: nextInspectContentArr }) |
|||
}, |
|||
//返回前一页
|
|||
bindCancel() { |
|||
wx.navigateBack(); |
|||
}, |
|||
// 开始巡检录入
|
|||
addPatrolRecord: function () { |
|||
const that = this; |
|||
if (that.data.isCommitting) { return } |
|||
let { |
|||
rtuNo, |
|||
installLocation, |
|||
handleGoal, |
|||
handleObj, |
|||
patrolTemplate, |
|||
patrolTemplateIndex, |
|||
structListIndex, |
|||
pointIndex, |
|||
inspectContentArr, |
|||
pointList, |
|||
sList |
|||
} = that.data; |
|||
let alarm = false; |
|||
|
|||
|
|||
if (!patrolTemplateIndex) { |
|||
wx.showToast({ |
|||
title: '请选择模板', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if (!pointIndex) { |
|||
wx.showToast({ |
|||
title: '请选择点位', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
|
|||
let reportArr = inspectContentArr.map(d => ({ ...d, alarm:d.checkItems.some(q=>q.isNormal==false)?true:false })) |
|||
for (const d of reportArr[0]?.checkItems) { |
|||
if (d.isNormal === null) { |
|||
wx.showToast({ |
|||
title: '请填写完整', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return |
|||
} |
|||
if ((!d.isNormal) && (!d.level || !d.msgInp)) { |
|||
wx.showToast({ |
|||
title: '异常项必须输入巡查详情和选择严重等级', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
if (d.isNormal === false) { |
|||
alarm = true; // 巡检记录异常
|
|||
} |
|||
} |
|||
|
|||
const { id, name, departmentId, deptName } = wx.getStorageSync('userInfo'); |
|||
const newData = that.data.data.map((item) => { |
|||
// let pointDevices=[]
|
|||
// item.devices.map(child=>{
|
|||
// const {pointDevice,...newItem } = child;
|
|||
// pointDevices.push({device:newItem,deviceId:pointDevice.deviceId})
|
|||
// })
|
|||
// 使用对象的解构赋值去掉 project 和 devices 属性
|
|||
const { project, devices, ...newItem } = item; |
|||
// return {...newItem,pointDevices}
|
|||
return {...newItem} |
|||
|
|||
}); |
|||
const nextItemData=newData.find(item=>item.id===pointList[pointIndex].id) |
|||
let datas = { |
|||
patrolPlanId: -1, |
|||
pointId: sList[pointIndex].id, |
|||
inspectionTime: moment().format('YYYY-MM-DD HH:mm:ss'), |
|||
points: { |
|||
user: { id, name, department: { id: departmentId, name: deptName } }, |
|||
project: sList[structListIndex], |
|||
itemData:nextItemData, |
|||
inspectContent: reportArr, |
|||
aboutDisaster:{ rtuNo, |
|||
installLocation, |
|||
handleGoal, |
|||
handleObj} |
|||
}, |
|||
alarm, |
|||
projectId: sList[structListIndex].id |
|||
} |
|||
wx.showLoading({ title: '提交中...' }); |
|||
that.setData({ isCommitting: true }); |
|||
Request.post(reportQuest(), datas).then(res => { |
|||
wx.hideLoading(); |
|||
that.setData({ isCommitting: false }); |
|||
wx.showToast({ |
|||
title: '提交成功', |
|||
icon: 'success' |
|||
}) |
|||
setTimeout(() => { |
|||
that.bindCancel(); |
|||
}, 1500) |
|||
}) |
|||
}, |
|||
//多张图片上传
|
|||
uploadImg: function (data, deviceidx, itemidx) { |
|||
wx.showLoading({ |
|||
title: '上传中...', |
|||
mask: true, |
|||
}) |
|||
let that = this, |
|||
i = data.i ? data.i : 0, |
|||
success = data.success ? data.success : 0, |
|||
fail = data.fail ? data.fail : 0; |
|||
let imgs = that.data.inspectContentArr[deviceidx].checkItems[itemidx].imgs; |
|||
wx.uploadFile({ |
|||
url: data.url, |
|||
filePath: data.path[i], |
|||
name: 'file', |
|||
success: (resp) => { |
|||
wx.hideLoading(); |
|||
success++; |
|||
let str = JSON.parse(resp.data) // 返回的结果，可能不同项目结果不一样
|
|||
str = str.uploaded |
|||
if (imgs.length >= 20) { |
|||
let nextInspectContentArr = that.data.inspectContentArr; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].imgs = imgs; |
|||
that.setData({ inspectContentArr: nextInspectContentArr }); |
|||
return false; |
|||
} else { |
|||
imgs.push(str); |
|||
let nextInspectContentArr = that.data.inspectContentArr; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].imgs = imgs; |
|||
that.setData({ inspectContentArr: nextInspectContentArr }); |
|||
} |
|||
}, |
|||
fail: (res) => { |
|||
fail++; |
|||
console.log('fail:' + i + "fail:" + fail); |
|||
}, |
|||
complete: () => { |
|||
i++; |
|||
if (i == data.path.length) { // 当图片传完时，停止调用
|
|||
console.log('执行完毕'); |
|||
console.log('成功：' + success + " 失败：" + fail); |
|||
} else { // 若图片还没有传完，则继续调用函数
|
|||
data.i = i; |
|||
data.success = success; |
|||
data.fail = fail; |
|||
that.uploadImg(data, deviceidx, itemidx); // 递归，回调自己
|
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
// 上传图片
|
|||
chooseImg: function (e) { // 这里是选取图片的方法
|
|||
const { deviceidx, itemidx } = e.currentTarget.dataset; |
|||
const that = this; |
|||
let pics = []; |
|||
const detailPics = that.data.inspectContentArr[deviceidx].checkItems[itemidx].imgs; |
|||
if (detailPics.length >= 20) { |
|||
wx.showToast({ |
|||
title: '最多选择20张图片上传', |
|||
icon: 'none' |
|||
}); |
|||
return; |
|||
} |
|||
wx.chooseMedia({ |
|||
count: 20, // 基础库2.25.0前，最多可支持9个文件，2.25.0及以后最多可支持20个文件
|
|||
mediaType: ['image'], // 文件类型
|
|||
sizeType: ['original', 'compressed'], // original 原图，compressed 压缩图，默认二者都有
|
|||
sourceType: ['album', 'camera'], // album 从相册选图，camera 使用相机，默认二者都有
|
|||
success: function (res) { |
|||
const imgs = res.tempFiles; |
|||
for (let i = 0; i < imgs.length; i++) { |
|||
if (res.tempFiles[i].size > 15728640) { |
|||
wx.showToast({ title: '图片大于15M，不可上传', icon: 'none' }); |
|||
return; |
|||
} |
|||
const fileNameArr = res.tempFiles[i].tempFilePath.split('.'); |
|||
const extension = res.tempFiles[i].tempFilePath.split('.')[fileNameArr.length - 1]; |
|||
if (extension !== 'jpg' && extension !== 'png' && extension !== 'jpeg') { |
|||
wx.showToast({ title: '只能上传jpg、jpeg、png格式的图片', icon: 'none' }); |
|||
return; |
|||
} |
|||
pics.push(imgs[i].tempFilePath) |
|||
} |
|||
that.uploadImg({ |
|||
url: getApp().globalData.webUrl + '_upload/attachments/project', // 图片上传的接口
|
|||
path: pics, // 选取的图片的地址数组
|
|||
}, deviceidx, itemidx); |
|||
}, |
|||
}) |
|||
}, |
|||
// 删除图片
|
|||
deleteImg: function (e) { |
|||
const { deviceidx, itemidx, index } = e.currentTarget.dataset; |
|||
let imgs = this.data.inspectContentArr[deviceidx].checkItems[itemidx].imgs; |
|||
imgs.splice(index, 1); |
|||
let nextInspectContentArr = this.data.inspectContentArr; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].imgs = imgs; |
|||
this.setData({ inspectContentArr: nextInspectContentArr }) |
|||
}, |
|||
// 巡查详情
|
|||
bindInput: function (e) { |
|||
const { deviceidx, itemidx } = e.currentTarget.dataset; |
|||
let nextInspectContentArr = this.data.inspectContentArr; |
|||
|
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].msgInp = e.detail.value; |
|||
this.setData({ inspectContentArr: nextInspectContentArr }) |
|||
}, |
|||
|
|||
handleChangeThree(e) { |
|||
const { deviceidx, itemidx } = e.currentTarget.dataset; |
|||
let nextInspectContentArr = this.data.inspectContentArr; |
|||
nextInspectContentArr[deviceidx].checkItems[itemidx].level = e.detail; |
|||
this.setData({ inspectContentArr: nextInspectContentArr }) |
|||
}, |
|||
|
|||
|
|||
//巡检模板改变
|
|||
patrolTemplateChange(e){ |
|||
const that=this |
|||
that.getPatrolTemplate(that.data.patrolTemplate[e.detail.value].id) |
|||
that.setData({ |
|||
patrolTemplateIndex:e.detail.value |
|||
}) |
|||
|
|||
|
|||
}, |
|||
bindShowMsg() { |
|||
this.setData({ |
|||
select: !this.data.select |
|||
}) |
|||
}, |
|||
|
|||
mySelect(e) { |
|||
var name = e.currentTarget.dataset.name |
|||
this.setData({ |
|||
tihuoWay: name, |
|||
select: false |
|||
}) |
|||
}, |
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
// data: {
|
|||
|
|||
// },
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
const that=this |
|||
wx.setNavigationBarTitle({ |
|||
title: options.key, |
|||
}) |
|||
|
|||
|
|||
}, |
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,25 @@ |
|||
{ |
|||
"navigationBarBackgroundColor": "#1979ff", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarTitleText": "地灾巡检", |
|||
"enablePullDownRefresh": false, |
|||
"componentFramework": "glass-easel", |
|||
"usingComponents": { |
|||
"van-button": "@vant/weapp/button/index", |
|||
"van-field": "@vant/weapp/field/index", |
|||
"van-cell": "@vant/weapp/cell/index", |
|||
"van-cell-group": "@vant/weapp/cell-group/index", |
|||
"van-picker": "@vant/weapp/picker/index", |
|||
"van-popup": "@vant/weapp/popup/index", |
|||
"van-icon": "@vant/weapp/icon/index", |
|||
"van-collapse": "@vant/weapp/collapse/index", |
|||
"van-collapse-item": "@vant/weapp/collapse-item/index", |
|||
"van-divider": "@vant/weapp/divider/index", |
|||
"t-cell-group": "tdesign-miniprogram/cell-group/cell-group", |
|||
"t-cell": "tdesign-miniprogram/cell/cell", |
|||
"t-picker": "tdesign-miniprogram/picker/picker", |
|||
"t-picker-item": "tdesign-miniprogram/picker-item/picker-item", |
|||
"van-radio": "@vant/weapp/radio/index", |
|||
"van-radio-group": "@vant/weapp/radio-group/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,95 @@ |
|||
<view class="popBox"> |
|||
<view> |
|||
<van-cell-group class="mission-card"> |
|||
<van-cell-group> |
|||
<van-field value="{{ sms }}" bind:input="onInputChange" center clearable label="设备SN号" placeholder="设备SN号" border="{{ false }}" use-button-slot> |
|||
<van-button slot="button" size="small" type="info" bindtap="searchDetail"> |
|||
搜索 |
|||
</van-button> |
|||
</van-field> |
|||
</van-cell-group> |
|||
<van-cell wx:if="{{sList.length}}"> |
|||
<view style="display:flex"> |
|||
<view class="fs-cell-title" style="">结构物：</view> |
|||
<picker style="width:100%;text-align:left" bindchange="structChange" data-type='jiegouwu' value="{{0}}" range="{{sList}}" range-key="name"> |
|||
<view class="fs-cell-content" style="width:100%"> |
|||
{{structListIndex||structListIndex==0?sList[structListIndex].name:'请选择'}} |
|||
<van-icon name="arrow" style="float:right;position:relative; top:4px" /> |
|||
</view> |
|||
</picker> |
|||
</view> |
|||
</van-cell> |
|||
<van-cell wx:if="{{pointVis}}"> |
|||
<view style="display:flex"> |
|||
<view class="fs-cell-title" style="">当前点位：</view> |
|||
<picker style="width:100%;text-align:left" bindchange="pointChange" data-type='point' value="{{0}}" range="{{pointList}}" range-key="name"> |
|||
<view class="fs-cell-content" style="width:100%"> |
|||
{{pointIndex||pointIndex==0?pointList[pointIndex].name:'请选择'}} |
|||
<van-icon name="arrow" style="float:right;position:relative; top:4px" /> |
|||
</view> |
|||
</picker> |
|||
</view> |
|||
</van-cell> |
|||
<!--表单项渲染--> |
|||
<view wx:if="{{formVis}}"> |
|||
<van-cell-group > |
|||
<van-field value="{{handleObj}}" bind:change="input1Change" type="textarea" autosize label="排查及处理对象:" placeholder="排查及处理对象" accordion title-width="110px" /> |
|||
<van-field value="{{ handleGoal }}" bind:change="input2Change" type="textarea" autosize label="排查及处理目的:" placeholder="排查及处理目的" accordion title-width="110px"/> |
|||
<van-field value="{{ installLocation }}" bind:change="input3Change" type="textarea" autosize label="安装位置:" placeholder="安装位置" accordion /> |
|||
<van-field value="{{ rtuNo }}" type="textarea" bind:change="input4Change" autosize label="RTU编号:" placeholder="RTU编号" accordion /> |
|||
</van-cell-group> |
|||
<van-cell > |
|||
<view style="display:flex"> |
|||
<view class="fs-cell-title">巡检模板：</view> |
|||
<picker style="width:100%;text-align:left" bindchange="patrolTemplateChange" data-type='template' value="{{0}}" range="{{patrolTemplate}}" range-key="name"> |
|||
<view class="fs-cell-content" style="width:100%"> |
|||
{{patrolTemplateIndex||patrolTemplateIndex==0?patrolTemplate[patrolTemplateIndex].name:'请选择'}} |
|||
<van-icon name="arrow" style="float:right;position:relative; top:4px" /> |
|||
</view> |
|||
</picker> |
|||
</view> |
|||
</van-cell> |
|||
</view> |
|||
</van-cell-group> |
|||
</view> |
|||
|
|||
<!-- 渲染巡检内容 --> |
|||
<view wx:for="{{inspectContentArr}}" wx:key="id" wx:for-item="device" wx:for-index="deviceidx"> |
|||
<view wx:if="{{device.deviceName}}" class="flex flex-start" style="height: 40px">{{device.deviceName}}</view> |
|||
<view wx:for="{{device.checkItems}}" wx:key="id" wx:for-index="itemidx"> |
|||
<view class="flex-between"> |
|||
<view class="item-name">{{item.name}}：</view> |
|||
<van-radio-group style="padding:10px 15px;" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindchange="handleChangeTwo" value="{{item.isNormal}}"> |
|||
<van-radio style="margin-right: 20px;" class="radio-text" color="#1979ff" name="{{true}}">正常</van-radio> |
|||
<van-radio class="radio-text" checked-color="#CC0000" name="{{false}}">异常</van-radio> |
|||
</van-radio-group> |
|||
</view> |
|||
<view class="divider" /> |
|||
<van-radio-group class="flex-end" style="padding:10px 15px;" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindchange="handleChangeThree" wx:if="{{item.isNormal === false}}"> |
|||
<van-radio style="margin-right: 20px;" class="radio-text" checked-color="#FF9900" name="轻微">轻微</van-radio> |
|||
<van-radio style="margin-right: 20px;" class="radio-text" checked-color="#FF3300" name="中度">中度</van-radio> |
|||
<van-radio class="radio-text" checked-color="#990000" name="严重">严重</van-radio> |
|||
</van-radio-group> |
|||
<textarea class="textarea" placeholder="请输入巡查详情" maxlength="-1" wx:if="{{item.isNormal === false}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindinput="bindInput" /> |
|||
<view class="weui-uploader" style="padding: 20rpx 30rpx;overflow-y:scroll;" wx:if="{{item.isNormal === false}}"> |
|||
<view class="img-v weui-uploader__bd" style="overflow:hidden;"> |
|||
<view class="pic" wx:for="{{item.imgs}}" wx:for-item="img" wx:key="*this"> |
|||
<image class="weui-uploader__img showImg" src="{{imgUrl + img}}" data-index="{{index}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" mode="aspectFill" bindtap="previewImg"> |
|||
<icon type="cancel" class="delete-btn" data-index="{{index}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" catchtap="deleteImg" /> |
|||
</image> |
|||
</view> |
|||
<!-- 用来提示用户上传图片 --> |
|||
<view class="weui-uploader__input-box pic" data-item="{{item.name}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindtap="chooseImg"> |
|||
<image class="upload" src="/images/upload.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="divider" /> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="btnBox"> |
|||
<view class="cancel" bindtap="bindCancel">取消</view> |
|||
<view class="submit" bindtap="addPatrolRecord">提交</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,132 @@ |
|||
.divider { |
|||
width: 100%; |
|||
height: 0px; |
|||
border-top: 1px solid #F5F5F5; |
|||
} |
|||
|
|||
|
|||
.flex-between { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.flex-end { |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.popBox { |
|||
position: absolute; |
|||
left: 50%; |
|||
z-index: 1000; |
|||
background: #fff; |
|||
width: 95%; |
|||
margin-left: -356rpx; |
|||
padding: 20rpx 0; |
|||
} |
|||
|
|||
.item-name { |
|||
margin: 20rpx 0 0 30rpx; |
|||
} |
|||
|
|||
.btnBox { |
|||
padding: 50px 30rpx; |
|||
overflow: hidden; |
|||
font-size: 30rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.cancel { |
|||
width: 38vw; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
text-align: center; |
|||
background: #fff; |
|||
border: 1px solid #006BE3; |
|||
border-radius: 24px; |
|||
font-weight: 600; |
|||
font-size: 16px; |
|||
color: #1684FF; |
|||
} |
|||
|
|||
.submit { |
|||
width: 38vw; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
text-align: center; |
|||
background: #1684FF; |
|||
border: 1px solid #006BE3; |
|||
border-radius: 24px; |
|||
font-weight: 600; |
|||
font-size: 16px; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.pic { |
|||
float: left; |
|||
position: relative; |
|||
margin-right: 8px; |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
.showImg { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
} |
|||
|
|||
.delete-btn { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
} |
|||
|
|||
.upload { |
|||
width: 63px; |
|||
height: 63px; |
|||
} |
|||
|
|||
.block { |
|||
display: block; |
|||
} |
|||
|
|||
.icon { |
|||
width: 18px; |
|||
height: 18px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.radio-text { |
|||
font-size: 14px; |
|||
color: #323233; |
|||
} |
|||
|
|||
.van-radio-group { |
|||
display: flex; |
|||
} |
|||
|
|||
.textarea { |
|||
width: 84%; |
|||
margin: 0 auto; |
|||
padding: 20rpx; |
|||
height: 120rpx; |
|||
border: 1px solid #61616166; |
|||
} |
|||
.mission-card-title { |
|||
background-color: #fff; |
|||
overflow: auto; |
|||
padding: 24rpx 16px; |
|||
display: flex; |
|||
align-items: center |
|||
} |
|||
.fs-cell-title { |
|||
max-width: 6.2em; |
|||
min-width: 6.2em; |
|||
margin-right: 12px; |
|||
text-align: left; |
|||
color: var(--field-label-color, #646566) |
|||
} |
|||
|
|||
.fs-cell-content { |
|||
color: var(--field-input-text-color, #323233) |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
|
|||
'use strict'; |
|||
import projectBinding from './projectBinding' |
|||
export default { |
|||
...projectBinding |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
'use strict'; |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getanxinyunProject(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
data, |
|||
actionType: 'GET_ANXINYUN_PROJECT', |
|||
url: `${ApiTable.getanxinyunProject}`, |
|||
msg: { error: '获取安心云结构物失败' }, |
|||
reducer: { name: 'anxinyunProject'} |
|||
}); |
|||
} |
|||
|
|||
|
|||
export function addorEditRelation(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
data, |
|||
actionType: 'ADD_OR_EDIT_RELATION', |
|||
url: `${ApiTable.addorEditRelation}`, |
|||
msg: { option:data?.id? '编辑绑定关系':'新增绑定关系' }, |
|||
// reducer: { name: 'anxinyunProject'}
|
|||
}); |
|||
} |
|||
|
|||
export function getRelation(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_RELATION', |
|||
url: `${ApiTable.getRelation}`, |
|||
msg: { error:'查询项目映射关系失败' }, |
|||
reducer: { name: 'relation'} |
|||
}); |
|||
} |
|||
|
|||
export function delRelation(id) { |
|||
return dispatch => basicAction({ |
|||
type: 'delete', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_RELATION', |
|||
url: ApiTable.delRelation.replace('{id}', id), |
|||
msg: { option:'删除项目映射关系' }, |
|||
// reducer: { name: 'anxinyunProject'}
|
|||
}); |
|||
} |
|||
|
|||
|
|||
export default{ |
|||
getanxinyunProject, |
|||
getRelation, |
|||
addorEditRelation, |
|||
delRelation |
|||
} |
|||
@ -0,0 +1,88 @@ |
|||
import React, { useRef,useState,useEffect } from 'react' |
|||
import { Button, Form } from 'antd' |
|||
import { connect } from 'react-redux'; |
|||
import { InfoCircleOutlined } from '@ant-design/icons' |
|||
import { ModalForm, ProFormSelect, ProFormText, ProFormDatePicker } from '@ant-design/pro-form' |
|||
import moment from 'moment' |
|||
function RelationModal(props) { |
|||
const { title, triggerRender, editData = null, onFinish, devices,actions,dispatch,proejctListOpt,structureListOpt } = props |
|||
const{projectBinding}=actions |
|||
const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 16 } } |
|||
const initialValues = editData? { ...editData,} : {} |
|||
const [form] = Form.useForm() |
|||
const formRef = useRef() |
|||
|
|||
|
|||
return ( |
|||
<ModalForm |
|||
formRef={formRef} |
|||
title={title || ''} |
|||
initialValues={initialValues} |
|||
trigger={triggerRender ? triggerRender : <Button type='primary'>{title || ''}</Button>} |
|||
layout='horizontal' |
|||
grid={true} |
|||
{...formItemLayout} |
|||
modalProps={{ |
|||
destroyOnClose: true, |
|||
onCancel: () => {}, |
|||
}} |
|||
onFinish={async values => { |
|||
// console.log('values1',editData)
|
|||
let value={ |
|||
anxinyunProject:values?.anxinyunProject, |
|||
structName:values?.structName, |
|||
id:initialValues?initialValues.key:null |
|||
} |
|||
return onFinish && (await onFinish(value)) |
|||
// return true;
|
|||
}} |
|||
width={500}> |
|||
<ProFormSelect |
|||
rules={[{ required: true, message: '安心云结构物' }]} |
|||
showSearch |
|||
options={proejctListOpt?.map(s => { |
|||
return { label: s.label, value: s.value } |
|||
})} |
|||
name='anxinyunProject' |
|||
label='安心云结构物' |
|||
/> |
|||
<ProFormSelect |
|||
rules={[{ required: true, message: '关联结构物' }]} |
|||
showSearch |
|||
options={structureListOpt?.map(s => { |
|||
return { label: s.label, value: s.value } |
|||
})} |
|||
name='structName' |
|||
label='关联结构物' |
|||
/> |
|||
</ModalForm> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const {auth, global, device } = state; |
|||
return { |
|||
loading: device.isRequesting, |
|||
clientHeight: global.clientHeight, |
|||
actions: global.actions, |
|||
}; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
export const DEVICE_TYPES = [ |
|||
'安防系统', |
|||
'厨房系统', |
|||
'电梯', |
|||
'供电系统', |
|||
'空调', |
|||
'排水系统', |
|||
'水系统', |
|||
'通道门禁', |
|||
'通风系统', |
|||
'通信系统', |
|||
'显示视频', |
|||
'消防系统', |
|||
'照明系统', |
|||
] |
|||
export default connect(mapStateToProps)(RelationModal) |
|||
@ -0,0 +1,5 @@ |
|||
'use strict'; |
|||
|
|||
import ProjectBinding from './projectBinding' |
|||
|
|||
export { ProjectBinding }; |
|||
@ -0,0 +1,304 @@ |
|||
import React, { useEffect, useState, useRef, useMemo } from 'react' |
|||
import { Spin, Popconfirm, message, Button, Input, Select } from 'antd' |
|||
import { connect } from 'react-redux' |
|||
import ProTable from '@ant-design/pro-table' |
|||
import moment from 'moment' |
|||
import RelationModal from '../components/relationModal' |
|||
function ProjectBinding(props) { |
|||
const {loading, clientHeight, actions, dispatch, devices,anxinyunProjectLoading,relationLoading } = props |
|||
const { projectBinding, projectRegime } = actions |
|||
const tableRef = useRef() |
|||
const proTableFormRef = useRef() |
|||
const [proejctListOpt, setProjectListOpt] = useState([])//安心云结构物
|
|||
const [structureListOpt, setStructureListOpt] = useState([])//巡检结构物
|
|||
const [dataSource, setDataSource] = useState([]) |
|||
// const [dataCopy,setDataCopy]=useState([])
|
|||
const [tableParams, setTableParams] = useState({}) |
|||
// const fetchData = async () => {
|
|||
// let data={
|
|||
// url:"users/{orgId}/projects",
|
|||
// type:"get"
|
|||
// }
|
|||
// dispatch(projectBinding.getanxinyunProject(data)).then(async res=>{
|
|||
// if(res.success){
|
|||
// const d=res.payload.data?.map(item=>{
|
|||
// return {
|
|||
// label:item?.projects[0]?.name,
|
|||
// value:item?.projects[0]?.id
|
|||
// }
|
|||
// })
|
|||
// setProjectListOpt(d)
|
|||
// const r2= await dispatch(projectRegime.getProjectList())
|
|||
// const dp=r2.pauseStatemap(item=>{
|
|||
// return {
|
|||
// label:item?.name,
|
|||
// value:item?.id
|
|||
// }
|
|||
// })
|
|||
// setStructureListOpt(dp)
|
|||
// const r= await dispatch(projectBinding.getRelation())
|
|||
// const list = r?.payload?.data?.rows?.map(item=>{
|
|||
// return {
|
|||
// key: item.id,
|
|||
// anxinyunProject:d?.find(q=>q.value===item.axyProjectId)?.label,
|
|||
// structName:dp?.find(q=>q.value===item.structureId)?.label
|
|||
// }
|
|||
// })
|
|||
// setDataSource(list)
|
|||
// }
|
|||
// })
|
|||
|
|||
// }
|
|||
//初始化
|
|||
useEffect(() => { |
|||
let data = { |
|||
url:'organizations/{orgId}/structures', |
|||
// url: 'users/{orgId}/projects',
|
|||
type: 'get', |
|||
} |
|||
dispatch(projectBinding.getanxinyunProject(data)).then(res => { |
|||
if (res.success) { |
|||
const d = res.payload.data?.map(item => { |
|||
return { |
|||
label: item?.name, |
|||
value: item?.iotaThingId, |
|||
} |
|||
}) |
|||
setProjectListOpt(d) |
|||
} |
|||
}) |
|||
dispatch(projectRegime.getProjectList()).then(res => { |
|||
if (res.success) { |
|||
const dp = res.payload.data?.rows?.map(item => { |
|||
return { |
|||
label: item?.name, |
|||
value: item?.id, |
|||
} |
|||
}) |
|||
setStructureListOpt(dp) |
|||
} |
|||
}) |
|||
}, []) |
|||
const queryData = () => { |
|||
dispatch(projectBinding.getRelation()).then(res => { |
|||
if (res.success) { |
|||
const list = res?.payload?.data?.rows?.map(item => { |
|||
return { |
|||
key: item.id, |
|||
anxinyunProject: proejctListOpt?.find(q => q.value === item.axyProjectId)?.value, |
|||
structName: structureListOpt?.find(q => q.value === item.structureId)?.value, |
|||
} |
|||
}) |
|||
setDataSource(list) |
|||
// setDataCopy(list)
|
|||
} |
|||
}) |
|||
} |
|||
useEffect(() => { |
|||
if (proejctListOpt && structureListOpt && proejctListOpt.length && structureListOpt.length) { |
|||
queryData() |
|||
} |
|||
}, [proejctListOpt, structureListOpt]) |
|||
|
|||
const onFinish = async values => { |
|||
const dataToSave = { axyProjectId: values?.anxinyunProject, structrueId: values?.structName, id: values?.id } |
|||
return dispatch(projectBinding.addorEditRelation(dataToSave)).then(res => { |
|||
if (res.success) { |
|||
queryData() |
|||
// tableRef.current.reload()
|
|||
return true |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
} |
|||
//删除按钮
|
|||
const handleDelete = id => { |
|||
dispatch(projectBinding.delRelation(id)).then(res => { |
|||
if (res.success) { |
|||
queryData() |
|||
} |
|||
}) |
|||
} |
|||
|
|||
const filterOption = (input, option) => (option?.label ?? '').toLowerCase().includes(input.toLowerCase()) |
|||
|
|||
const columns = [ |
|||
{ |
|||
title: '安心云结构物', |
|||
dataIndex: 'anxinyunProject', |
|||
ellipsis: true, |
|||
valueType: 'select', |
|||
fieldProps: { |
|||
options: proejctListOpt, |
|||
}, |
|||
renderFormItem: () => ( |
|||
<Select |
|||
showSearch |
|||
// style={{paddingLeft:10}}
|
|||
allowClear |
|||
placeholder='请选择' |
|||
options={proejctListOpt?.map(item => ({ label: item.label, value: item.value }))} |
|||
filterOption={filterOption} |
|||
optionFilterProp='children'></Select> |
|||
), |
|||
// fieldProps: {
|
|||
// showSearch: true,
|
|||
// defaultValue: '',
|
|||
// },
|
|||
// onFilter: (value, record) => record.name.includes(value),
|
|||
// search:false
|
|||
}, |
|||
{ |
|||
title: '结构物名称', |
|||
dataIndex: 'structName', |
|||
ellipsis: true, |
|||
valueType: 'select', |
|||
fieldProps: { |
|||
options: structureListOpt, |
|||
}, |
|||
renderFormItem: () => ( |
|||
<Select |
|||
showSearch |
|||
// style={{paddingLeft:10}}
|
|||
allowClear |
|||
placeholder='请选择' |
|||
options={structureListOpt?.map(item => ({ label: item.label, value: item.value }))} |
|||
filterOption={filterOption} |
|||
optionFilterProp='children'></Select> |
|||
), |
|||
// fieldProps: {
|
|||
// showSearch: true,
|
|||
// defaultValue: '',
|
|||
// },
|
|||
// search:false
|
|||
valueType: 'select', |
|||
fieldProps: { |
|||
options: structureListOpt, |
|||
}, |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
width: 160, |
|||
key: 'option', |
|||
valueType: 'option', |
|||
render: (text, record) => { |
|||
const options = [] |
|||
options.push( |
|||
<RelationModal |
|||
proejctListOpt={proejctListOpt} |
|||
triggerRender={<a>修改映射关系</a>} |
|||
editData={record} |
|||
structureListOpt={structureListOpt} |
|||
title='修改映射关系' |
|||
onFinish={onFinish} |
|||
key='editModel' |
|||
/> |
|||
) |
|||
|
|||
options.push( |
|||
<Popconfirm |
|||
key='del' |
|||
placement='top' |
|||
title='是否确认删除映射关系？' |
|||
onConfirm={() => handleDelete(record.key)} |
|||
okText='是' |
|||
cancelText='否'> |
|||
<a>删除</a> |
|||
</Popconfirm> |
|||
) |
|||
|
|||
return options |
|||
}, |
|||
}, |
|||
] |
|||
// useMemo(()=>{
|
|||
|
|||
// })
|
|||
|
|||
const tableDatas = useMemo(() => { |
|||
const { anxinyunProject, structName } = tableParams |
|||
let rslt = dataSource |
|||
rslt = rslt |
|||
.filter(s => (anxinyunProject ? (s.anxinyunProject ? s.anxinyunProject === anxinyunProject : false) : true)) |
|||
?.filter(s => (structName ? (s.structName ? s.structName === structName : false) : true)) |
|||
return rslt |
|||
}) |
|||
|
|||
// const searchHandler=()=>{
|
|||
// const anxinyunProject=proTableFormRef.current.getFieldsValue()?.anxinyunProject
|
|||
// const structName=proTableFormRef.current.getFieldsValue()?.structName
|
|||
// setDataSource(
|
|||
// dataCopy.filter(f =>
|
|||
// (!anxinyunProject || f.anxinyunProject?.includes(anxinyunProject)) &&
|
|||
// (!structName || f?.structName === structName)
|
|||
// )
|
|||
// )
|
|||
|
|||
// }
|
|||
|
|||
return ( |
|||
<Spin spinning={anxinyunProjectLoading||relationLoading}> |
|||
<div id='patrol-record' className='global-main'> |
|||
{/* <Spin spinning={loading}> */} |
|||
<div style={{ marginBottom: 19 }}> |
|||
<div className='top' style={{ marginBottom: 19 }}> |
|||
<div className='title'> |
|||
<span className='line'></span> |
|||
<span className='cn'>项目绑定</span> |
|||
<span className='en'> PROJECT</span> |
|||
</div> |
|||
<div></div> |
|||
</div> |
|||
</div> |
|||
<RelationModal |
|||
structureListOpt={structureListOpt} |
|||
proejctListOpt={proejctListOpt} |
|||
triggerRender={<Button type='primary'>新增</Button>} |
|||
title='新增映射关系' |
|||
onFinish={onFinish} |
|||
key='addModel' |
|||
/> |
|||
<ProTable |
|||
formRef={proTableFormRef} |
|||
rowKey='id' |
|||
options={false} |
|||
request={async params => { |
|||
setTableParams(params) |
|||
return { |
|||
data: [], |
|||
success: true, |
|||
} |
|||
}} |
|||
actionRef={tableRef} |
|||
columns={columns} |
|||
pagination={{ pageSize: 10, size: 'default', className: 'global-pagination' }} |
|||
dataSource={tableDatas || []} |
|||
search={{ |
|||
labelWidth: 100, |
|||
|
|||
}} |
|||
// search={{
|
|||
// optionRender: ({searchText, resetText}, {form}, dom) => [
|
|||
// <Button type="primary" onClick={searchHandler}>查询</Button>,
|
|||
// ]
|
|||
// }}
|
|||
></ProTable> |
|||
{/* </Spin> */} |
|||
</div> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, global, device,anxinyunProject, relation} = state |
|||
return { |
|||
loading: device.isRequesting, |
|||
clientHeight: global.clientHeight, |
|||
actions: global.actions, |
|||
relationLoading:relation.isRequesting, |
|||
anxinyunProjectLoading:anxinyunProject.isRequesting, |
|||
} |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(ProjectBinding) |
|||
@ -0,0 +1,15 @@ |
|||
'use strict'; |
|||
|
|||
import reducers from './reducers'; |
|||
import routes from './routes'; |
|||
import actions from './actions'; |
|||
import { getNavItem } from './nav-item'; |
|||
|
|||
export default { |
|||
key: 'projectBinding', |
|||
name: '项目绑定', |
|||
reducers: reducers, |
|||
routes: routes, |
|||
actions: actions, |
|||
getNavItem: getNavItem |
|||
}; |
|||
@ -0,0 +1,13 @@ |
|||
import React from 'react'; |
|||
import { Link } from 'react-router-dom'; |
|||
import { Menu } from 'antd'; |
|||
import { Func } from '$utils'; |
|||
export function getNavItem(user, dispatch) { |
|||
return ( |
|||
<Menu.Item icon={<img src='/assets/images/menu/device.png' style={{ width: 24, height: 24 }} />} |
|||
key="projectBinding"> |
|||
<Link to="/projectBinding">项目绑定</Link> |
|||
</Menu.Item> |
|||
|
|||
); |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
'use strict'; |
|||
|
|||
export default { |
|||
|
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
'use strict'; |
|||
import { ProjectBinding } from './containers'; |
|||
|
|||
export default [{ |
|||
type: 'inner', |
|||
route: { |
|||
path: '/projectBinding', |
|||
key: 'projectBinding', |
|||
breadcrumb: '项目绑定', |
|||
component: ProjectBinding, |
|||
|
|||
} |
|||
}]; |
|||
Loading…
Reference in new issue