usePhotography.ts 42 KB

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