图文项目单选功能本地开发测试完成,推送线上测试
This commit is contained in:
@@ -22,6 +22,7 @@
|
|||||||
],
|
],
|
||||||
'web.assets_backend': [
|
'web.assets_backend': [
|
||||||
'jikimo_frontend/static/src/fields/custom_many2many_checkboxes/*',
|
'jikimo_frontend/static/src/fields/custom_many2many_checkboxes/*',
|
||||||
|
'jikimo_frontend/static/src/fields/Many2OneRadioField/*',
|
||||||
'jikimo_frontend/static/src/scss/custom_style.scss',
|
'jikimo_frontend/static/src/scss/custom_style.scss',
|
||||||
# 'jikimo_frontend/static/src/views/list_nums/list_nbCols.js',
|
# 'jikimo_frontend/static/src/views/list_nums/list_nbCols.js',
|
||||||
'jikimo_frontend/static/src/views/list_nums/list_nums.xml',
|
'jikimo_frontend/static/src/views/list_nums/list_nums.xml',
|
||||||
|
|||||||
@@ -0,0 +1,3 @@
|
|||||||
|
.many2one_radio_field {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
@@ -0,0 +1,56 @@
|
|||||||
|
/** @odoo-module **/
|
||||||
|
|
||||||
|
import { RadioField } from "@web/views/fields/radio/radio_field"; // 导入单选按钮组件
|
||||||
|
import { registry } from "@web/core/registry";
|
||||||
|
|
||||||
|
export class Many2OneRadioField extends RadioField {
|
||||||
|
// 你可以重写或者添加一些方法和属性
|
||||||
|
// 例如,你可以重写setup方法来添加一些事件监听器或者初始化一些变量
|
||||||
|
setup() {
|
||||||
|
super.setup(); // 调用父类的setup方法
|
||||||
|
// 你自己的代码
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onImageClick(event) {
|
||||||
|
// 放大图片逻辑
|
||||||
|
// 获取图片元素
|
||||||
|
const img = event.target;
|
||||||
|
const close = img.nextSibling
|
||||||
|
|
||||||
|
// 实现放大图片逻辑
|
||||||
|
// 比如使用 CSS 放大
|
||||||
|
img.parentElement.classList.add('zoomed');
|
||||||
|
close.classList.add('img_close')
|
||||||
|
}
|
||||||
|
|
||||||
|
onCloseClick(event) {
|
||||||
|
const close = event.target;
|
||||||
|
const img = close.previousSibling
|
||||||
|
img.parentElement.classList.remove('zoomed')
|
||||||
|
close.classList.remove('img_close')
|
||||||
|
}
|
||||||
|
|
||||||
|
get items() {
|
||||||
|
return Many2OneRadioField.getItems(this.props.name, this.props.record);
|
||||||
|
}
|
||||||
|
|
||||||
|
static getItems(fieldName, record) {
|
||||||
|
switch (record.fields[fieldName].type) {
|
||||||
|
case "selection":
|
||||||
|
return record.fields[fieldName].selection;
|
||||||
|
case "many2one": {
|
||||||
|
const value = record.preloadedData[fieldName] || [];
|
||||||
|
return value.map((item) => [item.id, item.display_name, item.image]);
|
||||||
|
}
|
||||||
|
default:
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
Many2OneRadioField.template = "jikimo_frontend.Many2OneRadioField"
|
||||||
|
// MyCustomWidget.supportedTypes = ['many2many'];
|
||||||
|
|
||||||
|
registry.category("fields").add("many2one_radio", Many2OneRadioField);
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<templates xml:space="preserve">
|
||||||
|
|
||||||
|
<t t-name="jikimo_frontend.Many2OneRadioField" owl="1">
|
||||||
|
<div
|
||||||
|
role="radiogroup"
|
||||||
|
t-attf-class="o_{{ props.orientation }}"
|
||||||
|
t-att-aria-label="string"
|
||||||
|
>
|
||||||
|
<t t-foreach="items" t-as="item" t-key="item[0]">
|
||||||
|
<div class="form-check o_radio_item many2one_radio_field" aria-atomic="true">
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
class="form-check-input o_radio_input"
|
||||||
|
t-att-checked="item[0] === value"
|
||||||
|
t-att-disabled="props.readonly"
|
||||||
|
t-att-name="id"
|
||||||
|
t-att-data-value="item[0]"
|
||||||
|
t-att-data-index="item_index"
|
||||||
|
t-att-id="`${id}_${item[0]}`"
|
||||||
|
t-on-change="() => this.onChange(item)"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label o_form_label" t-att-for="`${id}_${item[0]}`" t-esc="item[1]" />
|
||||||
|
<div t-on-dblclick="onImageClick">
|
||||||
|
<t>
|
||||||
|
<img t-att-src="item[2]" width="50" height="50"/>
|
||||||
|
<div class="close" t-on-click="onCloseClick">×</div>
|
||||||
|
</t>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</t>
|
||||||
|
</div>
|
||||||
|
</t>
|
||||||
|
|
||||||
|
</templates>
|
||||||
Reference in New Issue
Block a user