| | |
| | | <script setup> |
| | | import {ref} from "vue"; |
| | | import {getUserType} from '@/utils/auth.js' |
| | | |
| | | const userType = ref(getUserType()) |
| | | const monitorRef = ref() |
| | | const searchVal = ref('') |
| | |
| | | { label: '水电站流量监测点', value: 1 }, |
| | | { label: '新扎口流量监测点', value: 2 }, |
| | | ]) |
| | | const video = ref() |
| | | const setData = reactive({ |
| | | licheng: '', |
| | | toufang: '', |
| | | gaocheng: '', |
| | | shuiwei: '', |
| | | shuiwen: '', |
| | | shuiweiji: '', |
| | | jilu: '', |
| | | shuju: '' |
| | | }) |
| | | |
| | | // 全屏操作 |
| | | const handleFullScreen = () => { |
| | |
| | | <div class="item-set"> |
| | | <div class="setbox"> |
| | | <div class="name">里程设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.licheng" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">投放度设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.toufang" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">高程设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.gaocheng" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水位下限设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.shuiwei" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水温下限设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.shuiwen" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水位计采集间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.shuiweiji"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">记录上报间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.jilu"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">实时数据上报间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.shuju"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="item-btn"><el-button size="large" type="success">批量应用</el-button></div> |
| | | <div class="item-error"> |
| | | <img src="@/assets/images/warning.png" /> |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="item-t">电站进水口水温监测点</div> |
| | |
| | | <div class="item-set"> |
| | | <div class="setbox"> |
| | | <div class="name">里程设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.licheng" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">投放度设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.toufang" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">高程设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.gaocheng" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水位下限设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.shuiwei" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水温下限设置:</div> |
| | | <el-input /> |
| | | <el-input v-model="setData.shuiwen" /> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水位计采集间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.shuiweiji"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">记录上报间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.jilu"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">实时数据上报间隔设置:</div> |
| | | <el-select> |
| | | <el-option>60s</el-option> |
| | | <el-option>120s</el-option> |
| | | <el-option>300s</el-option> |
| | | <el-option>600s</el-option> |
| | | <el-select v-model="setData.shuju"> |
| | | <el-option value="60">60s</el-option> |
| | | <el-option value="120">120s</el-option> |
| | | <el-option value="300">300s</el-option> |
| | | <el-option value="600">600s</el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="item-btn"><el-button size="large" type="success">批量应用</el-button></div> |
| | | <div class="item-error"> |
| | | <img src="@/assets/images/warning.png" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | border: 1px solid #176CE5; |
| | | padding: 20px; |
| | | border-radius: 8px; |
| | | position: relative; |
| | | &-error{ |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: rgba(0, 0, 0, 0.3); |
| | | img{ |
| | | width: 100%; |
| | | } |
| | | } |
| | | .item-t{ |
| | | font-size: 36px; |
| | | color: #fff; |