usePhotography.ts 39 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231
  1. import { ref, onMounted, onBeforeUnmount, watchEffect, computed } from 'vue'
  2. import icpList from '@/utils/ipc'
  3. import client from "@/stores/modules/client";
  4. import socket from "@/stores/modules/socket";
  5. import { ElMessage, ElMessageBox } from 'element-plus'
  6. import { getFilePath, getRouterUrl } from '@/utils/appfun'
  7. import { useRouter, useRoute } from "vue-router";
  8. import checkInfo from "@/stores/modules/check";
  9. import generate from '@/utils/menus/generate'
  10. import { clickLog, setLogInfo } from '@/utils/log'
  11. import { useUuidStore } from '@/stores/modules/uuid'
  12. import useUserInfo from "@/stores/modules/user";
  13. import configInfo from '@/stores/modules/config';
  14. import tokenInfo from "@/stores/modules/token";
  15. import { getAllUserConfigs, getTopTabs } from '@/apis/setting';
  16. export default function usePhotography() {
  17. const loading = ref(false)
  18. const runLoading = ref(false)
  19. const takePictureLoading = ref(false)
  20. // pagination
  21. const pageSize = ref(10)
  22. const currentPage = ref(1)
  23. const totalPages = ref(1)
  24. const goodsList = ref([])
  25. const goods_art_no_tpl = ref('')
  26. const goods_art_no = ref('')
  27. const runAction = ref({
  28. "action": "",
  29. "goods_art_no": ""
  30. })
  31. const lastPhoto = ref({})
  32. const showlastPhoto = ref(false)
  33. const isDelGoodsGetList = ref(false)
  34. const reNosObj = ref({
  35. goods_art_no: null,
  36. action: null,
  37. })
  38. const goodsArtNo = ref()
  39. const searchGoodsArtNo = ref('')
  40. let smartShooterTimeout: ReturnType<typeof setTimeout> | null = null
  41. // ==================== 演示模式 ====================
  42. const isDemoMode = ref(false) // 是否处于演示模式
  43. const demoGoodsArtNo = ref('演示货号1') // 演示货号
  44. const demoProgramType = ref('执行左脚程序') // 演示程序类型
  45. const demoConfigList = ref<{id: number, mode_name: string}[]>([]) // 演示配置列表
  46. const demoSelectedConfigId = ref<number | null>(null) // 选中的演示配置ID
  47. const demoDialogVisible = ref(false) // 演示配置对话框
  48. // ==================== 演示模式 END ====================
  49. // 初始化 WebSocket 状态管理
  50. const socketStore = socket()
  51. const uuidStore = useUuidStore();
  52. const clientStore = client();
  53. const Router = useRouter()
  54. const route = useRoute();
  55. const useUserInfoStore = useUserInfo();
  56. const configInfoStore = configInfo();
  57. const tokenInfoStore = tokenInfo();
  58. const checkInfoStore = checkInfo()
  59. // 拍照点位配置
  60. const STORAGE_KEY = 'photo_point_name'
  61. // 获取已配置相机的点位列表(从 getAllUserConfigs API 获取,仅返回已绑定相机的点位)
  62. const getPointList = async (): Promise<string[]> => {
  63. try {
  64. const result = await getAllUserConfigs({})
  65. if (result.code == 0 && result.data?.configs?.camera_configs?.iso_config) {
  66. const isoConfig = result.data.configs.camera_configs.iso_config
  67. const points = Object.keys(isoConfig).filter(key => {
  68. const config = isoConfig[key]
  69. return config && config.CameraKey && config.CameraKey !== ''
  70. })
  71. return points.length > 0 ? points : ['A']
  72. }
  73. } catch (err) {
  74. console.error('获取点位配置失败:', err)
  75. }
  76. return ['A']
  77. }
  78. // 获取保存的点位(单相机模式默认A,多相机模式验证点位合法性)
  79. const getPhotoPointName = async (): Promise<string> => {
  80. if (!useUserInfoStore.isMultiCameraMode) {
  81. return 'A'
  82. }
  83. const pointList = await getPointList()
  84. const savedPoint = localStorage.getItem(STORAGE_KEY)
  85. if (savedPoint && pointList.includes(savedPoint)) {
  86. return savedPoint
  87. }
  88. return pointList[0] || 'A'
  89. }
  90. // 抠图请求去重与延迟队列(key: goods_art_no, value: timeoutId)
  91. const segmentQueue = new Map<string, ReturnType<typeof setTimeout>>()
  92. function isGoodsStillInList(goodsArtNo: string): boolean {
  93. return goodsList.value?.some((g: any) => g.goods_art_no === goodsArtNo) || false
  94. }
  95. function scheduleSegment(goodsArtNo: string) {
  96. if (!goodsArtNo) return
  97. // 若已存在,则重置计时(重新插入)
  98. if (segmentQueue.has(goodsArtNo)) {
  99. const t = segmentQueue.get(goodsArtNo)
  100. if (t) clearTimeout(t)
  101. segmentQueue.delete(goodsArtNo)
  102. }
  103. const timeoutId = setTimeout(async () => {
  104. segmentQueue.delete(goodsArtNo)
  105. // if (!isGoodsStillInList(goodsArtNo)) return
  106. try {
  107. await socketStore.connectSocket();
  108. socketStore.sendMessage({
  109. type: 'segment_progress',
  110. data: {
  111. token: tokenInfoStore.getToken,
  112. uuid: uuidStore?.getUuid || '',
  113. goods_art_no: [goodsArtNo],
  114. }
  115. })
  116. } catch (e) {
  117. // 忽略发送异常,避免打断主流程
  118. }
  119. }, 20000)
  120. segmentQueue.set(goodsArtNo, timeoutId)
  121. }
  122. /**
  123. * 保存货号模板到货号变量中。
  124. */
  125. function saveGoodsArtNo() {
  126. if (goods_art_no_tpl.value) {
  127. goods_art_no.value = goods_art_no_tpl.value
  128. ElMessage.success('商品货号' + goods_art_no.value + '获取成功,请在遥控器上按下左或右脚按键,启动拍摄')
  129. }
  130. }
  131. /**
  132. * 获取拍照记录。
  133. * @param params - 可选参数,用于分页或其他筛选条件。
  134. */
  135. async function getPhotoRecords(params?: { page?: number; size?: number; goods_art_no?: string }) {
  136. if (loading.value) return;
  137. loading.value = true;
  138. const page = params?.page ?? currentPage.value ?? 1
  139. const size = params?.size ?? pageSize.value ?? 10
  140. console.log('params' , {
  141. ...params,
  142. page,
  143. size,
  144. })
  145. clientStore.ipc.send(icpList.takePhoto.getPhotoRecords, {
  146. ...params,
  147. page,
  148. size,
  149. });
  150. clientStore.ipc.on(icpList.takePhoto.getPhotoRecords, (event, result) => {
  151. loading.value = false;
  152. if (result.code === 0) {
  153. clientStore.ipc.removeAllListeners(icpList.takePhoto.getPhotoRecords);
  154. //console.log('getPhotoRecords print_time:' + new Date().toLocaleString())
  155. // console.log('getPhotoRecords print_time:' + JSON.stringify(result.data.list))
  156. console.log(result.data)
  157. // 在设置 goodsList.value 之前,检查 items 数组中的 action_name 是否为 null
  158. const modifiedList = result.data.list.map(item => {
  159. // 检查 items 数组中是否有 action_name 为 null 的情况
  160. const hasNullActionName = item.items && Array.isArray(item.items) &&
  161. item.items.some(image => image.action_name === null || image.action_name === undefined);
  162. // 根据检查结果设置 syncConfig
  163. return {
  164. ...item,
  165. syncConfig: hasNullActionName ? false : true
  166. };
  167. });
  168. goodsList.value = modifiedList;
  169. // update pagination info if provided by API
  170. if (result.data) {
  171. currentPage.value = result.data.current_page || page
  172. totalPages.value = result.data.total_pages || 1
  173. }
  174. if (isDelGoodsGetList.value) {
  175. isDelGoodsGetList.value = false;
  176. return;
  177. }
  178. getLastPhotoRecord()
  179. } else if (result.msg) {
  180. ElMessage.error(result.msg)
  181. }
  182. });
  183. }
  184. /**
  185. * 执行拍照操作。
  186. * @param data - 包含拍摄所需的数据对象。
  187. */
  188. async function runGoods(data) {
  189. if (runLoading.value || takePictureLoading.value) {
  190. ElMessage.error('拍摄程序正在运行,请稍候')
  191. return
  192. }
  193. await socketStore.connectSocket();
  194. socketStore.sendMessage({
  195. type: 'run_mcu',
  196. data,
  197. })
  198. runLoading.value = true;
  199. runAction.value.action = data.action
  200. runAction.value.goods_art_no = data.goods_art_no
  201. // goods_art_no.value = ''
  202. goods_art_no_tpl.value = ''
  203. reNosObj.value.goods_art_no = null;
  204. reNosObj.value.action = null;
  205. searchGoodsArtNo.value = ''
  206. clientStore.ipc.on(icpList.socket.message + '_run_mcu', (event, result) => {
  207. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu');
  208. console.log('_run_mcu');
  209. console.log(result);
  210. if (result.code !== 0 && result.msg) {
  211. ElMessage.error(result.msg)
  212. runLoading.value = false
  213. return;
  214. } else {
  215. ElMessage.success('开始拍摄,请稍后')
  216. }
  217. })
  218. }
  219. /**
  220. * 格式化时间字符串。
  221. * @param time - 原始时间字符串。
  222. * @returns 格式化后的时间字符串,若输入为空则返回 null。
  223. */
  224. const getTime = function (time) {
  225. if (!time) return null
  226. return time.replace('T', ' ').substr(5, 11)
  227. }
  228. /**
  229. * 删除所有商品货号的历史记录。
  230. */
  231. async function delAll() {
  232. let params = goodsList.value.map(item => item.goods_art_no)
  233. try {
  234. await ElMessageBox.confirm('确定要删除当下的历史记录吗?', '提示', {
  235. confirmButtonText: '确定',
  236. cancelButtonText: '取消',
  237. })
  238. await clickLog({ describe: { action: '点击确认一键删除', goods_art_nos: params } }, route)
  239. del({ goods_art_nos: params })
  240. } catch (e) {
  241. await clickLog({ describe: { action: '点击取消一键删除' } }, route)
  242. }
  243. }
  244. /**
  245. * 删除指定的商品货号。
  246. * @param params - 包含需要删除的货号列表的对象。
  247. */
  248. const delGoods = async function (params) {
  249. try {
  250. await ElMessageBox.confirm('确定要删除货号:' + params.goods_art_nos[0] + '的拍摄数据吗?', '提示', {
  251. confirmButtonText: '确定',
  252. cancelButtonText: '取消',
  253. })
  254. await clickLog({ describe: { action: '点击确认删除货号', goods_art_no: params.goods_art_nos?.[0] } }, route)
  255. del(params)
  256. } catch (e) {
  257. await clickLog({ describe: { action: '点击取消删除货号', goods_art_no: params.goods_art_nos?.[0] } }, route)
  258. }
  259. }
  260. /**
  261. * 删除指定的商品货号。
  262. * @param params - 包含需要删除的货号列表的对象。
  263. */
  264. const del = async function (params) {
  265. console.log(icpList.takePhoto.delectGoodsArts, params);
  266. clientStore.ipc.removeAllListeners(icpList.takePhoto.delectGoodsArts);
  267. clientStore.ipc.send(icpList.takePhoto.delectGoodsArts, params);
  268. clientStore.ipc.on(icpList.takePhoto.delectGoodsArts, (event, result) => {
  269. clientStore.ipc.removeAllListeners(icpList.takePhoto.delectGoodsArts);
  270. console.log("icpList.takePhoto.delectGoodsArts", params);
  271. if (result.code === 0) {
  272. isDelGoodsGetList.value = true
  273. ElMessage.info('货号删除成功')
  274. getPhotoRecords()
  275. if (reNosObj.value.goods_art_no) {
  276. runGoods(
  277. {
  278. "action": reNosObj.value.action,
  279. "goods_art_no": reNosObj.value.goods_art_no
  280. })
  281. }
  282. } else if (result.msg) {
  283. ElMessage.error(result.msg)
  284. }
  285. });
  286. }
  287. //单个重拍
  288. const reTakePicture = async (img) => {
  289. if (!img.id) return;
  290. if (img.image_path) {
  291. try {
  292. await ElMessageBox.confirm('此操作会先删除此数据,需要继续吗?', '提示', {
  293. confirmButtonText: '确定',
  294. cancelButtonText: '取消',
  295. })
  296. await clickLog({ describe: { action: '点击确认单张重拍', goods_art_no: img.goods_art_no, action_name: img.action_name } }, route)
  297. } catch (e) {
  298. await clickLog({ describe: { action: '点击取消单张重拍', goods_art_no: img.goods_art_no, action_name: img.action_name } }, route)
  299. return
  300. }
  301. }
  302. runLoading.value = true;
  303. reNosObj.value.goods_art_no = img.goods_art_no
  304. reNosObj.value.action = 're_take_picture'
  305. let params = {
  306. id: img.action_id
  307. }
  308. clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigDetail);
  309. clientStore.ipc.send(icpList.setting.getDeviceConfigDetail, params);
  310. clientStore.ipc.on(icpList.setting.getDeviceConfigDetail, (event, result) => {
  311. console.log('getDeviceConfigDetail')
  312. console.log(result)
  313. if (result.code == 0 && result.data) {
  314. clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigDetail);
  315. this_run_mcu_single(result.data)
  316. } else if (result.msg) {
  317. runLoading.value = false;
  318. reNosObj.value.goods_art_no = ''
  319. reNosObj.value.action = ''
  320. ElMessage.error(result.msg)
  321. }
  322. });
  323. function this_run_mcu_single(data) {
  324. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu_single');
  325. socketStore.sendMessage({
  326. type: 'run_mcu_single',
  327. data: {
  328. camera_height: Number(data.camera_height),
  329. camera_angle: Number(data.camera_angle),
  330. led_switch: data.led_switch,
  331. id: 0,
  332. mode_type: data.mode_type,
  333. turntable_position: Number(data.turntable_position),
  334. action_name: data.action_name || '测试',
  335. turntable_angle: Number(data.turntable_angle),
  336. shoe_upturn: Number(data.shoe_upturn),
  337. camera_focal_distance: Number(data.camera_focal_distance),
  338. action_index: 1,
  339. number_focus: 0,
  340. take_picture: false,
  341. point_name:data.point_name,
  342. is_move_device: data.is_move_device,
  343. pre_delay: 0,
  344. after_delay: 0,
  345. }
  346. });
  347. clientStore.ipc.on(icpList.socket.message + '_run_mcu_single', async (event, result) => {
  348. console.log('_run_mcu_single_row')
  349. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu_single');
  350. this_re_take_picture(data)
  351. })
  352. }
  353. async function this_re_take_picture(data) {
  354. await ElMessageBox.alert('已复位到该视图下,请把鞋子摆放完毕之后,点击按钮开始重拍', '提示', {
  355. confirmButtonText: "开始重拍",
  356. showClose: false,
  357. closeOnClickModal: false,
  358. closeOnPressEscape: false
  359. })
  360. await clickLog({ describe: { action: '点击开始重拍', goods_art_no: img.goods_art_no } }, route)
  361. socketStore.sendMessage({
  362. type: 'smart_shooter_photo_take',
  363. "data": {
  364. "id": img.id,
  365. "goods_art_no": img.goods_art_no,
  366. point_name:data.point_name,
  367. is_move_device: data.is_move_device
  368. },
  369. })
  370. }
  371. }
  372. // 删除单张图片
  373. const deletePhotoRecord = async (img) => {
  374. if (!img?.id) return
  375. try {
  376. await ElMessageBox.confirm('确定要删除这张图片吗?', '提示', {
  377. confirmButtonText: '确定',
  378. cancelButtonText: '取消',
  379. })
  380. await clickLog({ describe: { action: '点击确认删除单张图片', goods_art_no: img.goods_art_no, record_id: img.id, action_name: img.action_name } }, route)
  381. } catch (e) {
  382. await clickLog({ describe: { action: '点击取消删除单张图片', goods_art_no: img.goods_art_no, record_id: img.id, action_name: img.action_name } }, route)
  383. return
  384. }
  385. const channel = icpList.socket.message + '_delete_photo_record'
  386. clientStore.ipc.removeAllListeners(channel)
  387. socketStore.sendMessage({
  388. type: 'delete_photo_record',
  389. data: {
  390. record_id: img.id,
  391. },
  392. })
  393. clientStore.ipc.on(channel, (event, result) => {
  394. clientStore.ipc.removeAllListeners(channel)
  395. console.log('_delete_photo_record', result)
  396. if (result.code === 0) {
  397. ElMessage.success(result.msg || '图片删除成功')
  398. getPhotoRecords()
  399. if (img.goods_art_no) {
  400. scheduleSegment(img.goods_art_no)
  401. }
  402. } else if (result.msg) {
  403. ElMessage.error(result.msg)
  404. } else {
  405. ElMessage.error('图片删除失败')
  406. }
  407. })
  408. }
  409. const resetStatus = () => {
  410. runLoading.value = false;
  411. takePictureLoading.value = false;
  412. reNosObj.value.goods_art_no = ''
  413. reNosObj.value.action = ''
  414. runAction.value.goods_art_no = '';
  415. runAction.value.action = '';
  416. }
  417. //货号重拍
  418. const reTakePictureNos = async (goods_art_no, item) => {
  419. try {
  420. await ElMessageBox.confirm('此操作会先删除删除货号:' + goods_art_no + '的拍摄数据吗,需要继续吗?', '提示', {
  421. confirmButtonText: '确定',
  422. cancelButtonText: '取消',
  423. })
  424. await clickLog({ describe: { action: '点击确认重拍货号', goods_art_no } }, route)
  425. } catch (e) {
  426. await clickLog({ describe: { action: '点击取消重拍货号', goods_art_no } }, route)
  427. return
  428. }
  429. reNosObj.value.goods_art_no = goods_art_no
  430. reNosObj.value.action = '执行左脚程序'
  431. console.log(item);
  432. if (item.items && typeof item.items === 'object' && item.items[0].PhotoRecord.image_deal_mode) {
  433. reNosObj.value.action = '执行右脚程序'
  434. }
  435. del({ goods_art_nos: [goods_art_no] })
  436. }
  437. /**
  438. * 检查是否可以进入下一步操作。
  439. */
  440. const next = async function () {
  441. if (runLoading.value) {
  442. ElMessage.error('正在拍摄中,请稍候')
  443. return;
  444. }
  445. if (goodsList.length) {
  446. ElMessage.error('请先拍摄商品。')
  447. return;
  448. }
  449. }
  450. const oneClickStop = () => {
  451. if (!(runLoading.value || takePictureLoading.value)) {
  452. ElMessage.error('拍摄程序已结束,不需要单独停止!')
  453. return
  454. } else {
  455. socketStore.sendMessage({
  456. type: 'stop_action',
  457. })
  458. }
  459. }
  460. /**
  461. * 打开最近一张拍摄图
  462. */
  463. const getLastPhotoRecord = async () => {
  464. return;
  465. if (goodsList.value && goodsList.value.length === 0) return;
  466. clientStore.ipc.removeAllListeners(icpList.takePhoto.getLastPhotoRecord);
  467. clientStore.ipc.send(icpList.takePhoto.getLastPhotoRecord,);
  468. clientStore.ipc.on(icpList.takePhoto.getLastPhotoRecord, (event, result) => {
  469. console.log('getLastPhotoRecord');
  470. console.log(result.data?.goods_art_no);
  471. clientStore.ipc.removeAllListeners(icpList.takePhoto.getLastPhotoRecord);
  472. if (result.code === 0) {
  473. if (lastPhoto.value?.photo_file_name) {
  474. // if( lastPhoto.value?.image_path == result.data?.image_path) return;
  475. if (runAction.value.goods_art_no === result.data?.goods_art_no) {
  476. showlastPhoto.value = true
  477. }
  478. }
  479. lastPhoto.value = result.data
  480. } else if (result.msg) {
  481. ElMessage.error(result.msg)
  482. }
  483. });
  484. }
  485. /**
  486. * 打开主图详情页面。
  487. */
  488. function openPhotographyDetail() {
  489. // 埋点:开始生成
  490. clickLog({ describe: { action: '开始生成', goods_count: goodsList.value.length, goods_art_nos: goodsList.value.map(item => item.goods_art_no) } }, route);
  491. if (runLoading.value || takePictureLoading.value) {
  492. ElMessage.error('正在拍摄中,请稍候')
  493. return;
  494. }
  495. const { href } = Router.resolve({
  496. name: 'PhotographyDetail',
  497. query: {
  498. goods_art_nos: goodsList.value.map(item => item.goods_art_no),
  499. }
  500. })
  501. clientStore.ipc.removeAllListeners(icpList.utils.openMain);
  502. let params = {
  503. title: '主图与详情生成',
  504. width: 3840,
  505. height: 2160,
  506. frame: true,
  507. id: "PhotographyDetail",
  508. url: getRouterUrl(href)
  509. }
  510. clientStore.ipc.send(icpList.utils.openMain, params);
  511. }
  512. /*高级生成*/
  513. const onGenerateCLick = (menu, item) => {
  514. if (menu.name === '历史记录') {
  515. menu.click()
  516. return
  517. }
  518. const firstWithImagePath = item.items.find(
  519. (image) => image.PhotoRecord.image_path
  520. );
  521. if (firstWithImagePath) {
  522. menu.click({
  523. query: {
  524. image_path: firstWithImagePath.PhotoRecord.image_path
  525. }
  526. })
  527. } else {
  528. menu.click()
  529. }
  530. }
  531. // 打开输出目录:appConfig.appPath + '/build/extraResources/py/output'
  532. const openOutputDir = () => {
  533. try {
  534. const appPath = configInfoStore?.appConfig?.appPath || ''
  535. if (!appPath) {
  536. ElMessage.error('未获取到应用目录 appPath')
  537. return
  538. }
  539. const fullPath = `${appPath}\\output`
  540. clientStore.ipc.removeAllListeners(icpList.utils.shellFun);
  541. clientStore.ipc.send(icpList.utils.shellFun, {
  542. action: 'openMkPath',
  543. params: fullPath.replace(/\//g, '\\')
  544. });
  545. } catch (e) {
  546. console.error(e)
  547. ElMessage.error('打开目录失败')
  548. }
  549. }
  550. const menu = computed(() => {
  551. // 生成图目录(独立菜单项,点击直接打开目录)
  552. const outputDirMenu = {
  553. name: '生成图目录',
  554. click() {
  555. openOutputDir()
  556. }
  557. }
  558. // 快捷操作菜单子项(不含生成图目录)
  559. const quickActionsChildren = [
  560. {
  561. type: 'OneClickRelease'
  562. },
  563. {
  564. type: 'OneKeyDown'
  565. }
  566. ]
  567. // 一级导航:高级生成下拉
  568. const generateMenu = {
  569. ...generate
  570. }
  571. if (configInfoStore.appModel === 2) {
  572. return [
  573. {
  574. type: 'setting'
  575. },
  576. {
  577. name: '快捷操作',
  578. children: [
  579. ...quickActionsChildren,
  580. {
  581. name: '切换模式',
  582. click() {
  583. configInfoStore.updateAppModel(1)
  584. Router.push({
  585. name: 'PhotographyCheck'
  586. })
  587. }
  588. }
  589. ]
  590. },
  591. generateMenu,
  592. outputDirMenu
  593. ]
  594. }
  595. if (useUserInfoStore.isHLM || configInfoStore.appConfig.debug) {
  596. return [
  597. {
  598. type: 'setting'
  599. },
  600. {
  601. name: '快捷操作',
  602. children: quickActionsChildren
  603. },
  604. {
  605. name: '开发工具',
  606. children: [
  607. {
  608. type: 'developer'
  609. }
  610. ]
  611. },
  612. generateMenu,
  613. outputDirMenu
  614. ]
  615. }
  616. return [
  617. {
  618. type: 'setting'
  619. },
  620. {
  621. name: '快捷操作',
  622. children: quickActionsChildren
  623. },
  624. generateMenu,
  625. outputDirMenu
  626. ]
  627. })
  628. const onRemoteControl = async (type) => {
  629. const pointName = await getPhotoPointName()
  630. if (type == 'take_picture') {
  631. // 埋点:手动拍照
  632. clickLog({ describe: { action: '点击遥控器拍照按钮', point_name: pointName } }, route);
  633. if (runLoading.value || takePictureLoading.value) {
  634. ElMessage.error('拍摄程序正在运行,请稍候')
  635. return
  636. }
  637. ElMessage.success('正在拍摄中,请稍候')
  638. takePictureLoading.value = true;
  639. socketStore.sendMessage({
  640. type: 'handler_take_picture',
  641. data: {
  642. point_name: pointName
  643. }
  644. })
  645. return;
  646. }
  647. if (!goods_art_no.value) {
  648. ElMessage.error('请在左侧第一步中,先扫描货号或者手动输入货号!')
  649. goodsArtNo.value?.focus() // 聚焦输入框
  650. return;
  651. }
  652. let action = '执行左脚程序'
  653. if (type === 'right') action = '执行右脚程序'
  654. // 埋点:遥控器启动拍摄
  655. clickLog({ describe: { action: `点击遥控器${type === 'left' ? '左脚' : '右脚'}按钮`, goods_art_no: goods_art_no.value, point_name: pointName } }, route);
  656. runGoods({
  657. "action": action,
  658. "goods_art_no": goods_art_no.value
  659. })
  660. }
  661. // 初始化事件监听
  662. const initEventListeners = () => {
  663. // 监听蓝牙扫描事件
  664. clientStore.ipc.on(icpList.socket.message + '_blue_tooth_scan', (event, result) => {
  665. console.log('_blue_tooth_scan')
  666. if (result.code === 0 && result.data?.data) {
  667. console.log(goods_art_no.value);
  668. if (!goods_art_no.value) {
  669. ElMessage.error('请在左侧第一步中,先扫描货号或者手动输入货号!')
  670. goodsArtNo.value?.focus() // 聚焦输入框
  671. return;
  672. }
  673. runGoods({
  674. ...result.data?.data,
  675. goods_art_no: goods_art_no.value
  676. })
  677. }
  678. });
  679. // 监听图片处理完成事件
  680. clientStore.ipc.on(icpList.socket.message + '_image_process', (event, result) => {
  681. console.log('_image_process')
  682. console.log(result)
  683. getPhotoRecords()
  684. // 延迟两秒再获取一遍数据
  685. setTimeout(() => {
  686. getPhotoRecords()
  687. }, 3000)
  688. })
  689. // 监听拍照完成事件
  690. clientStore.ipc.on(icpList.socket.message + '_photo_take', (event, result) => {
  691. console.log('_photo_take')
  692. console.log(result)
  693. if (result.status === 2 && result.msg.includes('执行完成')) {
  694. getPhotoRecords()
  695. searchGoodsArtNo.value = ''
  696. // 延迟两秒再获取一遍数据
  697. setTimeout(() => {
  698. searchGoodsArtNo.value = ''
  699. getPhotoRecords()
  700. }, 3000)
  701. takePictureLoading.value = false;
  702. return;
  703. }
  704. if (result.code !== 0 && result.msg) {
  705. ElMessage.error(result.msg)
  706. takePictureLoading.value = false;
  707. }
  708. })
  709. // 监听一键停止
  710. clientStore.ipc.on(icpList.socket.message + '_stop_action', (event, result) => {
  711. console.log('_stop_action')
  712. console.log(result)
  713. oneClickStop()
  714. })
  715. // 监听一键停止结束
  716. clientStore.ipc.on(icpList.socket.message + '_run_mcu_stop', (event, result) => {
  717. console.log('_run_mcu_stop')
  718. resetStatus()
  719. })
  720. // 监听拍照完成后的最终状态事件
  721. clientStore.ipc.on(icpList.socket.message + '_photo_take_finish', (event, result) => {
  722. console.log('_photo_take_finish')
  723. console.log(result)
  724. if (result.code === 0) {
  725. setLogInfo(route, { action: '全部拍摄完成', goods_art_no: runAction.value.goods_art_no });
  726. // 全部拍摄完成后,触发抠图队列
  727. if (runAction.value.goods_art_no) {
  728. scheduleSegment(runAction.value.goods_art_no)
  729. }
  730. // 演示模式:拍摄完成后自动删除货号
  731. if (isDemoMode.value) {
  732. const demoGoodsNo = demoGoodsArtNo.value
  733. setTimeout(async () => {
  734. try {
  735. await del({ goods_art_nos: [demoGoodsNo] })
  736. ElMessage.info('演示拍摄完成,货号已自动删除')
  737. } catch (e) {
  738. console.error('自动删除演示货号失败:', e)
  739. }
  740. }, 2000)
  741. }
  742. runLoading.value = false;
  743. runAction.value.goods_art_no = '';
  744. runAction.value.action = '';
  745. setTimeout(() => {
  746. showlastPhoto.value = false
  747. }, 3000)
  748. }
  749. })
  750. // 监听手动触发拍照事件
  751. clientStore.ipc.on(icpList.socket.message + '_handler_take_picture', async (event, result) => {
  752. console.log('_handler_take_picture')
  753. console.log(result)
  754. if (result.code === 0) {
  755. if(result.msg === '处理单拍消息'){
  756. const pointName = await getPhotoPointName()
  757. clickLog({ describe: { action: '实体遥控器拍照按钮', point_name: pointName } }, route);
  758. if (runLoading.value || takePictureLoading.value) {
  759. ElMessage.error('拍摄程序正在运行,请稍候')
  760. return
  761. }
  762. ElMessage.success('正在拍摄中,请稍候')
  763. takePictureLoading.value = true;
  764. socketStore.sendMessage({
  765. type: 'handler_take_picture',
  766. data: {
  767. point_name: pointName
  768. }
  769. })
  770. return;
  771. }
  772. /* if (runLoading.value || takePictureLoading.value) {
  773. ElMessage.error('拍摄程序正在运行,请稍候')
  774. return
  775. }*/
  776. /* ElMessage.success('正在拍摄中,请稍候')
  777. */
  778. takePictureLoading.value = true;
  779. // await socketStore.connectSocket();
  780. // socketStore.sendMessage(result.data)
  781. getPhotoRecords()
  782. // 延迟两秒再获取一遍数据
  783. setTimeout(() => {
  784. searchGoodsArtNo.value = ''
  785. getPhotoRecords()
  786. }, 3000)
  787. } else if (result.msg) {
  788. ElMessage.error(result.msg)
  789. }
  790. })
  791. //拍照成功 SmartShooter
  792. clientStore.ipc.on(icpList.socket.message + '_smart_shooter_photo_take', async (event, result) => {
  793. console.log('_smart_shooter_photo_take');
  794. console.log(result);
  795. if (result.code === 0) {
  796. if (!result.data.goods_art_no) return;
  797. setLogInfo(route, { action: '单张拍摄完成', goods_art_no: result.data.goods_art_no });
  798. if (reNosObj.value?.goods_art_no === result.data.goods_art_no) {
  799. runLoading.value = false;
  800. reNosObj.value.goods_art_no = ''
  801. reNosObj.value.action = ''
  802. }
  803. // 单张重拍完成且存在重拍货号时,触发抠图队列
  804. scheduleSegment(result.data.goods_art_no)
  805. if (smartShooterTimeout) {
  806. clearTimeout(smartShooterTimeout);
  807. }
  808. setTimeout(() => {
  809. showlastPhoto.value = true;
  810. lastPhoto.value = {
  811. file_path: result.data.photo_file_name,
  812. action_name: result.data.action_name
  813. };
  814. setTimeout(() => {
  815. if (!runAction.value.goods_art_no) {
  816. showlastPhoto.value = false;
  817. }
  818. }, 3000)
  819. }, 100);
  820. smartShooterTimeout = setTimeout(() => {
  821. getPhotoRecords();
  822. if (!runAction.value.goods_art_no) {
  823. showlastPhoto.value = false;
  824. }
  825. }, 2000);
  826. } else if (result.msg) {
  827. runLoading.value = false;
  828. reNosObj.value.goods_art_no = ''
  829. reNosObj.value.action = ''
  830. ElMessage.error(result.msg)
  831. }
  832. })
  833. // 监听拍照完成后的最终状态事件
  834. clientStore.ipc.on(icpList.socket.message + '_run_mcu_update', (event, result) => {
  835. console.log('run_mcu_updat print_time:' + new Date().toLocaleString())
  836. console.log('run_mcu_update print_time:' + JSON.stringify(result))
  837. if (result.code === 0) {
  838. if (result.data?.file_path) {
  839. if (lastPhoto.value?.file_path == result.data?.file_path) return;
  840. let goods_art_no = runAction.value.goods_art_no || reNosObj.value.goods_art_no
  841. if (goods_art_no === result.data?.goods_art_no) {
  842. showlastPhoto.value = true
  843. goodsList.value.map(item => {
  844. if (item.goods_art_no === result.data?.goods_art_no) {
  845. item.items[result.data.image_index].PhotoRecord.image_path = result.data?.file_path
  846. result.data.action_name = item.items[result.data.image_index].action_name
  847. setTimeout(() => {
  848. item.items[result.data.image_index].PhotoRecord.image_path = result.data?.file_path
  849. }, 1000)
  850. setTimeout(() => {
  851. showlastPhoto.value = false
  852. }, 3000)
  853. }
  854. })
  855. setTimeout(() => {
  856. getPhotoRecords()
  857. }, 2000)
  858. }
  859. lastPhoto.value = result.data
  860. }
  861. } else if (result.msg) {
  862. ElMessage.error(result.msg)
  863. }
  864. if (reNosObj.value.goods_art_no) {
  865. resetStatus()
  866. }
  867. })
  868. }
  869. // 清理事件监听
  870. const cleanupEventListeners = () => {
  871. clientStore.ipc.removeAllListeners(icpList.socket.message + '_blue_tooth_scan');
  872. clientStore.ipc.removeAllListeners(icpList.socket.message + '_image_process');
  873. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu');
  874. clientStore.ipc.removeAllListeners(icpList.socket.message + '_photo_take');
  875. clientStore.ipc.removeAllListeners(icpList.socket.message + '_photo_take_finish');
  876. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu_update');
  877. clientStore.ipc.removeAllListeners(icpList.socket.message + '_stop_action');
  878. clientStore.ipc.removeAllListeners(icpList.socket.message + '_smart_shooter_photo_take');
  879. clientStore.ipc.removeAllListeners(icpList.socket.message + '_run_mcu_stop');
  880. clientStore.ipc.removeAllListeners(icpList.socket.message + '_digicam_take_picture');
  881. clientStore.ipc.removeAllListeners(icpList.socket.message + '_segment_progress');
  882. // 清理抠图队列的定时器
  883. try {
  884. segmentQueue.forEach((t) => { if (t) clearTimeout(t) })
  885. segmentQueue.clear()
  886. } catch (e) { }
  887. }
  888. // 监听蓝牙扫描
  889. checkInfoStore.set_blue_tooth_scan_NO('')
  890. watchEffect(async () => {
  891. if (checkInfoStore.blue_tooth_scan_NO) {
  892. ElMessage.success('商品货号' + checkInfoStore.blue_tooth_scan_NO + '获取成功,请在遥控器上按下左或右脚按键,启动拍摄')
  893. goods_art_no.value = checkInfoStore.blue_tooth_scan_NO
  894. checkInfoStore.set_blue_tooth_scan_NO('')
  895. }
  896. })
  897. /**
  898. * 导入图片目录。
  899. * @param dirPath - 需要导入的目录路径。
  900. */
  901. const importDirs = function (dirPath: string) {
  902. clientStore.ipc.removeAllListeners(icpList.takePhoto.import_dirs);
  903. clientStore.ipc.send(icpList.takePhoto.import_dirs, { dir_path: dirPath });
  904. clientStore.ipc.on(icpList.takePhoto.import_dirs, (event, result) => {
  905. clientStore.ipc.removeAllListeners(icpList.takePhoto.import_dirs);
  906. if (result.code === 0) {
  907. getPhotoRecords()
  908. } else {
  909. ElMessage.error(result.msg || '导入图片失败')
  910. }
  911. });
  912. }
  913. /**
  914. * 演示模式:获取配置列表
  915. * @param type 0-左脚程序, 1-右脚程序
  916. */
  917. const fetchDemoConfigList = async (type: number) => {
  918. demoConfigList.value = []
  919. demoSelectedConfigId.value = null
  920. const result = await getTopTabs({ type })
  921. if (result.code == 0 && result.data?.tabs) {
  922. demoConfigList.value = result.data.tabs
  923. if (demoConfigList.value.length > 0) {
  924. demoSelectedConfigId.value = demoConfigList.value[0].id
  925. }
  926. }
  927. }
  928. /**
  929. * 演示模式:打开配置选择对话框
  930. */
  931. const openDemoMode = async () => {
  932. demoGoodsArtNo.value = '演示货号1'
  933. demoProgramType.value = '执行左脚程序'
  934. demoSelectedConfigId.value = null
  935. demoConfigList.value = []
  936. // 获取左脚程序配置列表
  937. await fetchDemoConfigList(0)
  938. demoDialogVisible.value = true
  939. }
  940. /**
  941. * 演示模式:监听程序类型变化,重新获取配置列表
  942. */
  943. const onDemoProgramTypeChange = async () => {
  944. const type = demoProgramType.value === '执行左脚程序' ? 0 : 1
  945. await fetchDemoConfigList(type)
  946. }
  947. /**
  948. * 演示模式:开始演示
  949. */
  950. const startDemoMode = async () => {
  951. if (!demoGoodsArtNo.value.trim()) {
  952. ElMessage.error('请输入货号')
  953. return
  954. }
  955. if (!demoSelectedConfigId.value) {
  956. ElMessage.error('请选择配置')
  957. return
  958. }
  959. // 设置演示模式标记
  960. isDemoMode.value = true
  961. // 设置货号
  962. goods_art_no.value = demoGoodsArtNo.value
  963. goods_art_no_tpl.value = demoGoodsArtNo.value
  964. demoDialogVisible.value = false
  965. // 直接启动拍摄
  966. runGoods({
  967. action: demoProgramType.value,
  968. goods_art_no: demoGoodsArtNo.value
  969. })
  970. }
  971. /**
  972. * 演示模式:停止演示
  973. * 执行完成后删除货号,然后退出演示模式
  974. */
  975. const stopDemoMode = async () => {
  976. if (!isDemoMode.value) return
  977. // 停止当前运行
  978. if (runLoading.value || takePictureLoading.value) {
  979. socketStore.sendMessage({
  980. type: 'stop_action',
  981. })
  982. }
  983. // 等待拍摄停止,然后删除货号
  984. const demoGoodsNo = demoGoodsArtNo.value
  985. // 延迟等待设备停止
  986. setTimeout(async () => {
  987. // 重置状态
  988. resetStatus()
  989. // 删除演示货号
  990. try {
  991. await del({ goods_art_nos: [demoGoodsNo] })
  992. } catch (e) {
  993. console.error('删除演示货号失败:', e)
  994. }
  995. // 退出演示模式
  996. isDemoMode.value = false
  997. goods_art_no.value = ''
  998. goods_art_no_tpl.value = ''
  999. ElMessage.success('已退出演示模式')
  1000. }, 500)
  1001. }
  1002. /**
  1003. * 演示模式:监听拍摄完成事件
  1004. * 演示模式下拍摄完成后自动删除货号
  1005. */
  1006. const handlePhotoTakeFinishForDemo = (goodsArtNo: string) => {
  1007. if (isDemoMode.value && goodsArtNo === demoGoodsArtNo.value) {
  1008. // 延迟删除,等待数据写入完成
  1009. setTimeout(async () => {
  1010. try {
  1011. await del({ goods_art_nos: [demoGoodsArtNo.value] })
  1012. ElMessage.info('演示拍摄完成,货号已自动删除')
  1013. } catch (e) {
  1014. console.error('自动删除演示货号失败:', e)
  1015. }
  1016. }, 2000)
  1017. }
  1018. }
  1019. /**
  1020. * 删除所有货号。
  1021. */
  1022. const deleteAllGoods = function () {
  1023. clientStore.ipc.removeAllListeners(icpList.takePhoto.delete_all_goods_arts);
  1024. clientStore.ipc.send(icpList.takePhoto.delete_all_goods_arts);
  1025. clientStore.ipc.on(icpList.takePhoto.delete_all_goods_arts, (event, result) => {
  1026. clientStore.ipc.removeAllListeners(icpList.takePhoto.delete_all_goods_arts);
  1027. if (result.code === 0) {
  1028. ElMessage.success('删除所有货号成功')
  1029. getPhotoRecords()
  1030. } else {
  1031. ElMessage.error(result.msg || '删除所有货号失败')
  1032. }
  1033. });
  1034. }
  1035. return {
  1036. loading,
  1037. runLoading,
  1038. takePictureLoading,
  1039. goodsList,
  1040. pageSize,
  1041. currentPage,
  1042. totalPages,
  1043. goods_art_no_tpl,
  1044. goods_art_no,
  1045. runAction,
  1046. lastPhoto,
  1047. showlastPhoto,
  1048. goodsArtNo,
  1049. searchGoodsArtNo,
  1050. menu,
  1051. configInfoStore,
  1052. getTime,
  1053. getFilePath,
  1054. getPhotoRecords,
  1055. delAll,
  1056. delGoods,
  1057. del,
  1058. importDirs,
  1059. deleteAllGoods,
  1060. reTakePicture,
  1061. reTakePictureNos,
  1062. deletePhotoRecord,
  1063. oneClickStop,
  1064. onRemoteControl,
  1065. openPhotographyDetail,
  1066. onGenerateCLick,
  1067. initEventListeners,
  1068. cleanupEventListeners,
  1069. resetStatus,
  1070. // 演示模式
  1071. isDemoMode,
  1072. demoGoodsArtNo,
  1073. demoProgramType,
  1074. demoConfigList,
  1075. demoSelectedConfigId,
  1076. demoDialogVisible,
  1077. openDemoMode,
  1078. startDemoMode,
  1079. stopDemoMode,
  1080. onDemoProgramTypeChange,
  1081. }
  1082. }