其他人改的版本

李凌

2025-10-15 7fc6bfe900790ec7c92bce85d5b20a95fbc06e65

 src/views/customerService/index.vue

@@ -21,29 +21,29 @@
          :style="{ 'display': finished ? 'none' : 'block' }">
          {{ $t('historyMessage') }}
        </div>
        <ul class="flex flex-col pt-3">
          <li v-for="(item) in list" :key="item.id" class="flex flex-col my-3">
        <ul class="flexY flex-col pt-3" style="width: 100%">
          <li v-for="(item) in list" :key="item.id" class="flex-col my-3">
            <!-- <p class="font-13 text-center py-2 text-grey font-15" v-if="showTime(index)">{{
              item.createtime &&
              item.createtime.split(' ')[0]
            }}</p> -->
            <p class="font-13 text-center pb-3 text-grey font-15">{{
              item.createtime
            }}</p>
            <div class="flex" :class="item.send_receive === 'send' ? 'justify-end' : ''">
                item.createtime
              }}</p>
            <div class="flex" :class="item.send_receive === 'send' ? 'justify-end' : 'send'">
              <template v-if="item.send_receive === 'receive'">
                <img src="@/assets/image/service/responser.png" class="w-10 h-10 mr-5" />
                <div class="responser px-18 py-8 font-15 left-chatBg">
                  <p class="break-word textColor  font-15" style="max-width: 200px;"
                    v-if="item.content_type === 'text' || item.type === 'text'">
                <div class="responser px-18 py-8 font-15 left-chatBg" style="padding: 5px 5px">
                  <p class="break-word textColor  font-15" style="max-width: 200px;padding:8px 10px"
                     v-if="item.content_type === 'text' || item.type === 'text'">
                    {{ item.content }}</p>
                  <img v-else :src="item.content" class="w-200 h-200" @click="onPreview(item.content)" />
                  <img v-else :src="item.content" style="border-radius: 18px;max-width: 120px;min-width: 30px" class="w-200 h-200" @click="onPreview(item.content)" />
                </div>
              </template>
              <div class="py-8 px-18 rounded-ban flex flex-col right-chatBg" v-else>
                <img :src="`${item.content}`" class="w-200 h-200"
                  v-if="item.content_type === 'img' || item.type === 'img'" @click="onPreview(item.content)" />
                <p class="break-word textColor  font-15" v-else style="max-width: 200px;">{{ item.content }}</p>
              <div class="py-8 px-18 rounded-ban flex flex-col right-chatBg" style="padding: 5px 5px" v-else>
                <img :src="`${item.content}`"  style="border-radius: 18px;max-width: 120px;min-width: 30px"
                     v-if="item.content_type === 'img' || item.type === 'img'" @click="onPreview(item.content)" />
                <p class="break-word textColor  font-15"  v-else style="max-width: 200px;padding:8px 10px">{{ item.content }}</p>
              </div>
            </div>
          </li>
@@ -265,6 +265,9 @@

</script>
<style lang="scss" scoped>
.justify-end{
  width: 100%;
}
.service-box {
  font-size: 14px;
  width: 100%;