fix 订单详情

src/views/recycleOrder/detail/order-book-list.vue

@@ -1,6 +1,53 @@
 <template>
   <SimpleTable :columns="columns" border>
-    <template #baseInfo="{ row }"> </template>
+    <template #baseInfo="{ row }">
+      <div class="base-info flex justify-between">
+        <div class="base-info-left flex flex-1">
+          <el-image
+            style="width: 80px; height: 100px"
+            fit="cover"
+            src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+          />
+          <div class="base-info-left-con flex flex-col items-start ml-3">
+            <div><el-text type="primary">作物栽培</el-text></div>
+            <div><el-text>ISBN：9787109261839</el-text></div>
+            <div class="base-info-btns flex">
+              <el-button size="small" color="#4f4f4f" @click=""
+                >加入黑名单</el-button
+              >
+              <el-button size="small" type="success" @click=""
+                >加入回收书单</el-button
+              >
+              <el-button size="small" type="warning" @click=""
+                >指定回收折扣</el-button
+              >
+              <el-button size="small" color="#7728f5" @click=""
+                >修改回收折扣</el-button
+              >
+            </div>
+            <div><el-text type="danger">(已回收数量：200当前库存：75)</el-text></div>
+          </div>
+        </div>
+        <div class="base-info-right w-36 shrink-0">
+          <div class="common-text flex">
+            <el-text>定  价：</el-text>
+            <el-text>¥ 46</el-text>
+          </div>
+          <div class="common-text flex">
+            <el-text>回收折扣：</el-text>
+            <el-text>¥ 0.35</el-text>
+          </div>
+          <div class="common-text flex">
+            <el-text>折预估金额：</el-text>
+            <el-text>¥ 1.61</el-text>
+          </div>
+          <div class="common-text flex">
+            <el-text>销售价格：</el-text>
+            <el-text>¥ 10.1</el-text>
+          </div>
+        </div>
+      </div>
+    </template>
     <template #action="{ row }">
       <div class="action-btns">
         <el-button class="mb-10" color="#4f4f4f" @click="">审核图片</el-button>
@@ -12,7 +59,7 @@
       </div>
     </template>
     <template #auditInfo="{ row }">
-      <div class="audit-info flex">
+      <div class="audit-info flex justify-center">
         <el-radio-group v-model="row.auditInfo" style="width: 120px">
           <el-radio :value="1">品相良好</el-radio>
           <el-radio :value="2">品相一般</el-radio>
@@ -45,7 +92,7 @@
       label: '信息',
       prop: 'baseInfo',
       slot: 'baseInfo',
-      minWidth: 500,
+      minWidth: 650,
       align: 'center'
     },
     {
@@ -63,7 +110,12 @@
       align: 'center',
       minWidth: 317
     },
-    { label: '审核金额', prop: 'reviewedPayment', align: 'center', minWidth: 120 }
+    {
+      label: '审核金额',
+      prop: 'reviewedPayment',
+      align: 'center',
+      minWidth: 120
+    }
   ]);
 </script>