修复了用户详情页面的格式问题,并优化了代码的排版,使得代码更加整洁易读。

This commit is contained in:
zmj 2024-06-20 15:42:46 +08:00
parent d7c236debe
commit 19d6fbb875
6 changed files with 43 additions and 41 deletions

View File

@ -1,13 +1,6 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup <popup ref="popupRef" title="详情" :async="true" width="550px" :cancelButtonText="false" :confirmButtonText="false">
ref="popupRef"
title="详情"
:async="true"
width="550px"
:cancelButtonText="false"
:confirmButtonText="false"
>
<el-form ref="formRef" :model="formData" label-width="90px"> <el-form ref="formRef" :model="formData" label-width="90px">
<el-form-item label="门店名称" prop="name"> <el-form-item label="门店名称" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入门店名称" :readonly="true" /> <el-input v-model="formData.name" clearable placeholder="请输入门店名称" :readonly="true" />

View File

@ -1,8 +1,11 @@
<template> <template>
<div> <div>
<el-table :data="pager.lists"> <el-table :data="pager.lists">
<el-table-column label="" prop="label_id" show-overflow-tooltip /> <!-- <el-table-column label="id" prop="lab" show-overflow-tooltip /> -->
<el-table-column label="标签名称" prop="label_name" show-overflow-tooltip /> <el-table-column label="订单号" prop="order_sn" show-overflow-tooltip />
<el-table-column label="金额" prop="amount" show-overflow-tooltip />
<el-table-column label="创建时间" prop="create_time" show-overflow-tooltip />
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
</el-table> </el-table>
<div class="flex mt-4 justify-end"> <div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />

View File

@ -1,8 +1,10 @@
<template> <template>
<div> <div>
<el-table :data="pager.lists"> <el-table :data="pager.lists">
<el-table-column label="" prop="label_id" show-overflow-tooltip /> <el-table-column label="订单号" prop="order_id" show-overflow-tooltip />
<el-table-column label="标签名称" prop="label_name" show-overflow-tooltip /> <el-table-column label="金额" prop="number" show-overflow-tooltip />
<el-table-column label="创建时间" prop="create_time" show-overflow-tooltip />
<el-table-column label="备注" prop="title" show-overflow-tooltip />
</el-table> </el-table>
<div class="flex mt-4 justify-end"> <div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />

View File

@ -1,8 +1,10 @@
<template> <template>
<div> <div>
<el-table :data="pager.lists"> <el-table :data="pager.lists">
<el-table-column label="" prop="label_id" show-overflow-tooltip /> <el-table-column label="订单号" prop="order_sn" show-overflow-tooltip />
<el-table-column label="标签名称" prop="label_name" show-overflow-tooltip /> <el-table-column label="金额" prop="amount" show-overflow-tooltip />
<el-table-column label="创建时间" prop="create_time" show-overflow-tooltip />
<el-table-column label="备注" prop="mark" show-overflow-tooltip />
</el-table> </el-table>
<div class="flex mt-4 justify-end"> <div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />

View File

@ -1,8 +1,10 @@
<template> <template>
<div> <div>
<el-table :data="pager.lists"> <el-table :data="pager.lists">
<el-table-column label="ID" prop="id" min-width="55" /> <el-table-column label="订单号" prop="order_sn" show-overflow-tooltip />
<el-table-column label="标签名称" prop="label_name" show-overflow-tooltip /> <el-table-column label="金额" prop="number" show-overflow-tooltip />
<el-table-column label="创建时间" prop="create_time" show-overflow-tooltip />
<el-table-column label="备注" prop="" show-overflow-tooltip />
</el-table> </el-table>
<div class="flex mt-4 justify-end"> <div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />