This commit is contained in:
parent
d0e932ddee
commit
ec0d1c3519
|
|
@ -5,20 +5,23 @@
|
|||
@handleTableHeader="handleTableHeader"
|
||||
@handleTablePagination="handleTablePagination"
|
||||
>
|
||||
<!-- <template #TableHeaderRight>
|
||||
<template #TableHeaderRight>
|
||||
<div class="sear">
|
||||
<el-text class="encrypt">排序方式</el-text>
|
||||
<el-text class="encrypt">在线状态</el-text>
|
||||
<el-select
|
||||
v-model="value"
|
||||
class="m-2"
|
||||
placeholder="Select"
|
||||
size="large"
|
||||
v-model="state.formState.isOnline"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
@change='onAffirm'
|
||||
>
|
||||
<el-option label="升序" value="ASC" />
|
||||
<el-option label="降序" value="DESC" />
|
||||
<el-option label="在线" value="1" />
|
||||
<el-option label="离线" value="0" />
|
||||
</el-select>
|
||||
</div>
|
||||
</template> -->
|
||||
</template>
|
||||
<template #isOnline="{ currentCol, currentData }">
|
||||
<div>{{ change1(currentData.isOnline) }}</div>
|
||||
</template>
|
||||
<template #doIt="{ currentCol, currentData }">
|
||||
<span
|
||||
style="
|
||||
|
|
@ -53,7 +56,7 @@
|
|||
clearable
|
||||
>
|
||||
<el-option label="在线" value="1" />
|
||||
<el-option label="离线" value="2" />
|
||||
<el-option label="离线" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否已经接入">
|
||||
|
|
@ -63,13 +66,13 @@
|
|||
clearable
|
||||
>
|
||||
<el-option label="已接入" value="1" />
|
||||
<el-option label="未接入" value="2" />
|
||||
<el-option label="未接入" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否是虚拟通道">
|
||||
<el-radio-group v-model="state.formState.isVirtual">
|
||||
<el-radio label="1">是</el-radio>
|
||||
<el-radio label="2">否</el-radio>
|
||||
<el-radio label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div style="display: flex; justify-content: center">
|
||||
|
|
@ -214,12 +217,12 @@ const data = reactive({
|
|||
tableHeader: [
|
||||
{
|
||||
buttons: [
|
||||
{
|
||||
type: "custom", // 自定义按钮（目前只支持 custom ）,
|
||||
name: "addOne", // 为 handleTableHeader 事件的第一个返回值，注意不能重复
|
||||
title: "查询", // 按钮名称
|
||||
disabled: false,
|
||||
},
|
||||
// {
|
||||
// type: "custom", // 自定义按钮（目前只支持 custom ）,
|
||||
// name: "addOne", // 为 handleTableHeader 事件的第一个返回值，注意不能重复
|
||||
// title: "查询", // 按钮名称
|
||||
// disabled: false,
|
||||
// },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
|
@ -246,41 +249,42 @@ const data = reactive({
|
|||
show: true,
|
||||
// type: "slot",
|
||||
},
|
||||
{
|
||||
label: "单元类型",
|
||||
name: "unitType",
|
||||
show: true,
|
||||
// type: "slot",
|
||||
},
|
||||
{
|
||||
label: "单元序号",
|
||||
name: "unitSeq",
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
label: "通道序号",
|
||||
name: "channelSeq",
|
||||
show: true,
|
||||
},
|
||||
// {
|
||||
// label: "单元类型",
|
||||
// name: "unitType",
|
||||
// show: true,
|
||||
// // type: "slot",
|
||||
// },
|
||||
// {
|
||||
// label: "单元序号",
|
||||
// name: "unitSeq",
|
||||
// show: true,
|
||||
// },
|
||||
// {
|
||||
// label: "通道序号",
|
||||
// name: "channelSeq",
|
||||
// show: true,
|
||||
// },
|
||||
{
|
||||
label: "通道编码",
|
||||
name: "channelCode",
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
label: "通道标识码",
|
||||
name: "channelSn",
|
||||
show: true,
|
||||
},
|
||||
// {
|
||||
// label: "通道标识码",
|
||||
// name: "channelSn",
|
||||
// show: true,
|
||||
// },
|
||||
{
|
||||
label: "通道名称",
|
||||
name: "channelName",
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
label: "通道类型",
|
||||
name: "unitchannelTypeSeq",
|
||||
label: "在线状态",
|
||||
name: "isOnline",
|
||||
show: true,
|
||||
type: "slot",
|
||||
},
|
||||
{
|
||||
type: "slot", // 设置为 slot 即可使用插槽
|
||||
|
|
@ -363,6 +367,17 @@ const stateMonitoring = () => {
|
|||
state.Monitoring = false;
|
||||
state.formState = {};
|
||||
};
|
||||
//转换在线类型
|
||||
const change1 = (isOnline) => {
|
||||
// console.log("change", streamType);
|
||||
let a = "";
|
||||
if (isOnline == 1) {
|
||||
a = "在线";
|
||||
} else {
|
||||
a = "离线";
|
||||
}
|
||||
return a;
|
||||
};
|
||||
onMounted(() => {
|
||||
onAffirm();
|
||||
});
|
||||
|
|
@ -372,7 +387,7 @@ onMounted(() => {
|
|||
.sear {
|
||||
display: flex;
|
||||
.encrypt {
|
||||
width: 150px;
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
.information {
|
||||
|
|
|
|||
|
|
@ -19,6 +19,9 @@
|
|||
<el-input v-model="condition.monitoringPointName" @change="get()" />
|
||||
</div>
|
||||
</template>
|
||||
<template #streamType="{ currentCol, currentData }">
|
||||
<div>{{ change1(currentData.streamType) }}</div>
|
||||
</template>
|
||||
<template #doIt="{ currentCol, currentData }">
|
||||
<span
|
||||
style="
|
||||
|
|
@ -78,16 +81,30 @@
|
|||
</el-form-item>
|
||||
<el-form-item label="流通编码" prop="type">
|
||||
<el-select
|
||||
v-model="state.formState.type"
|
||||
placeholder="请选择"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-option label="hls" value="hls" />
|
||||
<el-option label="hlss" value="hlss" />
|
||||
<el-option label="flv" value="flv" />
|
||||
<el-option label="flvs" value="flvs" />
|
||||
<el-option label="rtmp" value="rtmp" />
|
||||
</el-select>
|
||||
v-model="state.formState.type"
|
||||
placeholder="请选择"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-option label="hls" value="hls" />
|
||||
<el-option label="hlss" value="hlss" />
|
||||
<el-option label="flv" value="flv" />
|
||||
<el-option label="flvs" value="flvs" />
|
||||
<el-option label="rtmp" value="rtmp" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="码流类型" prop="streamType">
|
||||
<el-select
|
||||
v-model="state.formState.streamType"
|
||||
placeholder="请选择"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in state.option"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<div style="display: flex; justify-content: center">
|
||||
<el-button type="primary" @click="onAffirm(ruleFormRef)"
|
||||
|
|
@ -114,8 +131,22 @@ const state = reactive({
|
|||
monitoringPointName: "",
|
||||
monitoringPointCode: "",
|
||||
channelId: "",
|
||||
type:"",
|
||||
type: "",
|
||||
},
|
||||
option: [
|
||||
{
|
||||
label: "主码流",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label: "辅码流",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label: "辅码流2",
|
||||
value: 3,
|
||||
},
|
||||
],
|
||||
});
|
||||
const pulldown = reactive({
|
||||
//系统分类
|
||||
|
|
@ -144,7 +175,14 @@ const rules = reactive({
|
|||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
type : [
|
||||
type: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
streamType: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
|
|
@ -209,6 +247,12 @@ const data = reactive({
|
|||
name: "type",
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
label: "码流类型",
|
||||
name: "streamType",
|
||||
show: true,
|
||||
type: "slot",
|
||||
},
|
||||
{
|
||||
type: "slot", // 设置为 slot 即可使用插槽
|
||||
name: "doIt", // name 是作用域插槽的名字
|
||||
|
|
@ -282,7 +326,7 @@ const get = () => {
|
|||
data.pagination.current = res.data.current;
|
||||
data.pagination.pageSize = res.data.size;
|
||||
data.pagination.total = res.data.total;
|
||||
}else if (res.code === 600){
|
||||
} else if (res.code === 600) {
|
||||
ElMessage.error(res.message);
|
||||
Router.push("/web/xgmm");
|
||||
}
|
||||
|
|
@ -312,7 +356,7 @@ const onFinish = () => {
|
|||
if (res.code === 200) {
|
||||
ElMessage.success(res.message);
|
||||
state.Monitoring = false;
|
||||
state.formState = {}
|
||||
state.formState = {};
|
||||
get();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
|
|
@ -326,13 +370,13 @@ const onAlter = () => {
|
|||
channelId: state.formState.channelId,
|
||||
monitoringPointCode: state.formState.monitoringPointCode,
|
||||
monitoringPointName: state.formState.monitoringPointName,
|
||||
type:state.formState.type,
|
||||
type: state.formState.type,
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code === 200) {
|
||||
ElMessage.success(res.message);
|
||||
state.Monitoring = false;
|
||||
state.formState = {}
|
||||
state.formState = {};
|
||||
get();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
|
|
@ -362,10 +406,22 @@ const remove = (data) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
const stateMonitoring = () =>{
|
||||
const stateMonitoring = () => {
|
||||
state.Monitoring = false;
|
||||
state.formState = {}
|
||||
}
|
||||
state.formState = {};
|
||||
};
|
||||
//转换码流类型
|
||||
const change1 = (streamType) => {
|
||||
// console.log("change", streamType);
|
||||
let a = "";
|
||||
state.option.forEach((item) => {
|
||||
if (item.value == streamType) {
|
||||
a = item.label;
|
||||
return;
|
||||
}
|
||||
});
|
||||
return a;
|
||||
};
|
||||
onMounted(() => {
|
||||
get();
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue