gx

src/views/form/devicechannel.vue

@@ -87,7 +87,7 @@
         :rules="rules"
         :model="state.formState"
       >
-        <div style="display: flex">
+        <div class="information"  >
           <el-form-item label="设备编码：">
             <el-text type="primary">{{ form.deviceCode }}</el-text>
           </el-form-item>
@@ -95,7 +95,7 @@
             <el-text type="primary">{{ form.unitType }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="单元序号：">
             <el-text type="primary">{{ form.unitSeq }}</el-text>
           </el-form-item>
@@ -103,7 +103,7 @@
             <el-text type="primary">{{ form.channelSeq }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="通道编码：">
             <el-text type="primary">{{ form.channelCode }}</el-text>
           </el-form-item>
@@ -111,7 +111,7 @@
             <el-text type="primary">{{ form.channelSn }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="通道名称：">
             <el-text type="primary">{{ form.channelName }}</el-text>
           </el-form-item>
@@ -119,7 +119,7 @@
             <el-text type="primary">{{ form.channelType }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div  class="information" >
           <el-form-item label="摄像头类型：">
             <el-text type="primary">{{ form.cameraType }}</el-text>
           </el-form-item>
@@ -127,7 +127,7 @@
             <el-text type="primary">{{ form.ownerCode }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information">
           <el-form-item label="经度：">
             <el-text type="primary">{{ form.gpsX }}</el-text>
           </el-form-item>
@@ -135,7 +135,7 @@
             <el-text type="primary">{{ form.gpsY }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="z轴：">
             <el-text type="primary">{{ form.gpsZ }}</el-text>
           </el-form-item>
@@ -143,7 +143,7 @@
             <el-text type="primary">{{ form.mapId }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="域ID：">
             <el-text type="primary">{{ form.domainId }}</el-text>
           </el-form-item>
@@ -151,7 +151,7 @@
             <el-text type="primary">{{ form.memo }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="状态：">
             <el-text type="primary">{{ form.isOnline }}</el-text>
           </el-form-item>
@@ -159,7 +159,7 @@
             <el-text type="primary">{{ form.stat }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="是否已经接入：">
             <el-text type="primary">{{ form.capability }}</el-text>
           </el-form-item>
@@ -167,9 +167,9 @@
             <el-text type="primary">{{ form.access }}</el-text>
           </el-form-item>
         </div>
-        <div style="display: flex">
+        <div class="information" >
           <el-form-item label="通道详情扩展信息：">
-            <el-text type="primary">{{ form.chExt }}</el-text>
+            <el-text type="primary">{{ form.chExt}}</el-text>
           </el-form-item>
           <el-form-item label="是否是虚拟通道：">
             <el-text type="primary">{{ form.isVirtual }}</el-text>
@@ -359,4 +359,8 @@ onMounted(() => {
     width: 150px;
   }
 }
+.information{
+  display: flex;
+  justify-content: space-around;
+}
 </style>

src/views/form/monitoringpoints.vue

@@ -75,6 +75,19 @@
         <el-form-item label="视频通道编码" prop="channelId">
           <el-input v-model="state.formState.channelId" style="width: 220px" />
         </el-form-item>
+        <el-form-item label="流通编码" prop="channelId">
+          <el-select
+                v-model="state.formState.type"
+                placeholder="请选择"
+                :disabled="disabled"
+              >
+              <el-option label="hls" value="1" />
+              <el-option label="hlss" value="2" />
+              <el-option label="flv" value="3" />
+              <el-option label="flvs" value="4" />
+              <el-option label="rtmp" value="5" />
+              </el-select>
+        </el-form-item>
         <div style="display: flex; justify-content: center">
           <el-button type="primary" @click="onAffirm(ruleFormRef)"
             >提交</el-button
@@ -97,8 +110,13 @@ const state = reactive({
     monitoringPointName: "",
     monitoringPointCode: "",
     channelId: "",
+    type:"",
   },
 });
+const pulldown = reactive({
+  //系统分类
+  machinery: [],
+});
 const ruleFormRef = ref();
 const rules = reactive({
   monitoringPointName: [
@@ -175,6 +193,11 @@ const data = reactive({
       name: "channelId",
       show: true,
     },
+    {
+      label: "流通编码",
+      name: "type",
+      show: true,
+    },
     {
       type: "slot", // 设置为 slot 即可使用插槽
       name: "doIt", // name 是作用域插槽的名字

vite.config.js

@@ -32,7 +32,8 @@ export default defineConfig({
       '/api': { 
         // target: 'http://10.0.0.29:9999',
         // target: 'http://demo35.ydool.net/',
-        target: 'http://192.168.1.11:10875',
+        // target: 'http://192.168.1.11:10875',
+        target: 'https://demo39.ydool.net/',
         // target: 'http://10.0.0.63:7777', // 刘进
         changeOrigin: true,
         // rewrite: (path) => path.replace(/^\/api/, '')