<!-- 钻石首饰-对比 -->
<template>
    <app-drawer title="对比" v-model:show="show">
        <table class="search-compare" cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td></td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.goodsno }}
                    </td>
                </tr>
                <tr>
                    <th colspan="5">基本信息</th>
                </tr>
                <tr>
                    <td>重量</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.remainqty }}
                    </td>
                </tr>
                <tr>
                    <td>价格</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscurrencytypedisplayunit + item.price }}
                    </td>
                </tr>
                <tr>
                    <td>克拉单价</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscurrencytypedisplayunit + item.fixedprice }}
                    </td>
                </tr>
                <tr>
                    <td>市场价</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscurrencytypedisplayunit + item.marketprice }}
                    </td>
                </tr>
                <tr>
                    <td>仓库</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.warehousenamedisplay }}
                    </td>
                </tr>
                <tr>
                    <td>卖家</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.sellusername }}
                    </td>
                </tr>
                <tr>
                    <td>款式</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zsstyletypedisplay }}
                    </td>
                </tr>
                <tr>
                    <th colspan="5">钻石属性</th>
                </tr>
                <tr>
                    <td>形状</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zsshapetypedisplay }}
                    </td>
                </tr>
                <tr>
                    <td>颜色</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscolortype1display }}
                    </td>
                </tr>
                <tr>
                    <td>净度</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zsclaritytype1display }}
                    </td>
                </tr>
                <tr>
                    <td>切工</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscuttype1display }}
                    </td>
                </tr>
                <tr>
                    <td>对称度</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zssymmetrytype1display }}
                    </td>
                </tr>
                <tr>
                    <td>抛光度</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zspolishtype1display }}
                    </td>
                </tr>
                <tr>
                    <td>荧光</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zsfluorescencetype1display }}
                    </td>
                </tr>
                <tr>
                    <td>尺寸</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.sizedisplay }}
                    </td>
                </tr>
                <tr>
                    <td>证书类型</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.zscerttypedisplay }}
                    </td>
                </tr>
                <tr>
                    <td>配石描述</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.stonedesc }}
                    </td>
                </tr>
                <tr>
                    <td>镶嵌材料</td>
                    <td v-for="(item,index) in checkedItems" :key="index">
                        {{ item.settingmaterial }}
                    </td>
                </tr>
            </tbody>
        </table>
        <template #footer>
            <el-button @click="onCancel" plain>关闭</el-button>
        </template>
    </app-drawer>
</template>

<script lang="ts" setup>
import { shallowRef, PropType } from 'vue'
import AppDrawer from '@pc/components/base/drawer/index.vue'

defineProps({
    checkedItems: {
        type: Object as PropType<Ermcp.SellOrderSearchRsp[]>,
        required: true
    }
})

const show = shallowRef(true)

const onCancel = () => {
    show.value = false
}
</script>

<style lang="less" scoped>
@import './index.less';
</style>