From 7bcfc0507043dc878c801a259aa7d058f4982551 Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 09 一月 2025 00:42:21 +0800 Subject: [PATCH] 工单管理优化 --- src/views/tigerprojects/system/lowcode/normal/mainTable.vue | 443 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 406 insertions(+), 37 deletions(-) diff --git a/src/views/tigerprojects/system/lowcode/normal/mainTable.vue b/src/views/tigerprojects/system/lowcode/normal/mainTable.vue index ea56742..290bd88 100644 --- a/src/views/tigerprojects/system/lowcode/normal/mainTable.vue +++ b/src/views/tigerprojects/system/lowcode/normal/mainTable.vue @@ -1,7 +1,18 @@ <template> <div> + <Loading + :loading="compState.loading" + :absolute="compState.absolute" + :theme="compState.theme" + :background="compState.background" + :tip="compState.tip" + /> + <div v-show="false"> + <printTemplate /> + </div> <BasicTable @register="registerTable"> <template #toolbar> + <!-- 鏍规嵁鑿滃崟璁剧疆鐨勬寜閽紝鑷姩鐢熸垚 --> <a-button type="primary" v-for="item in buttons.filter((m) => m['BUTTON_TYPE'] == 0)" @@ -25,7 +36,7 @@ preIcon="search|svg" /> <GeneralModal - @register="registerItemAdd" + @register="useModalInTableForm[item]" @success="(d, u) => handleItemSuccess(d, u, item)" /> </template> @@ -37,7 +48,7 @@ @cancel="custCancel" :type="cType" :entityName="entityName" - @modalInner="getdtlSlots" + @modal-inner="getdtlSlots" > <!-- 鐢ㄦ彃妲借嚜瀹氫箟澶氳〃鍗� --> <template #[item.name] v-for="item in dtlSlots" :key="item.name"> @@ -65,38 +76,57 @@ </CustModal> </Suspense> <normalDrawer @register="registerDrawer" @success="handleSuccess" /> + <ImportExcelModal @register="registerImport" :title="ImportTitle" /> </div> </template> <script lang="ts" setup> - import { Ref, inject, nextTick, onMounted, ref, unref, watch } from 'vue'; - import { BasicTable, useTable, TableAction, BasicColumn, FormSchema } from '/@/components/Table'; + import { Ref, inject, nextTick, onMounted, reactive, ref, unref, watch } from 'vue'; + import { + BasicTable, + useTable, + TableAction, + BasicColumn, + FormSchema, + ActionItem, + } from '/@/components/Table'; import { BasicForm, useForm } from '/@/components/Form/index'; import { useDrawer } from '/@/components/Drawer'; import GeneralModal from '/@/views/components/GeneralModal.vue'; import normalDrawer from '../normalDrawer.vue'; import CustModal from '/@/views/components/CustModal.vue'; import RouteViewModal from '/@/views/components/RouteViewModal.vue'; + import ImportExcelModal from '/@/views/components/ImportExcelModal.vue'; import { FlowChartView } from '/@/components/FlowChart'; import { isNullOrEmpty, isNullOrUnDef } from '/@/utils/is'; import { useModal } from '/@/components/Modal'; import { useGo } from '/@/hooks/web/usePage'; - import { DeleteEntity, getEntity, getListByPage } from '/@/api/tigerapi/system'; + import { getListByPage } from '/@/api/tigerapi/system'; import { useI18n } from '/@/hooks/web/useI18n'; import { EntityCustFunctionType } from '/@/api/tigerapi/model/basModel'; import { getRoleButtons } from '/@/api/sys/menu'; import { useUserStore } from '/@/store/modules/user'; import { useRouter } from 'vue-router'; - import { GenerateActionButton, initRoute, OpenCustModal } from '../data'; + import { afterFetchFn, GenerateActionButton, initRoute, SearchInfoFn } from '../data'; import LogicFlow from '@logicflow/core'; import { isFunction } from 'xe-utils'; + import { CustModalParams } from '/@/api/tigerapi/model/systemModel'; + import { useQueryStore } from '/@/store/modules/queryInpage'; + import printJS, { Configuration } from 'print-js'; + import printTemplate from '/@/views/components/printTemplate.vue'; + import { Loading, useLoading } from '@/components/Loading'; + import { useWoFlowcardStore } from '/@/store/modules/woflowcardprint'; + import { storeToRefs } from 'pinia'; const { t } = useI18n(); const { currentRoute } = useRouter(); + const route = unref(currentRoute); + const useQuery = useQueryStore(); const props = defineProps({ useTableData: { type: Object as PropType<{}>, default: { table: [] } }, crudColSlots: { type: Object as PropType<any> }, }); const objParams = inject('objParams') as Ref<any>; + const savedParams = inject('savedParams') as Ref<any>; const colSlots = ref(objParams.value['colSlots']); const _columns = inject('_columns') as Ref<any[]>; const _searchFormSchema = inject('_searchFormSchema') as Ref<any[]>; @@ -108,9 +138,12 @@ const entityName = ref(objParams.value['ID']); const go = useGo(); const [registerDrawer, { openDrawer }] = useDrawer(); - const [registerItemAdd, { openModal: openItemModal }] = useModal(); const [registerRv, { openModal: openRvModal, closeModal: RvcloseModal }] = useModal(); const [registerCust, { openModal: openCustModal }] = useModal(); + const [registerCrud, { openModal: openCrudModal }] = useModal(); + const [registerImport, { openModal: openImportModal }] = useModal(); + const useWoFlowCard = useWoFlowcardStore(); + const { curPrintInfo } = storeToRefs(useWoFlowCard); const cType = ref(''); const formSchemas = ref({}); //寮瑰嚭妗嗗琛ㄥ崟缁撴瀯 const routeData = ref({ @@ -118,6 +151,142 @@ edges: [], }); const selectVals = ref({}); + const printData = ref<any[]>([]); + const wokerorder = ref(''); + const compState = reactive<{ + absolute?: boolean; + loading?: boolean; + theme?: 'dark' | 'light'; + background?: string; + tip?: string; + }>({ + absolute: false, + loading: false, + theme: 'dark', + background: 'rgba(111,111,111,.7)', + tip: '鍔犺浇涓�...', + }); + const [openFullLoading, closeFullLoading] = useLoading({ + tip: '姝e湪鍔犺浇鎵撳嵃鏁版嵁...', + }); + + printData.value = [ + { + id: '111', + Items: [ + { + ID: 111, + SALES_ORDER: 'YDSO240400482', + ORDER_NO: 'YDRKD241000012', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + { + ID: 112, + SALES_ORDER: 'YDSO240400483', + ORDER_NO: 'YDRKD241000013', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + { + ID: 113, + SALES_ORDER: 'YDSO240400484', + ORDER_NO: 'YDRKD241000014', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + { + ID: 114, + ORDER_NO: 'YDRKD241000015', + SALES_ORDER: 'YDSO240400485', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + { + ID: 115, + ORDER_NO: 'YDRKD241000016', + SALES_ORDER: 'YDSO240400486', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + { + ID: 116, + ORDER_NO: 'YDRKD241000017', + SALES_ORDER: 'YDSO240400487', + WORK_ORDER: 'YDMOB241104737', + ITEM_CODE: '20100705.0102.00', + ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + PLAN_QTY: 100, + SCAN_QTY: 50, + STATUS: 'Y', + }, + // { + // ID: 116, + // ORDER_NO: 'YDRKD241000018', + // SALES_ORDER: 'YDSO240400488', + // WORK_ORDER: 'YDMOB241104737', + // ITEM_CODE: '20100705.0102.00', + // ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + // PLAN_QTY: 100, + // SCAN_QTY: 50, + // STATUS: 'Y', + // }, + // { + // ID: 116, + // ORDER_NO: 'YDRKD241000019', + // SALES_ORDER: 'YDSO240400489', + // WORK_ORDER: 'YDMOB241104737', + // ITEM_CODE: '20100705.0102.00', + // ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + // PLAN_QTY: 100, + // SCAN_QTY: 50, + // STATUS: 'Y', + // }, + // { + // ID: 116, + // ORDER_NO: 'YDRKD241000020', + // SALES_ORDER: 'YDSO240400490', + // WORK_ORDER: 'YDMOB241104737', + // ITEM_CODE: '20100705.0102.00', + // ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + // PLAN_QTY: 100, + // SCAN_QTY: 50, + // STATUS: 'Y', + // }, + // { + // ID: 116, + // ORDER_NO: 'YDRKD241000021', + // SALES_ORDER: 'YDSO240400491', + // WORK_ORDER: 'YDMOB241104737', + // ITEM_CODE: '20100705.0102.00', + // ITEM_NAME: 'YM-DEMS-BD11Q48 AC0-300V AC20mA 鐢佃兘1绾� ', + // PLAN_QTY: 100, + // SCAN_QTY: 50, + // STATUS: 'Y', + // }, + ], + }, + ]; const custImport = ref<any[]>([]); const EntityCustFunction = ref([ { @@ -126,12 +295,15 @@ OpenSelectItem(openItemModal: Fn, ...args) {}, GetSelectSuccess(d, u, ...args) {}, GetUseForm(...args) {}, + CustFunc(param: CustModalParams) {}, } as EntityCustFunctionType, ]); /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */ try { custImport.value = await import(`../entityts/${objParams.value['ID']}.ts`); - } catch (e) {} + } catch (e) { + console.log(e); + } const [ { ActionItem: nActionItem, @@ -141,6 +313,8 @@ GetCustData, OpenSelectItem: OpenSelectCust, GetSelectSuccess, + CustFunc, + GetTitle, }, ActionColumn, ] = isNullOrUnDef(custImport.value['default']) @@ -151,11 +325,17 @@ ? {} : KeyFieldValues(objParams.value['CODE'], objParams.value['ID']); const dtlSlots = ref<any[]>([]); + const ImportTitle = GetTitle && isFunction(GetTitle) ? ref(GetTitle().importTitle) : ref(''); const useformdata = GetUseForm && isFunction(GetUseForm) ? GetUseForm() : {}; const useFormData = ref<any>(useformdata); - /* 琛ㄥ崟涓彃妲芥覆鏌撴寜閽墦寮�妯℃�佹useModal鏂规硶 */ + /* 鑷畾涔夋ā鎬佺獥鍙d腑琛ㄥ崟涓彃妲芥覆鏌撴寜閽墦寮�妯℃�佹useModal鏂规硶 */ const modals = GetUseModals && isFunction(GetUseModals) ? GetUseModals() : { useModalData: {} }; const useModalData = ref(modals['useModalData']); + /* 琛ㄦ牸鍐呯殑鎻掓Ы娓叉煋鐨勫脊鍑洪�夋嫨妗嗗垪琛� */ + const useModalInTableForm = ref<any>({}); + colSlots.value.map((x) => { + useModalInTableForm.value[x] = useModal(); + }); /* 鑾峰彇鑷畾涔夋暟鎹� */ const custData = GetCustData && isFunction(GetCustData) ? GetCustData() : { isCustEl: {} }; const isCustEl = ref(custData['isCustEl']); @@ -173,25 +353,39 @@ CurOrg: useUserStore().getUserInfo.orgCode, } : '', + NeedInclude: true, }, + beforeFetch: (t) => SearchInfoFn(t, route.name, AuthOption.value['BY_ORG'] == 'Y'), + afterFetch: afterFetch, columns: _columns as unknown as BasicColumn[], formConfig: { labelWidth: 140, schemas: _searchFormSchema as unknown as FormSchema[], + submitFunc: () => Search(), //鑷畾涔夋煡璇㈡彁浜ゆ寜閽殑鏂规硶锛岃Е鍙戞煡璇㈡彁浜や簨浠� + resetFunc: () => useQuery.resetFunc(route.name, getForm(), AuthOption.value['BY_ORG'] == 'Y'), }, useSearchForm: true, showTableSetting: true, bordered: true, canResize: true, showIndexColumn: false, - actionColumn: ActionColumn, //鑷畾涔夋搷浣滃垪 + actionColumn: ActionColumn + ? ActionColumn + : { + width: 120, + title: '鎿嶄綔', + dataIndex: 'action', + slots: { customRender: 'action' }, + fixed: 'right', + }, //鑷畾涔夋搷浣滃垪 }); watch( () => AuthOption.value, (newVal, oldVal) => { nextTick(() => { - if (!isNullOrEmpty(newVal.BY_ORG)) { + if (!isNullOrEmpty(newVal.BY_ORG) && !isNullOrUnDef(savedParams.value['params'])) { + getForm().setFieldsValue(savedParams.value['params']); setProps({ searchInfo: { TABLE_NAME: objParams.value['ID'], @@ -213,7 +407,39 @@ { deep: true, immediate: true }, ); - onMounted(() => {}); + onMounted(async () => { + if (!isNullOrUnDef(savedParams) && !isNullOrUnDef(savedParams.value['params'])) { + getForm().setFieldsValue(savedParams.value['params']); + reload(); + } + // if ( + // !isNullOrUnDef(useQuery.getCurSearchInfo['searchInfo']) && + // useQuery.getCurSearchInfo['name'] == route.name + // ) { + // getForm().resetFields(); + // const searchInfo = useQuery.getCurSearchInfo['searchInfo']; + // await getForm().setFieldsValue(searchInfo); + // } + }); + + /** + * @description: 鏌ヨ鎻愪氦 + * @return {*} + */ + async function Search() { + useQuery.submitFunc(route.name, getForm(), AuthOption.value['BY_ORG'] == 'Y').then(() => { + reload(); + }); + } + + /** + * @description: 璇锋眰涔嬪悗瀵硅繑鍥炲�艰繘琛屽鐞� + * @param {*} t + * @return {*} + */ + function afterFetch(t) { + afterFetchFn(t, route.name, getForm()); + } const currlf = ref(null) as Ref<LogicFlow | null>; /** @@ -222,7 +448,7 @@ * @return {*} */ async function init(lf, rotId) { - initRoute(lf, rotId, routeData, currlf); + initRoute(lf, rotId, routeData, currlf, null); } /** @@ -246,12 +472,26 @@ currlf, selectVals, colSlots, + ifSave: true, + sName: objParams.value['sName'], }; - const actionItem = GenerateActionButton(params, buttons, openDrawer, reload); + /* 鏍规嵁鑿滃崟璁剧疆鐨勬寜閽嚜鍔ㄧ敓鎴愭搷浣滃垪涓殑鎸夐挳 */ + const _actionItem: ActionItem[] = []; + const actionItem = GenerateActionButton(params, buttons, openDrawer, reload, _actionItem); + let _btn = buttons.value.filter((q) => q['BUTTON_TYPE'] == 1 && q['DO_METHOD'] == 'ToPrint'); + if (_btn.length > 0) { + _actionItem.push({ + icon: isNullOrEmpty(_btn[0]['ICON_URL']) ? '' : _btn[0]['ICON_URL'], + tooltip: '鎵撳嵃', + onClick: ToPrint.bind(null, params), + name: _btn[0]['DO_METHOD'], + }); + } if (isNullOrUnDef(custImport.value['default'])) { return actionItem; } + /* 鏍规嵁鍔ㄦ�佸姞杞界殑瀹炰綋绫诲悕.ts涓殑ActionItem鏂规硶锛屾覆鏌撴搷浣滃垪涓殑鎸夐挳鏂规硶 */ return nActionItem( params, actionItem, @@ -263,6 +503,7 @@ go, setProps, openCustModal, + openCrudModal, ); } @@ -280,23 +521,26 @@ } /** - * @description: 鑾峰彇鏂板鎸夐挳鐨勮涓� + * @description: 鑾峰彇宸ュ叿鏍忎腑鎸夐挳鐨勮涓� * @return {*} */ function handleCreate(fnName: string) { if (isNullOrUnDef(custImport.value['default'])) { + /* 濡傛灉鍔ㄦ�佸姞杞界殑瀹炰綋绫�.ts涓嶅瓨鍦紝鍒欑洿鎺ユ墦寮�渚ц竟妗� */ openDrawer(true, { - isUpdate: false, - entityName: entityName.value, - formJson: _crudFormSchema.value, - crudColSlots: objParams.value['crudColSlots'], - isExistSql: isExistSql.value, + isUpdate: false, //鏄柊澧炶繕鏄紪杈戯紝false-鏂板|true-缂栬緫 + entityName: entityName.value, //瀹炰綋绫诲悕 + formJson: _crudFormSchema.value, //鏂板缂栬緫鐨勮〃鍗曠粨鏋� + crudColSlots: objParams.value['crudColSlots'], //鏂板缂栬緫鐨勮〃鍗曚腑鐨勬彃妲藉垪琛� + isExistSql: isExistSql.value, //鏄惁瀛樺湪妫�鏌ql锛屾瘮濡�: XXX_CODE = '12345' + ifSave: true, //鏄惁鎻愪氦琛ㄥ崟鏃朵繚瀛樺埌鏁版嵁搴擄紝鍚�-鏆傚瓨|鏄�-淇濆瓨 }); } else { + /* 濡傛灉鍔ㄦ�佸姞杞界殑瀹炰綋绫�.ts瀛樺湪锛屾牴鎹�.ts鏂囦欢涓殑鏂规硶鏉ユ墽琛屾搷浣� */ const [{ CreateAction }] = custImport.value['default'](); - const result = CreateAction(fnName); + const result = CreateAction(entityName.value, fnName); switch (result.action) { - case 'go': + case 'go' /* 璺宠浆椤甸潰 */: // 灏嗗璞¤浆鎹负JSON瀛楃涓插苟淇濆瓨鍒皊essionStorage sessionStorage.setItem( `${result.params.Name}_params`, @@ -306,14 +550,21 @@ `/${result.url}/${encodeURI(JSON.stringify({ sName: result.params.Name, Name: result.params.Name }))}`, ); break; - case 'drawer': + case 'drawer' /* 鎵撳紑渚ц竟妗� */: openDrawer(true, { - isUpdate: false, - entityName: entityName.value, - formJson: _crudFormSchema.value, - crudColSlots: objParams.value['crudColSlots'], - isExistSql: isExistSql.value, + isUpdate: false, //鏄柊澧炶繕鏄紪杈戯紝false-鏂板|true-缂栬緫 + entityName: entityName.value, //瀹炰綋绫诲悕 + formJson: _crudFormSchema.value, //鏂板缂栬緫鐨勮〃鍗曠粨鏋� + crudColSlots: objParams.value['crudColSlots'], //鏂板缂栬緫鐨勮〃鍗曚腑鐨勬彃妲藉垪琛� + isExistSql: isExistSql.value, //鏄惁瀛樺湪妫�鏌ql锛屾瘮濡�: XXX_CODE = '12345' + ifSave: true, //鏄惁鎻愪氦琛ㄥ崟鏃朵繚瀛樺埌鏁版嵁搴擄紝鍚�-鏆傚瓨|鏄�-淇濆瓨 }); + break; + case 'importModal' /* 鎵撳紑瀵煎叆Excel妯℃�佺獥鍙� */: + openImportModal(true, result.params); + break; + case 'ToPrint': + ToPrint({}); break; } } @@ -326,6 +577,11 @@ * @return {*} */ function handleSuccess(d, u) { + if (CustFunc && isFunction(CustFunc)) { + CustFunc({ + values: d, + }); + } reload(); } @@ -344,7 +600,7 @@ ) .then((m) => { const [{ GetSelectSuccess: GetSelectSuccess2 }] = m.default(); - getForm().setFieldsValue(GetSelectSuccess2(d, u)); + getForm().setFieldsValue(GetSelectSuccess2(d, u, objParams.value['ID'])); }) .catch(() => { getForm().setFieldsValue({ @@ -367,10 +623,10 @@ ) .then((m) => { const [{ OpenSelectItem }] = m.default(); - OpenSelectItem(openItemModal); + OpenSelectItem(useModalInTableForm.value[item][1].openModal); }) .catch(() => { - openItemModal(true, { + useModalInTableForm.value[item][1].openModal(true, { title: '鐗╂枡鍒楄〃', schemas: [ { @@ -410,7 +666,7 @@ * @description: 寮瑰嚭妗嗙‘瀹氳繑鍥� * @param {*} d * @return {*} - */ + */ function custSuccess(d) { reload(); } @@ -419,8 +675,10 @@ * @description: 寮瑰嚭妗嗗彇娑堣繑鍥� * @param {*} reload * @return {*} - */ - function custCancel() {reload();} + */ + function custCancel() { + reload(); + } /** * @description: 鍚勮〃鍗曞唴寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庢柟娉� @@ -436,11 +694,11 @@ selectVals.value = values; //淇濆瓨寮瑰嚭妗嗛�夋嫨鐨勭粨鏋� let _val = {}; d.returnFieldName.map((x) => { - _val[x] = values[x]; - }); + _val[x] = values[x]; + }); useFormData.value[item][1].setFieldsValue(_val); /* 閽堝宸ュ崟鐨勬柟娉� */ - if (d.returnFieldName.filter((x) => x == 'ROUTE_CODE') && item == 'prodinfo' ) { + if (d.returnFieldName.filter((x) => x == 'ROUTE_CODE') && item == 'prodinfo') { routeData.value = { nodes: [], edges: [], @@ -470,4 +728,115 @@ function RvItemSuccess(d, u) { RvcloseModal(); } + + function ToPrint(params: {}) { + openFullLoading(); + useWoFlowCard.getWoPickList(params['record']['ORDER_NO']).then((res) => { + const _style = ` + #print-area { + position: absolute; + inset: 0; + background-color: #fff; + + .item { + display: flex; + flex-direction: column; + height: 100%; + margin-right: 10px; + margin-left: 10px; + font-family: SimSun, "瀹嬩綋", serif; + page-break-after: always; + + .head { + z-index: 1; + width: 100%; + background-color: azure; + font-size: 20px; + font-weight: bold; + line-height: 100px; + text-align: center; + } + + .main { + display: flex; + flex: 1; + justify-content: center; + margin-top: 10px; + padding: 15px; + + table { + border-collapse: collapse; + width: 100%; + } + + table, + th, + td { + border: solid 1px black; + } + + tr > th { + height: 60px; + } + .instore_td { + border: 1px solid #000; + font-size: 12px; + line-height: 16px; + text-align: center; + word-break: break-all; + } + + .instore_td2 { + height: 60px; + border: 1px solid #000; + font-family: SimSun, "瀹嬩綋", serif; + font-size: 12px; /* 淇敼涓轰綘鎯宠鐨勫瓧浣撳ぇ灏� */ + line-height: 20px; + text-align: center; + word-break: break-all; + } + + .material_table_td { + border: 1px solid #000; + font-size: 12px; + height: 25px; + line-height: 18px; + text-align: center; + word-break: break-all; + } + } + + .footer { + display: flex; + margin-bottom: 15px; + background-color: #eee; + font-size: 12px; + line-height: 21px; + text-align: center; + } + } + .line { + width: 100px; /* 绾挎潯鐨勯暱搴� */ + height: 0; + margin: 10px; /* 绾挎潯涓庡叾浠栧厓绱犵殑璺濈 */ + border-top: 1px solid black; /* 绾挎潯鐨勯鑹插拰瀹藉害 */ + } + }`; + + printJS({ + // 闇�瑕佹墦鍗板尯鍩熻缃殑Id + printable: 'print-area', + // 鎵撳嵃绫诲瀷 + type: 'html', + // 榛樿鍊间负800锛屾垜浠妸鎶婅缃负100% + maxWidth: '100%', + // *浠h〃搴旂敤鎵�鏈夋牱寮忥紝榛樿鍊间负null锛屽鏋滀笉璁剧疆锛屾墦鍗扮獥鍙e垯浼氬拷鐣ユ墍鏈夋牱寮� + targetStyles: ['*'], + // font_size: '9pt', + scanStyles: false, + style: `@page {size: auto; margin: 0mm;} html, ${_style}`, + } as unknown as Configuration); + closeFullLoading(); + }); + } </script> -- Gitblit v1.9.3