1. Сделайте картинку офиса сверху
2. Справа создайте кассу символов (компьютер, стол, и т. д.)
3. Обработчик на перемещение, обработчик на клик, и правый клик, там меню
4. Элементы сохраняйте в следующем списке
5. Этот список сохраняйте в 1с в аттрибутах, рядом с инвентарным номером
6. По желанию можно добавить фильтры
Дополнил.
https://www.html5rocks.com/ru/tutorials/dnd/basics/
Возьмите за основу, добавьте поддержку драгндропа, загрузку и сохранение.
https://jsfiddle.net/vkorotenko/902cdmLv/
items: [
{id: '1', name: 'test', roomid: 2, x: 200, y: 200, angle: 90, zindex: 400, itemtype: 3},
{id: '2', name: 'test', roomid: 2, x: 210, y: 200, angle: 90, zindex: 400, itemtype: 3},
{id: '3', name: 'test', roomid: 2, x: 220, y: 200, angle: 90, zindex: 400, itemtype: 3},
]
