syncDialog.vue 3.04 KB
<template>
  <div>
    <!-- 添加相机 -->
    <el-dialog title="设备详情" :visible.sync="cameraAddVisible" width="450px">
      <div>
        <el-form
          label-position="left"
          label-width="120px"
          :model="addVideoParam"
          ref="cameraDialog"
          inline-message
          hide-required-asterisk
        >
          <el-form-item label="设备编号">
            <el-input v-model="initParam.id" disabled></el-input>
          </el-form-item>
          <el-form-item label="设备名称">
            <el-input v-model="initParam.label" disabled></el-input>
          </el-form-item>
          <el-form-item label="地点编号">
            <el-input v-model="initParam.addr_unid" disabled></el-input>
          </el-form-item>
          <el-form-item label="地点名称">
            <el-input v-model="initParam.addr_name" disabled></el-input>
          </el-form-item>
          <el-form-item label="IP地址">
            <el-input v-model="addVideoParam.ip"></el-input>
          </el-form-item>
          <el-form-item label="端口" prop="port">
            <el-input v-model="addVideoParam.port"></el-input>
          </el-form-item>
          <el-form-item label="协议">
            <el-select
              v-model="addVideoParam.video_protocol_id"
              placeholder="请选择协议"
              :popper-append-to-body="false"
            >
              <el-option label="rtsp" value="rtsp"></el-option>
              <el-option label="onvif" value="onvif"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="取流地址" prop="video_source_url">
            <el-input v-model="addVideoParam.video_source_url"></el-input>
          </el-form-item>
          <el-form-item label="用户名">
            <el-input v-model="addVideoParam.user_name"></el-input>
          </el-form-item>
          <el-form-item label="密码">
            <el-input v-model="addVideoParam.password"></el-input>
          </el-form-item>
          <el-form-item label="经度">
            <el-input v-model="addVideoParam.longitude"></el-input>
          </el-form-item>
          <el-form-item label="纬度">
            <el-input v-model="addVideoParam.latitude"></el-input>
          </el-form-item>
          <el-form-item label="扩展字段1">
            <el-input v-model="addVideoParam.extend_1"></el-input>
          </el-form-item>
          <el-form-item label="扩展字段2">
            <el-input v-model="addVideoParam.extend_2"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cameraAddVisible = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      addVideoParam:{},
      initParam: {},
      cameraAddVisible: false,
      type: "",
      devsId: ""
    };
  },
  methods: {
    initDialog(node, type, devsId) {
      this.cameraAddVisible = true;
      this.initParam = node;
    }
  }
};
</script>

<style></style>