支持接口鉴权，支持修改密码，

panlinlin

2021-04-14 cb5849d8a14f55241c44bdf6724b18de7950564d

 web_src/src/components/channelList.vue

@@ -75,7 +75,7 @@
</template>

<script>
import devicePlayer from './gb28181/devicePlayer.vue'
import devicePlayer from './dialog/devicePlayer.vue'
import uiHeader from './UiHeader.vue'
import moment from "moment";
export default {
@@ -99,7 +99,7 @@
            currentPage: parseInt(this.$route.params.page),
            count: parseInt(this.$route.params.count),
            total: 0,
            beforeUrl: "/videoList",
            beforeUrl: "/deviceList",
            isLoging: false,
            autoList: true
        };
@@ -108,9 +108,9 @@
    mounted() {
        this.initData();
        if (this.autoList) {
            this.updateLooper = setInterval(this.initData, 1500);
            this.updateLooper = setInterval(this.initData, 5000);
        }
        

    },
    destroyed() {
        this.$destroy('videojs');
@@ -131,7 +131,7 @@
            this.currentPage = parseInt(this.$route.params.page);
            this.count = parseInt(this.$route.params.count);
            if (this.parentChannelId == "" || this.parentChannelId == 0) {
                this.beforeUrl = "/videoList"
                this.beforeUrl = "/deviceList"
            }

        },
@@ -153,18 +153,17 @@
        },
        getDeviceChannelList: function () {
            let that = this;
            console.log(this.currentPage - 1)

            this.$axios.get(`/api/devices/${this.$route.params.deviceId}/channels`, {
                    params: {
                        page: that.currentPage - 1,
            this.$axios({
                method: 'get',
                url: `/api/device/query/devices/${this.$route.params.deviceId}/channels`,
                params:{
                  page: that.currentPage,
                        count: that.count,
                        query: that.searchSrt,
                        online: that.online,
                        channelType: that.channelType
                    }
                })
                .then(function (res) {
               }
            }).then(function (res) {
                    console.log(res);
                    that.total = res.data.total;
                    that.deviceChannelList = res.data.list;
@@ -172,10 +171,10 @@
                    that.$nextTick(() => {
                        that.$refs.channelListTable.doLayout();
                    })
                })
                .catch(function (error) {
                    console.log(error);
                });
            }).catch(function (error) {
                console.log(error);
            });


        },

@@ -189,7 +188,7 @@
            let that = this;
            this.$axios({
                method: 'get',
                url: '/api/play/' + deviceId + '/' + channelId
                url: '/api/play/start/' + deviceId + '/' + channelId
            }).then(function (res) {
                console.log(res.data)
                let streamId = res.data.streamId;
@@ -216,8 +215,8 @@
            console.log(itemData)
            var that = this;
            this.$axios({
                method: 'post',
                url: '/api/play/' + itemData.streamId + '/stop'
                method: 'get',
                url: '/api/play/stop/' + itemData.streamId 
            }).then(function (res) {
                console.log(JSON.stringify(res));
                that.initData();
@@ -225,7 +224,7 @@
              if (error.response.status == 402) { // 已经停止过
                that.initData();
              }else {
                console.log(e)
                console.log(error)
              }
            });
        },
@@ -252,26 +251,26 @@
        showSubchannels: function (channelId) {
            let that = this;

            this.$axios.get(`/api/subChannels/${this.deviceId}/${this.parentChannelId}/channels`, {
                    params: {
                        page: that.currentPage - 1,
                        count: that.count,
                        query: that.searchSrt,
                        online: that.online,
                        channelType: that.channelType
                    }
            this.$axios({
                method: 'get',
                url:`/api/device/query/sub_channels/${this.deviceId}/${this.parentChannelId}/channels`, 
                params: {
                    page: that.currentPage,
                    count: that.count,
                    query: that.searchSrt,
                    online: that.online,
                    channelType: that.channelType
                }
            }).then(function (res) {
                that.total = res.data.total;
                that.deviceChannelList = res.data.list;
                // 防止出现表格错位
                that.$nextTick(() => {
                    that.$refs.channelListTable.doLayout();
                })
                .then(function (res) {
                    that.total = res.data.total;
                    that.deviceChannelList = res.data.list;
                    // 防止出现表格错位
                    that.$nextTick(() => {
                        that.$refs.channelListTable.doLayout();
                    })
                })
                .catch(function (error) {
                    console.log(error);
                });
            }).catch(function (error) {
                console.log(error);
            });
        },
        search: function () {
            console.log(this.searchSrt)
@@ -283,7 +282,7 @@
            console.log(row)
            this.$axios({
                method: 'post',
                url: `/api/channel/update/${this.deviceId}`,
                url: `/api/device/query/channel/update/${this.deviceId}`,
                params: row
            }).then(function (res) {
                console.log(JSON.stringify(res));