优化结算路径跳转

src/views/order/index/index.vue

@@ -2,37 +2,19 @@
   <div class="app-container">
     <!-- 列表 -->
     <!-- 搜索 -->
-    <page-search
+    <page-search ref="searchRef" :search-config="searchConfig" :isOpenAutoSearch="true" @query-click="handleQueryClick"
-      ref="searchRef"
+      @reset-click="handleResetClick" />
-      :search-config="searchConfig"
-      :isOpenAutoSearch="true"
-      @query-click="handleQueryClick"
-      @reset-click="handleResetClick"
-    />
     <!-- 列表 -->
-    <page-content
+    <page-content ref="contentRef" :content-config="contentConfig" @add-click="handleAddClick"
-      ref="contentRef"
+      @edit-click="handleEditClick" @export-click="handleExportClick" @search-click="handleSearchClick"
-      :content-config="contentConfig"
+      @toolbar-click="handleToolbarClick" @operat-click="handleOperatClick" @filter-change="handleFilterChange">
-      @add-click="handleAddClick"
-      @edit-click="handleEditClick"
-      @export-click="handleExportClick"
-      @search-click="handleSearchClick"
-      @toolbar-click="handleToolbarClick"
-      @operat-click="handleOperatClick"
-      @filter-change="handleFilterChange"
-    >
       <template #originAmount="scope">
         {{ returnOriginAmount(scope.row) }}
       </template>
 
       <template #orderNo="scope">
         <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap">
-          <el-tooltip
+          <el-tooltip class="box-item" effect="dark" :content="scope.row.orderNo" placement="top-start">
-            class="box-item"
-            effect="dark"
-            :content="scope.row.orderNo"
-            placement="top-start"
-          >
             {{ scope.row.orderNo }}
           </el-tooltip>
         </div>
@@ -79,21 +61,13 @@
       </template>
       <template #mobile="scope">
         <el-text>{{ scope.row[scope.prop] }}</el-text>
-        <copy-button
+        <copy-button v-if="scope.row[scope.prop]" :text="scope.row[scope.prop]" style="margin-left: 2px" />
-          v-if="scope.row[scope.prop]"
-          :text="scope.row[scope.prop]"
-          style="margin-left: 2px"
-        />
       </template>
       <template #operate="scope">
         <div>
           <el-button link @click="showdetail(scope.row)">详情</el-button>
           <el-button v-if="scope.row.status == 'done'" link>开票</el-button>
-          <el-button
+          <el-button v-if="scope.row.status == 'unpaid'" type="primary" @click="toPayOrder(scope.row)">
-            v-if="scope.row.status == 'unpaid'"
-            type="primary"
-            @click="toPayOrder(scope.row)"
-          >
             结账
           </el-button>
         </div>
@@ -109,11 +83,7 @@
     </page-modal>
 
     <!-- 编辑 -->
-    <page-modal
+    <page-modal ref="editModalRef" :modal-config="editModalConfig" @submit-click="handleSubmitClick">
-      ref="editModalRef"
-      :modal-config="editModalConfig"
-      @submit-click="handleSubmitClick"
-    >
       <template #url="scope">
         <FileUpload v-model="scope.formData[scope.prop]" :limit="1" v-bind="scope.attrs" />
         <!-- <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" /> -->
@@ -232,7 +202,7 @@ const router = useRouter();
 // 结账
 function toPayOrder(order: getListResponse) {
   router.push({
-    path: "/tool/index",
+    path: "/Instead",
     query: {
       id: order.id,
       key: "isPayOrder",
@@ -334,6 +304,7 @@ function showdetail(row: OrderInfoVo) {
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
     &:not(:first-child) {
       margin-top: 10px;
     }
@@ -348,6 +319,7 @@ function showdetail(row: OrderInfoVo) {
       display: flex;
       flex-direction: column;
       margin-top: 2px;
+
       .sku {
         color: #999;
       }
@@ -377,7 +349,7 @@ function showdetail(row: OrderInfoVo) {
     left: 36%;
     padding: 18px;
 
-    > div:first-child {
+    >div:first-child {
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -388,7 +360,7 @@ function showdetail(row: OrderInfoVo) {
       transform: translateX(-80px);
     }
 
-    > div:last-child {
+    >div:last-child {
       text-align: center;
     }
   }