crm-app-vue3/components/inquiry-verification-list/index.vue

<template>
    <view class="inquiry_wrap">
        <u-navbar class="nav-bar" :title="type == '1' ? '询价中心' : '核价中心'" :autoBack="true" :placeholder="true"
            v-hideNav></u-navbar>
        <scroll-view class="list_wrap" scroll-y @scrolltolower="loadMore" enable-back-to-top>
            <view class="list_item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
                <view class="list_item_top">
                    <view class="top_left">
                        <text class="name">{{ item.dictLabel }}</text>
                        <text class="desc">{{ type == '1' ? '意向' : item.model }}</text>
                    </view>
                    <view class="top_right">
                        <text :class="['status', type == '1' ? 'inquiry' : 'verification']">{{
                            formtterStatus(item.status) }}</text>
                    </view>
                </view>
                <view class="imgs">
                    <imgs-row-scroll :images="item.imgsUrl" :previewEnabled="true" :showIndicator="false"
                        :imageWidth="140" :imageHeight="140"></imgs-row-scroll>
                </view>
                <view class="list_item_bottom">
                    <view class="bottom">
                        <u-icon name="bookmark" size="16" color="#9ca3af"></u-icon>
                        <text class="code">编码：{{ item.code }}</text>
                    </view>
                    <view class="bottom">
                        <u-icon name="clock" size="16" color="#9ca3af"></u-icon>
                        <text class="time">{{ item.date }}</text>
                    </view>
                </view>
            </view>
            <show-emtry v-if="list.length === 0"></show-emtry>
        </scroll-view>

        <add-inquiry-dialog ref="addInquiryDialog" editOrAdd="edit" :editInfo="editInfo" @success="handleInquirySuccess"
            @addSuccess="handleInquiryCancel" />
    </view>
</template>
<script>
import imgsRowScroll from '@/components/imgs-row-scroll/index.vue'
import addInquiryDialog from '@/components/add-inquiry-dialog/index.vue'
import inquiryVerificationList from "./mixins/inquiryVerificationList.js";
export default {
    components: {
        imgsRowScroll,
        addInquiryDialog
    },
    mixins: [inquiryVerificationList]
}
</script>

<style lang="scss">
@import "./styles/index.scss";
</style>