|
|
@ -1,5 +1,6 @@
|
|
|
|
<script lang="ts" setup>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { computed } from 'vue'
|
|
|
|
import { format } from 'date-fns';
|
|
|
|
|
|
|
|
import { computed } from 'vue';
|
|
|
|
|
|
|
|
|
|
|
|
defineOptions({ name: 'ListItem' })
|
|
|
|
defineOptions({ name: 'ListItem' })
|
|
|
|
|
|
|
|
|
|
|
@ -25,15 +26,17 @@ const svgName = computed(() => {
|
|
|
|
<div style="display: flex;">
|
|
|
|
<div style="display: flex;">
|
|
|
|
<SvgIcon :name="svgName" size="28" />
|
|
|
|
<SvgIcon :name="svgName" size="28" />
|
|
|
|
<span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
|
|
|
|
<span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
|
|
|
|
任务ID:{{ listItem.formid }}
|
|
|
|
任务ID:{{ listItem.fromtaskname }}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<SvgIcon v-show="selected" size="14" name="more-ver" />
|
|
|
|
<SvgIcon v-show="selected" size="14" name="more-ver" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="list-item-detail">
|
|
|
|
<ul class="list-item-detail">
|
|
|
|
<li>审批状态:<span class="list-item-status">{{ listItem.states }}</span></li>
|
|
|
|
<li>审批状态:<span class="list-item-status">{{ listItem.statshis }}</span></li>
|
|
|
|
<li>审批节点:{{ listItem.createdate }}</li>
|
|
|
|
<li>审批节点:{{ listItem.taskname }}</li>
|
|
|
|
<li>提交时间:{{ listItem.createdate }}</li>
|
|
|
|
<li>提交时间:{{ format(new Date(), 'yyyy-MM-dd HH:mm:ss') }}</li>
|
|
|
|
|
|
|
|
<li>提报人:{{ listItem.fromuserid }}</li>
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
<div class="list-item-divider" />
|
|
|
|
<div class="list-item-divider" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|