Merge branch 'tt' of http://code.qutaovip.com/lihai/taro_chat_ai into weapp

project.config.json

@@ -1,8 +1,8 @@
 {
   "miniprogramRoot": "dist/weapp/",
-  "projectname": "畅享短剧",
-  "description": "畅享短剧 ",
-  "appid": "wxe7aa01162d73df1f",
+  "projectname": "AI智能助手",
+  "description": "AI智能助手 ",
+  "appid": "tt6e291894f116667e01",
   "setting": {
     "urlCheck": true,
     "es6": false,

src/pages/chat/index.jsx

@@ -6,8 +6,6 @@ import './index.less'
 import tool from '../../common/tool'
 
 export default class Albums_play extends Component {
-  plugin = requirePlugin("WechatSI");
-  manager = this.plugin.getRecordRecognitionManager();
   options = {
     sampleRate: 44100,
     numberOfChannels: 1,
@@ -35,9 +33,8 @@ export default class Albums_play extends Component {
   }
 
   componentDidShow () {
-    console.log('页面启动',this.state.userId);
+    console.log('页面启动', this.state.userId);
     this.userinfo()
-    this.initRecord()
     // this.setState({
     //   userId: this.generateUserID()
     // })
@@ -65,29 +62,29 @@ export default class Albums_play extends Component {
   // })
 
   componentDidHide () { }
-  
+
   // 获取用户信息并且登录，获取openid
   userinfo () {
     var that = this;
     that.setState({
       login: false
     })
-    Taro.getUserInfo({
-      success: function (res) {
-        console.log(res, 'userinfo');
-        var userInfo = res.userInfo
-        var nickName = userInfo.nickName
-        var avatarUrl = userInfo.avatarUrl
-        var gender = userInfo.gender //性别 0：未知、1：男、2：女
-        var province = userInfo.province
-        var city = userInfo.city
-        var country = userInfo.country
-        let data = {
-          "user_name": nickName,
-          "user_img": avatarUrl
-        };
-      }
-    })
+    // Taro.getUserInfo({
+    //   success: function (res) {
+    //     console.log(res, 'userinfo');
+    //     var userInfo = res.userInfo
+    //     var nickName = userInfo.nickName
+    //     var avatarUrl = userInfo.avatarUrl
+    //     var gender = userInfo.gender //性别 0：未知、1：男、2：女
+    //     var province = userInfo.province
+    //     var city = userInfo.city
+    //     var country = userInfo.country
+    //     let data = {
+    //       "user_name": nickName,
+    //       "user_img": avatarUrl
+    //     };
+    //   }
+    // })
   }
   // 提交文字
   submitTo () {
@@ -111,7 +108,10 @@ export default class Albums_play extends Component {
     })
     let params = {
       user_id: this.state.userId,
-      text: inputHtml
+      text: inputHtml,
+    }
+    if (process.env.TARO_ENV == 'tt') {
+      params['app_id'] = 'tt6e291894f116667e01'
     }
     api.getAsk(params).then(res => {
       if (res.code == 200) {
@@ -138,19 +138,19 @@ export default class Albums_play extends Component {
         })
       }
     })
-    .catch(res=>{
-      console.log("请求超时");
-      this.setState({
-        sendDisabled: true,//是否禁用发送按钮
-        value: '',
-        height: 63,
-        userId: 0,
-        isAnswer: true,//机器人是否已经回答
-        isRecognize: false,
-        showResult: false,
-        isSpeechSounds: false,//是否是语音写入
+      .catch(res => {
+        console.log("请求超时");
+        this.setState({
+          sendDisabled: true,//是否禁用发送按钮
+          value: '',
+          height: 63,
+          userId: 0,
+          isAnswer: true,//机器人是否已经回答
+          isRecognize: false,
+          showResult: false,
+          isSpeechSounds: false,//是否是语音写入
+        })
       })
-    })
   }
   //文字输入
   focus (e) {
@@ -178,76 +178,6 @@ export default class Albums_play extends Component {
       isSpeechSounds: !this.state.isSpeechSounds
     })
   }
-  // 初始化语音识别
-  initRecord () {
-    let that = this
-    console.log('initRecord');
-    this.manager.onRecognize = (res) => {
-      console.log("current result", res.result);
-    };
-    // 识别错误事件
-    this.manager.onError = function (res) {
-      Taro.hideLoading();
-    }
-    this.manager.onStop = (res) => {
-      Taro.hideLoading();
-      // 去除语音识别出的特殊符号
-      const text = res.result.replace(
-        /[`~%!@#^=''?~《》！@#￥……&——‘”“'？*()（），,。.、<>]/g,
-        ""
-      );
-      console.log(text, 'text');
-      if (text) {
-        that.sendText(text)
-        that.setState({
-          value: text
-        })
-        // 识别结果展示1.5秒后收起                               
-        setTimeout(() => {
-          that.setState({
-            isRecognize: false,
-            showResult: false,
-          })
-
-        }, 1500);
-      } else {
-
-        setTimeout(() => {
-          that.setState({
-            isRecognize: false,
-            showResult: false,
-          })
-        }, 1500);
-      }
-      that.setState({
-        showResult: true
-      })
-    };
-    this.manager.onError = (res) => {
-      Taro.hideLoading();
-      if (res.msg) {
-        Taro.showToast({ title: res.msg, icon: "none" });
-      }
-    };
-  };
-  // 开始录音
-  startRecognize = () => {
-    wx.vibrateShort()
-    Taro.showLoading({ title: "录音中..." });
-    this.setState({
-      isRecognize: true,
-      value: '',
-    })
-    this.manager.start({ duration: 30000, lang: "zh_CN" });
-  };
-  // 结束录音
-  endRecognize = () => {
-    console.log("endRecognize");
-    Taro.hideLoading();
-    Taro.showLoading({ title: "识别中..." });
-    this.manager.stop();
-
-  };
 
   render () {
     return (
@@ -301,42 +231,22 @@ export default class Albums_play extends Component {
             <View className='in_voice_icon_tips'>机器人思考中...</View>
           }
           <View className="sendmessage" style={`bottom:${this.state.input_bottom}px`}>
-            <Image className='add_icon' style={!this.state.isAnswer ? 'opacity: .3;' : ''} onClick={e => (this.changeSpeak(e))} id='1' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677739244529.png'></Image>
-            {
-              this.state.isSpeechSounds ?
-                <View
-                  className="recognize-btn view-center"
-                  onClick={() => {
-                    // 按住按钮时间过短只会触发点击事件
-                    Taro.hideLoading();
-                    Taro.showToast({ title: "请长按说话", icon: "error" });
-                  }}
-                  onLongPress={e => (this.startRecognize())}
-                  onTouchEnd={e => (this.endRecognize())}
-                >
-                  <View>
-                    {this.state.isRecognize
-                      ? "松开发送"
-                      : "按住说话"}
-                  </View>
-                </View>
-                :
-                <Input
-                  autoHeight
-                  disabled={!this.state.isAnswer}
-                  id='advice_textarea'
-                  cursorSpacing='5'
-                  showConfirmBar=''
-                  confirmType='send'
-                  onConfirm={e => (this.submitTo(e))}
-                  adjustPosition
-                  value={this.state.value}
-                  onFocus={e => (this.focus(e))}
-                  onBlur={e => (this.blur(e))}
-                  onKeyboardHeightChange={e => (this.onKeyboardHeightChange(e))}
-                  onLineChange={e => (this.onLineChange(e))}
-                  placeholder="请输入您要咨询的问题" />
-            }
+            <Input
+              autoHeight
+              disabled={!this.state.isAnswer}
+              id='advice_textarea'
+              className='advice_textarea'
+              cursorSpacing='5'
+              showConfirmBar=''
+              confirmType='send'
+              onConfirm={e => (this.submitTo(e))}
+              adjustPosition
+              value={this.state.value}
+              onFocus={e => (this.focus(e))}
+              onBlur={e => (this.blur(e))}
+              onKeyboardHeightChange={e => (this.onKeyboardHeightChange(e))}
+              onLineChange={e => (this.onLineChange(e))}
+              placeholder="请输入" />
 
             <Button onClick={e => (this.submitTo(e))}
               disabled={this.state.sendDisabled}

src/pages/chat/index.less

@@ -22,37 +22,21 @@ page {
   color: #F2F2F2;
   top: -70px;
   font-size: 28px;
-  padding: 10px 50px;
+  padding: 10px 50px 20px 50px;
   background-color: #948c8c94;
   border-radius: 5px;
   // background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677810251249.png);
 }
 
 .sendmessage {
-  margin: 20px;
+  margin: 20px 20px 40px 20px;
   z-index: 2;
   display: flex;
   align-items: flex-end;
   flex-direction: row;
 }
-.add_icon {
-  width: 60px;
-  height: 60px;
-  margin: 0 auto;
-}
 
-.sendmessage Input {
-  flex: 1;
-  padding: 10px;
-  height: 60px;
-  border-radius: 10px;
-  // max-height: 150px;
-  background-color: #f8f8f8;
-  font-size: 32px;
-  margin-left: 20px;
-  padding-left: 20px;
-}
-.recognize-btn{
+.sendmessage .advice_textarea {
   flex: 1;
   padding: 10px;
   height: 60px;
@@ -62,9 +46,6 @@ page {
   font-size: 32px;
   margin-left: 20px;
   padding-left: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 
 .sendmessage button {