diff --git a/app_odoo_customize/__manifest__.py b/app_odoo_customize/__manifest__.py
index 493a3dea..754df405 100644
--- a/app_odoo_customize/__manifest__.py
+++ b/app_odoo_customize/__manifest__.py
@@ -73,9 +73,10 @@
             'app_odoo_customize/static/src/scss/dialog.scss',
             # todo: fix，使用 owl 的 service
             'app_odoo_customize/static/src/js/user_menu.js',
-            # 'app_odoo_customize/static/src/js/ribbon.js',
-            # 'app_odoo_customize/static/src/js/dialog.js',
-            # 'app_odoo_customize/static/src/webclient/*.js',
+            'app_odoo_customize/static/src/js/ribbon.esm.js',
+            # odoo 17内置窗口拖放,
+            'app_odoo_customize/static/src/js/dialog.js',
+            'app_odoo_customize/static/src/webclient/*.js',
             'app_odoo_customize/static/src/webclient/*.xml',
             'app_odoo_customize/static/src/xml/res_config_edition.xml',
         ],
diff --git a/app_odoo_customize/static/description/banner.gif b/app_odoo_customize/static/description/banner.gif
index fa09adee..3cd4d9e1 100644
Binary files a/app_odoo_customize/static/description/banner.gif and b/app_odoo_customize/static/description/banner.gif differ
diff --git a/app_odoo_customize/static/description/banner.png b/app_odoo_customize/static/description/banner.png
index 6bff8fd9..628d2ff2 100644
Binary files a/app_odoo_customize/static/description/banner.png and b/app_odoo_customize/static/description/banner.png differ
diff --git a/app_odoo_customize/static/description/index.html b/app_odoo_customize/static/description/index.html
index 78a1d44a..0fab14cc 100644
--- a/app_odoo_customize/static/description/index.html
+++ b/app_odoo_customize/static/description/index.html
@@ -20,7 +20,7 @@
 <section class="container app">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <div class="row">
-            <h2 class="oe_slogan">This is a Long Term Support Apps.Update: v17.24.02.27</h2>
+            <h2 class="oe_slogan">This is a Long Term Support Apps.Update: v17.24.03.01</h2>
             <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
                 <ul class="list-group">
                     <li class="list-group-item">1. Deletes Odoo label in footer</li>
@@ -299,6 +299,10 @@
         <div class="row">
             <h2 class="oe_slogan">This is a Long Term Support Apps.</h2>
             <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
+                <h3>Update: v17.24.03.01</h3>
+                <p>Add more function for odoo 17.Dialog, language switcher.</p>
+                <h3>Update: v17.24.02.26</h3>
+                <p>Fix bug for odoo 17 origin update.</p>
                 <h3>Update: v16.23.09.13</h3>
                 <p>UI enhance. follow odoo16 setup UI.</p>
                 <p>46. Add Help documentation anywhere.  easy get help for any odoo operation or action.</p>
diff --git a/app_odoo_customize/static/src/js/dialog.js b/app_odoo_customize/static/src/js/dialog.js
index f38af2e4..a765de0e 100644
--- a/app_odoo_customize/static/src/js/dialog.js
+++ b/app_odoo_customize/static/src/js/dialog.js
@@ -4,21 +4,15 @@ import { Dialog } from "@web/core/dialog/dialog";
 import { patch } from "@web/core/utils/patch";
 import { session } from "@web/session";
 
-patch(Dialog.prototype, "app_odoo_customize.Dialog", {
+patch(Dialog.prototype, {
     setup() {
-        this._super.apply(this, arguments);
-        const app_system_name = session.app_system_name || "odooApp";
+        super.setup();
+        const app_system_name = session.app_system_name || "odooAi";
         this.title = app_system_name;
-        owl.onMounted(() => {
-            this.setDrag();
-        });
-    },
-    setDrag() {
-        var $dl = $('#' + this.id + ' .modal-dialog .modal-content');
-        if ($dl)
-            $dl.draggable({
-                handle: ".modal-header"
-            });
+        //odoo17 已内置 窗口可拖放
+        // owl.onMounted(() => {
+        //     this.setDrag();
+        // });
     },
 });
 
diff --git a/app_odoo_customize/static/src/js/ribbon.esm.js b/app_odoo_customize/static/src/js/ribbon.esm.js
new file mode 100644
index 00000000..61eb8dc6
--- /dev/null
+++ b/app_odoo_customize/static/src/js/ribbon.esm.js
@@ -0,0 +1,68 @@
+/** @odoo-module **/
+
+import {Component, xml} from "@odoo/owl";
+import {useBus, useService} from "@web/core/utils/hooks";
+import {registry} from "@web/core/registry";
+
+export class WebEnvironmentRibbon extends Component {
+    setup() {
+        this.orm = useService("orm");
+        useBus(this.env.bus, "WEB_CLIENT_READY", this.showRibbon.bind(this));
+    }
+
+    // Code from: http://jsfiddle.net/WK_of_Angmar/xgA5C/
+    validStrColour(strToTest) {
+        if (strToTest === "") {
+            return false;
+        }
+        if (strToTest === "inherit") {
+            return true;
+        }
+        if (strToTest === "transparent") {
+            return true;
+        }
+        const image = document.createElement("img");
+        image.style.color = "rgb(0, 0, 0)";
+        image.style.color = strToTest;
+        if (image.style.color !== "rgb(0, 0, 0)") {
+            return true;
+        }
+        image.style.color = "rgb(255, 255, 255)";
+        image.style.color = strToTest;
+        return image.style.color !== "rgb(255, 255, 255)";
+    }
+
+    showRibbon() {
+        const ribbon = $(".test-ribbon");
+        const self = this;
+        ribbon.hide();
+        // Get ribbon data from backend
+        self.orm
+            .call("web.environment.ribbon.backend", "get_environment_ribbon")
+            .then(function (ribbon_data) {
+                // Ribbon name
+                if (ribbon_data.name && ribbon_data.name !== "False") {
+                    ribbon.show();
+                    ribbon.html(ribbon_data.name);
+                }
+                // Ribbon color
+                if (ribbon_data.color && self.validStrColour(ribbon_data.color)) {
+                    ribbon.css("color", ribbon_data.color);
+                }
+                // Ribbon background color
+                if (
+                    ribbon_data.background_color &&
+                    self.validStrColour(ribbon_data.background_color)
+                ) {
+                    ribbon.css("background-color", ribbon_data.background_color);
+                }
+            });
+    }
+}
+
+WebEnvironmentRibbon.props = {};
+WebEnvironmentRibbon.template = xml`<div class="test-ribbon" />`;
+
+registry.category("main_components").add("WebEnvironmentRibbon", {
+    Component: WebEnvironmentRibbon,
+});
diff --git a/app_odoo_customize/static/src/js/ribbon.js b/app_odoo_customize/static/src/js/ribbon.js
deleted file mode 100644
index 67a45712..00000000
--- a/app_odoo_customize/static/src/js/ribbon.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/* Copyright 2015 Sylvain Calador <sylvain.calador@akretion.com>
-   Copyright 2015 Javi Melendez <javi.melendez@algios.com>
-   Copyright 2016 Antonio Espinosa <antonio.espinosa@tecnativa.com>
-   Copyright 2017 Thomas Binsfeld <thomas.binsfeld@acsone.eu>
-   Copyright 2017 Xavier Jiménez <xavier.jimenez@qubiq.es>
-   License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
-
-odoo.define("web_environment_ribbon.ribbon", function (require) {
-    "use strict";
-    var rpc = require("web.rpc");
-    var core = require("web.core");
-
-    // Code from: http://jsfiddle.net/WK_of_Angmar/xgA5C/
-    function validStrColour(strToTest) {
-        if (strToTest === "") {
-            return false;
-        }
-        if (strToTest === "inherit") {
-            return true;
-        }
-        if (strToTest === "transparent") {
-            return true;
-        }
-        var image = document.createElement("img");
-        image.style.color = "rgb(0, 0, 0)";
-        image.style.color = strToTest;
-        if (image.style.color !== "rgb(0, 0, 0)") {
-            return true;
-        }
-        image.style.color = "rgb(255, 255, 255)";
-        image.style.color = strToTest;
-        return image.style.color !== "rgb(255, 255, 255)";
-    }
-
-    core.bus.on("web_client_ready", null, function () {
-        var ribbon = $('<div class="test-ribbon hidden"/>');
-        $("body").append(ribbon);
-        ribbon.hide();
-        // Get ribbon data from backend
-        rpc.query({
-            model: "web.environment.ribbon.backend",
-            method: "get_environment_ribbon",
-        }).then(function (ribbon_data) {
-            // Ribbon name
-            if (ribbon_data.name && ribbon_data.name !== "False") {
-                ribbon.html(ribbon_data.name);
-                ribbon.show();
-            }
-            // Ribbon color
-            if (ribbon_data.color && validStrColour(ribbon_data.color)) {
-                ribbon.css("color", ribbon_data.color);
-            }
-            // Ribbon background color
-            if (
-                ribbon_data.background_color &&
-                validStrColour(ribbon_data.background_color)
-            ) {
-                ribbon.css("background-color", ribbon_data.background_color);
-            }
-        });
-    });
-});
diff --git a/app_odoo_customize/static/src/webclient/webclient.js b/app_odoo_customize/static/src/webclient/webclient.js
index c2a288e3..eb961443 100644
--- a/app_odoo_customize/static/src/webclient/webclient.js
+++ b/app_odoo_customize/static/src/webclient/webclient.js
@@ -1,27 +1,27 @@
 /** @odoo-module **/
 
-import { WebClient } from "@web/webclient/webclient";
-import { patch } from "@web/core/utils/patch";
-import { session } from "@web/session";
-
-patch(WebClient.prototype, "app_odoo_customize.WebClient", {
-    setup() {
-        // 处理 navbar 全局可配置位置
-        var self = this;
-        self._super.apply(this, arguments);
-        this.state.navbar_pos_pc = session.app_navbar_pos_pc || 'top';
-        this.state.navbar_pos_mobile = session.app_navbar_pos_mobile || 'top';
-        if (self.env.isSmall)
-            this.state.navbar_pos = this.state.navbar_pos_mobile;
-        else
-            this.state.navbar_pos = this.state.navbar_pos_pc;
-        if (this.state.navbar_pos === 'bottom') {
-            document.body.className += ' navbar_pos_bottom';
-        }
-
-        const app_system_name = session.app_system_name || 'odooAi';
-        // zopenerp is easy to grep
-        this.title.setParts({ zopenerp: app_system_name });
+import {WebClient} from "@web/webclient/webclient";
+import {patch} from "@web/core/utils/patch";
+import {session} from "@web/session";
 
+patch(WebClient.prototype, {
+  setup() {
+    super.setup();
+    // 处理 navbar 全局可配置位置
+    var self = this;
+    this.state.navbar_pos_pc = session.app_navbar_pos_pc || 'top';
+    this.state.navbar_pos_mobile = session.app_navbar_pos_mobile || 'top';
+    if (self.env.isSmall)
+      this.state.navbar_pos = this.state.navbar_pos_mobile;
+    else
+      this.state.navbar_pos = this.state.navbar_pos_pc;
+    if (this.state.navbar_pos === 'bottom') {
+      document.body.className += ' navbar_pos_bottom';
     }
+
+    const app_system_name = session.app_system_name || 'odooAi';
+    // zopenerp is easy to grep
+    this.title.setParts({zopenerp: app_system_name});
+
+  }
 });
diff --git a/app_odoo_customize/views/app_odoo_customize_views.xml b/app_odoo_customize/views/app_odoo_customize_views.xml
index d574c280..55199d2c 100644
--- a/app_odoo_customize/views/app_odoo_customize_views.xml
+++ b/app_odoo_customize/views/app_odoo_customize_views.xml
@@ -17,7 +17,7 @@
     <template id="replace_copyright_name" name="Copyright Name" inherit_id="web.frontend_layout">
         <xpath expr="//span[hasclass('o_footer_copyright_name')]" position="replace">
             <span class="o_footer_copyright_name me-2">Copyright &amp;copy;
-	            <span class="copyright_name_before" contenteditable="true">2009-2023 </span>
+	            <span class="copyright_name_before" contenteditable="true">2009-2024 </span>
                 <span t-field="res_company.name" itemprop="name"/>
 	            <span class="copyright_name_after" contenteditable="true"></span>
             </span>
diff --git a/app_odoo_customize/views/app_theme_config_settings_views.xml b/app_odoo_customize/views/app_theme_config_settings_views.xml
index caa2037e..feb63089 100644
--- a/app_odoo_customize/views/app_theme_config_settings_views.xml
+++ b/app_odoo_customize/views/app_theme_config_settings_views.xml
@@ -7,7 +7,7 @@
 			<field name="priority">20</field>
 			<field name="inherit_id" ref="base.res_config_settings_view_form"/>
 			<field name="arch" type="xml">
-				<xpath expr="//app[@name='general_settings']" position="after">
+				<xpath expr="//app[@name='general_settings']" position="before">
 					<app class="app_settings_block ml8" data-string="OEM &amp; Boost" string="OEM &amp; Boost"
                          name="app_odoo_customize" data-key="app_odoo_customize" logo="/app_odoo_customize/static/description/icon.png">>
 						<div class="row app_settings_header my-0 ms-0 mw-100 bg-warning bg-opacity-25">
diff --git a/app_odoo_customize/views/ir_module_module_views.xml b/app_odoo_customize/views/ir_module_module_views.xml
index 44a79407..82cb74da 100644
--- a/app_odoo_customize/views/ir_module_module_views.xml
+++ b/app_odoo_customize/views/ir_module_module_views.xml
@@ -41,7 +41,7 @@
             <field name="arch" type="xml">
                 <!--点击模块看详情-->
                 <xpath expr="//div[hasclass('oe_module_vignette')]" position="attributes" groups="app_odoo_customize.group_show_quick_upgrade">
-                    <attribute name="class">oe_module_vignette oe_kanban_global_click</attribute>
+                    <attribute name="class" position="add" separator=" ">oe_kanban_global_click</attribute>
                 </xpath>
                 <!--让模块名更显眼-->
                 <xpath expr="//div[hasclass('oe_module_desc')]//code" position="replace"/>
diff --git a/app_odoo_customize/views/res_config_settings_views.xml b/app_odoo_customize/views/res_config_settings_views.xml
index cecdb170..c0e9e0be 100644
--- a/app_odoo_customize/views/res_config_settings_views.xml
+++ b/app_odoo_customize/views/res_config_settings_views.xml
@@ -7,7 +7,7 @@
             <field name="inherit_id" ref="base_setup.res_config_settings_view_form" />
             <field name="arch" type="xml">
                 <setting id="appstore" position="attributes">
-                    <attribute name="class">o_hidden</attribute>
+                    <attribute name="invisible">1</attribute>
                 </setting>
             </field>
         </record>