custom_many2many widget整合到前端包中

jikimo_frontend/__manifest__.py

@@ -10,7 +10,7 @@
     """,
     'category': 'sf',
     'website': 'https://www.sf.jikimo.com',
-    'depends': ['account', 'base', 'mrp_workorder', 'sale'],
+    'depends': [],
     'data': [
 
     ],
@@ -21,6 +21,7 @@
         'web.assets_qweb': [
         ],
         'web.assets_backend': [
+            'jikimo_frontend/static/src/fields/custom_many2many_checkboxes/*',
             'jikimo_frontend/static/src/scss/test.scss',
         ],
 

jikimo_frontend/static/src/fields/custom_many2many_checkboxes/custom_many2many_checkboxes.css

@@ -0,0 +1,6 @@
+.zoomed {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scale(20);
+}

jikimo_frontend/static/src/fields/custom_many2many_checkboxes/custom_many2many_checkboxes.js

@@ -0,0 +1,26 @@
+/** @odoo-module **/
+
+import { Many2ManyCheckboxesField } from "@web/views/fields/many2many_checkboxes/many2many_checkboxes_field";
+import { registry } from "@web/core/registry";
+
+export class MyCustomWidget extends Many2ManyCheckboxesField {
+  // 你可以重写或者添加一些方法和属性
+  // 例如，你可以重写setup方法来添加一些事件监听器或者初始化一些变量
+  setup() {
+    super.setup(); // 调用父类的setup方法
+    // 你自己的代码
+  }
+  onImageClick(event) {
+    // 放大图片逻辑
+    // 获取图片元素
+    const img = event.target;
+
+    // 实现放大图片逻辑
+    // 比如使用 CSS 放大
+    img.classList.add('zoomed');
+  }
+}
+MyCustomWidget.template = "sf_plan.MyCustomWidget"
+// MyCustomWidget.supportedTypes = ['many2many'];
+
+registry.category("fields").add("custom_many2many_checkboxes", MyCustomWidget);

jikimo_frontend/static/src/fields/custom_many2many_checkboxes/custom_many2many_checkboxes.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="sf_plan.MyCustomWidget" owl="1">
+        <div aria-atomic="true">
+            <t t-foreach="items" t-as="item" t-key="item[0]">
+                <div>
+                    <CheckBox
+                        value="isSelected(item)"
+                        disabled="props.readonly"
+                        onChange="(ev) => this.onChange(item[0], ev)"
+                    >
+                        <t t-esc="item[1]"/>
+
+                    </CheckBox>
+
+                </div>
+                <div t-on-click="onImageClick">
+                    <t>
+                        <img t-att-src="item[2]" width="20" height="20"/>
+                    </t>
+                </div>
+            </t>
+        </div>
+    </t>
+
+</templates>