feat: 测试保洁订单

apps/web-antd/src/views/property/greenPlantRentalManagement/leasePogramManagement/data.ts

@@ -9,11 +9,13 @@ export const querySchema: FormSchemaGetter = () => [
     component: 'Input',
     fieldName: 'planName',
     label: '方案名称',
+    labelWidth: 120
   },
   {
     component: 'Select',
     fieldName: 'rentalPeriod',
     label: '租赁周期',
+    labelWidth: 120,
     componentProps: {
       options:[
           { label: '月', value: 0 },
@@ -121,7 +123,7 @@ export const modalSchema: FormSchemaGetter = () => [
     {
     label: '基础服务项',
     fieldName: 'price',
-    component: 'Select',
+    component: 'Input',
   },
       {
     label: '优惠活动',

apps/web-antd/src/views/property/greenPlantRentalManagement/leasePogramManagement/rentalPlan-modal.vue

@@ -21,9 +21,9 @@ const title = computed(() => {
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: 'col-span-1',
     // 默认label宽度 px
-    labelWidth: 80,
+    labelWidth: 120,
     // 通用配置项 会影响到所有表单项
     componentProps: {
       class: 'w-full',
@@ -43,7 +43,7 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: 'w-[70%]',
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,
@@ -91,11 +91,67 @@ async function handleClosed() {
   await formApi.resetForm();
   resetInitialized();
 }
+const detailColumns = [
+  { title: '序号', key: 'index' },
+  { title: '产品编号', dataIndex: 'plantCode', key: 'plantCode' },
+  { title: '产品名称', dataIndex: 'plantName', key: 'plantName' },
+  { title: '产品分类', dataIndex: 'plantType', key: 'plantType' },
+  {
+    title: '图片',
+    dataIndex: 'imgPath',
+    key: 'imgPath',
+  },
+  {
+    title: '规格',
+    dataIndex: 'specification',
+    key: 'specification',
+  },
+  { title: '租金', dataIndex: 'rent', key: 'rent' },
+  { title: '备注', dataIndex: 'remark', key: 'remark' },
+  {
+    title: '状态',
+    dataIndex: 'state',
+    key: 'state',
+    customRender: ({ value }: { value: number }) =>
+      value === 1 ? '上架' : '下架',
+  },
+  {
+    title: '操作',
+    key: 'action',
+    fixed: 'right' as const,
+  },
+];
 </script>
 
 <template>
   <BasicModal :title="title">
     <BasicForm />
+        <!-- 添加订单详情部分、 -->
+    <div class="mt-4">
+      <div class="mb-2 flex items-center justify-between">
+        <h3 class="text-lg font-medium">添加保洁订单详情</h3>
+        <a-button type="primary" @click="handleAddDetail">
+          {{ $t('pages.common.add') }}
+        </a-button>
+      </div>
+      <Table
+        :data-source="detailTable"
+        :columns="detailColumns"
+        :pagination="false"
+      >
+        <template #bodyCell="{ column, index, record }">
+          <template v-if="column.key === 'index'">
+            {{ index + 1 }}
+          </template>
+          <template v-else-if="column.key === 'action'">
+            <Button danger @click="handleDeleteDetail(record, index)">
+              删除
+            </Button>
+          </template>
+        </template>
+      </Table>
+      <div>费用合计：{{ totalSumPeices }}元</div>
+    </div>
   </BasicModal>
 </template>
 

apps/web-antd/src/views/property/greenPlantRentalManagement/reportStatistics/index.vue

@@ -214,7 +214,16 @@ onMounted(() => {
         </div>
       </div>
       <div class="content">
-        <div class="row"></div>
+        <div class="row">
+          <div class="box">
+            <div class="title">总订单数</div>
+            <div class="number">13,132</div>
+            <div class="percent">8.9%</div>
+          </div>
+          <div class="box"></div>
+          <div class="box"></div>
+          <div class="box"></div>
+        </div>
         <div class="row-first">
           <div class="item1">
             <EchartsUI
@@ -304,11 +313,26 @@ onMounted(() => {
       flex: 1;
       height: 100%;
       padding: 10px;
-      background-color: #962020;
-
       .row {
         display: flex;
         justify-content: space-between;
+        .box{
+          width: 300px;
+          height: 120px;
+          background-color: #fff;
+          border-radius: 8px;
+          margin: 40px 0px;
+          padding: 10px;
+          .title{
+            font-size: 20px;
+          }
+          .number{
+            font-size: 25px;
+            font-weight: bold;
+          }
+          .percent{
+            font-size: 15px;          }
+        }
       }
 
       .row-first {