Files
test/web_widget_model_viewer/static/src/js/3d_viewer.js
2025-02-20 13:36:05 +08:00

76 lines
2.5 KiB
JavaScript

/** @odoo-module **/
import {registry} from "@web/core/registry";
import {_lt} from "@web/core/l10n/translation";
import {standardFieldProps} from "@web/views/fields/standard_field_props";
import {session} from "@web/session";
// import core from 'web.core';
// var QWeb = core.qweb;
import {Component, onPatched} from "@odoo/owl";
export class StepViewer extends Component {
setup() {
this.props.url = this.formatUrl();
onPatched(() => {
this.props.url = this.formatUrl();
const dom = $(this.__owl__.bdom.parentEl).children('model-viewer')
if(dom && dom.length) {
dom.attr('src', this.formatUrl())
}
})
}
formatUrl() {
var url = '';
if (this.props.value) {
if (this.props.value.startsWith('http')) {
// 从url读取文件内容
url = this.props.value;
} else if (this.props.value.slice(-1) == 'b' && !isNaN(this.props.value.split(' ')[0])) {
var url_props = {
base_url: session['web.base.url'],
model: this.props.record.resModel,
id: JSON.stringify(this.props.record.data['id']),
field: this.props.name
};
url = url_props['base_url'].replace('http://', 'https://') + '/web/content/' + url_props['model'] + '/' + url_props['id'] + '/' + url_props['field'] + '?download=true';
// url = 'http://localhost:8069'+'/web/content/'+url_props['model']+'/'+url_props['id']+'/'+url_props['field']+'?download=true'
// console.log('url111111', url)
} else {
url = "data:model/gltf-binary;base64," + this.props.value;
// console.log('url2', url)
// localStorage.setItem('url',url)
// let new_url = localStorage.getItem(('url'))
// var oViewer = document.getElementsByTagName('model-viewer')[0];
// return new_url
// url = "web_widget_model_viewer/static/src/images/not_model.png";
}
}
return url;
}
}
StepViewer.template = "web_widget_model_viewer.BinaryField3d";
StepViewer.displayName = _lt("3D File");
StepViewer.supportedTypes = ["binary"];
StepViewer.props = {
...standardFieldProps,
url: {type: String, optional: true},
};
StepViewer.extractProps = ({attrs}) => {
return {
url: attrs.options.url,
};
};
registry.category("fields").add("Viewer3D", StepViewer);