开源版本，视频直播功能

vue/src/views/iot/sip/sipidGen.vue

@@ -0,0 +1,119 @@
+<template>
+<el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
+    <el-form ref="createForm" :model="createForm" label-width="100px">
+        <el-form-item label="行政区划">
+            <el-cascader :options="cityOptions" v-model="createForm.city" @change="changeProvince" change-on-select>
+            </el-cascader>
+        </el-form-item>
+        <el-form-item label="设备类型" prop="deviceType">
+            <el-select v-model="createForm.deviceType" placeholder="请选择设备类型">
+                <el-option v-for="dict in dict.type.video_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="通道类型" prop="channelType">
+            <el-select v-model="createForm.channelType" placeholder="请选择设备类型">
+                <el-option v-for="dict in dict.type.channel_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="通道数量" prop="createNum">
+            <el-input-number controls-position="right" v-model="createForm.createNum" placeholder="请输入生成通道数量" type="number" style="width:220px;" />
+        </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">生 成</el-button>
+        <el-button @click="closeDialog">取 消</el-button>
+    </div>
+</el-dialog>
+</template>
+
+<script>
+import {
+    regionData,
+    CodeToText
+} from 'element-china-area-data'
+
+import {addChannel} from "@/api/iot/channel";
+
+export default {
+    name: "SipidDialog",
+    dicts: ['video_type', 'channel_type'],
+    props: {
+        product: {
+            type: Object,
+            default: null
+        }
+    },
+    data() {
+        return {
+            // 遮罩层
+            loading: true,
+            title: "生成设备编号和通道",
+            // 总条数
+            total: 0,
+            // 打开选择产品对话框
+            open: false,
+            devsipid: "",
+            createForm: {
+                city: '',
+                deviceType: '',
+                channelType: '',
+                createNum: 1,
+            },
+            // 城市
+            cityOptions: regionData,
+            city: '',
+            cityCode: '',
+        };
+    },
+    created() {
+
+    },
+    methods: {
+        /** 行政区划改变 **/
+        changeProvince(data) {
+            if (data && data[0] != null && data[1] != null && data[2] != null) {
+                const str = CodeToText[data[0]] + '/' + CodeToText[data[1]] + '/' + CodeToText[data[2]];
+                this.createForm.citycode = str;
+            }
+        },
+        /** 提交按钮 */
+        submitForm() {
+            if (this.createForm.createNum < 1) {
+                this.$modal.alertError("通道数量至少一个");
+                return;
+            }
+            this.createForm.productId = this.product.productId;
+            this.createForm.productName = this.product.productName;
+            this.createForm.tenantId = this.product.tenantId;
+            this.createForm.tenantName = this.product.tenantName;
+            this.createForm.deviceSipId = this.createForm.city[2] + "0000" + this.createForm.deviceType + "0"
+            this.createForm.channelSipId = this.createForm.city[2] + "0000" + this.createForm.channelType + "0"
+            if (this.createForm.deviceType !== "" && this.createForm.channelType !== "" && this.createForm.city.length === 3) {
+              addChannel(this.createForm.createNum, this.createForm).then(response => {
+                    this.$modal.msgSuccess("已生成设备编号和通道");
+                    this.devsipid = response.data;
+                    this.confirmSelectProduct();
+                });
+            } else {
+                this.$message({
+                    type: 'error',
+                    message: '请选择地区，设备类型，通道类型！！'
+                });
+            }
+
+        },
+        confirmSelectProduct() {
+            this.open = false;
+            this.$emit('addGenEvent', this.devsipid);
+        },
+        /**关闭对话框 */
+        closeDialog() {
+            this.open = false;
+        }
+    }
+}
+</script>
+
+<style scoped>
+
+</style>