crud.tsx 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816
  1. import { AddReq, CreateCrudOptionsProps,dict, CreateCrudOptionsRet, UserPageQuery,compute } from '@fast-crud/fast-crud';
  2. import * as api from './api';
  3. import { auth } from '/@/utils/authFunction';
  4. import { ja } from 'element-plus/es/locale';
  5. import {getBaseURL} from '/@/utils/baseUrl';
  6. import Cookies from 'js-cookie';
  7. import {request} from '/@/utils/service';
  8. import {Ref} from 'vue'
  9. export const createCrudOptions = function ({ crudExpose, dialogId,
  10. dialogVisible }: CreateCrudOptionsProps & { dialogId: Ref<number | null>; dialogVisible: Ref<boolean> }): CreateCrudOptionsRet {
  11. const pageRequest = async (query: UserPageQuery) => {
  12. return await api.GetList(query);
  13. };
  14. const editRequest = async ({ form, row }: EditReq) => {
  15. form.id = row.id;
  16. return await api.UpdateObj(form);
  17. };
  18. const delRequest = async ({ row }: DelReq) => {
  19. return await api.DelObj(row.id);
  20. };
  21. const addRequest = async ({ form }: AddReq) => {
  22. return await api.AddObj(form);
  23. };
  24. return {
  25. crudOptions: {
  26. request: {
  27. pageRequest,
  28. addRequest,
  29. editRequest,
  30. delRequest,
  31. },
  32. form:{
  33. wrapper: {
  34. buttons: {
  35. ok:{
  36. text:'提交',
  37. show:compute((row) => {
  38. return row.mode !=='view'
  39. })
  40. }
  41. }
  42. }
  43. },
  44. actionbar: {
  45. buttons: {
  46. add: {
  47. show: auth('area:Create'),
  48. },
  49. },
  50. },
  51. toolbar:{
  52. show:false,
  53. },
  54. rowHandle:{
  55. fixed: 'right',
  56. width: 220,
  57. buttons:{
  58. remove:{
  59. show:true,
  60. },
  61. edit:{
  62. show:compute(({ row }) => {
  63. return row.status !== 3;
  64. }),
  65. },
  66. updateStatus: {
  67. text: '修改状态',
  68. show: false,
  69. order: 99,
  70. type: 'primary',
  71. click({ row }) {
  72. dialogId.value = row.id
  73. dialogVisible.value = true
  74. }
  75. }
  76. }
  77. },
  78. pagination: {
  79. show: true,
  80. },
  81. columns: {
  82. _index: {
  83. title: '序号',
  84. form: { show: false },
  85. column: {
  86. type: 'index',
  87. align: 'center',
  88. width: '70px',
  89. columnSetDisabled: true, //禁止在列设置中选择
  90. },
  91. },
  92. search:{
  93. title: '关键字搜索',
  94. search: { show: true,type: 'input', },
  95. type: 'input',
  96. form: {
  97. component: { placeholder: '请输入' },
  98. show:false},
  99. column: {show:false}
  100. },
  101. damage_no: {
  102. title: '编号',
  103. search: {
  104. show: false,
  105. },
  106. treeNode: true,
  107. type: 'input',
  108. column: {
  109. show:false,
  110. minWidth: 120,
  111. },
  112. form: {
  113. show:false,
  114. // rules: [
  115. // // 表单校验规则
  116. // // { required: true, message: '名称必填项' },
  117. // ],
  118. component: {
  119. placeholder: '请输入编号',
  120. onChange: async (context: any) => {
  121. // 当选择设备时,自动回填设备编号和设备名称
  122. console.log("onChange context:", context);
  123. }
  124. },
  125. },
  126. viewForm:{
  127. component: { placeholder: '' },
  128. rules: [{ required: true, message: '' }],
  129. }
  130. },
  131. device_code:{
  132. title: '设备编号',
  133. type: 'input',
  134. column: {
  135. show:true,
  136. minWidth: 120,
  137. },
  138. form: {
  139. show:true,
  140. component: { placeholder: '请填写设备编号',
  141. onBlur: async (event: any) => {
  142. // 当输入框失去焦点时,根据编号搜索设备信息
  143. const deviceCode = event.target.value?.trim();
  144. console.log("onBlur deviceCode:", deviceCode);
  145. if (!deviceCode) return;
  146. try {
  147. // 调用API搜索设备信息
  148. const response = await request({
  149. url: `/api/system/device/?code=${encodeURIComponent(deviceCode)}`,
  150. method: 'get'
  151. });
  152. console.log("设备搜索响应:", response);
  153. if (response.code === 2000 && response.data && response.data.length > 0) {
  154. const deviceData = response.data[0]; // 取第一个匹配的设备
  155. console.log("找到设备:", deviceData);
  156. // 使用 crudExpose 来设置表单数据
  157. const formData = crudExpose.getFormData();
  158. formData.device = deviceData.id; // 设置设备ID
  159. formData.device_code = deviceData.code; // 设置设备编号
  160. formData.device_name = deviceData.name; // 设置设备名称
  161. crudExpose.setFormData(formData);
  162. } else {
  163. console.log("未找到匹配的设备");
  164. // 可以在这里显示提示信息
  165. }
  166. } catch (error) {
  167. console.error("搜索设备信息失败:", error);
  168. }
  169. }
  170. },
  171. rules: [{ required: true, message: '请填写设备编号' }],
  172. },
  173. editForm:{
  174. component: { disabled: true },
  175. },
  176. viewForm:{
  177. component: { placeholder: '' },
  178. rules: [{ required: true, message: '' }],
  179. }
  180. },
  181. device:{
  182. title: '设备名称',
  183. type: 'dict-select',
  184. column: {
  185. show:false,
  186. minWidth: 120,
  187. },
  188. dict: dict({
  189. url: '/api/system/device/?page=1&limit=100&has_inventory=1',
  190. value: 'id',
  191. label: 'name',
  192. }),
  193. form: {
  194. component: { placeholder: '请选择设备名称',
  195. filterable: true,
  196. onChange: async (context: any) => {
  197. // 当选择设备时,自动回填设备编号和设备名称
  198. console.log("onChange context:", context);
  199. // 获取选中的设备ID
  200. const selectedDeviceId = context;
  201. if (!selectedDeviceId) return;
  202. try {
  203. // 通过API获取设备详情
  204. const response = await request({
  205. url: `/api/system/device/${selectedDeviceId}/`,
  206. method: 'get'
  207. });
  208. console.log("response::::",response)
  209. if (response.code==2000) {
  210. const deviceData = response.data;
  211. console.log("设备数据:", deviceData);
  212. // 使用 crudExpose 来设置表单数据
  213. const formData = crudExpose.getFormData();
  214. formData.device_code = deviceData.code;
  215. formData.device_name = deviceData.name;
  216. crudExpose.setFormData(formData);
  217. }
  218. } catch (error) {
  219. console.error("获取设备信息失败:", error);
  220. }
  221. },
  222. },
  223. rules: [{ required: true, message: '请填写设备名称' }],
  224. },
  225. editForm:{
  226. component: { disabled: true },
  227. },
  228. viewForm:{
  229. component: { placeholder: '' },
  230. rules: [{ required: true, message: '' }],
  231. }
  232. },
  233. device_name:{
  234. title: '设备名称',
  235. type: 'input',
  236. column: {
  237. show:true,
  238. minWidth: 120,
  239. },
  240. form: {
  241. show:false,
  242. component: { placeholder: '请填写设备名称' },
  243. rules: [{ required: true, message: '请填写设备名称' }],
  244. },
  245. viewForm:{
  246. component: { placeholder: '' },
  247. rules: [{ required: true, message: '' }],
  248. }
  249. },
  250. quantity:{
  251. title: '维修数量',
  252. type: 'number',
  253. column: {
  254. minWidth: 120,
  255. },
  256. form: {
  257. component: {
  258. placeholder: '请填写维修数量',
  259. min: 0,
  260. precision: 0
  261. },
  262. rules: [
  263. { required: true, message: '请填写维修数量' },
  264. {
  265. type: 'number',
  266. min: 0,
  267. message: '维修数量不能为负数',
  268. trigger: 'blur'
  269. },
  270. {
  271. validator: (rule: any, value: any, callback: any) => {
  272. if (value !== null && value !== undefined && value !== '') {
  273. if (!Number.isInteger(Number(value)) || Number(value) < 0) {
  274. callback(new Error('维修数量必须为正整数'));
  275. } else {
  276. callback();
  277. }
  278. } else {
  279. callback();
  280. }
  281. },
  282. trigger: 'blur'
  283. }
  284. ],
  285. },
  286. editForm:{
  287. component: { disabled: true },
  288. },
  289. valueResolve({ form, value }) {
  290. form.quantity = Number(value);
  291. },
  292. viewForm:{
  293. component: { placeholder: '' },
  294. rules: [{ required: true, message: '' }],
  295. }
  296. },
  297. damage_type:{
  298. title: '维修类型',
  299. type: 'dict-select',
  300. dict: dict({
  301. data: [
  302. // { label: '报废', value: 0 },
  303. { label: '维修', value: 1 },
  304. ],
  305. }),
  306. column: {
  307. show:false,
  308. minWidth: 120,
  309. },
  310. form: {
  311. value:1,
  312. show:false,
  313. component: { placeholder: '请填写排序'},
  314. rules: [{ required: false, message: '请填写排序' }],
  315. },
  316. editForm:{
  317. component: { disabled: true },
  318. },
  319. viewForm:{
  320. component: { placeholder: '' },
  321. rules: [{ required: false, message: '' }],
  322. }
  323. },
  324. estimated_loss:{
  325. title: '维修费用(元)',
  326. type: 'number',
  327. column: {
  328. minWidth: 120,
  329. show:compute(({ form }) => {
  330. // 只有当选择了胜任力标签时才显示配置
  331. return form && form.damage_type === 1;
  332. })
  333. },
  334. form: {
  335. show:false,
  336. component: {
  337. placeholder: '请填写维修费用',
  338. min: 0,
  339. precision: 2
  340. },
  341. rules: [
  342. { required: false, message: '请填写维修费用' },
  343. {
  344. type: 'number',
  345. min: 0,
  346. message: '维修费用不能为负数',
  347. trigger: 'blur'
  348. },
  349. {
  350. validator: (rule: any, value: any, callback: any) => {
  351. if (value !== null && value !== undefined && value !== '') {
  352. const numValue = Number(value);
  353. if (isNaN(numValue) || numValue < 0) {
  354. callback(new Error('维修费用必须为有效的正数'));
  355. } else if (numValue > 999999.99) {
  356. callback(new Error('维修费用不能超过999999.99元'));
  357. } else {
  358. callback();
  359. }
  360. } else {
  361. callback();
  362. }
  363. },
  364. trigger: 'blur'
  365. }
  366. ],
  367. show:compute(({ form }) => {
  368. // 只有当选择了胜任力标签时才显示配置
  369. return form && form.damage_type === 1;
  370. })
  371. },
  372. editForm:{
  373. show:compute(({ form }) => {
  374. // 只有当选择了胜任力标签时才显示配置
  375. return form && form.status == 3;
  376. }),
  377. component: {
  378. placeholder: '请填写维修费用',
  379. min: 0,
  380. precision: 2
  381. },
  382. rules: [
  383. { required: false/* compute(({ form }) => {
  384. return form && form.status === 3;
  385. }) */, message: '请填写维修费用' },
  386. {
  387. type: 'number',
  388. min: 0,
  389. message: '维修费用不能为负数',
  390. trigger: 'blur'
  391. },
  392. {
  393. validator: (rule: any, value: any, callback: any) => {
  394. if (value !== null && value !== undefined && value !== '') {
  395. const numValue = Number(value);
  396. if (isNaN(numValue) || numValue < 0) {
  397. callback(new Error('维修费用必须为有效的正数'));
  398. } else if (numValue > 999999.99) {
  399. callback(new Error('维修费用不能超过999999.99元'));
  400. } else {
  401. callback();
  402. }
  403. } else {
  404. callback();
  405. }
  406. },
  407. trigger: 'blur'
  408. }
  409. ],
  410. },
  411. addForm:{
  412. show:false,
  413. },
  414. viewForm:{
  415. component: { placeholder: '' },
  416. rules: [{ required: true, message: '' }],
  417. show:compute(({ form }) => {
  418. // 只有当选择了胜任力标签时才显示配置
  419. return form && form.damage_type === 1;
  420. })
  421. },
  422. valueResolve({ form, value }) {
  423. form.estimated_loss = Number(value);
  424. }
  425. },
  426. responsible_person:{
  427. title: '维修人',
  428. type: 'input',
  429. column: {
  430. minWidth: 120,
  431. },
  432. form: {
  433. show:false,
  434. component: { placeholder: '请填写维修人姓名' },
  435. rules: [
  436. { required: false, message: '请填写维修人' },
  437. { min: 2, max: 20, message: '维修人姓名长度应在2-20个字符之间', trigger: 'blur' },
  438. {
  439. validator: (rule: any, value: any, callback: any) => {
  440. if (value && value.trim()) {
  441. const nameRegex = /^[\u4e00-\u9fa5a-zA-Z\s]+$/;
  442. if (!nameRegex.test(value.trim())) {
  443. callback(new Error('维修人姓名只能包含中文、英文字母和空格'));
  444. } else {
  445. callback();
  446. }
  447. } else {
  448. callback();
  449. }
  450. },
  451. trigger: 'blur'
  452. }
  453. ],
  454. },
  455. editForm:{
  456. show:compute(({ form }) => {
  457. // 只有当选择了胜任力标签时才显示配置
  458. return form && form.status == 3;
  459. }),
  460. component: { placeholder: '请填写维修人姓名' },
  461. rules: [
  462. { required:true /* compute(({ form }) => {
  463. return form && form.status === 2;
  464. }) */, message: '请填写维修人' },
  465. { min: 2, max: 20, message: '维修人姓名长度应在2-20个字符之间', trigger: 'blur' },
  466. {
  467. validator: (rule: any, value: any, callback: any) => {
  468. if (value && value.trim()) {
  469. const nameRegex = /^[\u4e00-\u9fa5a-zA-Z\s]+$/;
  470. if (!nameRegex.test(value.trim())) {
  471. callback(new Error('维修人姓名只能包含中文、英文字母和空格'));
  472. } else {
  473. callback();
  474. }
  475. } else {
  476. callback();
  477. }
  478. },
  479. trigger: 'blur'
  480. }
  481. ],
  482. },
  483. viewForm:{
  484. show:true,
  485. component: { placeholder: '' },
  486. rules: [{ required: true, message: '' }],
  487. }
  488. },
  489. responsible_phone:{
  490. title: '维修人电话',
  491. type: 'input',
  492. column: {
  493. show:true,
  494. minWidth: 120,
  495. },
  496. form: {
  497. show:false,
  498. component: { placeholder: '请填写维修人电话' },
  499. rules: [
  500. { required: false, message: '请填写维修人电话' },
  501. {
  502. validator: (rule: any, value: any, callback: any) => {
  503. if (value && value.trim()) {
  504. const phoneRegex = /^1[3-9]\d{9}$|^0\d{2,3}-?\d{7,8}$|^400-?\d{3}-?\d{4}$/;
  505. if (!phoneRegex.test(value.trim())) {
  506. callback(new Error('请输入正确的手机号码或固定电话号码'));
  507. } else {
  508. callback();
  509. }
  510. } else {
  511. callback();
  512. }
  513. },
  514. trigger: 'blur'
  515. }
  516. ],
  517. },
  518. editForm:{
  519. show:compute(({ form }) => {
  520. // 只有当选择了胜任力标签时才显示配置
  521. return form && form.status == 3;
  522. }),
  523. component: { placeholder: '请填写维修人电话' },
  524. rules: [
  525. { required: compute(({ form }) => {
  526. return form && form.status === 2;
  527. }), message: '请填写维修人电话' },
  528. {
  529. validator: (rule: any, value: any, callback: any) => {
  530. if (value && value.trim()) {
  531. const phoneRegex = /^1[3-9]\d{9}$|^0\d{2,3}-?\d{7,8}$|^400-?\d{3}-?\d{4}$/;
  532. if (!phoneRegex.test(value.trim())) {
  533. callback(new Error('请输入正确的手机号码或固定电话号码'));
  534. } else {
  535. callback();
  536. }
  537. } else {
  538. callback();
  539. }
  540. },
  541. trigger: 'blur'
  542. }
  543. ],
  544. },
  545. viewForm:{
  546. show:true,
  547. component: { placeholder: '' },
  548. rules: [{ required: false, message: '' }],
  549. }
  550. },
  551. reporter_name:{
  552. title: '负责人',
  553. type: 'input',
  554. column: {
  555. minWidth: 120,
  556. },
  557. form: {
  558. show:true,
  559. component: { placeholder: '请填写负责人' },
  560. rules: [{ required: false, message: '请填写负责人' }],
  561. },
  562. viewForm:{
  563. component: { placeholder: '' },
  564. rules: [{ required: false, message: '' }],
  565. }
  566. },
  567. status:{
  568. search:{
  569. show:true
  570. },
  571. title: '维修状态',
  572. type: 'dict-select',
  573. column: {
  574. show:true,
  575. minWidth: 120,
  576. },
  577. dict: dict({
  578. data: [
  579. { label: '待维修', value: 1 ,color: "warning"},
  580. { label: '维修中', value: 2 ,color: "primary"},
  581. { label: '维修完成', value: 3,color: "success" },
  582. ],
  583. }),
  584. form: {
  585. show:false,
  586. component: { placeholder: '请选择维修状态' },
  587. rules: [{ required: false, message: '请选择维修状态' }],
  588. },
  589. editForm:{
  590. show:true,
  591. component: { placeholder: '请选择维修状态' },
  592. rules: [{ required: true, message: '请选择维修状态' }],
  593. },
  594. viewForm:{
  595. show:true,
  596. component: { placeholder: '' },
  597. rules: [{ required: true, message: '' }],
  598. }
  599. },
  600. /* status_display:{
  601. title: '维修状态',
  602. type: 'input',
  603. column: {
  604. minWidth: 120,
  605. },
  606. form: {
  607. show:false,
  608. component: { placeholder: '请填写负责人' },
  609. rules: [{ required: false, message: '请填写负责人' }],
  610. },
  611. viewForm:{
  612. component: { placeholder: '' },
  613. rules: [{ required: true, message: '' }],
  614. }
  615. }, */
  616. remark:{
  617. title: '备注',
  618. type: 'input',
  619. column: {
  620. minWidth: 120,
  621. },
  622. form: {
  623. show:true,
  624. component: { placeholder: '请填写备注' },
  625. rules: [{ required: false, message: '请填写备注' }],
  626. },
  627. viewForm:{
  628. component: { placeholder: '' },
  629. rules: [{ required: false, message: '' }],
  630. }
  631. },
  632. damage_reason:{
  633. title: '维修原因',
  634. type: 'textarea',
  635. column: {
  636. minWidth: 120,
  637. },
  638. form: {
  639. component: { placeholder: '请填写维修原因' },
  640. rules: [{ required: false, message: '请填写维修原因' }],
  641. },
  642. viewForm:{
  643. component: { placeholder: '' },
  644. rules: [{ required: false, message: '' }],
  645. }
  646. },
  647. repair_result:{
  648. title: '维修结果',
  649. type: 'textarea',
  650. column: {
  651. minWidth: 120,
  652. },
  653. form: {
  654. show:false,
  655. component: { placeholder: '请填写维修结果' },
  656. rules: [{ required: false, message: '请填写维修结果' }],
  657. },
  658. editForm:{
  659. show:compute(({ form }) => {
  660. // 只有当选择了胜任力标签时才显示配置
  661. return form && form.status == 3;
  662. }),
  663. component: { placeholder: '请填写维修结果' },
  664. rules: [{ required: true, message: '请填写维修结果' }],
  665. },
  666. viewForm:{
  667. show:true,
  668. component: { placeholder: '' },
  669. rules: [{ required: true, message: '' }],
  670. }
  671. },
  672. damage_images:{
  673. title: '附件',
  674. type: 'image-uploader',
  675. column: {
  676. minWidth: 120,
  677. },
  678. form: {
  679. show: auth('image:upload'),
  680. component: {
  681. uploader: {
  682. type: 'form',
  683. limit: 1,
  684. action: '/api/system/device/upload-image/',
  685. accept: ".jpg,.png",
  686. uploadRequest: async ({ action, file, onProgress }) => {
  687. const token = Cookies.get('token');
  688. const data = new FormData();
  689. data.append("image", file);
  690. return await request({
  691. url: action,
  692. method: "post",
  693. timeout: 60000,
  694. headers: {
  695. "Content-Type": "multipart/form-data",
  696. "Authorization": token ? `JWT ${token}` : ''
  697. },
  698. data,
  699. onUploadProgress: (p) => {
  700. onProgress({ percent: Math.round((p.loaded / p.total) * 100) });
  701. }
  702. });
  703. },
  704. successHandle(ret) {
  705. // eslint-disable-next-line no-console
  706. // console.log("ret.data.image_url:::",ret.data.image_url);
  707. return {
  708. url: getBaseURL(ret.data.image_url),
  709. key: ret.data.id,
  710. ...ret.data
  711. };
  712. },
  713. }
  714. },
  715. },
  716. valueBuilder({ row, key }) {
  717. return row[key] ? [row[key]] : [];
  718. },
  719. valueResolve({ form, key }) {
  720. // eslint-disable-next-line no-console
  721. console.log("form[key]:::",form[key]);
  722. form[key] = Array.isArray(form[key]) ? form[key][0] : form[key];
  723. },
  724. viewForm:{
  725. component: { placeholder: '' },
  726. rules: [{ required: false, message: '' }],
  727. }
  728. },
  729. repair_start_time:{
  730. title: '维修开始时间',
  731. type: 'input',
  732. column: {
  733. minWidth: 120,
  734. },
  735. form: {
  736. show:false,
  737. component: { placeholder: '创建时间' },
  738. rules: [{ required: false, message: '创建时间' }],
  739. },
  740. viewForm:{
  741. component: { placeholder: '' },
  742. rules: [{ required: false, message: '' }],
  743. }
  744. },
  745. repair_end_time:{
  746. title: '维修完成时间',
  747. type: 'input',
  748. column: {
  749. minWidth: 120,
  750. },
  751. form: {
  752. show:false,
  753. component: {
  754. placeholder: '创建时间',
  755. valueFormat: "YYYY-MM-DD HH:mm:ss",
  756. },
  757. rules: [{ required: false, message: '创建时间' }],
  758. },
  759. viewForm:{
  760. component: { placeholder: '' },
  761. rules: [{ required: false, message: '' }],
  762. }
  763. },
  764. report_time:{
  765. title: '创建时间',
  766. type: 'input',
  767. column: {
  768. minWidth: 120,
  769. },
  770. form: {
  771. show:false,
  772. component: { placeholder: '创建时间' },
  773. rules: [{ required: false, message: '创建时间' }],
  774. },
  775. viewForm:{
  776. component: { placeholder: '' },
  777. rules: [{ required: false, message: '' }],
  778. }
  779. },
  780. },
  781. },
  782. };
  783. };