|
|
|
|
@ -1,49 +1,58 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-row class="page">
|
|
|
|
|
<el-row class="block-view" v-for="(item, index) in expressList">
|
|
|
|
|
<el-row class="top">
|
|
|
|
|
<div class="page">
|
|
|
|
|
<section class="block-view" v-for="(item, index) in expressList" :key="item.expressid">
|
|
|
|
|
<header class="top">
|
|
|
|
|
<el-text>运单号: {{ item.expressid }}</el-text>
|
|
|
|
|
<el-text class="top-time">签收时间: {{ item.signedTime }}</el-text>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="express-view">
|
|
|
|
|
<el-row class="express-no-view">
|
|
|
|
|
</header>
|
|
|
|
|
<div class="express-view">
|
|
|
|
|
<div class="express-no-view">
|
|
|
|
|
<el-text class="city">{{ item.senderCity }}</el-text>
|
|
|
|
|
<el-text class="user">{{ item.senderName }}</el-text>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="express-no-view">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="express-no-view">
|
|
|
|
|
<el-image class="arrow" src="/arrow.png" />
|
|
|
|
|
<el-text class="sign">{{ item.isSigned ? "已签收" : "未签收" }}</el-text>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="express-no-view">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="express-no-view">
|
|
|
|
|
<el-text class="city">{{ item.receiverCity }}</el-text>
|
|
|
|
|
<el-text class="user">{{ item.receiverName }}</el-text>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="express-icon-view">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="express-icon-view">
|
|
|
|
|
<el-icon @click="deleteByIndex(index)">
|
|
|
|
|
<Delete />
|
|
|
|
|
</el-icon>
|
|
|
|
|
<el-icon @click="modify(item, index)">
|
|
|
|
|
<Edit />
|
|
|
|
|
</el-icon>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="line-view"></el-row>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible" title="警告" width="500" :before-close="handleClose">
|
|
|
|
|
<span>你确定要删除这条快递信息吗？</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-view"></div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
v-model="dialogVisible"
|
|
|
|
|
title="警告"
|
|
|
|
|
width="500"
|
|
|
|
|
:before-close="handleClose"
|
|
|
|
|
aria-labelledby="dialog-title"
|
|
|
|
|
aria-describedby="dialog-description"
|
|
|
|
|
>
|
|
|
|
|
<span id="dialog-description">你确定要删除这条快递信息吗？</span>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
<el-button @click="dialogVisible = false">取消</el-button>
|
|
|
|
|
<el-button type="primary" @click="deleteByIndexConfirm()">
|
|
|
|
|
确定
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="primary" @click="deleteByIndexConfirm()">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogFormVisible" title="快递表单修改" width="500">
|
|
|
|
|
<el-dialog
|
|
|
|
|
v-model="dialogFormVisible"
|
|
|
|
|
title="快递表单修改"
|
|
|
|
|
width="500"
|
|
|
|
|
aria-labelledby="form-dialog-title"
|
|
|
|
|
>
|
|
|
|
|
<el-form :model="form">
|
|
|
|
|
<el-form-item label="寄送城市" :label-width="formLabelWidth">
|
|
|
|
|
<el-input v-model="form.senderCity" autocomplete="off" />
|
|
|
|
|
@ -60,20 +69,18 @@
|
|
|
|
|
<el-form-item label="签收时间" :label-width="formLabelWidth">
|
|
|
|
|
<el-input v-model="form.signedTime" autocomplete="off" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
<el-button @click="dialogFormVisible = false">取消</el-button>
|
|
|
|
|
<el-button type="primary" @click="modifyConfirm()">
|
|
|
|
|
确定
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="primary" @click="modifyConfirm()">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { Delete, Edit } from '@element-plus/icons-vue';
|
|
|
|
|
import { ref, watchEffect, onMounted } from 'vue';
|
|
|
|
|
|
