3d模型无法展示的时候用文字替换

web_widget_model_viewer/static/src/js/3d_viewer.js

@@ -22,6 +22,7 @@ export class StepViewer extends Component {
     setup() {
         this.props.url = this.formatUrl();
     }
+
     formatUrl() {
         var url = '';
         if (this.props.value) {
@@ -30,7 +31,8 @@ export class StepViewer extends Component {
                     base_url: session['web.base.url'],
                     model: this.props.record.resModel,
                     id: JSON.stringify(this.props.record.data['id']),
-                    field: this.props.name}
+                    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)
@@ -45,6 +47,9 @@ export class StepViewer extends Component {
                 // return new_url
                 // url = "web_widget_model_viewer/static/src/images/not_model.png";
             }
+        } else {
+            var oImg = document.getElementsByClassName('test')[0]
+            console.log(oImg)
         }
     }
 }

web_widget_model_viewer/static/src/js/3d_viewer.xml

@@ -3,6 +3,7 @@
     
     <t t-name="web_widget_model_viewer.BinaryField3d" owl="1">
 
+        <t t-if="props.value">
             <model-viewer
                     t-att-src='props.url'
                     name="3D model"
@@ -22,6 +23,10 @@
                 <!--                    </span>-->
                 <!--                </div>-->
             </model-viewer>
+        </t>
+        <t t-if="!props.value">
+           <div style="color:red">当前制造订单暂无模型</div>
+        </t>
 
         <!--	    <model-viewer-->
         <!--			    src='/jikimo_model_viewer/static/src/js/3d_viewer/test.glb'-->