askbot-dragon 1.3.16 → 1.3.18

package/vue.config.js

@@ -1,56 +1,56 @@
-const webpack = require('webpack')
-
-
-module.exports = {
-    // 修改的配置
-    // 将baseUrl: '/api',改为baseUrl: '/',
-    devServer: {
-        port: '8081',   // 指定打开浏览器的端口号
-        proxy: {
-            '/api/': {
-                // target: 'http://test.open.abitai.com:9001',
-                target: 'http://test.open.askbot.cn:32001',
-                changeOrigin: true,
-                ws: true,
-                pathRewrite: {
-                    '^/api': '/'
-                }
-            },
-            '/open/': {
-                target: 'http://new-test.guoranbot.com:32001',
-                changeOrigin: true,
-                pathRewrite: {
-                    '^/open': '/'
-                }
-            },
-            '/order-api': {
-                target: 'http://master.test.askbot.cn:32022',
-                /*target:'http://new-test.guoranbot.com:30672',*/
-                changeOrigin: true,
-                ws: true,
-                pathRewrite: {
-                    '^/order-api': '/'
-                }
-            },
-            '/knowledge-api/': {
-                target: 'http://master.test.askbot.cn:30202',
-                changeOrigin: true,
-                ws: true,
-                pathRewrite: {
-                    '^/knowledge-api': '/'
-                }
-            },
-        },
-    },
-    configureWebpack: {
-        externals: {
-            // 'vue': 'Vue',
-            // 属性名称 element-ui, 表示遇到 import xxx from 'element-ui' 这类引入 'element-ui'的，
-            // 不去 node_modules 中找，而是去找 全局变量 ELEMENT
-            // 'element-ui': 'ELEMENT',
-            // 'vant': 'Vant',
-            'ckeditor': 'CKEDITOR',
-        },
-    },
-
+const webpack = require('webpack')
+
+
+module.exports = {
+    // 修改的配置
+    // 将baseUrl: '/api',改为baseUrl: '/',
+    devServer: {
+        port: '8081',   // 指定打开浏览器的端口号
+        proxy: {
+            '/api/': {
+                // target: 'http://test.open.abitai.com:9001',
+                target: 'http://test.open.askbot.cn:32001',
+                changeOrigin: true,
+                ws: true,
+                pathRewrite: {
+                    '^/api': '/'
+                }
+            },
+            '/open/': {
+                target: 'http://new-test.guoranbot.com:32001',
+                changeOrigin: true,
+                pathRewrite: {
+                    '^/open': '/'
+                }
+            },
+            '/order-api': {
+                target: 'http://master.test.askbot.cn:32022',
+                /*target:'http://new-test.guoranbot.com:30672',*/
+                changeOrigin: true,
+                ws: true,
+                pathRewrite: {
+                    '^/order-api': '/'
+                }
+            },
+            '/knowledge-api/': {
+                target: 'http://master.test.askbot.cn:30202',
+                changeOrigin: true,
+                ws: true,
+                pathRewrite: {
+                    '^/knowledge-api': '/'
+                }
+            },
+        },
+    },
+    configureWebpack: {
+        externals: {
+            // 'vue': 'Vue',
+            // 属性名称 element-ui, 表示遇到 import xxx from 'element-ui' 这类引入 'element-ui'的，
+            // 不去 node_modules 中找，而是去找 全局变量 ELEMENT
+            // 'element-ui': 'ELEMENT',
+            // 'vant': 'Vant',
+            'ckeditor': 'CKEDITOR',
+        },
+    },
+
 };

package/src/components/AnswerVoice.vue

@@ -1,270 +0,0 @@
-<template>
-    <div :style="{ width: boxWidth + 'px' }" class="answer-voice">
-        <audio :id="'audioTagCom_' + msg.id" :src="msg.content.url"></audio>
-        <div class="audiocon">
-            <!-- 按钮 -->
-            <div class="leftBtn">
-                <span v-show="!isPlay" @click="bofang"><i class="iconfont guoran-bofang"></i></span>
-                <span v-show="isPlay" @click="bofang"><i class="iconfont guoran-zanting"></i></span>
-            </div>
-            <div class="adcon">
-                <!-- <div class="time">
-                    <span>{{ time }}</span>
-                </div> -->
-                <div class="bar">
-                    <div class="activeLine" @click="seekTime">
-                        <div :style="{ width: currentPosi + '%' }" class="dot"></div>
-                    </div>
-                </div>
-                <div class="time">
-                    <span>{{ otherTime }}</span>
-                </div>
-                <!-- <div class="time">
-                    <span>{{ allTime }}</span>
-                </div> -->
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-
-export default {
-    name: "answer_voice",
-    props: ["msg"],
-    data() {
-        return {
-            active: 0,
-            time: 0,
-            activeAudio: "",
-            isPlay: false,
-            currentPosi: 0,
-            allTime: 0,
-            otherTime: 0,
-            durationNum: 0,
-            boxWidth: 200
-        }
-    },
-    watch: {
-    },
-    computed: {
-
-    },
-    mounted() {
-        console.log(120);
-        this.$nextTick(() => {
-            setTimeout(() => {
-                console.log(this._$(`#audioTagCom_${this.msg.id}`)[0]);
-                this.activeAudio = this._$(`#audioTagCom_${this.msg.id}`)[0];
-                this.time = "00:00";
-                this.otherTime = this.transTime(this.activeAudio.duration);
-                this.durationNum = this.activeAudio.duration;
-                console.log(this.activeAudio.duration);
-                this.allTime = this.transTime(this.activeAudio.duration);
-                if (this.activeAudio.duration >= 60) {
-                    this.boxWidth = 240;
-                } else {
-                    this.boxWidth = 160 + this.activeAudio.duration;
-                }
-                this._$(`#audioTagCom_${this.msg.id}`).on("loadedmetadata", (e) => {
-                    console.log(e.currentTarget);
-                    this.time = "00:00";
-                    console.log(e.currentTarget.duration);
-                    this.allTime = this.transTime(e.currentTarget.duration);
-                    if (this.activeAudio.duration >= 60) {
-                        this.boxWidth = 240;
-                    } else {
-                        this.boxWidth = 160 + this.activeAudio.duration;
-                    }
-                    this.durationNum = e.currentTarget.duration;
-                    this.otherTime = this.transTime(this.activeAudio.duration);
-                    // this.activeAudio.play();
-                    // this.isPlay = true;
-                });
-
-                document.addEventListener(
-                    "WeixinJSBridgeReady",
-                    function () {
-                        this.activeAudio.play();
-                    },
-                    false
-                );
-
-                this._$(`#audioTagCom_${this.msg.id}`).on("timeupdate", () => {
-                    this.updateProgress();
-                });
-
-                this._$(`#audioTagCom_${this.msg.id}`).on("timeupdate", () => {
-                    this.updateProgress();
-                });
-
-                this._$(`#audioTagCom_${this.msg.id}`).on("ended", () => {
-                    this.audioEnded();
-                });
-            }, 500);
-
-        });
-    },
-    methods: {
-        bofang() {
-            if (this.activeAudio.paused) {
-                this.activeAudio.play();
-                this.isPlay = true;
-            } else {
-                this.activeAudio.pause();
-                this.isPlay = false;
-            }
-
-        },
-        transTime(time) {
-            var duration = parseInt(time);
-            var minute = parseInt(duration / 60);
-            var sec = (duration % 60) + "";
-            var isM0 = ":";
-            if (minute == 0) {
-                minute = "00";
-            } else if (minute < 10) {
-                minute = "0" + minute;
-            }
-            if (sec.length == 1) {
-                sec = "0" + sec;
-            }
-            return minute + isM0 + sec;
-        },
-        transOtherTime(time) {
-            var duration = parseInt(time);
-            var minute = parseInt((parseInt(this.durationNum) - duration) / 60);
-            var sec = ((parseInt(this.durationNum) - duration) % 60) + "";
-            var isM0 = ":";
-            if (minute == 0) {
-                minute = "00";
-            } else if (minute < 10) {
-                minute = "0" + minute;
-            }
-            if (sec.length == 1) {
-                sec = "0" + sec;
-            }
-            return minute + isM0 + sec;
-        },
-        updateProgress() {
-            this.currentPosi = (this.activeAudio.currentTime / this.activeAudio.duration) * 100;
-            this.time = this.transTime(this.activeAudio.currentTime);
-            this.otherTime = this.transOtherTime(this.activeAudio.currentTime);
-        },
-
-        audioEnded() {
-            this.activeAudio.currentTime = 0;
-            this.activeAudio.pause();
-            this.isPlay = false;
-        },
-
-        seekTime(e) {
-            var rate = e.offsetX / e.target.clientWidth;
-            this.activeAudio.currentTime = this.activeAudio.duration * rate;
-            this.updateProgress();
-        },
-
-    }
-
-}
-</script>
-<style scoped lang="less">
-.answer-voice {
-    width: 100%;
-    padding: 4px 0;
-    // min-width: 240px;
-
-    .audiocon {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        height: 30px;
-        justify-content: space-between;
-    }
-
-    .leftBtn {
-        width: 30px;
-
-        span {
-            i {
-                font-size: 28px;
-                color: #ADC0F6;
-                line-height: 32px;
-            }
-        }
-    }
-
-    .adcon {
-        position: relative;
-        z-index: 10;
-        width: calc(100% - 40px);
-        height: 30px;
-        display: flex;
-        align-items: center;
-        margin-left: 16px;
-
-        .bar {
-            width: calc(100% - 20px);
-            position: relative;
-            height: 30px;
-            display: flex;
-            align-items: center;
-
-            .activeLine {
-                position: absolute;
-                top: 0;
-                left: 0px;
-                z-index: 10;
-                width: 98%;
-                height: 30px;
-                cursor: pointer;
-
-                &::before {
-                    content: "";
-                    position: absolute;
-                    width: 100%;
-                    height: 4px;
-                    top: 50%;
-                    left: 0;
-                    transform: translateY(-50%);
-                    border-radius: 4px;
-
-                    background-color: #D5DDEC;
-                }
-            }
-
-            .dot {
-                border-radius: 4px;
-                z-index: 11;
-                pointer-events: none;
-                position: absolute;
-                height: 4px;
-                top: 50%;
-                left: 0px;
-                transform: translateY(-50%);
-                background-color: #366AFF;
-
-                &::before {
-                    content: "";
-                    position: absolute;
-                    top: -4px;
-                    right: -6px;
-                    width: 5px;
-                    height: 5px;
-                    border-radius: 50%;
-                    background-color: white;
-                    border: solid 4px #366AFF;
-                }
-            }
-        }
-
-        .time {
-            width: 58px;
-            font-size: 14px;
-            color: #222222;
-            font-weight: 500;
-            display: flex;
-            margin-left: 10px;
-        }
-    }
-}
-</style>