bolinscreening-miniapp/wxcomponents/zoostalk/index.wxml

<view class='body-content'>

  <scroll-view scroll-y="true" style="height: {{scrollViewHeight}}px;  padding: 10rpx 0;" scroll-with-animation="true"
    scroll-top="{{scrollTop}}" bindtap='allmenuhide' catchtouchmove="preventD" bindscrolltoupper="scrollToupper"
    upper-threshold="5">
    <view class='data-loading' hidden='{{ifloading}}'>
      <image src='../zoosimg/loading.gif'></image>
      <text>{{loadingcontent}}</text>
    </view>
    <view style='height:100.2%'>
      <view id="chatlist">


        <!-- 图片banner -->

        <!-- 系统消息 -->
        <view wx:for="{{msgArray}}">
          <view class='tip-box' wx:if="{{item.source == 5}}" style="margin-top:10px;">
            <text class='tip-span' style='width:500rpx'>{{item.content}}</text>
          </view>

          <!-- 模版消息Star -->
          <view class='talkbox' wx:elif="{{item.source == 3}}">
            <!-- catchtap='companyMenuShow' -->
            <view style='width:80px"'>
              <image src='{{cusHeadimg.length > 0?cusHeadimg:"../zoosimg/cushead.png"}}'></image>
            </view>
            <!-- 客服消息 -->
            <view class='talk-left-messbox' style='display:flex;flex-direction:column;'>
              <text class='time-mess'>{{item.time}}</text>
              <view class='talkleft'>
                <block wx:if="{{item.msgtype == 0}}">
                  <block wx:for="{{item.viewContent}}" wx:for-item="item1">
                    <block wx:if="{{item1.bisemoji==0}}">
                      <image class='wxPreEmoji' src="../zoosimg/emoji/{{item1.content}} "></image>
                    </block>
                    <block wx:if="{{item1.bisemoji == 1}}">
                      <text space="ensp">{{item1.content}}</text>
                    </block>
                  </block>
                </block>
              </view>
            </view>
          </view>
          <!-- 模版消息End -->



          <!-- 客服 -->
          <view class='talkbox' wx:elif="{{item.source == 1 || item.source == 2|| item.source == 7}}">
            <!-- catchtap='companyMenuShow' -->
            <view>
              <image src='{{cusHeadimg.length > 0?cusHeadimg:"../zoosimg/cushead.png"}}'></image>
            </view>

            <!-- 客服消息 -->
            <view class='talk-left-messbox' style='display:flex;flex-direction:column;'>
              <text class='time-mess'>{{item.time}}</text>
              <!-- 微信6.7.0及以上版本 -->
              <block wx:if="{{copytxtMode==0}}">

                <view class='talkleft talkleft-shouquan' style='display:{{item.msgtype == 0 ?"block":"none"}}'>
                  <block wx:if="{{item.msgtype == 0}}">
                    <block wx:for="{{item.viewContent}}" wx:for-item="item1">
                      <block wx:if="{{item1.bisemoji==0}}">
                        <image class='wxPreEmoji' src="../zoosimg/emoji/{{item1.content}} "></image>
                      </block>
                      <block wx:if="{{item1.bisemoji == 1}}">
                        <text selectable='true' electable='true' space="ensp" data-text='{{item.content}}'
                          bindlongpress='copyTxt' data-id='{{item.msgid}}'
                          id='copytext{{item.msgid}}'>{{item1.content}}</text>
                      </block>
                    </block>
                  </block>
                </view>

                <!-- <text class='talkleft' wx:if="{{item.msgtype == 0}}" selectable='true' space="ensp">{{item.content}}</text> -->


              </block>
              <!-- 微信6.7.0以下版本 -->
              <block wx:if="{{copytxtMode==1}}">
                <view class='{{item.getuser == 1 && tbistalkgetuser == 1 ?"talkleft talkleft-shouquan":"talkleft"}}'
                  style="position: relative;" wx:if="{{item.msgtype == 0}}">
                  <view class="fuzhi-tips-left"
                    style='display:{{item.msgid==copyContentMsgid? "block":"none"}};left:{{copyButtonPosition}}px'
                    catchtap='startCopyContet'>
                    <text>复制</text>
                  </view>
                  <block wx:if="{{item.msgtype == 0}}">
                    <block wx:for="{{item.viewContent}}" wx:for-item="item1">
                      <block wx:if="{{item1.bisemoji==0}}">
                        <image class='wxPreEmoji' src="../zoosimg/emoji/{{item1.content}} "></image>
                      </block>
                      <block wx:if="{{item1.bisemoji == 1}}">
                        <text space="ensp" data-text='{{item.content}}' bindlongpress='copyTxt' data-id='{{item.msgid}}'
                          id='copytext{{item.msgid}}'>{{item1.content}}</text>
                      </block>
                    </block>
                  </block>
                </view>
              </block>

              <image class="picture" mode="widthFix" wx:if="{{item.msgtype == 1}}" src='{{item.content}}'
                catchtap='viewLargerImage' data-src="{{item.content}}"></image>

              <view wx:if="{{item.msgtype == 2}}" bindtap="audioPlay" data-src="{{item.content}}"
                data-id="{{item.msgid}}" class='luyin-box-left' style='width:{{item.voicewidth+15}}%'>
                <image src="../zoosimg/{{item.msgid==selPlayVoiceMsgid?'recordpic.gif':'l-yuyinxiaoxi.png'}}"></image>
                <text>{{item.timedifference}}s</text>
              </view>

            </view>
          </view>

          <!-- 访客 -->
          <view class='talkbox-right' wx:else="{{item.source == 0|| item.source == 6}}" data-id="{{item.msgtype}}">
            <!-- 发送状态  wx:if="{{item.msgsendstate==0}}" -->
            <view class='left-mess-box right-mess-box'>
              <text class='time-mess right-time-mess'>{{item.time}}</text>
              <!-- 微信6.7.0及以上版本 -->
              <block wx:if="{{copytxtMode==0}}">
                <block wx:if="{{item.msgtype == 0}}">
                  <view class='talkright'>
                    <block wx:for="{{item.viewContent}}" wx:for-item="item1">
                      <block wx:if="{{item1.bisemoji==0}}">
                        <image class='wxPreEmoji thisimg talkbox-emoji' src="../zoosimg/emoji/{{item1.content}} "
                          style="height: 50rpx !important;  width: 50rpx !important;"></image>
                      </block>
                      <block wx:if="{{item1.bisemoji == 1}}">
                        <text wx:if="{{item.msgtype == 0}}" space="ensp" selectable='true'
                          data-text='{{item.content}}'>{{item1.content}}</text>
                      </block>
                      <!-- </block> -->
                    </block>
                  </view>
                </block>
                <!-- <text class='talkright' wx:if="{{item.msgtype == 0}}" space="ensp" selectable='true' data-text='{{item.content}}'>{{item.content}}</text> -->
              </block>
              <!-- 微信6.7.0以下版本 -->
              <block wx:if="{{copytxtMode==1}}">
                <view style="position: relative;" wx:if="{{item.msgtype == 0}}">
                  <view class="fuzhi-tips"
                    style='display:{{item.msgid==copyContentMsgid? "block":"none"}};right:{{copyButtonPosition}}px'
                    catchtap='startCopyContet'>
                    <text>复制</text>
                  </view>
                </view>
                <block wx:if="{{item.msgtype == 0}}">
                  <view class='talkright' data-text='{{item.content}}' bindlongpress='copyTxt' data-id='{{item.msgid}}'
                    id='copytext{{item.msgid}}'>
                    <block wx:for="{{item.viewContent}}" wx:for-item="item1">
                      <block wx:if="{{item1.bisemoji==0}}">
                        <image class='wxPreEmoji  thisimg' src="../zoosimg/emoji/{{item1.content}} "
                          style="height: 50rpx !important;  width: 50rpx !important;"></image>
                      </block>
                      <block wx:if="{{item1.bisemoji == 1}}">
                        <text space="ensp">{{item1.content}}</text>
                      </block>
                      <!-- </block> -->
                    </block>
                  </view>
                </block>
                <!-- <text class='talkright' wx:if="{{item.msgtype == 0}}" space="ensp" data-text='{{item.content}}' bindlongpress='copyTxt' data-id='{{item.msgid}}' id='copytext{{item.msgid}}'>{{item.content}}</text> -->
              </block>
              <!-- 复制方式微信版本判断end -->
              <image wx:if="{{item.msgtype == 1}}" src='{{item.content}}' class="picture" mode='widthFix'
                catchtap='viewLargerImage' data-src="{{item.content}}"></image>
              <view wx:if="{{item.msgtype == 2}}" bindtap="audioPlay" data-src="{{item.content}}"
                data-id="{{item.msgid}}" class='luyin-box' style='width:{{item.voicewidth*5+65}}%'>
                <text>{{item.timedifference}}s</text>
                <image src="../zoosimg/{{item.msgid==selPlayVoiceMsgid?'rightrecordpic.gif':'yuyinxiaoxi.png'}}">
                </image>
                <!-- <image src="../zoosimg/yuyinxiaoxi.png"></image> -->
              </view>
              <!-- 复制方式微信版本判断end定位 -->
              <view class='talkright' style="width:200px;height:170px" wx:if="{{item.msgtype == 3}}">
                <button bindtap="getLocation" data-gid="{{item.address}}" class='btn-contactme'>
                  <view style="width:100%;height:100%;display:flex;flex-wrap:wrap;">
                    <view style="width:100%;height:45px;">
                      <view style="width:100%;height:100%;background:#fff;display:flex;flex-wrap:wrap">
                        <view
                          style="width:100%;color:#000;font-weight:bold;font-size:14px;display:flex;align-items:center">
                          <view style="width:10px;"></view>
                          <view style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
                            {{item.name}}</view>
                        </view>
                        <view style="width:100%;color:#b2b2b2;font-size:12px;display:flex;align-items:center">
                          <view style="width:10px;"></view>
                          <view style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
                            {{item.address}}</view>
                        </view>
                      </view>
                    </view>
                    <view style="width:100%;">
                      <map title="{{item.name}}" longitude="{{item.longitude}}" latitude="{{item.latitude}}"
                        markers="{{item.address}}" style="width: 200px; height: 125px;"></map>
                    </view>
                  </view>
                </button>
              </view>
            </view>
            <image src='{{consumerheadurl}}'></image>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>

</view>


<view class='bottom-box' style='height: {{menuheight}};' id='boxview'>

  <view class='inout-view'>
    <cover-image class='voice' src='../zoosimg/{{keyboardOrvoice}}.png' bindtap='voiceShowBtn'></cover-image>

    <!--<view class='input-box'></view>-->
    <!-- 消息框 -->
    <!-- bottom:40rpx -->
    <textarea fixed="true" value='{{msgcontent}}' wx:if="{{isvoice == 1}}" bindblur='msgtxtbulr' class=' mess-input'
      style='padding: {{padtop}}rpx {{padright}}rpx;height: {{txthight}}rpx!important; ' bindinput='checkoutmsg'
      bindfocus='talkviewbottomf' maxlength='100' cursor-spacing="37"></textarea>

    <view class='input-box' wx:elif="{{isvoice == 2}}">
      <button class="{{voiceBtnStyle?'btTouch':'bt'}}" catchlongtap="longtapStart" class='btn-voice'
        bind:touchend='touchEnd' catchtouchmove='cancelmove'>
        <text wx:if="{{voiceBtnStyle}}">松开结束</text>
        <text wx:else>按住说话 </text>
      </button>
    </view>

    <!-- //ios 兼容功能模块 -->
    <!-- 解决部分机型没有发送按钮 -->
    <block wx:if="{{btnsendshow == 0}}">
      <view class='bottom-button-box'>
        <!-- bottom:46rpx -->
        <cover-image class='emoji-btn' src='../zoosimg/emoji.png' catchtap='emojimenu'></cover-image>
        <!-- 表情  -->
        <block wx:if="{{btnSendOrAddMenu == 0}}">
          <form bind:submit="sendMsgBtn" report-submit="true">
            <!-- <cover-view style='position: fixed;right:10rpx;'> -->
            <button class="send-button" formType="submit" type="primary" size="{{primarySize}}" loading="{{loading}}"
              plain="{{plain}}" disabled="{{disabled}}">发送</button>
            <!-- </cover-view> -->
          </form>
        </block>
        <block wx:elif="{{btnSendOrAddMenu == 1}}">
          <cover-image class='add-btn' src='../zoosimg/menu.png' catchtap='menuBtn' bindblur='menuhide'></cover-image>
          <!-- 多媒体 -->
        </block>
      </view>
    </block>
    <block wx:elif="{{btnsendshow == 1}}">
      <view class='bottom-button-box'>
        <!-- bottom:46rpx -->
        <cover-image class='emoji-btn' src='../zoosimg/emoji.png' catchtap='emojimenu'></cover-image>
        <!-- 表情  -->
        <block wx:if="{{btnSendOrAddMenu == 0}}">
          <form bind:submit="sendMsgBtn" report-submit="true">
            <cover-view>
              <button class="send-button" formType="submit" type="primary" size="{{primarySize}}" loading="{{loading}}"
                plain="{{plain}}" disabled="{{disabled}}">发送</button>
            </cover-view>
          </form>
        </block>
        <block wx:elif="{{btnSendOrAddMenu == 1}}">
          <cover-image class='add-btn' src='../zoosimg/menu.png' catchtap='menuBtn' bindblur='menuhide'></cover-image>
          <!-- 多媒体 -->
        </block>
      </view>
    </block>
  </view>









  <!-- 相册，拍摄 -->
  <view class="choice" style='display:{{menushow}}'>

    <view class='choice-block-coloum'>
      <view class='choice-img' data-type='1' bindtap='takeOrAlbumBtn'>
        <image src="../zoosimg/picture.png"></image>
      </view>
      <view>相册</view>
    </view>

    <view class='choice-block-coloum'>
      <view class='choice-img' data-type='2' bindtap='takeOrAlbumBtn'>
        <image src="../zoosimg/shot.png"></image>
      </view>
      <view>拍摄</view>
    </view>

    <view class='choice-block-coloum'>
      <view class='choice-img' data-type='2' bindtap='choosePotsion'>
        <image src="../zoosimg/position.png"></image>
      </view>
      <view>位置</view>
    </view>

    <!-- <view class='choice-block-coloum'>
      <view class='choice-img' data-type='2' bindtap='selectFile'>
        <image src="../zoosimg/filemodel.jpg"></image>
      </view>
      <view>文件</view>
    </view> -->

  </view>

  <!-- 表情start -->
  <view class="choice" style='display:{{isshowemoji}}'>
    <swiper class="tab-content" current="{{currentTab}}" duration="300" bindchange="switchTab"
      style="height:{{winHeight}}rpx">
      <swiper-item>
        <scroll-view scroll-y="true" class="scoll-h">
          <block wx:for="{{wxemojliList}}">
            <block wx:if="{{index>=0&&index<24}}">
              <view class="item-ans">
                <view class='choice-block'>
                  <view>
                    <!-- <text style='magin-left:10rpx;' data-id="{{item.wxemojiid}} " data-text="{{item.wxemojicontent}} " bindtap='sendEmoji'>{{item.wxemojicontent}}</text> -->
                    <image class='wxPreEmoji' src="../zoosimg/emoji/{{item.wxemojicontent}}"
                      data-id="{{item.wxemojiid}}" data-text="{{item.wxemojicontent}}" bindtap='sendEmoji'></image>
                  </view>
                </view>
              </view>
            </block>
          </block>
        </scroll-view>
      </swiper-item>
      <swiper-item>
        <scroll-view scroll-y="true" class="scoll-h">
          <block wx:for="{{wxemojliList}}">
            <block wx:if="{{index>=24&&index<48}}">
              <view class="item-ans">
                <view class='choice-block'>
                  <view>
                    <image class='wxPreEmoji' src="../zoosimg/emoji/{{item.wxemojicontent}}"
                      data-id="{{item.wxemojiid}}" data-text="{{item.wxemojicontent}}" bindtap='sendEmoji'></image>
                  </view>
                </view>
              </view>
            </block>
          </block>
        </scroll-view>
      </swiper-item>
    </swiper>
    <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}">
      <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="swichNav"></view>
      <view class="tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="swichNav"></view>
    </scroll-view>
  </view>
  <!-- 表情End -->
 <!-- <view class='bottom-zoosnet'>
    <text>咨询软件由忠仕商务通提供技术支持</text>
  </view> -->

</view>

<!--mask-->
<view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view>
<!--content-->
<!--使用animation属性指定需要执行的动画-->
<view animation="{{animationData}}" class="drawer_box" wx:if="{{showModalStatus}}">

  <!--drawer content-->
  <view class="drawer_title"> </view>
  <view class="drawer_content">
    <view class='comp-img'>
      <view>
        <image src='{{comHead}}'></image>
      </view>
      <view>
        <label class="title col-0">{{compname}}</label>
        <view class='address-text'>
          <!-- <form bind:submit="getLocation " report-submit="true"> -->
          <button bindtap='getLocation' class='btn-contactme'>
            <image src='/zoosimg/weizhi.svg'></image>
            <text>{{compaddress}}</text>
          </button>
          <!-- </form> -->
        </view>
      </view>
    </view>



  </view>
  <view class="btn_ok" bindtap="powerDrawer" data-statu="close">确定</view>
</view>

<!-- 录音弹窗 -->
<view class="viewSound {{soundrecord_state==1?'':'hide'}}">
  <view style='font-size:30rpx;'>{{soundrecord_tiptext}}</view>
</view>