|
@@ -95,6 +95,16 @@
|
|
|
icon="delete"
|
|
|
@click="deleteScreens(scope.row)"
|
|
|
>删除</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ link
|
|
|
+ @click="switchOpenCloseScreens(scope.row,1)"
|
|
|
+ >亮屏</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ link
|
|
|
+ @click="switchOpenCloseScreens(scope.row,0)"
|
|
|
+ >熄屏</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -137,24 +147,32 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="ip地址:" :inline="false" prop="ipAddress">
|
|
|
- <el-input v-model="screensInfo.ipAddress"></el-input>
|
|
|
+ <el-form-item label="组网方式:" :inline="false" prop="network">
|
|
|
+ <el-select v-model="screensInfo.network" placeholder="请选择组网方式">
|
|
|
+ <el-option label="网关" :value=0></el-option>
|
|
|
+ <el-option label="4G模块" :value=1></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="ip地址:" :inline="false" prop="ipAddress">
|
|
|
+ <el-input v-model="screensInfo.ipAddress"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="品牌:" :inline="false" prop="screensBrand">
|
|
|
<el-input v-model="screensInfo.screensBrand"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="型号:" :inline="false" prop="screensModel">
|
|
|
<el-input v-model="screensInfo.screensModel"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="所属网关:" :inline="false" prop="gatewayId">
|
|
|
<el-select v-model="screensInfo.gatewayId" placeholder="所属网关">
|
|
@@ -162,6 +180,8 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="分辨率:" :inline="false">
|
|
|
<el-select v-model="screensInfo.resolutionId" placeholder="请选择分辨率">
|
|
@@ -169,8 +189,6 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="屏幕尺寸:" :inline="false">
|
|
|
<el-select v-model="screensInfo.screensSizeId" placeholder="请选择屏幕尺寸">
|
|
@@ -178,6 +196,8 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="所属分路:" :inline="false">
|
|
|
<el-select v-model="screensInfo.shunt" placeholder="请选择所属分路">
|
|
@@ -186,13 +206,13 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="分路描述:" :inline="false">
|
|
|
<el-input v-model="screensInfo.shuntDescribe"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="安装时间:" :inline="false">
|
|
|
<el-date-picker
|
|
@@ -252,46 +272,46 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="ip地址:" :inline="false">
|
|
|
- {{screensInfo.ipAddress }}
|
|
|
+ <el-form-item label="组网方式:" :inline="false">
|
|
|
+ {{screensInfo.network === 0 ? '网关':'4G模块' }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="ip地址:" :inline="false">
|
|
|
+ {{screensInfo.ipAddress }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="所属网关:" :inline="false">
|
|
|
{{screensInfo.GateWay.gatewayName }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="分辨率:" :inline="false">
|
|
|
{{screensInfo.Resolution.price }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="屏幕尺寸:" :inline="false">
|
|
|
{{screensInfo.ScreensSize.size }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="所属分路:" :inline="false">
|
|
|
<el-tag effect="dark">{{screensInfo.shunt===1?"主路":screensInfo.shunt===2?"支路":"未知"}}</el-tag>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="分路描述:" :inline="false">
|
|
|
{{screensInfo.shuntDescribe }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="安装时间:" :inline="false">
|
|
|
- {{screensInfo.installTime }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
@@ -300,24 +320,31 @@
|
|
|
<span :style="{ color: screensInfo.status === 0 ? 'red' : 'green' }">{{ screensInfo.status === 0 ? '离线' : '在线' }}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="素材状态:" :inline="false">
|
|
|
+ <div class="onlinebox" :style="{'background': screensInfo.sourceStatus===0 ? 'red':'green' }"></div>
|
|
|
+ <span :style="{ color: screensInfo.sourceStatus === 0 ? 'red' : 'green' }">{{ screensInfo.sourceStatus === 0 ? '异常' : '正常' }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="播放状态:" :inline="false">
|
|
|
<div class="onlinebox" :style="{'background': screensInfo.playStatus===0 ? 'red':'green' }"></div>
|
|
|
<span :style="{ color: screensInfo.playStatus === 0 ? 'red' : 'green' }">{{ screensInfo.playStatus === 0 ? '异常' : '正常' }}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="模板状态:" :inline="false">
|
|
|
<div class="onlinebox" :style="{'background': screensInfo.displayStatus===0 ? 'red':'green' }"></div>
|
|
|
<span :style="{ color: screensInfo.displayStatus === 0 ? 'red' : 'green' }">{{ screensInfo.displayStatus === 0 ? '异常' : '正常' }}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="素材状态:" :inline="false">
|
|
|
- <div class="onlinebox" :style="{'background': screensInfo.sourceStatus===0 ? 'red':'green' }"></div>
|
|
|
- <span :style="{ color: screensInfo.sourceStatus === 0 ? 'red' : 'green' }">{{ screensInfo.sourceStatus === 0 ? '异常' : '正常' }}</span>
|
|
|
+ <el-form-item label="安装时间:" :inline="false">
|
|
|
+ {{screensInfo.installTime }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -327,7 +354,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import {deleteBaseScreens, getScreensList, queryscreensParms,setScreensInfo,addScreens} from "@/api/screens";
|
|
|
+import {deleteBaseScreens, getScreensList, queryscreensParms,setScreensInfo,addScreens,switchScreens} from "@/api/screens";
|
|
|
import { ref,reactive} from 'vue'
|
|
|
import {ElMessage, ElMessageBox} from "element-plus";
|
|
|
const page = ref(1)
|
|
@@ -365,6 +392,9 @@ const rules = ref({
|
|
|
sn: [
|
|
|
{ required: true, message:'请输入设备SN',trigger: 'blur'},
|
|
|
],
|
|
|
+ network: [
|
|
|
+ { required: true, message:'请选择组网方式',trigger: 'blur'},
|
|
|
+ ],
|
|
|
gatewayId: [
|
|
|
{ required: true, message:'请选择网关',trigger: 'blur'},
|
|
|
]
|
|
@@ -510,6 +540,24 @@ const deleteScreens = (obj) => {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+const switchOpenCloseScreens = async (obj,opt) => {
|
|
|
+ if (obj.status ===0 ){
|
|
|
+ ElMessage({
|
|
|
+ type: 'info',
|
|
|
+ message: '操作失败,设备离线',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var res = await switchScreens({sn:obj.sn,network:obj.network,flag:opt});
|
|
|
+ if (res.code === 0) {
|
|
|
+ ElMessage({
|
|
|
+ type: 'success',
|
|
|
+ message: '操作成功!',
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
</script>
|
|
|
<style>
|
|
|
.el-table .success-row {
|