gx

src/views/form/devicechannel.vue

@@ -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"
+            v-model="state.formState.isOnline"
-            class="m-2"
+            placeholder="请选择"
-            placeholder="Select"
+            clearable
-            size="large"
+            @change='onAffirm'
           >
-            <el-option label="升序" value="ASC" />
+            <el-option label="在线" value="1" />
-            <el-option label="降序" value="DESC" />
+            <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 ）,
+        //   type: "custom", // 自定义按钮（目前只支持 custom ）,
-          name: "addOne", // 为 handleTableHeader 事件的第一个返回值，注意不能重复
+        //   name: "addOne", // 为 handleTableHeader 事件的第一个返回值，注意不能重复
-          title: "查询", // 按钮名称
+        //   title: "查询", // 按钮名称
-          disabled: false,
+        //   disabled: false,
-        },
+        // },
       ],
     },
     {
@@ -246,41 +249,42 @@ const data = reactive({
       show: true,
       // type: "slot",
     },
-    {
+    // {
-      label: "单元类型",
+    //   label: "单元类型",
-      name: "unitType",
+    //   name: "unitType",
-      show: true,
+    //   show: true,
-      // type: "slot",
+    //   // type: "slot",
-    },
+    // },
-    {
+    // {
-      label: "单元序号",
+    //   label: "单元序号",
-      name: "unitSeq",
+    //   name: "unitSeq",
-      show: true,
+    //   show: true,
-    },
+    // },
-    {
+    // {
-      label: "通道序号",
+    //   label: "通道序号",
-      name: "channelSeq",
+    //   name: "channelSeq",
-      show: true,
+    //   show: true,
-    },
+    // },
     {
       label: "通道编码",
       name: "channelCode",
       show: true,
     },
-    {
+    // {
-      label: "通道标识码",
+    //   label: "通道标识码",
-      name: "channelSn",
+    //   name: "channelSn",
-      show: true,
+    //   show: true,
-    },
+    // },
     {
       label: "通道名称",
       name: "channelName",
       show: true,
     },
     {
-      label: "通道类型",
+      label: "在线状态",
-      name: "unitchannelTypeSeq",
+      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 {

src/views/form/monitoringpoints.vue

@@ -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="
@@ -89,6 +92,20 @@
             <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)"
             >提交</el-button
@@ -116,6 +133,20 @@ const state = reactive({
     channelId: "",
     type: "",
   },
+  option: [
+    {
+      label: "主码流",
+      value: 1,
+    },
+    {
+      label: "辅码流",
+      value: 2,
+    },
+    {
+      label: "辅码流2",
+      value: 3,
+    },
+  ],
 });
 const pulldown = reactive({
   //系统分类
@@ -151,6 +182,13 @@ const rules = reactive({
       trigger: "blur",
     },
   ],
+  streamType: [
+    {
+      required: true,
+      message: "不能为空",
+      trigger: "blur",
+    },
+  ],
 });
 
 const data = reactive({
@@ -209,6 +247,12 @@ const data = reactive({
       name: "type",
       show: true,
     },
+    {
+      label: "码流类型",
+      name: "streamType",
+      show: true,
+      type: "slot",
+    },
     {
       type: "slot", // 设置为 slot 即可使用插槽
       name: "doIt", // name 是作用域插槽的名字
@@ -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);
@@ -332,7 +376,7 @@ const onAlter = () => {
       if (res.code === 200) {
         ElMessage.success(res.message);
         state.Monitoring = false;
-        state.formState = {}
+        state.formState = {};
         get();
       } else {
         ElMessage.error(res.message);
@@ -364,8 +408,20 @@ const remove = (data) => {
 };
 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();
 });