diff --git a/sf_plan/__manifest__.py b/sf_plan/__manifest__.py index b39ad8af..3acff39e 100644 --- a/sf_plan/__manifest__.py +++ b/sf_plan/__manifest__.py @@ -26,6 +26,7 @@ 'web.assets_backend': [ 'sf_plan/static/src/js/custom_many2many.js', 'sf_plan/static/src/xml/custom_many2many.xml', + 'sf_plan/static/src/css/img_scale.css', 'sf_plan/static/src/scss/gannt_change.scss', 'sf_plan/static/src/css/button_color.css' ], diff --git a/sf_plan/static/src/css/img_scale.css b/sf_plan/static/src/css/img_scale.css new file mode 100644 index 00000000..de17fabb --- /dev/null +++ b/sf_plan/static/src/css/img_scale.css @@ -0,0 +1,6 @@ +.zoomed { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) scale(20); +} diff --git a/sf_plan/static/src/js/custom_many2many.js b/sf_plan/static/src/js/custom_many2many.js index df3c6e48..99a09309 100644 --- a/sf_plan/static/src/js/custom_many2many.js +++ b/sf_plan/static/src/js/custom_many2many.js @@ -12,8 +12,14 @@ export class MyCustomWidget extends Many2ManyCheckboxesField { // 你自己的代码 } onImageClick(event) { - // 放大图片逻辑 + // 放大图片逻辑 console.log('chongchongchong') + // 获取图片元素 + const img = event.target; + + // 实现放大图片逻辑 + // 比如使用 CSS 放大 + img.classList.add('zoomed'); } } MyCustomWidget.template = "sf_plan.MyCustomWidget" diff --git a/sf_plan/static/src/xml/custom_many2many.xml b/sf_plan/static/src/xml/custom_many2many.xml index 805de6e3..541afc60 100644 --- a/sf_plan/static/src/xml/custom_many2many.xml +++ b/sf_plan/static/src/xml/custom_many2many.xml @@ -11,10 +11,14 @@ onChange="(ev) => this.onChange(item[0], ev)" > - - - + + + +
+ + +