|
|
@@ -2,11 +2,13 @@
|
|
|
|
|
|
</template>
|
|
|
<script>
|
|
|
- // const util = require('@/static/utils/util.js');
|
|
|
+ const util = require('@/utils/util.js').default;
|
|
|
const config = require('@/services/urlConfig.js');
|
|
|
- import {
|
|
|
- Toast
|
|
|
- } from 'mint-ui';
|
|
|
+ let webAudioSpeechRecognizer;
|
|
|
+ import {
|
|
|
+ Toast,Indicator
|
|
|
+ } from 'mint-ui';
|
|
|
+ import spaceTypes from '@/static/spaceTypesIE.js';
|
|
|
// import Bus from '@/common/bus';
|
|
|
// import commonMethod from '@/common/commonMethod.js';
|
|
|
// import requestConfig from '@/static/lib/requestConfig';
|
|
|
@@ -46,6 +48,10 @@
|
|
|
highColor1:window.highColor1,
|
|
|
highColor2:window.highColor2,
|
|
|
backgroundColor:window.backgroundColor,
|
|
|
+
|
|
|
+ speechText: '', //语音识别的结果-文字
|
|
|
+ recording: false, //语音识别是否开始
|
|
|
+ touching:false,
|
|
|
}
|
|
|
},
|
|
|
props: {
|
|
|
@@ -88,6 +94,7 @@
|
|
|
// }
|
|
|
const spaceDetail = newVal;
|
|
|
this.spaceList = JSON.parse(spaceDetail.houseJson);
|
|
|
+ this.initSpanceData();
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
@@ -171,22 +178,29 @@
|
|
|
if(item.hasOwnProperty('spaceWidthMax') && item.hasOwnProperty('spaceHeightMax')){
|
|
|
maxArea = parseFloat((item.spaceWidthMax * item.spaceHeightMax) / 10000).toFixed(1);
|
|
|
}
|
|
|
- let text = item.spaceName;
|
|
|
- if(text && !item.isSizeLock){
|
|
|
- // let res = await requestConfig("chineseToPinyin", {chinese:text},true);
|
|
|
- // let pinyin = res.single;
|
|
|
+ //修改为显示空间类型名称
|
|
|
+ let text = spaceTypes[item.spaceType - 1] || item.spaceName;
|
|
|
+ if(item.spaceType==15 && item.layoutSpaceType){
|
|
|
+ text = spaceTypes[item.layoutSpaceType - 1];
|
|
|
+ }
|
|
|
+ // let text = item.spaceName;
|
|
|
+ if(text && !item.isSizeLock && (Number(maxArea) >= Number(curSpaceArea)) && !(maxArea==minArea && curSpaceArea==maxArea)){
|
|
|
+ let res = await requestConfig("chineseToPinyin", {chinese:text},true);
|
|
|
+ let pinyin = res.single;
|
|
|
let data = {
|
|
|
spaceId:item.spaceId,
|
|
|
index:this.carefulList.length,
|
|
|
- name:text,
|
|
|
- namePY:'',
|
|
|
+ name: text,
|
|
|
+ namePY: pinyin,
|
|
|
area:curSpaceArea,
|
|
|
percent:null,
|
|
|
minArea:minArea, //最小面积
|
|
|
maxArea:maxArea, //最大面积
|
|
|
}
|
|
|
this.carefulList.push(data)
|
|
|
- }
|
|
|
+ }else{
|
|
|
+ // console.warn("***viewlayout-ini1t***", item.spaceId, text, maxArea, minArea, curSpaceArea,!item.isSizeLock, maxArea >= curSpaceArea,!(maxArea==minArea && curSpaceArea==maxArea))
|
|
|
+ }
|
|
|
})
|
|
|
console.warn("***viewlayout-init***", this.carefulList)
|
|
|
},
|
|
|
@@ -259,6 +273,217 @@
|
|
|
goRoam(){
|
|
|
this.$parent.$refs.viewCareful.goRoam();
|
|
|
},
|
|
|
+ //求最长公共子集
|
|
|
+ findSubStr(str1, str2) {
|
|
|
+ if (str1.length > str2.length) {
|
|
|
+ var temp = str1;
|
|
|
+ str1 = str2;
|
|
|
+ str2 = temp;
|
|
|
+ }
|
|
|
+ let len1 = str1.length;
|
|
|
+ let len2 = str2.length;
|
|
|
+ for (var j = len1; j > 0; j--) {
|
|
|
+ for (var i = 0; i < len1 - j; i++) {
|
|
|
+ var current = str1.substr(i, j);
|
|
|
+ if (str2.indexOf(current) >= 0) {
|
|
|
+ return current;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return "";
|
|
|
+ },
|
|
|
+ async textChange(text) {
|
|
|
+ if (!text) {
|
|
|
+ Toast({
|
|
|
+ message: '未识别到语音',
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if(!this.carefulList || this.carefulList.length==0){
|
|
|
+ console.warn("****textChange***", this.carefulList)
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let param = {
|
|
|
+ type: 'CLK', //埋点类型
|
|
|
+ clkId: 'clk_2cmina_24082901', //点击ID
|
|
|
+ clkName: 'user_talk_clk', //点击前往的页面名称
|
|
|
+ clkParams: {
|
|
|
+ locusValue: text,
|
|
|
+ }
|
|
|
+ };
|
|
|
+ util.trackRequest(param);
|
|
|
+ let res = await requestConfig("chineseToPinyin", {
|
|
|
+ chinese: text
|
|
|
+ });
|
|
|
+ let pinyin = res.single;
|
|
|
+ console.warn("****pinyin***", pinyin)
|
|
|
+ text = pinyin;
|
|
|
+ //全匹配轮一遍
|
|
|
+ let curSpace = this.carefulList.find(space => {
|
|
|
+ return text.includes(space.namePY)
|
|
|
+ })
|
|
|
+ if (!curSpace) {
|
|
|
+ let list = this.carefulList.map((space, index) => {
|
|
|
+ let comStr = this.findSubStr(text, space.namePY + ' ');
|
|
|
+ return {
|
|
|
+ spaceId: space.spaceId,
|
|
|
+ namePY: space.namePY,
|
|
|
+ name: space.name,
|
|
|
+ comStr,
|
|
|
+ index,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //寻找5个字符串以上的
|
|
|
+ let tmpList = list.filter(it => {
|
|
|
+ return it.comStr.length > 5;
|
|
|
+ })
|
|
|
+ if (tmpList && tmpList.length > 0) {
|
|
|
+ tmpList.sort((a, b) => a.comStr.length - b.comStr.length);
|
|
|
+ let index = tmpList[tmpList.length - 1].index; //最大值在carefulList的序号
|
|
|
+ curSpace = this.carefulList[index]; //
|
|
|
+ } else {
|
|
|
+ curSpace = this.lastSpace;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //没有找到语音操作对象
|
|
|
+ if (!curSpace) {
|
|
|
+ curSpace = this.carefulList.find(it=>it.spaceId == this.curSpaceId);
|
|
|
+ // Toast({
|
|
|
+ // message: '请再说一次',
|
|
|
+ // });
|
|
|
+ // return false;
|
|
|
+ }
|
|
|
+ this.lastSpace = curSpace;
|
|
|
+
|
|
|
+ console.log("textChange：", curSpace, this.carefulList, text, this.bigWordPY, this.smaillWordPY);
|
|
|
+
|
|
|
+ let biglist = this.bigWordPY.split(',').map(word => {
|
|
|
+ return text.lastIndexOf(word)
|
|
|
+ })
|
|
|
+ let smalllist = this.smaillWordPY.split(',').map(word => {
|
|
|
+ return text.lastIndexOf(word)
|
|
|
+ })
|
|
|
+ let a = Math.max(...biglist);
|
|
|
+ let b = Math.max(...smalllist);
|
|
|
+ let big = false;
|
|
|
+ if (a == -1 && b == -1) { //都没命中
|
|
|
+ Toast({
|
|
|
+ message: '请再说一次',
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ } else if (a > -1 && b > -1) { //两个都命中了
|
|
|
+ if (a > b) { //放大靠后-命中靠后
|
|
|
+ big = true;
|
|
|
+ } else {
|
|
|
+ big = false;
|
|
|
+ }
|
|
|
+ } else if (a > -1) {
|
|
|
+ big = true;
|
|
|
+ }
|
|
|
+ let _area = parseFloat(curSpace.area) * this.changeRate;
|
|
|
+ let data = {
|
|
|
+ spaceId: curSpace.spaceId,
|
|
|
+ area: _area,
|
|
|
+ isZoomIn: big, //true 放大 false 缩放
|
|
|
+ }
|
|
|
+ console.log("viewlayout-发送消息-空间变化: ", data, curSpace.area, big);
|
|
|
+ Toast({
|
|
|
+ message: '正在变化，请稍后',
|
|
|
+ });
|
|
|
+ // this.sendMessageAction(JSON.stringify(parmas));
|
|
|
+ this.$parent.$parent.callBackFun = this.callBack;//向父页面注册通知回调函数
|
|
|
+ this.$emit("curSpaceChange", data); //通知父组件-当前已经选中了户型大类
|
|
|
+ },
|
|
|
+ //语音识别
|
|
|
+ speechRecognizer() {
|
|
|
+ this.touching = true;//用户开始触摸语音按钮
|
|
|
+ console.warn('speechRecognizer', this.recording)
|
|
|
+ // if (!webAudioSpeechRecognizer) {
|
|
|
+ const params = {
|
|
|
+ // signCallback: signCallback, // 鉴权函数，若直接使用默认鉴权函数。可不传此参数
|
|
|
+ // 用户参数
|
|
|
+ secretid: $config.secretId,
|
|
|
+ secretkey: $config.secretKey,
|
|
|
+ appid: $config.txappId,
|
|
|
+ // 临时密钥参数，非必填
|
|
|
+ // token: config.token,
|
|
|
+ // 实时识别接口参数
|
|
|
+ engine_model_type: '16k_zh', // 因为内置WebRecorder采样16k的数据，所以参数 engineModelType 需要选择16k的引擎，为 '16k_zh'
|
|
|
+ // 以下为非必填参数，可跟据业务自行修改
|
|
|
+ // voice_format : 1,
|
|
|
+ // hotword_id : '08003a00000000000000000000000000',
|
|
|
+ // needvad: 1,
|
|
|
+ // filter_dirty: 1,
|
|
|
+ // filter_modal: 2,
|
|
|
+ // filter_punc: 0,
|
|
|
+ // convert_num_mode : 1,
|
|
|
+ // word_info: 2
|
|
|
+ }
|
|
|
+ webAudioSpeechRecognizer = new WebAudioSpeechRecognizer(params);
|
|
|
+ Indicator.open({
|
|
|
+ text: '正在链接...',
|
|
|
+ spinnerType: 'fading-circle'
|
|
|
+ });
|
|
|
+ // 开始识别
|
|
|
+ webAudioSpeechRecognizer.OnRecognitionStart = (res) => {
|
|
|
+ console.log('开始识别',this.recording, res);
|
|
|
+ };
|
|
|
+ // 一句话开始 socket链接成功了
|
|
|
+ webAudioSpeechRecognizer.OnSentenceBegin = (res) => {
|
|
|
+ console.log('一句话开始',this.touching,res);
|
|
|
+ if(this.touching==false){//用户没有触摸
|
|
|
+ return false;
|
|
|
+ }else{//正常开始识别语句了
|
|
|
+ this.speechText = "";
|
|
|
+ Indicator.close();
|
|
|
+ this.recording = true;//显示正在录音视图
|
|
|
+ }
|
|
|
+
|
|
|
+ };
|
|
|
+ // 识别变化时
|
|
|
+ webAudioSpeechRecognizer.OnRecognitionResultChange = (res) => {
|
|
|
+ console.log('识别变化时', res);
|
|
|
+ // const currentText = `${resultText}${res.result.voice_text_str}`;
|
|
|
+ };
|
|
|
+ // 一句话结束
|
|
|
+ webAudioSpeechRecognizer.OnSentenceEnd = (res) => {
|
|
|
+ console.log('一句话结束',this.recording, res);
|
|
|
+ // resultText = res.result.voice_text_str;
|
|
|
+ let text = res.result.voice_text_str.replaceAll(/，|。/ig, "");
|
|
|
+ this.textChange(text);
|
|
|
+ // this.speechText += resultText;
|
|
|
+ };
|
|
|
+ // 识别结束
|
|
|
+ webAudioSpeechRecognizer.OnRecognitionComplete = (res) => {
|
|
|
+ console.log('识别结束', res);
|
|
|
+ this.recording = false; //录音结束
|
|
|
+ };
|
|
|
+ // 识别错误
|
|
|
+ webAudioSpeechRecognizer.OnError = (res) => {
|
|
|
+ console.log('识别失败', res)
|
|
|
+ this.recording = false; //录音结束
|
|
|
+ Indicator.close();
|
|
|
+ };
|
|
|
+ // webAudioSpeechRecognizer = webAudioSpeechRecognizer;
|
|
|
+ // }
|
|
|
+ webAudioSpeechRecognizer.start();
|
|
|
+ },
|
|
|
+ //结束识别
|
|
|
+ streamRecordEnd() {
|
|
|
+ this.touching = false;//用户没有触摸了
|
|
|
+ console.log('主动结束识别', this.recording)
|
|
|
+ if(webAudioSpeechRecognizer){
|
|
|
+ webAudioSpeechRecognizer.stop();//关闭
|
|
|
+ }
|
|
|
+ // webAudioSpeechRecognizer = null;
|
|
|
+ Indicator.close();
|
|
|
+ },
|
|
|
+ callBack(type){
|
|
|
+ console.warn("***viewlayout-callBack***",type)
|
|
|
+ // this.initSpanceData();
|
|
|
+ this.$parent.$refs.viewCareful.initData();//注销父页面的通知回调函数
|
|
|
+ },
|
|
|
//评估按钮处理
|
|
|
assessmentHandle(){
|
|
|
Toast({
|
zjs_project