diff --git a/sf_warehouse/__manifest__.py b/sf_warehouse/__manifest__.py
index 6ad297c8..fb0a512f 100644
--- a/sf_warehouse/__manifest__.py
+++ b/sf_warehouse/__manifest__.py
@@ -23,7 +23,7 @@
         'web.assets_qweb': [
         ],
         'web.assets_backend':[
-            # 'sf_tool_management/static/src/change.scss'
+            'sf_warehouse/static/src/kanban_color_change.scss'
         ]
 
 
diff --git a/sf_warehouse/static/src/change.scss b/sf_warehouse/static/src/change.scss
deleted file mode 100644
index 40fdcc8e..00000000
--- a/sf_warehouse/static/src/change.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.modal-content .o_cp_buttons {
-    display:none
-}
-
-.modal-content .o_control_panel {
-    display:none
-}
-
-.modal-content .o_list_button {
-
-}
\ No newline at end of file
diff --git a/sf_warehouse/static/src/kanban_color_change.scss b/sf_warehouse/static/src/kanban_color_change.scss
new file mode 100644
index 00000000..eca158e1
--- /dev/null
+++ b/sf_warehouse/static/src/kanban_color_change.scss
@@ -0,0 +1,11 @@
+.oe_kanban_card.kanban_color_1 {
+    background-color: red !important;
+}
+
+.oe_kanban_card.kanban_color_2 {
+    background-color: blue !important;
+}
+
+.oe_kanban_card.kanban_color_3 {
+    background-color: green !important;
+}
diff --git a/sf_warehouse/views/view.xml b/sf_warehouse/views/view.xml
index e2b4a3b1..c0e7f145 100644
--- a/sf_warehouse/views/view.xml
+++ b/sf_warehouse/views/view.xml
@@ -76,25 +76,53 @@
         <field name="arch" type="xml">
             <kanban class="o_kanban_mobile">
                 <templates>
-                    <t t-name="kanban-box">
-                        <div t-attf-class="oe_kanban_card">
-                            <!-- 标题 -->
-                            <div class="o_kanban_card_header">
-                                <div class="o_kanban_card_header_title">
-                                    <field name="name"/>
-                                </div>
-                            </div>
-                            <!-- 内容 -->
-                            <div class="o_kanban_record_bottom">
-                                <field name="location_status"/>
-                            </div>
-                            <div class="o_kanban_record_bottom">
-                                <field name="product_sn_id"/>
-                                <span> | </span>
-                                <field name="product_id"/>
+                <t t-name="kanban-box">
+                    <div t-attf-class="oe_kanban_card oe_kanban_global_click
+                        #{record.location_status.raw_value == '空闲' ? 'kanban_color_1' : ''}
+                        #{record.location_status.raw_value == '占用' ? 'kanban_color_2' : ''}
+                        #{record.location_status.raw_value == '禁用' ? 'kanban_color_3' : ''}">
+                        <!-- 标题 -->
+                        <div class="o_kanban_card_header">
+                            <div class="o_kanban_card_header_title">
+                                <field name="name"/>
                             </div>
                         </div>
-                    </t>
+                        <!-- 内容 -->
+                        <div class="o_kanban_record_bottom">
+                            <field name="location_status"/>
+                        </div>
+                        <div class="o_kanban_record_bottom">
+                            <field name="product_sn_id"/>
+                            <span> | </span>
+                            <field name="product_id"/>
+                        </div>
+                    </div>
+                </t>
+<!--                     <t t-name="kanban-box"> -->
+<!--                          <div t-attf-class="oe_kanban_card oe_kanban_global_click -->
+<!--                             #{record.location_status.raw_value == '空闲' ? 'kanban_color_1' : ''} -->
+<!--                             #{record.location_status.raw_value == '占用' ? 'kanban_color_2' : ''} -->
+<!--                             #{record.location_status.raw_value == '禁用' ? 'kanban_color_3' : ''}"> -->
+<!--                              --><!-- 看板内容 -->
+<!--                         </div> -->
+<!--                         <div t-attf-class="oe_kanban_card"> -->
+<!--                              --><!-- 标题 -->
+<!--                             <div class="o_kanban_card_header"> -->
+<!--                                 <div class="o_kanban_card_header_title"> -->
+<!--                                     <field name="name"/> -->
+<!--                                 </div> -->
+<!--                             </div> -->
+<!--                              --><!-- 内容 -->
+<!--                             <div class="o_kanban_record_bottom"> -->
+<!--                                 <field name="location_status"/> -->
+<!--                             </div> -->
+<!--                             <div class="o_kanban_record_bottom"> -->
+<!--                                 <field name="product_sn_id"/> -->
+<!--                                 <span> | </span> -->
+<!--                                 <field name="product_id"/> -->
+<!--                             </div> -->
+<!--                         </div> -->
+<!--                     </t> -->
                 </templates>
             </kanban>
         </field>