Customize Production Order adding image field

Frappe Framework Custom Script
1

Good day all,
I’m new here, I need help showing the image in my Production Order form from BOM or Item, I read custom scripts here but I can’t find a solution for that…
This is what I did so far
customize Production Order
add the field image
type: attach image
added image view field
type: image view
options: image
but nothing happens, so I read some post here and I think custom script can do what I need, but I can’t find any similar topics for this to show an image, I tried to search from google and bump on this website wiki erpnext and copy the code then modify to what i like to do, it’s embarrassing to show this modified code but I’m here to learn so if you please help me where to start and where I can read and learn this custom scripting. anyway heres my code :persevere::persevere::persevere::

frappe.ui.form.on("BOM ", {
var d = locals[cdt][cdn];
    frappe.db.get_value("Image View", {"name": d.image_view}, function(value)
);
});

Edit: I would like to do like BOM to show image like this

BOM
BOM1366×471 56.3 KB

here in my production order

Production%20order
Production%20order1366×627 17.5 KB

This is my ERPNext version
erpnext%20version