Skip to content

G
gassafety-progress
Commit 512e632b authored by wuqinghua's avatar wuqinghua
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 17ec5efc bc2add3b
Hide whitespace changes
Inline Side-by-side
Showing with 422 additions and 102 deletions
gassafetyprogress-system/src/main/java/com/zehong/system/domain/TSafeEquipmentStandingBook.java
View file @ 512e632b
...@@ -40,6 +40,9 @@ public class TSafeEquipmentStandingBook extends BaseEntity ...@@ -40,6 +40,9 @@ public class TSafeEquipmentStandingBook extends BaseEntity
@Excel(name = "联系电话") @Excel(name = "联系电话")
private String linkMobile; private String linkMobile;
/** 安全装置类型 */
private String equipmentType;
/** 安装时间 */ /** 安装时间 */
@JsonFormat(pattern = "yyyy-MM-dd") @JsonFormat(pattern = "yyyy-MM-dd")
@Excel(name = "安装时间", width = 30, dateFormat = "yyyy-MM-dd") @Excel(name = "安装时间", width = 30, dateFormat = "yyyy-MM-dd")
...@@ -120,7 +123,16 @@ public class TSafeEquipmentStandingBook extends BaseEntity ...@@ -120,7 +123,16 @@ public class TSafeEquipmentStandingBook extends BaseEntity
{ {
return installTime; return installTime;
} }
public void setBrandName(String brandName)
public String getEquipmentType() {
return equipmentType;
}
public void setEquipmentType(String equipmentType) {
this.equipmentType = equipmentType;
}
public void setBrandName(String brandName)
{ {
this.brandName = brandName; this.brandName = brandName;
} }
......
gassafetyprogress-system/src/main/java/com/zehong/system/domain/form/TSafeEquipmentStandingBookForm.java
View file @ 512e632b
...@@ -21,6 +21,9 @@ public class TSafeEquipmentStandingBookForm ...@@ -21,6 +21,9 @@ public class TSafeEquipmentStandingBookForm
/** 联系电话 */ /** 联系电话 */
private String linkMobile; private String linkMobile;
/** 安全装置类型 */
private String equipmentType;
/** 安装起始时间 */ /** 安装起始时间 */
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Date installTimeStart; private Date installTimeStart;
......
gassafetyprogress-system/src/main/resources/mapper/system/TSafeEquipmentStandingBookMapper.xml
View file @ 512e632b
...@@ -11,6 +11,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -11,6 +11,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<result property="userAddress" column="user_address" /> <result property="userAddress" column="user_address" />
<result property="idCard" column="id_card" /> <result property="idCard" column="id_card" />
<result property="linkMobile" column="link_mobile" /> <result property="linkMobile" column="link_mobile" />
<result property="equipmentType" column="equipment_type" />
<result property="installTime" column="install_time" /> <result property="installTime" column="install_time" />
<result property="brandName" column="brand_name" /> <result property="brandName" column="brand_name" />
<result property="createBy" column="create_by" /> <result property="createBy" column="create_by" />
...@@ -22,7 +23,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -22,7 +23,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
</resultMap> </resultMap>
<sql id="selectTSafeEquipmentStandingBookVo"> <sql id="selectTSafeEquipmentStandingBookVo">
select safe_equipment_id, user_name, user_no, user_address, id_card, link_mobile, install_time, brand_name, create_by, create_time, update_by, update_time, is_del, remarks from t_safe_equipment_standing_book select safe_equipment_id, user_name, user_no, user_address, id_card, link_mobile, equipment_type, install_time, brand_name, create_by, create_time, update_by, update_time, is_del, remarks from t_safe_equipment_standing_book
</sql> </sql>
<select id="selectTSafeEquipmentStandingBookList" parameterType="TSafeEquipmentStandingBookForm" resultMap="TSafeEquipmentStandingBookResult"> <select id="selectTSafeEquipmentStandingBookList" parameterType="TSafeEquipmentStandingBookForm" resultMap="TSafeEquipmentStandingBookResult">
...@@ -30,6 +31,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -30,6 +31,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<where> is_del = '0' <where> is_del = '0'
<if test="userName != null and userName != ''"> and user_name like concat('%', #{userName}, '%')</if> <if test="userName != null and userName != ''"> and user_name like concat('%', #{userName}, '%')</if>
<if test="linkMobile != null and linkMobile != ''"> and link_mobile like concat('%', #{linkMobile}, '%')</if> <if test="linkMobile != null and linkMobile != ''"> and link_mobile like concat('%', #{linkMobile}, '%')</if>
<if test="equipmentType != null and equipmentType != ''"> and equipment_type like concat('%', #{equipmentType}, '%')</if>
<if test="installTimeStart != null "> and install_time &gt;= #{installTimeStart}</if> <if test="installTimeStart != null "> and install_time &gt;= #{installTimeStart}</if>
<if test="installTimeEnd != null "> and install_time &lt;= #{installTimeEnd}</if> <if test="installTimeEnd != null "> and install_time &lt;= #{installTimeEnd}</if>
</where> </where>
...@@ -50,6 +52,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -50,6 +52,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<if test="idCard != null">id_card,</if> <if test="idCard != null">id_card,</if>
<if test="linkMobile != null">link_mobile,</if> <if test="linkMobile != null">link_mobile,</if>
<if test="installTime != null">install_time,</if> <if test="installTime != null">install_time,</if>
<if test="equipmentType != null">equipment_type,</if>
<if test="brandName != null">brand_name,</if> <if test="brandName != null">brand_name,</if>
<if test="createBy != null">create_by,</if> <if test="createBy != null">create_by,</if>
<if test="createTime != null">create_time,</if> <if test="createTime != null">create_time,</if>
...@@ -65,6 +68,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -65,6 +68,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<if test="idCard != null">#{idCard},</if> <if test="idCard != null">#{idCard},</if>
<if test="linkMobile != null">#{linkMobile},</if> <if test="linkMobile != null">#{linkMobile},</if>
<if test="installTime != null">#{installTime},</if> <if test="installTime != null">#{installTime},</if>
<if test="equipmentType != null">#{equipmentType},</if>
<if test="brandName != null">#{brandName},</if> <if test="brandName != null">#{brandName},</if>
<if test="createBy != null">#{createBy},</if> <if test="createBy != null">#{createBy},</if>
<if test="createTime != null">#{createTime},</if> <if test="createTime != null">#{createTime},</if>
...@@ -84,6 +88,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" ...@@ -84,6 +88,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<if test="idCard != null">id_card = #{idCard},</if> <if test="idCard != null">id_card = #{idCard},</if>
<if test="linkMobile != null">link_mobile = #{linkMobile},</if> <if test="linkMobile != null">link_mobile = #{linkMobile},</if>
<if test="installTime != null">install_time = #{installTime},</if> <if test="installTime != null">install_time = #{installTime},</if>
<if test="equipmentType != null">equipment_type = #{equipmentType},</if>
<if test="brandName != null">brand_name = #{brandName},</if> <if test="brandName != null">brand_name = #{brandName},</if>
<if test="createBy != null">create_by = #{createBy},</if> <if test="createBy != null">create_by = #{createBy},</if>
<if test="createTime != null">create_time = #{createTime},</if> <if test="createTime != null">create_time = #{createTime},</if>
......
gassafetyprogress-web/src/components/bigWindow/Cz.vue
View file @ 512e632b
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2022-01-26 20:07:52 * @Date: 2022-01-26 20:07:52
* @LastEditTime: 2022-03-10 10:33:35 * @LastEditTime: 2022-03-16 17:32:38
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<img src="@/assets/mapImages/closeBtn.png" alt="" /> <img src="@/assets/mapImages/closeBtn.png" alt="" />
</div> </div>
<div class="top flex"> <!-- <div class="top flex">
<div class="group"> <div class="group">
<div class="left">所属公司：</div> <div class="left">所属公司：</div>
<div class="right zzz">{{ companyType[deviceData.companyType] }}</div> <div class="right zzz">{{ companyType[deviceData.companyType] }}</div>
...@@ -47,6 +47,50 @@ ...@@ -47,6 +47,50 @@
</div> </div>
<div v-else>-</div> <div v-else>-</div>
</div> </div>
</div> -->
<div class="top flex">
<div class="top-left">
<div class="group">
<div class="left">所属公司：</div>
<div class="right zzz">{{ companyType[deviceData.companyType] }}</div>
</div>
<div class="group">
<div class="left">设备类型：</div>
<div class="right zzz">
{{ deviceType[deviceData.iconType] }}
</div>
</div>
<div class="group">
<div class="left last">设备地址：</div>
<div
v-if="deviceData.deviceAddr"
:title="deviceData.deviceAddr"
class="right last zzz"
>
{{ deviceData.deviceAddr || "-" }}
</div>
<div
v-else-if="deviceData.stationAddr"
:title="deviceData.stationAddr"
class="right last zzz"
>
{{ deviceData.stationAddr || "-" }}
</div>
<div v-else>-</div>
</div>
</div>
<div class="top-right">
<el-image
v-if="deviceData.pictureAddress"
style="width: 100px; height: 100px"
:src="deviceData.pictureAddress"
:preview-src-list="[deviceData.pictureAddress ]"
z-index=99999
>
</el-image>
<div class="imgtext" v-else>暂无图片</div>
</div>
</div> </div>
<div class="middle">{{ profile }}</div> <div class="middle">{{ profile }}</div>
...@@ -57,8 +101,8 @@ ...@@ -57,8 +101,8 @@
<div>设备数量</div> <div>设备数量</div>
<div>在线设备</div> <div>在线设备</div>
<div>离线设备</div> <div>离线设备</div>
<div>历史报警</div> <!-- <div>历史报警</div>
<div>已处理报警</div> <div>已处理报警</div> -->
<div class="last">报警中</div> <div class="last">报警中</div>
</div> </div>
<template v-if="list.length > 0"> <template v-if="list.length > 0">
...@@ -77,12 +121,12 @@ ...@@ -77,12 +121,12 @@
<div v-unValue class=""> <div v-unValue class="">
{{ deviceData.offlineEquipment }} {{ deviceData.offlineEquipment }}
</div> </div>
<div v-unValue class=""> <!-- <div v-unValue class="">
{{ deviceData.historicalAlarm }} {{ deviceData.historicalAlarm }}
</div> </div>
<div v-unValue class=""> <div v-unValue class="">
{{ deviceData.alarmProcessed }} {{ deviceData.alarmProcessed }}
</div> </div> -->
<div v-unValue class="last"> <div v-unValue class="last">
{{ deviceData.inAlarm }} {{ deviceData.inAlarm }}
</div> </div>
...@@ -160,6 +204,8 @@ export default { ...@@ -160,6 +204,8 @@ export default {
}); });
} }
this.myHttp() this.myHttp()
console.log(this.deviceData);
}, },
methods: { methods: {
...@@ -191,7 +237,7 @@ export default { ...@@ -191,7 +237,7 @@ export default {
background-color: rgba(9, 18, 32, 0.6); background-color: rgba(9, 18, 32, 0.6);
padding: 10px; padding: 10px;
position: relative; position: relative;
width: 700px; width: 600px;
.title { .title {
// padding-top: 10px; // padding-top: 10px;
// padding-left: 10px; // padding-left: 10px;
...@@ -211,28 +257,42 @@ export default { ...@@ -211,28 +257,42 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
box-sizing: border-box; box-sizing: border-box;
.group { .top-left {
height: 30px;
flex: 1; flex: 1;
display: flex; .group {
justify-content: space-between; height: 40px;
box-sizing: border-box;
div {
flex: 1; flex: 1;
display: flex;
justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
border-right: 1px solid #cccccc; div {
text-align: center; flex: 1;
font-size: 14px; box-sizing: border-box;
color: #ffffff; border-right: 1px solid #cccccc;
line-height: 30px; border-bottom: 1px solid #cccccc;
padding: 0 5px; text-align: center;
&.last { font-size: 14px;
border-right: none; color: #ffffff;
line-height: 40px;
padding: 0 5px;
&.last {
border-bottom: none;
}
}
.left {
text-align: right;
background-color: rgba(255, 255, 255, 0.1);
} }
} }
.left { }
text-align: right; .top-right {
background-color: rgba(255, 255, 255, 0.1); flex: 1;
display: flex;
justify-content: center;
align-items: center;
.imgtext {
color: #ffffff;
font-size: 30px;
} }
} }
} }
......
gassafetyprogress-web/src/components/bigWindow/Device.vue
View file @ 512e632b
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2022-01-26 20:07:52 * @Date: 2022-01-26 20:07:52
* @LastEditTime: 2022-03-10 10:33:28 * @LastEditTime: 2022-03-16 17:29:11
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
...@@ -19,33 +19,47 @@ ...@@ -19,33 +19,47 @@
</div> </div>
<div class="top flex"> <div class="top flex">
<div class="group"> <div class="top-left">
<div class="left">所属公司：</div> <div class="group">
<div class="right zzz">{{ companyType[deviceData.companyType] }}</div> <div class="left">所属公司：</div>
</div> <div class="right zzz">{{ companyType[deviceData.companyType] }}</div>
<div class="group">
<div class="left">设备类型：</div>
<div class="right zzz">
{{ deviceType[deviceData.iconType] }}
</div> </div>
</div> <div class="group">
<div class="group"> <div class="left">设备类型：</div>
<div class="left">设备地址：</div> <div class="right zzz">
<div {{ deviceType[deviceData.iconType] }}
v-if="deviceData.deviceAddr" </div>
:title="deviceData.deviceAddr"
class="right last zzz"
>
{{ deviceData.deviceAddr || "-" }}
</div> </div>
<div <div class="group">
v-else-if="deviceData.stationAddr" <div class="left last">设备地址：</div>
:title="deviceData.stationAddr" <div
class="right last zzz" v-if="deviceData.deviceAddr"
> :title="deviceData.deviceAddr"
{{ deviceData.stationAddr || "-" }} class="right last zzz"
>
{{ deviceData.deviceAddr || "-" }}
</div>
<div
v-else-if="deviceData.stationAddr"
:title="deviceData.stationAddr"
class="right last zzz"
>
{{ deviceData.stationAddr || "-" }}
</div>
<div v-else>-</div>
</div> </div>
<div v-else>-</div> </div>
<div class="top-right">
<el-image
v-if="deviceData.iconUrl"
style="width: 100px; height: 100px"
:src="deviceData.iconUrl"
:preview-src-list="[deviceData.iconUrl ]"
z-index=99999
>
</el-image>
<div class="imgtext" v-else>暂无图片</div>
</div> </div>
</div> </div>
...@@ -57,8 +71,8 @@ ...@@ -57,8 +71,8 @@
<div>设备数量</div> <div>设备数量</div>
<div>在线设备</div> <div>在线设备</div>
<div>离线设备</div> <div>离线设备</div>
<div>历史报警</div> <!-- <div>历史报警</div>
<div>已处理报警</div> <div>已处理报警</div> -->
<div class="last">报警中</div> <div class="last">报警中</div>
</div> </div>
<template v-if="list.length > 0"> <template v-if="list.length > 0">
...@@ -77,12 +91,12 @@ ...@@ -77,12 +91,12 @@
<div v-unValue class=""> <div v-unValue class="">
{{ deviceData.offlineEquipment }} {{ deviceData.offlineEquipment }}
</div> </div>
<div v-unValue class=""> <!-- <div v-unValue class="">
{{ deviceData.historicalAlarm }} {{ deviceData.historicalAlarm }}
</div> </div>
<div v-unValue class=""> <div v-unValue class="">
{{ deviceData.alarmProcessed }} {{ deviceData.alarmProcessed }}
</div> </div> -->
<div v-unValue class="last"> <div v-unValue class="last">
{{ deviceData.inAlarm }} {{ deviceData.inAlarm }}
</div> </div>
...@@ -90,7 +104,7 @@ ...@@ -90,7 +104,7 @@
</template> </template>
</div> </div>
<div class="btn" v-if="list.length>0"> <div class="btn" v-if="list.length > 0">
<div @click="btnClick">感知设备</div> <div @click="btnClick">感知设备</div>
</div> </div>
</div> </div>
...@@ -160,7 +174,7 @@ export default { ...@@ -160,7 +174,7 @@ export default {
} }
// 当点开infowindow的时候，重新调接口 // 当点开infowindow的时候，重新调接口
this.myHttp(); this.myHttp();
// console.log(this.deviceData); console.log(this.deviceData);
}, },
methods: { methods: {
close() { close() {
...@@ -206,7 +220,7 @@ export default { ...@@ -206,7 +220,7 @@ export default {
background-color: rgba(9, 18, 32, 0.6); background-color: rgba(9, 18, 32, 0.6);
padding: 10px; padding: 10px;
position: relative; position: relative;
width: 700px; width: 600px;
.title { .title {
// padding-top: 10px; // padding-top: 10px;
// padding-left: 10px; // padding-left: 10px;
...@@ -226,28 +240,42 @@ export default { ...@@ -226,28 +240,42 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
box-sizing: border-box; box-sizing: border-box;
.group { .top-left {
height: 30px;
flex: 1; flex: 1;
display: flex; .group {
justify-content: space-between; height: 40px;
box-sizing: border-box;
div {
flex: 1; flex: 1;
display: flex;
justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
border-right: 1px solid #cccccc; div {
text-align: center; flex: 1;
font-size: 14px; box-sizing: border-box;
color: #ffffff; border-right: 1px solid #cccccc;
line-height: 30px; border-bottom: 1px solid #cccccc;
padding: 0 5px; text-align: center;
&.last { font-size: 14px;
border-right: none; color: #ffffff;
line-height: 40px;
padding: 0 5px;
&.last {
border-bottom: none;
}
}
.left {
text-align: right;
background-color: rgba(255, 255, 255, 0.1);
} }
} }
.left { }
text-align: right; .top-right {
background-color: rgba(255, 255, 255, 0.1); flex: 1;
display: flex;
justify-content: center;
align-items: center;
.imgtext {
color: #ffffff;
font-size: 30px;
} }
} }
} }
......
gassafetyprogress-web/src/components/bigWindow/User.vue
View file @ 512e632b
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2022-01-26 20:07:52 * @Date: 2022-01-26 20:07:52
* @LastEditTime: 2022-03-07 14:02:43 * @LastEditTime: 2022-03-17 09:05:30
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
...@@ -16,10 +16,10 @@ ...@@ -16,10 +16,10 @@
<img src="@/assets/mapImages/closeBtn.png" alt="" /> <img src="@/assets/mapImages/closeBtn.png" alt="" />
</div> </div>
<div class="top flex"> <div class="top flex top-top">
<div class="group"> <div class="group">
<div class="left">联系人：</div> <div class="left">联系人：</div>
<div class="right zzz">{{ deviceData.nickName }}</div> <div class="right zzz">{{ 1 }}</div>
</div> </div>
<div class="group"> <div class="group">
<div class="left">联系电话:</div> <div class="left">联系电话:</div>
...@@ -35,6 +35,15 @@ ...@@ -35,6 +35,15 @@
</div> </div>
</div> </div>
<div class="top flex top-bottom">
<div class="group">
<div class="left">联系地址：</div>
<div :title="deviceData.address" class="right last zzz">
{{ deviceData.address || "-" }}
</div>
</div>
</div>
<template v-if="deviceData.detectorCountList"> <template v-if="deviceData.detectorCountList">
<div class="foot"> <div class="foot">
<div class="thead flex"> <div class="thead flex">
...@@ -42,8 +51,8 @@ ...@@ -42,8 +51,8 @@
<div>设备数量</div> <div>设备数量</div>
<div>在线设备</div> <div>在线设备</div>
<div>离线设备</div> <div>离线设备</div>
<div>历史报警</div> <!-- <div>历史报警</div>
<div>已处理报警</div> <div>已处理报警</div> -->
<div class="last">报警中</div> <div class="last">报警中</div>
</div> </div>
<div <div
...@@ -59,12 +68,12 @@ ...@@ -59,12 +68,12 @@
<div v-unValue class=""> <div v-unValue class="">
{{ data.offLineNum }} {{ data.offLineNum }}
</div> </div>
<div v-unValue class=""> <!-- <div v-unValue class="">
{{ data.historyAlarmNum }} {{ data.historyAlarmNum }}
</div> </div>
<div v-unValue class=""> <div v-unValue class="">
{{ data.cancelAlarmNum }} {{ data.cancelAlarmNum }}
</div> </div> -->
<div v-unValue class="last zzz"> <div v-unValue class="last zzz">
{{ data.processingAlarmNum }} {{ data.processingAlarmNum }}
</div> </div>
...@@ -140,7 +149,7 @@ export default { ...@@ -140,7 +149,7 @@ export default {
background-color: rgba(9, 18, 32, 0.6); background-color: rgba(9, 18, 32, 0.6);
padding: 10px; padding: 10px;
position: relative; position: relative;
width: 700px; width: 600px;
.title { .title {
// padding-top: 10px; // padding-top: 10px;
// padding-left: 10px; // padding-left: 10px;
...@@ -160,6 +169,11 @@ export default { ...@@ -160,6 +169,11 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
box-sizing: border-box; box-sizing: border-box;
&.top-top {
div{
width: 33%;
}
}
.group { .group {
height: 30px; height: 30px;
flex: 1; flex: 1;
...@@ -175,6 +189,7 @@ export default { ...@@ -175,6 +189,7 @@ export default {
color: #ffffff; color: #ffffff;
line-height: 30px; line-height: 30px;
padding: 0 5px; padding: 0 5px;
&.last { &.last {
border-right: none; border-right: none;
} }
...@@ -184,6 +199,15 @@ export default { ...@@ -184,6 +199,15 @@ export default {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
} }
&.top-bottom {
.left {
flex: none;
width: 192px !important;
}
.right {
flex: 1;
}
}
} }
.middle { .middle {
width: 100%; width: 100%;
......
gassafetyprogress-web/src/components/bigWindow/leftBar.vue
View file @ 512e632b
...@@ -53,11 +53,21 @@ ...@@ -53,11 +53,21 @@
<div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div> <div class="fong-div" style="width: 8px;height: 12px;background-color: #11e9e9b3;float: right;margin-top: 10px;margin-right: 10px;transform: skewX(-25deg)"></div>
</div> </div>
</div> </div>
<div id="myCharttwo" :style="{width: '450px', height: '250px'}"></div> <div class="pieone">
<div class="titleTex"> <div id="myChartpieone" :style="{width: '225px', height: '250px'}"></div>
<span :style="{color: '#00ffff'}"> ● 已完成:{{allNum.typeOne}}</span> <div class="titleTex">
<span :style="{color: '#0099ff'}"> ● 未完成:{{allNum.typeTwo}}</span> <span :style="{color: '#00ffff'}"> ● 已完成:{{allNum.typeOne}}</span>
<span :style="{color: '#0099ff'}"> ● 未完成:{{allNum.typeTwo}}</span>
</div>
</div>
<div class="pietwo">
<div id="myChartpietwo" :style="{width: '225px', height: '250px'}"></div>
<div class="titleTex">
<span :style="{color: '#00ffff'}"> ● 已完成:{{allNum.typeOne}}</span>
<span :style="{color: '#0099ff'}"> ● 未完成:{{allNum.typeTwo}}</span>
</div>
</div> </div>
<!-- <div class="echarts-two" style="margin-top: 30px;width: 430px;margin-left: 10px;"> --> <!-- <div class="echarts-two" style="margin-top: 30px;width: 430px;margin-left: 10px;"> -->
...@@ -190,11 +200,12 @@ ...@@ -190,11 +200,12 @@
initdata(){ initdata(){
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
//console.log(data.renwu[0]+"=-=-=-"+data.renwu[1]) //console.log(data.renwu[0]+"=-=-=-"+data.renwu[1])
let myChart2 = this.$echarts.init(document.getElementById('myCharttwo')) let pieone = this.$echarts.init(document.getElementById('myChartpieone'));
let pietwo = this.$echarts.init(document.getElementById('myChartpietwo'));
// 绘制图表 // 绘制图表
myChart2.setOption({ pieone.setOption({
title: { title: {
text: '任务总数量:'+(this.allNum.typeOne+this.allNum.typeTwo), text: '巡检任务完成率:'+(this.allNum.typeOne+this.allNum.typeTwo),
left: 'center', left: 'center',
top :20, top :20,
textStyle:{ textStyle:{
...@@ -212,7 +223,83 @@ ...@@ -212,7 +223,83 @@
{ {
name: '任务概况', name: '任务概况',
type: 'pie', type: 'pie',
radius: '60%', radius: '55%',
center: ['50%','58%'],
data: [
{
value: this.allNum.typeTwo,
name: '未完成',
itemStyle: { color: '#09f' }
},
{
value: this.allNum.typeOne,
name: '已完成' ,
itemStyle: { color: '#00ffff' }
},
],
labelLine:{
length:20,
length2:50,
},
label:{
color:'#fff',
fontSize: 14,
// formatter:"{b}\n\n",
// padding:[0,-55],
normal: {
show: true,
position: 'outer',
// formatter: '{d}%, {c} \n\n',
//模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。
formatter: "{a_set|{b}}\n{b_set|{d}%}\n\n\n",
// formatter: "{a_set|{b}}\n{c_set|{d}%}\n{b|}\n\n",
borderWidth: 20,
borderRadius: 4,
padding: [0, -55],
rich: {
a_set: {
color: "#cddbe4",
lineHeight: 20,
align: "center",
padding: [55, -40, -15, -40],
},
b_set:{
color: "auto",
},
}
}
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
});
pietwo.setOption({
title: {
text: '隐患整治完成率:'+(this.allNum.typeOne+this.allNum.typeTwo),
left: 'center',
top :20,
textStyle:{
color: "#00ffff"
}
},
grid: {
bottom: "7%",
containLabel: true,
},
tooltip: {
trigger: 'item',
},
series: [
{
name: '任务概况',
type: 'pie',
radius: '55%',
center: ['50%','58%'], center: ['50%','58%'],
data: [ data: [
{ {
...@@ -511,4 +598,14 @@ ...@@ -511,4 +598,14 @@
align-items: center; align-items: center;
padding: 0px 30px; padding: 0px 30px;
} }
.pieone{
width: 50%;
height: 50%;
float: left;
}
.pietwo{
width: 50%;
height: 50%;
float: right;
}
</style> </style>
gassafetyprogress-web/src/components/bigWindow/rightBar.vue
View file @ 512e632b
...@@ -48,6 +48,37 @@ ...@@ -48,6 +48,37 @@
></div> ></div>
</div> </div>
</div> </div>
<div class="" style="padding: 0px 10px;">
<div class="yujingleft yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group786.png" alt="" style="width: 60px;height: 60px;" />
</div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>设备预警</p>
<span>2</span>
</div>
</div>
<div class="yujingcenter yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group787.png" alt="" style="width: 60px;height: 60px;" />
</div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>事件情况</p>
<span>2</span>
</div>
</div>
<div class="yujingright yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group788.png" alt="" style="width: 60px;height: 60px;" />
</div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>隐患数量</p>
<span>2</span>
</div>
</div>
</div>
<div class="left"> <div class="left">
<div <div
class="bottom right-bottom-data-left" class="bottom right-bottom-data-left"
...@@ -325,7 +356,7 @@ export default { ...@@ -325,7 +356,7 @@ export default {
changeTimer: false, changeTimer: false,
repeatFinshed: false, repeatFinshed: false,
tableHeight: 215, tableHeight: 135,
tableData: [], tableData: [],
scrollHeight: 0, scrollHeight: 0,
}; };
......
gassafetyprogress-web/src/utils/mapClass/map.js
View file @ 512e632b
/* /*
* @Author: your name * @Author: your name
* @Date: 2022-01-11 13:45:12 * @Date: 2022-01-11 13:45:12
* @LastEditTime: 2022-03-15 13:50:27 * @LastEditTime: 2022-03-16 15:06:43
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/mapClass.js * @FilePath: /test/hello-world/src/utils/mapClass.js
...@@ -79,17 +79,25 @@ export class EditorMap { ...@@ -79,17 +79,25 @@ export class EditorMap {
// 获取朝阳区的边界信息 // 获取朝阳区的边界信息
var bounds = result.districtList[0].boundaries; var bounds = result.districtList[0].boundaries;
var polygons = []; var polygons = [];
console.log("boundsboundsboundsboundsbounds",bounds)
if (bounds) { if (bounds) {
for (var i = 0, l = bounds.length; i < l; i++) { for (var i = 0, l = bounds.length; i < l; i++) {
//生成行政区划polygon //生成行政区划polygon
new AMap.Polygon({ // new AMap.Polygon({
// map: this.map,
// strokeWeight: 2,
// path: bounds[i],
// fillOpacity: 1,
// fillColor: "transparent",
// strokeColor: "#09f",
// });
new AMap.Polyline({
map: this.map, map: this.map,
strokeWeight: 2, strokeWeight: 4,
path: bounds[i],
fillOpacity: 1,
fillColor: "transparent",
strokeColor: "#09f", strokeColor: "#09f",
}); path: bounds[i],
})
// polygons.push(polygon); // polygons.push(polygon);
} }
} }
......
gassafetyprogress-web/src/views/standingBook/equipment/index.vue
View file @ 512e632b
...@@ -162,6 +162,20 @@ ...@@ -162,6 +162,20 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="23">
<el-form-item label="装置类型" prop="equipments">
<el-select placeholder="请选择装置类型" v-model="form.equipments" multiple filterable clearable style="width: 100%" onchange="change()">
<el-option
v-for="dict in options"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="23"> <el-col :span="23">
<el-form-item label="备注信息" prop="remarks"> <el-form-item label="备注信息" prop="remarks">
...@@ -203,6 +217,20 @@ ...@@ -203,6 +217,20 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="23">
<el-form-item label="装置类型" prop="equipments">
<el-select placeholder="请选择装置类型" v-model="detailForm.equipments" multiple filterable style="width: 100%" disabled>
<el-option
v-for="dict in options"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="23"> <el-col :span="23">
<el-form-item label="详细地址:"> <el-form-item label="详细地址:">
...@@ -239,14 +267,14 @@ export default { ...@@ -239,14 +267,14 @@ export default {
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// 用户加装安全装置台账表格数据 // 用户加装安全装置台账表格数据
equipmentList: [], equipmentList: [],
// 装置类型字典
options: [],
// 弹出层标题 // 弹出层标题
title1: "", title1: "",
title2: "", title2: "",
...@@ -282,6 +310,9 @@ export default { ...@@ -282,6 +310,9 @@ export default {
{ required: true, message: "请输入身份证号", trigger: "blur" }, { required: true, message: "请输入身份证号", trigger: "blur" },
{ min: 18, max: 18, message: "长度18位", trigger: "blur" }, { min: 18, max: 18, message: "长度18位", trigger: "blur" },
], ],
equipments: [
{ required: true, message: "请选择装置类型", trigger: "blur" }
],
installTime: [ installTime: [
{ required: true, message: "选择安装时间", trigger: "change" }, { required: true, message: "选择安装时间", trigger: "change" },
], ],
...@@ -292,6 +323,9 @@ export default { ...@@ -292,6 +323,9 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
change(){
},
/** 查询用户加装安全装置台账列表 */ /** 查询用户加装安全装置台账列表 */
getList() { getList() {
this.loading = true; this.loading = true;
...@@ -320,6 +354,8 @@ export default { ...@@ -320,6 +354,8 @@ export default {
idCard: null, idCard: null,
linkMobile: null, linkMobile: null,
installTime: null, installTime: null,
equipmentType: null,
equipments: [],
brandName: null, brandName: null,
createBy: null, createBy: null,
createTime: null, createTime: null,
...@@ -339,6 +375,8 @@ export default { ...@@ -339,6 +375,8 @@ export default {
idCard: null, idCard: null,
linkMobile: null, linkMobile: null,
installTime: null, installTime: null,
equipmentType: null,
equipments: [],
brandName: null, brandName: null,
createBy: null, createBy: null,
createTime: null, createTime: null,
...@@ -371,14 +409,25 @@ export default { ...@@ -371,14 +409,25 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset1(); this.reset1();
this.getDicts("t_equipment_type").then(response => {
this.options = response.data;
});
this.open1 = true; this.open1 = true;
this.title1 = "添加用户加装安全装置台账"; this.title1 = "添加用户加装安全装置台账";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset1(); this.reset1();
this.getDicts("t_equipment_type").then(response => {
this.options = response.data;
});
getEquipment(row.safeEquipmentId).then(response => { getEquipment(row.safeEquipmentId).then(response => {
this.form = response.data; let data = response.data;
data.equipments = [];
this.form = data;
if(this.form.equipmentType){
this.form.equipments = this.form.equipmentType.split(",");
}
this.open1 = true; this.open1 = true;
this.title1 = "修改用户加装安全装置台账"; this.title1 = "修改用户加装安全装置台账";
}); });
...@@ -387,6 +436,8 @@ export default { ...@@ -387,6 +436,8 @@ export default {
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
var str = this.form.equipments.toString();
this.form.equipmentType = str;
if (this.form.safeEquipmentId != null) { if (this.form.safeEquipmentId != null) {
updateEquipment(this.form).then(response => { updateEquipment(this.form).then(response => {
this.msgSuccess("修改成功"); this.msgSuccess("修改成功");
...@@ -438,6 +489,7 @@ export default { ...@@ -438,6 +489,7 @@ export default {
this.reset2(); this.reset2();
getEquipment(row.safeEquipmentId).then(response => { getEquipment(row.safeEquipmentId).then(response => {
this.detailForm = response.data; this.detailForm = response.data;
this.detailForm.equipments = this.detailForm.equipmentType.split(",");
this.open2 = true; this.open2 = true;
this.title2 = "用户加装安全装置台账详情"; this.title2 = "用户加装安全装置台账详情";
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment