diff --git a/yuthon_report/static/src/components/yuthon_report/yuthon_report.js b/yuthon_report/static/src/components/yuthon_report/yuthon_report.js
index 5cae3eab5..9371708e4 100644
--- a/yuthon_report/static/src/components/yuthon_report/yuthon_report.js
+++ b/yuthon_report/static/src/components/yuthon_report/yuthon_report.js
@@ -6,6 +6,8 @@ import { Component, onMounted, useRef, useState } from "@odoo/owl";
 import { useBus, useService } from "@web/core/utils/hooks";
 import { standardActionServiceProps } from "@web/webclient/actions/action_service";
 import { DateTimeInput } from "@web/core/datetime/datetime_input";
+import { CheckBox } from "@web/core/checkbox/checkbox";
+import { Many2XAutocomplete } from "@web/views/fields/relational_utils";
 
 class YouthonReport extends Component {
     setup() {
@@ -19,6 +21,17 @@ class YouthonReport extends Component {
             startDate: null,
             endDate: null,
             keyword: "",
+            booleanValue:true,
+            partnerValue:false,
+            selectPartner:{},
+            condition:false,
+            conditions:[{
+                'name':'name1',
+                'value':'value1'
+            },{
+                'name':'name2',
+                'value':'value2'
+            }]
         });
 
         this.config = this.props.action.context.report_config || {};
@@ -33,12 +46,31 @@ class YouthonReport extends Component {
                 rowData: [],
                 sideBar: true,
                 defaultColDef: { resizable: true, sortable: true, filter: true },
+
             };
             this.grid = new agGrid.createGrid(this.gridRef.el, this.gridOptions);
 
         });
     }
 
+    /**
+     * 改变布尔值
+     * @param e
+     */
+    async onChangeBoolean(v){
+        this.state.booleanValue = v
+    }
+
+    getDomain(){
+        // 过滤条件
+        return  [];
+    }
+    async onUpdatePartner(v){
+        console.log(v)
+        this.state.selectPartner = v
+        this.state.partnerValue = v.display_name
+    }
+
     async onSearch() {
         const params = {
             date_start: this.state.startDate,
@@ -71,7 +103,9 @@ class YouthonReport extends Component {
 YouthonReport.props = {...standardActionServiceProps };
 YouthonReport.template = "youthon_report.YouthonReport";
 YouthonReport.components = {
-    DateTimeInput
+    DateTimeInput,
+    CheckBox,
+    Many2XAutocomplete,
 };
 
 registry.category("actions").add("youthon_report_client", YouthonReport);
diff --git a/yuthon_report/static/src/components/yuthon_report/yuthon_report.scss b/yuthon_report/static/src/components/yuthon_report/yuthon_report.scss
index 8b1378917..b48b3cd88 100644
--- a/yuthon_report/static/src/components/yuthon_report/yuthon_report.scss
+++ b/yuthon_report/static/src/components/yuthon_report/yuthon_report.scss
@@ -1 +1,26 @@
-
+.stat-card {
+      border-radius: 0.75rem;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+      padding: 1.5rem;
+      position: relative;
+    }
+    .stat-card.danger {
+      border-top: 4px solid #f87171; /* 红色 */
+    }
+    .stat-card.success {
+      border-top: 4px solid #4ade80; /* 绿色 */
+    }
+    .stat-card.info {
+      border-top: 4px solid #60a5fa; /* 蓝色 */
+    }
+    .stat-value {
+      font-size: 1.5rem;
+      font-weight: bold;
+    }
+    .stat-label {
+      font-size: 1rem;
+      color: #6b7280;
+    }
+    .stat-change {
+      font-size: 0.9rem;
+    }
\ No newline at end of file
diff --git a/yuthon_report/static/src/components/yuthon_report/yuthon_report.xml b/yuthon_report/static/src/components/yuthon_report/yuthon_report.xml
index aa9958f79..d4597e4e8 100644
--- a/yuthon_report/static/src/components/yuthon_report/yuthon_report.xml
+++ b/yuthon_report/static/src/components/yuthon_report/yuthon_report.xml
@@ -4,42 +4,164 @@
   <t t-name="youthon_report.YouthonReport">
 
       <div class="container-fluid d-flex flex-column h-100 mt-2 pb-3 ">
+          <div class="card mb-2">
+              <div class="row g-4">
+
+    <!-- 未处理违约金 -->
+                  <div class="col-md-4">
+      <div class="stat-card danger bg-white">
+        <div class="stat-label mb-2">未处理违约金</div>
+          <div class="stat-value text-dark">¥245,890.00</div>
+          <div class="stat-change text-danger mt-1">
+          ▲ 12.5% <small class="text-muted">较上月</small>
+        </div>
+      </div>
+    </div>
+
+                  <!-- 已收回违约金 -->
+                  <div class="col-md-4">
+      <div class="stat-card success bg-white">
+        <div class="stat-label mb-2">已收回违约金</div>
+          <div class="stat-value text-dark">¥1,320,560.00</div>
+          <div class="stat-change text-success mt-1">
+          ▲ 8.2% <small class="text-muted">较上月</small>
+        </div>
+      </div>
+    </div>
+
+                  <!-- 违约合同数 -->
+                  <div class="col-md-4">
+      <div class="stat-card info bg-white">
+        <div class="stat-label mb-2">违约合同数</div>
+          <div class="stat-value text-dark">148</div>
+          <div class="stat-change text-danger mt-1">
+          ▲ 3.1% <small class="text-muted">较上月</small>
+        </div>
+      </div>
+    </div>
+
+  </div>
+          </div>
+
+
           <div class="card mb-2 ">
-              <div class="card-header">
-                销售报表
-              </div>
               <div class="card-body">
                     <!-- 搜索区域 -->
                   <div class="row mb-2" t-ref="search_area">
-                    <div class="col-4">
+                      <!-- m2o -->
+                      <div class="col-4">
+                          <label>筛选</label>
+                          <Many2XAutocomplete
+                                  value="state.partnerValue?.display_name"
+                                  resModel="'res.partner'"
+                                  getDomain="getDomain"
+                                  fieldString="'客户'"
+                                  activeActions="{}"
+                                  update.bind="onUpdatePartner"
+                          />
+                      </div>
+
+                      <div class="col-4">
+                          <label>条件</label>
+                          <select id="formview_default_conditions" class="o_input"
+                                  t-model="state.condition">
+
+                                                      <option t-foreach="state.conditions" t-as="cond"
+                                                              t-att-value="cond.value"
+                                                              t-key="cond.name">
+                                                          <t t-esc="cond.name"/>
+                                                      </option>
+
+
+                        </select>
+                      </div>
+                      <!-- bool -->
+                      <div class="col-4">
+                          <label>Boolean</label>
+                          <CheckBox value="state.booleanValue"
+                                    className="'o_field_boolean o_boolean_toggle form-switch'"
+                                    onChange.bind="onChangeBoolean">
+                              &#8203;
+                          </CheckBox>
+                      </div>
+                      <div class="col-4">
                       <label>日期范围</label>
-        <DateTimeInput
-            value="state.startDate"
-            type="'date'"
-            placeholder="fromPlaceholder"
-            onChange="(date) => this.onChangeStartDate(date)"
-        />
-        <i class="oi oi-arrow-right"></i>
-        <DateTimeInput
-            value="state.endDate"
-            type="'date'"
-            placeholder="toPlaceholder"
-            onChange="(date) => this.onChangeEndDate(date)"
-        />
+                          <DateTimeInput
+                                  value="state.startDate"
+                                  type="'date'"
+                                  placeholder="fromPlaceholder"
+                                  onChange="(date) => this.onChangeStartDate(date)"
+                          />
+                          <i class="oi oi-arrow-right"></i>
+                          <DateTimeInput
+                                  value="state.endDate"
+                                  type="'date'"
+                                  placeholder="toPlaceholder"
+                                  onChange="(date) => this.onChangeEndDate(date)"
+                          />
+                    </div>
+
+                      <div class="col-4">
+                           <label>日期范围</label>
+                          <div class="row">
+                              <div class="col-5">
+                                  <DateTimeInput
+                                  value="state.startDate"
+                                  type="'date'"
+                                  placeholder="fromPlaceholder"
+                                  onChange="(date) => this.onChangeStartDate(date)"
+                          />
+                              </div>
+                              <div class="col-2">至</div>
+                              <div class="col-5">
+                                  <DateTimeInput
+                                  value="state.startDate"
+                                  type="'date'"
+                                  placeholder="fromPlaceholder"
+                                  onChange="(date) => this.onChangeStartDate(date)"
+                          />
+                              </div>
+                          </div>
+                      </div>
+
+                      <div class="col-4">
+                      <label>日期范围</label>
+                          <DateTimeInput
+                                  value="state.startDate"
+                                  type="'date'"
+                                  placeholder="fromPlaceholder"
+                                  onChange="(date) => this.onChangeStartDate(date)"
+                          />
+                          <i class="oi oi-arrow-right"></i>
+                          <DateTimeInput
+                                  value="state.endDate"
+                                  type="'date'"
+                                  placeholder="toPlaceholder"
+                                  onChange="(date) => this.onChangeEndDate(date)"
+                          />
                     </div>
                       <div class="col-4">
-                      <label>关键字</label>
-                         <div>
-                             <input type="text" class="form-control" t-model="state.keyword" />
-                         </div>
+                      <label>关键字(datetime)</label>
+                          <DateTimeInput
+                                  value="state.startDate"
+                                  type="'datetime'"
+                                  placeholder="fromPlaceholder"
+                                  onChange="(date) => this.onChangeStartDate(date)"
+                          />
+                          <i class="oi oi-arrow-right"></i>
+                          <DateTimeInput
+                                  value="state.endDate"
+                                  type="'datetime'"
+                                  placeholder="toPlaceholder"
+                                  onChange="(date) => this.onChangeEndDate(date)"
+                          />
                     </div>
                       <div class="col-4 align-self-end">
-
-              <button class="btn btn-primary" t-on-click="onSearch">搜索</button>
-              <button class="btn btn-primary" t-on-click="onExportExcel">导出</button>
-
-                </div>
+                          <button class="btn btn-primary" t-on-click="onSearch">搜索</button>
+                          <button class="btn btn-primary" t-on-click="onExportExcel">导出</button>
+                    </div>
         </div>
+
         </div>
 </div>
 
diff --git a/yuthon_report/views/menu.xml b/yuthon_report/views/menu.xml
index 7a2536986..140196efd 100644
--- a/yuthon_report/views/menu.xml
+++ b/yuthon_report/views/menu.xml
@@ -2,12 +2,12 @@
 <odoo>
     <data>
 
-<!--        <menuitem-->
-<!--                name="报表"-->
-<!--                id="yuthon_report_root"-->
-<!--                web_icon="yuthon_report,static/description/icon.png"-->
-<!--                sequence="125"-->
-<!--        />-->
+        <menuitem
+                name="报表"
+                id="yuthon_report_root"
+                web_icon="yuthon_report,static/description/icon.png"
+                sequence="125"
+        />
 
     </data>
 </odoo>
\ No newline at end of file
diff --git a/yuthon_report/views/yuthon_report_res_partner.xml b/yuthon_report/views/yuthon_report_res_partner.xml
index 58ad0c5c2..cf80283c6 100644
--- a/yuthon_report/views/yuthon_report_res_partner.xml
+++ b/yuthon_report/views/yuthon_report_res_partner.xml
@@ -25,12 +25,12 @@
             </field>
         </record>
 
-<!--        <menuitem id="menu_youthon_report"-->
-<!--                  name="Youthon 报表"-->
-<!--                  parent="yuthon_report_root"-->
-<!--                  action="action_youthon_report"-->
-<!--                  sequence="160"-->
-<!--        />-->
+        <menuitem id="menu_youthon_report"
+                  name="Youthon 报表"
+                  parent="yuthon_report_root"
+                  action="action_youthon_report"
+                  sequence="160"
+        />
 
     </data>
 </odoo>
\ No newline at end of file