|
|
@@ -15,6 +15,19 @@
|
|
|
</a-tree>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 瓦斯巡检弹窗信息 -->
|
|
|
+ <div class="inspect-info-xj">
|
|
|
+ <div class="info-xj-title">
|
|
|
+ <span>当前巡检进度</span>
|
|
|
+ <span>25%</span>
|
|
|
+ </div>
|
|
|
+ <div class="info-xj-content">
|
|
|
+ <div class="xj-content-item" v-for="(item,index) in inspectList" :key="index">
|
|
|
+ <div class="content-item-title">{{ item.label }}</div>
|
|
|
+ <div class="content-item-val">{{ item.val }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="location-icon"
|
|
|
:class="{ 'location-btn-show': !locationSettingShow, 'location-btn-hide': locationSettingShow }"
|
|
|
@click="showTree('location', true)">
|
|
|
@@ -407,6 +420,12 @@ const personData = ref('')//巡检员
|
|
|
const instypeData = ref('')//巡检类型
|
|
|
const classData = ref('')//巡检班次
|
|
|
const gaspatrolData = ref<any[]>([])
|
|
|
+const inspectList=ref<any[]>([
|
|
|
+ {label:'第一次巡检已检数',val:1},
|
|
|
+ {label:'第一次巡检未检数',val:2},
|
|
|
+ {label:'第二次巡检已检数',val:3},
|
|
|
+ {label:'第二次巡检未检数',val:4},
|
|
|
+])
|
|
|
|
|
|
const glob = useGlobSetting();
|
|
|
// import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
|
|
|
@@ -1211,6 +1230,50 @@ onUnmounted(() => {
|
|
|
pointer-events: auto;
|
|
|
padding: 20px 10px 30px 10px;
|
|
|
}
|
|
|
+.inspect-info-xj{
|
|
|
+ position:fixed;
|
|
|
+ top: 100px;
|
|
|
+ left: 250px;
|
|
|
+ width:320px;
|
|
|
+ height:272px;
|
|
|
+ padding:20px;
|
|
|
+background:url('@/assets/images/inspect-bg.png') no-repeat center;
|
|
|
+background-size:100% 100%;
|
|
|
+box-sizing:border-box;
|
|
|
+.info-xj-title{
|
|
|
+ width:230px;
|
|
|
+ height:36px;
|
|
|
+ line-height:36px;
|
|
|
+padding-left:50px;
|
|
|
+ margin:10px 0px;
|
|
|
+ color:#fff;
|
|
|
+ background:url('@/assets/images/inspect-title.png') no-repeat center;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.info-xj-content{
|
|
|
+ display:flex;
|
|
|
+ flex-wrap:wrap;
|
|
|
+ height:calc(100% - 56px);
|
|
|
+ padding:10px 0px;
|
|
|
+ box-sizing:border-box;
|
|
|
+ .xj-content-item{
|
|
|
+ display:flex;
|
|
|
+ flex-direction:column;
|
|
|
+ justify-content:space-around;
|
|
|
+ align-items:center;
|
|
|
+ width:126px;
|
|
|
+ height:67px;
|
|
|
+ margin:7px;
|
|
|
+ color:#fff;
|
|
|
+ padding-bottom:5px;
|
|
|
+ background:url('@/assets/images/inspect-item.png') no-repeat center;
|
|
|
+ .content-item-val{
|
|
|
+ font-family: 'douyuFont';
|
|
|
+ color:#74e9fe;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+}
|
|
|
|
|
|
.is-expansion-icon {
|
|
|
padding: 5px;
|
