| | |
| | | data |
| | | }); |
| | | }, |
| | | //删除 |
| | | remove: (id) => { |
| | | return publicRequest({ |
| | | url: `/sysDictType/remove/${id}`, |
| | | method: 'post', |
| | | }); |
| | | }, |
| | | //分页查询 |
| | | search: (data) => { |
| | | return publicRequest({ |
| | |
| | | </template> |
| | | <script setup> |
| | | import{ useRouter,useRoute } from 'vue-router' |
| | | import useUserStore from '@/store/modules/user.js' |
| | | import {onMounted, ref, watch} from "vue"; |
| | | import {onMounted, ref, watch, onUnmounted} from "vue"; |
| | | import { getUserType } from '@/utils/auth' |
| | | import { warnHistory } from '@/api/screen/warning/index.js' |
| | | |
| | | const userStore = useUserStore() |
| | | |
| | | const router = useRouter() |
| | | const route = ref(useRoute()) |
| | |
| | | const userType = ref(getUserType()) |
| | | |
| | | const openWarn = ref(false) |
| | | const text = ref('新扎沟口流量监测点水位到达下限值, 金川水电站生态流量监测点水位到达下限值,流量监测点水位到达下限值') |
| | | const text = ref('') |
| | | let timer = null; |
| | | |
| | | watch(openWarn, (newVal) => { |
| | |
| | | router.push(item.url) |
| | | } |
| | | |
| | | // 获取报警内容 |
| | | const getWarnList = () => { |
| | | let str = '' |
| | | warnHistory({limit: 10, page: 1, monitorType: 2}).then(res => { |
| | | res.data.list?.forEach((item)=>{ |
| | | str += item.description + ',' |
| | | }) |
| | | text.value = str |
| | | }) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | if(userStore.userType == 1) { |
| | | getWarnList() |
| | | if(userType.value == 1) { |
| | | btnList.value.push({name:'系统管理',url:'/user'}) |
| | | } |
| | | }) |
| | | |
| | | onUnmounted(() => { |
| | | if(timer){ |
| | | clearInterval(timer) |
| | | } |
| | | }) |
| | | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | pointName: '监控点名称', |
| | | pointCode: '监控点编号', |
| | | pointType: '监控类型', |
| | | waterWidth: '水面宽度', |
| | | address: '详细地址', |
| | | createTimeView: '创建时间', |
| | | imageUrl: '图片', |
| | |
| | | pointCode: '监控点编号', |
| | | pointType: '监控点类型', |
| | | parentId: '父级监控点', |
| | | waterWidth: '水面宽度', |
| | | address: '详细地址', |
| | | imageUrl: '图片', |
| | | remark: '备注' |
| | |
| | | pointCode: '', |
| | | pointType: '', |
| | | parentId: '', |
| | | waterWidth: '', |
| | | address: '', |
| | | imageUrl: '', |
| | | remark: '' |
| | |
| | | pointName: '', |
| | | pointCode: '', |
| | | pointType: '', |
| | | waterWidth: '', |
| | | address: '', |
| | | imageUrl: '', |
| | | remark: '' |
| | |
| | | <el-form-item :label="formLabel.remark" prop="address"> |
| | | <el-input v-model="form.remark" :placeholder="'请输入'+formLabel.remark"/> |
| | | </el-form-item> |
| | | <!-- <el-form-item></el-form-item>--> |
| | | <el-form-item :label="formLabel.waterWidth" prop="waterWidth"> |
| | | <el-input v-model="form.waterWidth" :placeholder="'请输入'+formLabel.waterWidth"/> |
| | | </el-form-item> |
| | | <el-form-item></el-form-item> |
| | | <el-form-item label="图片" prop="imageUrl" style="flex: 1"> |
| | | <upload-icons @uploadData="uploadData" :imageList="form.imageUrl" :limit="1"></upload-icons> |
| | | <span style="display: block;">(请上传1张设备图片)</span> |
| | |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | name: '10⁸m³', |
| | | name: 'm³', |
| | | nameTextStyle: { |
| | | color: '#fff', |
| | | fontSize: '1.2rem' |
| | |
| | | <div class="name">累计流量:</div> |
| | | <div class="val"><span>{{props.data.totalFlow}}</span>m³</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="name">水面宽度:</div> |
| | | <div class="val"><span>{{props.data.waterWidth}}</span>m</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="name">过水面积:</div> |
| | | <div class="val"><span>{{props.data.waterArea}}</span>m³</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | align-items: center; |
| | | padding: 0.5rem 0; |
| | | .name{ |
| | | width: 50%; |
| | | width: 6rem; |
| | | } |
| | | span{ |
| | | margin-right: 0.8rem; |
| | | .val{ |
| | | display: flex; |
| | | align-items: center; |
| | | span{ |
| | | display: inline-block; |
| | | width: 6rem; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | <div class="name">累计流量:</div> |
| | | <div class="val"><span>{{ item.totalFlow }}</span>m³</div> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="name">水面宽度:</div> |
| | | <div class="val"><span>{{ item.waterWidth }}</span>m</div> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="name">过水面积:</div> |
| | | <div class="val"><span>{{ item.waterArea }}</span>m³</div> |
| | | </div> |
| | | </div> |
| | | <div class="info-btn"> |
| | | <div class="fullScreen" @click="handleFullScreen(index)"> |
| | |
| | | width: 100px; |
| | | } |
| | | |
| | | .val span { |
| | | display: inline-block; |
| | | padding: 0 20px; |
| | | .val{ |
| | | display: flex; |
| | | align-items: center; |
| | | span { |
| | | display: inline-block; |
| | | width: 6rem; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .mask{ |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | z-index: 100; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | .mask-item{ |
| | | position: absolute; |
| | | left: 5%; |
| | | bottom: 10%; |
| | | height: 400px; |
| | | width: 300px; |
| | | background-color: rgba(0, 0, 0, 0.4); |
| | | } |
| | | } |
| | | } |
| | |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | name: 'm', |
| | | name: '次', |
| | | nameTextStyle: { |
| | | color: '#fff', |
| | | fontSize: '1.2rem' |
| | |
| | | import {sysDictType, sysDictData} from "@/api/system/dict"; |
| | | import {onMounted} from "vue"; |
| | | import setPostParams from "@/utils/searchParams.js"; |
| | | import {ElMessage} from "element-plus"; |
| | | |
| | | const {proxy} = getCurrentInstance(); |
| | | |
| | |
| | | |
| | | /** 删除按钮操作 */ |
| | | function handleDelete(row) { |
| | | proxy.$modal.confirm('确认删除"' + row.dictName + '?') |
| | | .then(async () => { |
| | | console.log("无删除功能"); |
| | | }).catch(() => { |
| | | }); |
| | | proxy.$modal.confirm('确认删除"' + row.dictName + '?').then(() => { |
| | | sysDictType().remove(row.id).then(() => { |
| | | ElMessage.success('删除成功') |
| | | getList() |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | /** 关闭弹窗 */ |