gx

src/view/yl.vue

@@ -251,8 +251,14 @@
       @close="close"
       @handle="handlePagination"
     >
-      <template #yxstatus="{ currentCol, currentData }">
+      <template #iordertype="{ currentCol, currentData }">
-        <div>-------------</div>
+        <div v-if="currentData.iordertype == '1'">就餐订单</div>
+        <div v-else-if="currentData.iordertype == '2'">送餐订单</div>
+      </template>
+      <template #itimetype="{ currentCol, currentData }">
+        <div v-if="currentData.itimetype == '0'">早餐</div>
+        <div v-else-if="currentData.itimetype == '1'">中餐</div>
+        <div v-else-if="currentData.itimetype == '2'">晚餐</div>
       </template>
     </Dialog>
   </div>
@@ -284,65 +290,45 @@ const tableType = reactive({
   title: "",
   columns: [
     {
-      label: "照料中心名称",
+      label: "照料中心",
       property: "sdailycarecentername",
-      width: '200'
+      width: '160'
     },
     {
       label: "老人名称",
       property: "scustomername",
-      width: '150'
+      width: '120'
     },
     {
-      label: "所属区域",
+      label: "就餐/送餐订单",
-      property: "scasecadebareaname",
+      property: "iordertype",
-      width: '200'
+      width: '160',
+      type: "slot",
     },
     {
-      label: "详细地址",
+      label: "早、中、晚餐",
-      property: "saddress",
+      property: "itimetype",
-      width: '400'
+      width: '160',
-    },
+      type: "slot",
-    {
-      label: "订单创建时间",
-      property: "dtcreatetime",
-      width: '250'
-    },
-    {
-      label: "订单结束时间",
-      property: "dtfinishtime",
-      width: '250'
     },
     {
       label: "菜品信息",
       property: "dishesmealnames",
-      width: '400'
+      width: '160',
     },
     {
-      label: "优惠金额",
+      label: "订单金额",
-      property: "categorymoney",
+      property: "totalprice",
       width: '150'
     },
-
     {
       label: "实际支付金额",
       property: "actualprice",
       width: '150'
     },
     {
-      label: "订单类型",
+      label: "订单结束时间",
-      property: "iordertype",
+      property: "dtfinishtime",
-      width: '200'
-    },
-    {
-      label: "就餐时间",
-      property: "itimetype",
-      width: '150'
-    },
-    {
-      label: "订单状态",
-      property: "sstatus",
-      width: '200'
     },
   ],
   data: [],
@@ -1009,6 +995,22 @@ const getData = async () => {
     color: #ffffff;
   }
 }
+:deep(.el-table) {
+  background: rgba(32, 64, 115, 1);
+
+  --el-table-border-color: none;
+  border: 1px solid #7aceff;
+}
+.table {
+  :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
+    border: none !important;
+    padding-left: 10px !important;
+  }
+
+  :deep(.el-table td.el-table__cell) {
+    padding-left: 10px;
+  }
+}
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #2f4b74;
 }