diff --git a/app_mrp_production_zchart/__manifest__.py b/app_mrp_production_zchart/__manifest__.py
index b259df37..776b719e 100644
--- a/app_mrp_production_zchart/__manifest__.py
+++ b/app_mrp_production_zchart/__manifest__.py
@@ -22,8 +22,8 @@
 
 
 {
-    'name': 'MRP Production zChart Hierarchy, 生产单多层级结构图',
-    'version': '16.24.08.28',
+    'name': 'MRP Production zChart Hierarchy, 多级BoM生产单多层级执行结构图,适用于多级BoM的生产工单,一棵树全览关联生产',
+    'version': '16.24.12.12',
     'author': 'odooai.cn',
     'category': 'Base',
     'website': 'https://www.odooai.cn',
@@ -35,13 +35,8 @@
     """,
     'description': """    
     MRP Hierarchy chart,  MO Hierarchy chart, mrp multi level.
-Need extra paid apps https://www.odoo.com/apps/modules/13.0/app_web_chart_hierarchy/ 
+Need extra paid apps app_web_widget_ztree
 This module extend to show a Hierarchy chart.
-(N+1, N+2, direct subordinates)
-image: image_field,
-desc: descript_field,
-direct_sub: children_field, must be one2many,
-child_all_count: child_all_count field, count of direct and indirect children.
     """,
     'price': 0.00,
     'currency': 'EUR',
diff --git a/app_mrp_production_zchart/static/description/banner.png b/app_mrp_production_zchart/static/description/banner.png
index ba2d4050..4a07a88d 100644
Binary files a/app_mrp_production_zchart/static/description/banner.png and b/app_mrp_production_zchart/static/description/banner.png differ
diff --git a/app_mrp_production_zchart/static/description/banner1.png b/app_mrp_production_zchart/static/description/banner1.png
new file mode 100644
index 00000000..9aff5714
Binary files /dev/null and b/app_mrp_production_zchart/static/description/banner1.png differ
diff --git a/app_mrp_production_zchart/static/description/demo-set1.jpg b/app_mrp_production_zchart/static/description/demo-set1.jpg
new file mode 100644
index 00000000..215d4f0e
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo-set1.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo-set2.jpg b/app_mrp_production_zchart/static/description/demo-set2.jpg
new file mode 100644
index 00000000..6adf9c0f
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo-set2.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo-set3.jpg b/app_mrp_production_zchart/static/description/demo-set3.jpg
new file mode 100644
index 00000000..2373a58b
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo-set3.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo-set4.jpg b/app_mrp_production_zchart/static/description/demo-set4.jpg
new file mode 100644
index 00000000..459ce8ac
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo-set4.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo-set5.jpg b/app_mrp_production_zchart/static/description/demo-set5.jpg
new file mode 100644
index 00000000..2eeacfdc
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo-set5.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo31.jpg b/app_mrp_production_zchart/static/description/demo31.jpg
new file mode 100644
index 00000000..9d9209c9
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo31.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo32.jpg b/app_mrp_production_zchart/static/description/demo32.jpg
new file mode 100644
index 00000000..f34ea97e
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo32.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo33.jpg b/app_mrp_production_zchart/static/description/demo33.jpg
new file mode 100644
index 00000000..dd075614
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo33.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo34.jpg b/app_mrp_production_zchart/static/description/demo34.jpg
new file mode 100644
index 00000000..825ca2b1
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo34.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo35.jpg b/app_mrp_production_zchart/static/description/demo35.jpg
new file mode 100644
index 00000000..9d06ce73
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo35.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo36.jpg b/app_mrp_production_zchart/static/description/demo36.jpg
new file mode 100644
index 00000000..eb955b2b
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo36.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo_bom.jpg b/app_mrp_production_zchart/static/description/demo_bom.jpg
new file mode 100644
index 00000000..7907893e
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo_bom.jpg differ
diff --git a/app_mrp_production_zchart/static/description/demo_mo.jpg b/app_mrp_production_zchart/static/description/demo_mo.jpg
new file mode 100644
index 00000000..b866097b
Binary files /dev/null and b/app_mrp_production_zchart/static/description/demo_mo.jpg differ
diff --git a/app_mrp_production_zchart/static/description/index.html b/app_mrp_production_zchart/static/description/index.html
index 27c341cd..f7eacde8 100644
--- a/app_mrp_production_zchart/static/description/index.html
+++ b/app_mrp_production_zchart/static/description/index.html
@@ -1,13 +1,67 @@
-<section class="container oe_container">
-    <div class="oe_row oe_spaced" style="max-width: 95%;">
-        <h2 class="oe_slogan" style="color:#875A7B;">MRP Production Chart Hierarchy, For Multi level MO MRP Production Order from multi bom.</h2>
-        <h3 class="oe_slogan">Very useful for show parent child relationship, like product category, stock location, hr department</h3>
-    </div>
-        <div class="oe_demo">
-            <img class="oe_demo oe_screenshot" src="banner.gif">
-        </div>
-
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+# -*- coding: utf-8 -*-
+##############################################################################
+# Copyright (C) 2009~2024 odooAi.cn
+##############################################################################
+-->
+<html>
+<!-- begin title-->
+<section class="oe_container container o_cc o_cc2">
+    <h2 class="text-center bg-warning text-white pt24 pb24">MRP Production Chart Hierarchy, For Multi level MO MRP Production Order from multi bom.</h2>
+    <h3 class="text-center">多级BoM生产单多层级执行结构图,适用于多级BoM的生产工单,一棵树全览关联生产</h3>
+    <h4 class="text-center">Very useful for show parent child relationship, like product category, stock location, hr department</h4>
 </section>
+<!-- end title-->
+
+<section class="container oe_container">
+    <div class="oe_row text-center">
+        <h2>This is Free addons of zTree and zChart. !This moduld Do Need extra paid Apps.</h2>
+    </div>
+    <li>
+        <i class="fa fa-link text-primary"></i>
+        <a href="./app_web_widget_ztree" target="_blank" class="text-danger">
+            app_web_widget_ztree zTree widget (must need to pay and use in following demo).
+        </a>
+    </li>
+</section>
+
+<section class="container oe_container">
+    <div class="oe_row oe_spaced">
+        <h2>&nbsp;</h2>
+        <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">MRP Production Chart Hierarchy</h2>
+        <h4 class="oe_slogan">If we have a multi Bom like follow:</h4>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo_bom.jpg">
+        </div>
+        <h4 class="oe_slogan">And When th MO of the BoM Confirm, would Show sub manufacture order and quick access sub MO</h4>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo_mo.jpg">
+        </div>
+        <h4 class="oe_slogan">Notice: You must Enable The MTO Rule and Set All the BoM relate SKU to MTO Manufacture</h4>
+        <p> Go stock, configuration, Routes</p>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo-set1.jpg">
+        </div>
+        <p> Enable Route</p>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo-set2.jpg">
+        </div>
+        <p> Finished Product MTO Manufacture Rule setup</p>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo-set3.jpg">
+        </div>
+        <p> Semi Product MTO Manufacture Rule setup</p>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo-set4.jpg">
+        </div>
+        <p> Multi level BoM Setup</p>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo-set5.jpg">
+        </div>
+    </div>
+</section>
+
 <section class="container oe_container">
     <div class="oe_row oe_spaced">
         <div class="row">
@@ -50,8 +104,8 @@
             </div>
 
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">Buy
-            <a href="https://www.odoo.com/apps/modules/13.0/app_web_chart_hierarchy/">
-            this 1 chart hierarchy
+            <a href="https://www.odoo.com/apps/modules/16.0/app_web_widget_ztree">
+            this 1 zchart ztree hierarchy
             </a>
                 in odoo Store. Get free 5 related free apps.
             </a>
@@ -61,27 +115,27 @@
                 <ul class="list-unstyled">
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_mrp_production_zchart/" target="_blank">MRP Production Chart Hierarchy</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_mrp_production_zchart/" target="_blank">MRP Production zChart Hierarchy</a>
                     </li>
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_product_category_chart/" target="_blank">Product category chart hierarchy</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_product_category_zchart/" target="_blank">Product category zChart hierarchy</a>
                     </li>
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_stock_location_chart/" target="_blank">Stock Location chart hierarchy</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_stock_location_zchart/" target="_blank">Stock Location zChart hierarchy</a>
                     </li>
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_hr_department_chart/" target="_blank">hr department employee chart hierarchy</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_hr_department_zchart/" target="_blank">hr department employee zchart hierarchy</a>
                     </li>
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_account_account_chart/" target="_blank">Account chart hierarchy(chinese only)</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_account_zchart/" target="_blank">Account chart hierarchy(chinese only)</a>
                     </li>
                     <li>
                         <i class="fa fa-link text-primary"></i>
-                        <a href="http://www.odoo.com/apps/modules/13.0/app_users_chart_hierarchy/" target="_blank">User Alliance Distribution Multi level</a>
+                        <a href="http://www.odoo.com/apps/modules/16.0/app_users_zchart/" target="_blank">User Alliance Distribution Multi level zchart hierarchy</a>
                     </li>
                 </ul>
             </div>
@@ -89,34 +143,12 @@
     </div>
 </section>
 
-<section class="container oe_container">
-    <div class="oe_row oe_spaced">
-        <h2>&nbsp;</h2>
-        <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">MRP Production Chart Hierarchy</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo1.jpg">
-        </div>
-        <h4 class="oe_slogan">If we have a multi Bom like follow:</h4>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo_bom.jpg">
-        </div>
-        <h4 class="oe_slogan">Show sub manufacture order and quick access sub MO</h4>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo_mo.jpg">
-        </div>
-    </div>
-</section>
-
 <section class="container oe_container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">Product category Chart Hierarchy</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo1.jpg">
-        </div>
-        <h4 class="oe_slogan">Show sub category and quick access category</h4>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo2.jpg">
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo31.jpg">
         </div>
     </div>
 </section>
@@ -125,8 +157,8 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">Stock Location Chart Hierarchy</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo4.jpg">
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo32.jpg">
         </div>
     </div>
 </section>
@@ -135,12 +167,12 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">HR Department Chart Hierarchy</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo5.jpg">
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo33.jpg">
         </div>
-        <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">HR Emploee Chart Hierarchy (this is include in odoo)</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo6.jpg">
+        <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">HR Employee Chart Hierarchy (this is include in odoo)</h2>
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo34.jpg">
         </div>
     </div>
 </section>
@@ -148,8 +180,8 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">Account Chart Hierarchy</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo7.jpg">
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo35.jpg">
         </div>
     </div>
 </section>
@@ -158,27 +190,22 @@
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8 mt16 mb16">User Alliance Distribution Multi level</h2>
-        <div class="oe_demo oe_screenshot">
-            <img src="demo9.jpg">
+        <div class="oe_demo oe_screenshot img img-fluid">
+            <img src="demo36.jpg">
         </div>
     </div>
 </section>
 
 <section class="container oe_container">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Easy to setup just use widget='web_chart_hierarchy'. like this</h4>
-        <div class="oe_demo oe_screenshot">
+        <h4 class="oe_slogan">Easy to setup just use widget='ztree_chart'. like this</h4>
+        <div class="oe_demo oe_screenshot img img-fluid">
             <img src="setup1.jpg">
         </div>
         <h4 class="oe_slogan">Also need to change view for better ui</h4>
-        <div class="oe_demo oe_screenshot">
+        <div class="oe_demo oe_screenshot img img-fluid">
             <img src="setup2.jpg">
         </div>
-        <h2><br/> Use follow param to setup widget:<br/></h2>
-        <h4>image: --the field of image.</h4>
-        <h4>desc: --the field of subtitle.</h4>
-        <h4>direct_sub: --the field of sub node.</h4>
-        <h4>child_all_count: --the field of node count.</h4>
     </div>
 </section>
 
diff --git a/app_mrp_production_zchart/static/description/setup1.jpg b/app_mrp_production_zchart/static/description/setup1.jpg
index 310b1e36..bc65eedb 100644
Binary files a/app_mrp_production_zchart/static/description/setup1.jpg and b/app_mrp_production_zchart/static/description/setup1.jpg differ
diff --git a/app_mrp_production_zchart/static/description/setup2.jpg b/app_mrp_production_zchart/static/description/setup2.jpg
index 0eb197c6..f3cf5283 100644
Binary files a/app_mrp_production_zchart/static/description/setup2.jpg and b/app_mrp_production_zchart/static/description/setup2.jpg differ
diff --git a/app_mrp_production_zchart/views/mrp_production_views.xml b/app_mrp_production_zchart/views/mrp_production_views.xml
index 4833d831..0b920930 100644
--- a/app_mrp_production_zchart/views/mrp_production_views.xml
+++ b/app_mrp_production_zchart/views/mrp_production_views.xml
@@ -5,17 +5,25 @@
         <field name="model">mrp.production</field>
         <field name="inherit_id" ref="mrp.mrp_production_form_view"/>
         <field name="arch" type="xml">
-            <xpath expr="//field[@name='origin']" position="after">
-                <field name="parent_id" groups="base.group_no_one" readonly="0"/>
+            <xpath expr="//page[@name='miscellaneous']//field[@name='origin']" position="after">
+                <field name="parent_id" readonly="1"/>
             </xpath>
-            <xpath expr="//div[hasclass('oe_title')]" position="before">
-                <field name="image_128" widget="image" class="oe_avatar"
-                       options="{'preview_image': 'image_128', 'size': [90, 90]}"/>
+            <xpath expr="//div[hasclass('oe_button_box')]" position="after">
+                <div id="o_node_container">
+                    <div id="o_node_main">
+                        <span id="add_title"/>
+                        <span id="add_group"/>
+                    </div>
+                    <div id="o_node_right">
+                        <field name="child_ids" widget="ztree_chart" nolabel="1" options="'ztree_expend_level': '0'"/>
+                    </div>
+                </div>
             </xpath>
-            <xpath expr="//group[1]" position="inside">
-                <group>
-                    <field name="child_ids" widget="ztree_chart" nolabel="1"/>
-                </group>
+            <xpath expr="//span[@id='add_title']" position="after">
+                <xpath expr="//div[hasclass('oe_title')]" position="move"/>
+            </xpath>
+            <xpath expr="//span[@id='add_group']" position="after">
+                <xpath expr="//group[1]" position="move"/>
             </xpath>
         </field>
     </record>