feat: ai工单优化显示字段,不使用search中返回内容

pull/1/head
lizijiee 1 year ago
parent 6514e4eea2
commit 951d9a9e46

@ -1,7 +1,7 @@
<script lang="ts" setup>
import { format } from 'date-fns';
import { computed, onMounted } from "vue";
import type { PackageListItem } from "/#/workorder";
defineOptions({ name: "ListItem" });
const props = defineProps({
@ -14,7 +14,7 @@ const props = defineProps({
required: true,
},
showFieldList: {
type: Array,
type: Array as any,
default: () => [],
},
dicts: {
@ -40,29 +40,30 @@ onMounted(async () => {
<template>
<div class="list-item" :class="{ 'list-item-selected': selected }">
<div>
<div class="list-item-header">
<div style="display: flex">
<div v-for="(item, index) in showFieldList" :key="index">
<div v-if="item.id === 'name'" class="list-item-header">
<div class="id-wrap">
<SvgIcon :name="svgName" size="28" />
<span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
{{ listItem.name }}
</span>
<span class="list-item-header-selected">({{ listItem.pictureCount }})</span>
</div>
<!-- <SvgIcon v-show="selected" size="14" name="more-ver" /> -->
</div>
<ul class="list-item-detail">
<li v-for="(key, index) in Object.keys(listItem.search)" :key="index" v-if="listItem.search">
<div v-if="getValueByLabel(key)">
{{
getValueByLabel(key)
}}{{
listItem.search[key]
}}
</div>
<ul v-else class="list-item-detail">
<li v-if="item.id === 'statshisText'">
审批状态<span class="list-item-status" :class="listItem.statshisText === ''
? 'list-item-success'
: listItem.statshisText === '不通过'
? 'list-item-error'
: 'list-item-watting'
">{{ listItem.statshisText }}</span>
</li>
<li v-else-if="item.id === 'createdate'">
提交时间{{ format(listItem.createdate, "yyyy-MM-dd HH:mm:ss") }}
</li>
<li v-else class="ellipsis">
<span class="label">{{ item.name }}</span>{{ listItem[item.id] }}
</li>
<!-- <li>筛选时间{{ listItem.createTime }}</li>
<li>执行人{{ listItem.createBy }}</li> -->
</ul>
</div>
<!-- <div class="list-item-header">
@ -92,6 +93,24 @@ onMounted(async () => {
display: flex;
align-items: center;
.id-wrap {
display: flex;
align-items: center;
margin-bottom: 6px
}
.list-item-header-name {
width: 226px;
font-size: 16px;
font-family: PingFang SC, PingFang SC-Medium;
font-weight: 700;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0 0 8px 8px;
}
&-name {
font-size: 16px;
font-weight: bold;

@ -64,7 +64,7 @@ async function loadMore() {
const more = await fetchList()
more.forEach(ele=>{
ele.search = JSON.parse(ele.search)
ele.search.createTime = ele.search.submit_date_timestamp
// ele.search.createTime = ele.search.submit_date_timestamp
})
data.value.push(...more)
}

Loading…
Cancel
Save