From b60cb7c0ae4b94906bd94d356a710cd287e52346 Mon Sep 17 00:00:00 2001 From: 18650502300 <18650502300@163.com> Date: Mon, 9 Sep 2024 09:25:08 +0800 Subject: [PATCH] =?UTF-8?q?1.=E8=AE=A2=E5=8D=95=E9=A1=B5=E9=9D=A2=E8=B0=83?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/system/order/index.vue | 89 +++++++++++++++++++++----------- 1 file changed, 58 insertions(+), 31 deletions(-) diff --git a/src/views/system/order/index.vue b/src/views/system/order/index.vue index a0104db..eabbfc9 100644 --- a/src/views/system/order/index.vue +++ b/src/views/system/order/index.vue @@ -87,14 +87,25 @@ <el-table-column type="selection" width="55" align="center" /> <!-- <el-table-column label="订单id" align="center" prop="orderId" />--> <el-table-column label="区域" align="center" prop="area" /> - <el-table-column label="订单号" align="center" prop="orderNo" width="120"/> - <el-table-column label="用户" align="center" width="100"> + <el-table-column label="订单信息" align="center" width="150"> <template slot-scope="scope"> - <router-link :to="'/user/user/userName/index/' + scope.row.userName" class="link-type"> - <span>{{ scope.row.userName }}</span> - </router-link> + <div> + <span>{{ scope.row.orderNo }}</span> <!-- 显示订单号 --> + <br> <!-- 换行 --> + <router-link :to="'/user/user/userName/index/' + scope.row.userName" class="link-type"> + <span>{{ scope.row.userName }}</span> <!-- 显示用户名 --> + </router-link> + </div> </template> </el-table-column> +<!-- <el-table-column label="订单号" align="center" prop="orderNo" width="120"/>--> +<!-- <el-table-column label="用户" align="center" width="100">--> +<!-- <template slot-scope="scope">--> +<!-- <router-link :to="'/user/user/userName/index/' + scope.row.userName" class="link-type">--> +<!-- <span>{{ scope.row.userName }}</span>--> +<!-- </router-link>--> +<!-- </template>--> +<!-- </el-table-column>--> <el-table-column label="设备信息" align="center" width="120"> <template slot-scope="scope"> <div> @@ -122,46 +133,62 @@ <!-- </router-link>--> <!-- </template>--> <!-- </el-table-column>--> - <el-table-column label="状态" align="center" prop="status"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.et_order_status" :value="scope.row.status"/> - </template> - </el-table-column> - <el-table-column label="创建时间/开始骑行" align="center" width="135"> + <el-table-column label="状态/支付方式" align="center" width="150"> <template slot-scope="scope"> <div> - <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span><br /> - <span>{{ parseTime(scope.row.unlockTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> + <dict-tag :options="dict.type.et_order_status" :value="scope.row.status" /> <!-- 显示状态 --> + <dict-tag :options="dict.type.et_pay_type" :value="scope.row.payType" /> <!-- 显示支付方式 --> </div> </template> </el-table-column> - <!-- <el-table-column label="创建时间" align="center" prop="createTime" width="90">--> + <el-table-column label="时间详情" header-align="center" align="left" width="200"> + <template slot-scope="scope"> + <div> + <span>创建时间:{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span><br /> + <span>开始骑行:{{ parseTime(scope.row.unlockTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span><br /> + <span>结束骑行:{{ parseTime(scope.row.returnTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span><br /> + <span>支付时间:{{ parseTime(scope.row.payTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> + </div> + </template> + </el-table-column> + + <!-- <el-table-column label="创建时间/开始骑行" align="center" width="135">--> <!-- <template slot-scope="scope">--> -<!-- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>--> +<!-- <div>--> +<!-- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span><br />--> +<!-- <span>{{ parseTime(scope.row.unlockTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>--> +<!-- </div>--> <!-- </template>--> <!-- </el-table-column>--> -<!-- <el-table-column label="开始骑行" align="center" prop="unlockTime" width="90">--> +<!-- <el-table-column label="结束骑行" align="center" prop="returnTime" width="90">--> <!-- <template slot-scope="scope">--> -<!-- <span>{{ parseTime(scope.row.unlockTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>--> +<!-- <span>{{ parseTime(scope.row.returnTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>--> <!-- </template>--> <!-- </el-table-column>--> - <el-table-column label="结束骑行" align="center" prop="returnTime" width="90"> +<!-- <el-table-column label="支付时间" align="center" prop="payTime" width="90">--> +<!-- <template slot-scope="scope">--> +<!-- <span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>--> +<!-- </template>--> +<!-- </el-table-column>--> +<!-- <el-table-column label="支付方式" align="center" prop="payType" width="80">--> +<!-- <template slot-scope="scope">--> +<!-- <dict-tag :options="dict.type.et_pay_type" :value="scope.row.payType"/>--> +<!-- </template>--> +<!-- </el-table-column>--> +<!-- <el-table-column label="金额(元)" align="center" prop="totalFee" width="70"/>--> + <el-table-column label="费用详情" header-align="center" align="left" width="200"> <template slot-scope="scope"> - <span>{{ parseTime(scope.row.returnTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> + <div> + <span style="font-weight: bold;color: red">总:{{ formatFee(scope.row.totalFee) }}</span><br /> + <span>预约费:{{ formatFee(scope.row.appointmentFee) }}</span><br /> + <span>骑行费:{{ formatFee(scope.row.ridingFee) }}</span><br /> + <span>运营区外调度费:{{ formatFee(scope.row.dispatchFee) }}</span><br /> + <span>停车点外调度费:{{ formatFee(scope.row.manageFee) }}</span> + </div> </template> </el-table-column> - <el-table-column label="支付时间" align="center" prop="payTime" width="90"> - <template slot-scope="scope"> - <span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> - </template> - </el-table-column> - <el-table-column label="支付方式" align="center" prop="payType" width="80"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.et_pay_type" :value="scope.row.payType"/> - </template> - </el-table-column> - <el-table-column label="金额(元)" align="center" prop="totalFee" width="70"/> -<!-- <el-table-column label="备注" align="center" prop="mark" />--> + + <!-- <el-table-column label="备注" align="center" prop="mark" />--> <!-- <el-table-column label="交易金额" align="center" prop="amount" :formatter="formatAmount"/>--> <el-table-column label="手续费" align="center" prop="handlingCharge" :formatter="formatAmount"/> <el-table-column label="成本" align="center" prop="handlingCharge" :formatter="formatAmount"/>