|
|
|
|
@ -68,32 +68,48 @@
|
|
|
|
|
<div class="paramsDate setTimebtn">
|
|
|
|
|
<h3>操作项</h3>
|
|
|
|
|
<div class="buttonGroup">
|
|
|
|
|
<takePicButton></takePicButton>
|
|
|
|
|
|
|
|
|
|
<takeVideoButton></takeVideoButton>
|
|
|
|
|
|
|
|
|
|
<takePicButton v-if="showButton('pzShowBtn')"></takePicButton>
|
|
|
|
|
<takeVideoButton v-if="showButton('spShowBtn')"></takeVideoButton>
|
|
|
|
|
<deviceInfoButton></deviceInfoButton>
|
|
|
|
|
|
|
|
|
|
<scheduleButton></scheduleButton>
|
|
|
|
|
<alarmButton></alarmButton>
|
|
|
|
|
<scheduleButton v-if="showButton('pztimeShowBtn')"></scheduleButton>
|
|
|
|
|
<alarmButton v-if="showButton('sgbjShowBtn')"></alarmButton>
|
|
|
|
|
<cableButton></cableButton>
|
|
|
|
|
<gpsButton></gpsButton>
|
|
|
|
|
<el-dropdown
|
|
|
|
|
class="dropgps"
|
|
|
|
|
trigger="click"
|
|
|
|
|
@command="handleCommandGps"
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary">
|
|
|
|
|
GPS开关<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-dropdown-menu slot="dropdown" class="gpsdropStyle">
|
|
|
|
|
<el-dropdown-item command="open">开启GPS</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item command="close">关闭GPS</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
<el-button type="primary" @click="handlehistoryPic">
|
|
|
|
|
历史图片</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="handlehistoryPic"
|
|
|
|
|
v-if="roleUser != 4"
|
|
|
|
|
@click="handleParams"
|
|
|
|
|
v-if="showButton('cspzShowBtn')"
|
|
|
|
|
>
|
|
|
|
|
历史图片</el-button
|
|
|
|
|
参数配置</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="handleuploadPic"
|
|
|
|
|
v-if="showButton('sctpShowBtn')"
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" @click="handleParams"> 参数配置</el-button>
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="handleuploadPic" v-if="roleUser == 0">
|
|
|
|
|
上传图片</el-button
|
|
|
|
|
>
|
|
|
|
|
<takeTimePicButton v-if="roleUser == 0"></takeTimePicButton>
|
|
|
|
|
|
|
|
|
|
<setChannelButton v-if="roleUser == 0"></setChannelButton>
|
|
|
|
|
<setAppButton v-if="roleUser == 0"></setAppButton>
|
|
|
|
|
<takeTimePicButton
|
|
|
|
|
v-if="showButton('zdTimepzShowBtn')"
|
|
|
|
|
></takeTimePicButton>
|
|
|
|
|
<setChannelButton v-if="showButton('tdszShowBtn')"></setChannelButton>
|
|
|
|
|
<setAppButton v-if="showButton('appShowBtn')"></setAppButton>
|
|
|
|
|
<el-dropdown
|
|
|
|
|
class="dropgps"
|
|
|
|
|
trigger="click"
|
|
|
|
|
@ -114,57 +130,46 @@
|
|
|
|
|
<el-dropdown-item command="faultInfo">故障信息报</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
<!-- <el-button type="primary" @click="handleTakePic" :loading="picLoading"
|
|
|
|
|
>主动拍照
|
|
|
|
|
</el-button> -->
|
|
|
|
|
<!-- <el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button>
|
|
|
|
|
<el-button type="primary">主动拍照 </el-button> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="setfocalLength" v-if="areaData.protocol == '65286'">
|
|
|
|
|
<h3>焦距调节</h3>
|
|
|
|
|
<div class="selectChannel">
|
|
|
|
|
<span class="labelname">选择通道</span>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="channelarrValue"
|
|
|
|
|
placeholder="请选择通道"
|
|
|
|
|
ref="multiSelect"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in channelfocalOpyion"
|
|
|
|
|
:key="item.channelid"
|
|
|
|
|
:label="
|
|
|
|
|
item.alias !== null && item.alias !== ''
|
|
|
|
|
? item.alias
|
|
|
|
|
: item.channelname
|
|
|
|
|
"
|
|
|
|
|
:value="item.channelid"
|
|
|
|
|
<div class="setfocalLength" v-if="areaData.protocol == '65286'">
|
|
|
|
|
<h3>焦距调节</h3>
|
|
|
|
|
<div class="selectChannel">
|
|
|
|
|
<span class="labelname">选择通道</span>
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="channelarrValue"
|
|
|
|
|
placeholder="请选择通道"
|
|
|
|
|
ref="multiSelect"
|
|
|
|
|
>
|
|
|
|
|
{{
|
|
|
|
|
item.alias !== null && item.alias !== ""
|
|
|
|
|
? item.alias
|
|
|
|
|
: item.channelname
|
|
|
|
|
}}
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="buttonGroup">
|
|
|
|
|
<el-button type="primary" icon="el-icon-zoom-in" @click="amplify()"
|
|
|
|
|
>放大</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" icon="el-icon-zoom-out" @click="reduce()"
|
|
|
|
|
>缩小</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in channelfocalOpyion"
|
|
|
|
|
:key="item.channelid"
|
|
|
|
|
:label="
|
|
|
|
|
item.alias !== null && item.alias !== ''
|
|
|
|
|
? item.alias
|
|
|
|
|
: item.channelname
|
|
|
|
|
"
|
|
|
|
|
:value="item.channelid"
|
|
|
|
|
>
|
|
|
|
|
{{
|
|
|
|
|
item.alias !== null && item.alias !== ""
|
|
|
|
|
? item.alias
|
|
|
|
|
: item.channelname
|
|
|
|
|
}}
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="buttonGroup">
|
|
|
|
|
<el-button type="primary" icon="el-icon-zoom-in" @click="amplify()"
|
|
|
|
|
>放大</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" icon="el-icon-zoom-out" @click="reduce()"
|
|
|
|
|
>缩小</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<parameterSetDialog ref="parameterSetref"></parameterSetDialog>
|
|
|
|
|
<uploadpic ref="uploadpicref"></uploadpic>
|
|
|
|
|
|
|
|
|
|
<baseInfor ref="baseInfor_ref"></baseInfor>
|
|
|
|
|
<workStatus ref="workStatus_ref"></workStatus>
|
|
|
|
|
<runStatus ref="runStatus_ref"></runStatus>
|
|
|
|
|
@ -197,6 +202,7 @@ import {
|
|
|
|
|
updateTermCamera,
|
|
|
|
|
getTermStatus,
|
|
|
|
|
addFavorList,
|
|
|
|
|
setTermGPSJoggle,
|
|
|
|
|
} from "@/utils/api/index";
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
@ -236,6 +242,7 @@ export default {
|
|
|
|
|
selectLineId: "",
|
|
|
|
|
selectTowerId: "",
|
|
|
|
|
collectFlag: false, //收藏
|
|
|
|
|
btnShowList: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
@ -250,15 +257,27 @@ export default {
|
|
|
|
|
areaData() {
|
|
|
|
|
return this.$store.state.currentData;
|
|
|
|
|
},
|
|
|
|
|
showButtonMap() {
|
|
|
|
|
return this.btnShowList.reduce((map, button) => {
|
|
|
|
|
map[button.key] = true; // 假设只要key存在，就显示按钮
|
|
|
|
|
return map;
|
|
|
|
|
}, {});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.roleUser = localStorage.getItem("role");
|
|
|
|
|
console.log("asdsaddddddddddddddddddddddddd", this.roleUser);
|
|
|
|
|
this.btnShowList = JSON.parse(localStorage.getItem("btnPermission"));
|
|
|
|
|
console.log(this.btnShowList);
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getDateTime();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
//控制显示与隐藏
|
|
|
|
|
showButton(key) {
|
|
|
|
|
return this.showButtonMap[key] || false;
|
|
|
|
|
},
|
|
|
|
|
//双击选中复制
|
|
|
|
|
handleDblClick(val) {
|
|
|
|
|
// alert(val);
|
|
|
|
|
@ -377,6 +396,54 @@ export default {
|
|
|
|
|
this.$store.commit("channelId", val); //将currentData保存在vuex中
|
|
|
|
|
this.$parent.getPhotoList(val, this.dateValue, this.areaData.id);
|
|
|
|
|
},
|
|
|
|
|
//切换gps开启关闭
|
|
|
|
|
handleCommandGps(command) {
|
|
|
|
|
switch (command) {
|
|
|
|
|
case "open": //开启
|
|
|
|
|
this.changeGPS(1, this.areaData.id);
|
|
|
|
|
break;
|
|
|
|
|
case "close": //关闭
|
|
|
|
|
this.changeGPS(0, this.areaData.id);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
changeGPS(val, cmdid) {
|
|
|
|
|
console.log(val, cmdid);
|
|
|
|
|
getTermStatus({ termId: cmdid }).then((res) => {
|
|
|
|
|
console.log(res);
|
|
|
|
|
if (res.data.isonline) {
|
|
|
|
|
setTermGPSJoggle({ gpsstatus: val, cmdId: cmdid })
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log(res);
|
|
|
|
|
if (val == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
duration: 1500,
|
|
|
|
|
message: "GPS已关闭",
|
|
|
|
|
type: "warning",
|
|
|
|
|
showClose: true,
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message({
|
|
|
|
|
duration: 1500,
|
|
|
|
|
message: "成功开启GPS",
|
|
|
|
|
type: "success",
|
|
|
|
|
showClose: true,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err); //代码错误、请求失败捕获
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message({
|
|
|
|
|
duration: 1500,
|
|
|
|
|
showClose: true,
|
|
|
|
|
message: "装置下线，发送指令失败",
|
|
|
|
|
type: "error",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
//历史图片跳转
|
|
|
|
|
handlehistoryPic() {
|
|
|
|
|
console.log(this.areaData);
|
|
|
|
|
|
fanluyan
1 year ago