diff --git a/sf_base/static/src/scss/test.scss b/sf_base/static/src/scss/test.scss
index 3abd10e1..faef4815 100644
--- a/sf_base/static/src/scss/test.scss
+++ b/sf_base/static/src/scss/test.scss
@@ -8,27 +8,34 @@
   white-space: nowrap;
 }
 
-div:has(.o_required_modifier)>label::before {
+div:has(.o_required_modifier) > label::before {
   content: '*' !important;
   color: red !important;
   padding: 0 4px !important;
   vertical-align: top !important;
   font-size: 1.5rem !important;
-  }
-.my-image div {
-  width: 100px !important;
-  height: 130px !important;
 }
+
+.my-image div {
+  width: 110px !important;
+  height: 110px !important;
+}
+
 .add_flex {
+  padding: 5px 0;
   display: flex;
   flex-direction: column;
+  justify-content: space-between;
 }
+
 .maintenance_name {
   font-weight: bold;
 }
+
 .o_kanban_renderer .o_kanban_record .o_kanban_record_has_image_fill .o_kanban_image_fill_left {
-  flex:unset !important;
+  flex: unset !important;
 }
+
 .o_kanban_renderer .o_kanban_record .o_kanban_record_bottom {
   margin-top: 5px;
   display: inline !important;
@@ -36,4 +43,80 @@ div:has(.o_required_modifier)>label::before {
 
 td.o_required_modifier {
   display: table-cell !important;
+}
+
+.show_state {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 8px;
+  margin: auto;
+  height: 34px;
+}
+
+.show_state > div {
+  width: 12px;
+  height: 12px;
+  border: 1px solid #000
+}
+
+.show_state > div:nth-child(2) {
+  border-top: none;
+  border-bottom: none;
+}
+
+.oe_kanban_card.kanban_color_2 {
+  background-color: #FF4343 !important;
+  color: #fff;
+}
+
+.oe_kanban_card.kanban_color_1 {
+  background-color: #27FEA9 !important;
+  opacity: 0.7;
+  color: #fff;
+}
+
+.oe_kanban_card.kanban_color_3 {
+  background-color: rgb(255, 150, 0) !important;
+  color: #fff;
+}
+
+.my-image img {
+  width: 100%;
+  height: 100%;
+}
+
+.color_1 {
+  background-color: #27FEA9;
+}
+
+.color_2 {
+  background-color: #FF4343;
+}
+
+.color_3 {
+  background-color: rgb(255, 150, 0);
+}
+
+.font_color_1 {
+  color: rgb(0, 183, 0);
+}
+
+.font_color_2 {
+  color: #FF4343;
+}
+
+.font_color_3 {
+  color: rgb(255, 150, 0);
+}
+
+.o_kanban_card_header_title {
+  font-size: 15px;
+}
+
+.o_kanban_record_bottom {
+  font-family: '华文中宋';
+  //font-weight: bold;
 }
\ No newline at end of file
diff --git a/sf_maintenance/views/maintenance_views.xml b/sf_maintenance/views/maintenance_views.xml
index 5eeddc42..42fe663d 100644
--- a/sf_maintenance/views/maintenance_views.xml
+++ b/sf_maintenance/views/maintenance_views.xml
@@ -26,12 +26,12 @@
                     </header>
                 </xpath>
                 <xpath expr="//page[@name='maintenance']" position="attributes">
-                <attribute name="string">维保</attribute>
+                    <attribute name="string">维保</attribute>
                 </xpath>
                 <xpath expr="//field[@name='maintenance_count']" position="attributes">
-                <attribute name="string">维保</attribute>
+                    <attribute name="string">维保</attribute>
                 </xpath>
-<!--                <field string="Maintenance" name="maintenance_count" widget="statinfo"/>-->
+                <!--                <field string="Maintenance" name="maintenance_count" widget="statinfo"/>-->
                 <xpath expr="//div[@name='button_box']" position="inside">
 
                     <button name="%(action_maintenance_logs)d"
@@ -286,10 +286,7 @@
             </xpath>
             <xpath expr="//templates" position="inside">
                 <t t-name="kanban-box">
-                    <div t-attf-class="oe_kanban_global_click o_kanban_record_has_image_fill o_hr_kanban_record oe_kanban_card oe_kanban_global_click
-                        #{record.state.raw_value == '正常' ? 'kanban_color_1' : ''}
-                        #{record.state.raw_value == '故障' ? 'kanban_color_2' : ''}
-                        #{record.state.raw_value == '不可用' ? 'kanban_color_3' : ''}">
+                    <div t-attf-class="oe_kanban_global_click o_kanban_record_has_image_fill o_hr_kanban_record oe_kanban_card oe_kanban_global_click">
 
                         <field name="machine_tool_picture" class="o_kanban_image_fill_left d-block my-image"
                                preview_image="image_128" widget="image"/>
@@ -304,7 +301,10 @@
                             <div class="o_kanban_record_bottom state_zc">
                                 <field name="state_zc"/>
                             </div>
-                            <div class="o_kanban_record_bottom state_zc">
+                            <div class="o_kanban_record_bottom state_zc"
+                                 t-attf-class="#{record.state.raw_value == '正常' ? 'font_color_1' : ''}
+                        #{record.state.raw_value == '故障' ? 'font_color_2' : ''}
+                        #{record.state.raw_value == '不可用' ? 'font_color_3' : ''}">
                                 <field name="state"/>
                             </div>
                             <!--                        <div class="o_kanban_record_bottom">-->
@@ -313,7 +313,12 @@
                             <!--                            <field name="supplier_id"/>-->
                             <!--                        </div>-->
                         </div>
-
+                        <div class="show_state" t-attf-class="oe_kanban_global_click o_kanban_record_has_image_fill o_hr_kanban_record oe_kanban_card oe_kanban_global_click
+                        ">
+                            <div t-attf-class="#{record.state.raw_value == '正常' ? 'color_1' : ''}"></div>
+                            <div t-attf-class="#{record.state.raw_value == '故障' ? 'color_2' : ''}"></div>
+                            <div t-attf-class="#{record.state.raw_value == '不可用' ? 'color_3' : ''}"></div>
+                        </div>
                     </div>
                 </t>
             </xpath>