mirror of
http://git.xinwangdao.com/cnnc-embedded-parts-detect/detect-embeded.git
synced 2025-06-24 13:34:13 +08:00
fixed
This commit is contained in:
njdaoyehu
parent
fd409ddc08
commit
10d52b2e3c
@ -85,6 +85,7 @@
|
|||||||
"mockjs": "^1.1.0",
|
"mockjs": "^1.1.0",
|
||||||
"nprogress": "^0.2.0",
|
"nprogress": "^0.2.0",
|
||||||
"path-to-regexp": "^6.2.1",
|
"path-to-regexp": "^6.2.1",
|
||||||
|
"pdfjs-dist": "^4.10.38",
|
||||||
"pinia": "2.1.4",
|
"pinia": "2.1.4",
|
||||||
"qrcode": "^1.5.3",
|
"qrcode": "^1.5.3",
|
||||||
"qs": "^6.11.2",
|
"qs": "^6.11.2",
|
||||||
|
|||||||
@ -19,50 +19,50 @@
|
|||||||
margin: 10px 20px 2px 10px;
|
margin: 10px 20px 2px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-form-item-label > label.ant-form-item-no-colon) {
|
//:deep(.ant-form-item-label > label.ant-form-item-no-colon) {
|
||||||
font-family: "Noto Sans SC", serif;
|
// font-family: "Noto Sans SC", serif;
|
||||||
font-size: 14px;
|
// font-size: 14px;
|
||||||
color: white;
|
// color: white;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
|
//:deep(.vben-basic-table-form-container label) {
|
||||||
|
// color: transparent !important;
|
||||||
|
// width: 10px !important;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.vben-basic-table-form-container label) {
|
//:deep(.ant-input-affix-wrapper) {
|
||||||
color: transparent !important;
|
// border-radius: 6px;
|
||||||
width: 10px !important;
|
// background-color: rgba(45,119,243,0.2);
|
||||||
}
|
// border: 1px solid rgba(45,119,243,0.3);
|
||||||
|
//}
|
||||||
:deep(.ant-input-affix-wrapper) {
|
//
|
||||||
border-radius: 6px;
|
//:deep(.ant-input-affix-wrapper >input.ant-input) {
|
||||||
background-color: rgba(45,119,243,0.2);
|
// height: 26px;
|
||||||
border: 1px solid rgba(45,119,243,0.3);
|
//}
|
||||||
}
|
//
|
||||||
|
//:deep(.ant-input-affix-wrapper:hover),
|
||||||
:deep(.ant-input-affix-wrapper >input.ant-input) {
|
//:deep(.ant-input-affix-wrapper:focus) {
|
||||||
height: 26px;
|
// background-color: rgba(45,119,243,0.3);
|
||||||
}
|
// border: 1px solid rgba(45,119,243,0.4);
|
||||||
|
//}
|
||||||
:deep(.ant-input-affix-wrapper:hover),
|
//
|
||||||
:deep(.ant-input-affix-wrapper:focus) {
|
//:deep(.ant-input-affix-wrapper > textarea) {
|
||||||
background-color: rgba(45,119,243,0.3);
|
// padding: 4px 11px;
|
||||||
border: 1px solid rgba(45,119,243,0.4);
|
// border: 1px solid rgba(45,119,243,0.3);
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
:deep(.ant-input-affix-wrapper > textarea) {
|
//:deep(.ant-input) {
|
||||||
padding: 4px 11px;
|
// font-family: "Noto Sans SC", serif;
|
||||||
border: 1px solid rgba(45,119,243,0.3);
|
// font-size: 14px;
|
||||||
}
|
// color: #FFFFFF;
|
||||||
|
// background: transparent;
|
||||||
:deep(.ant-input) {
|
//}
|
||||||
font-family: "Noto Sans SC", serif;
|
//
|
||||||
font-size: 14px;
|
//:deep(.ant-input::placeholder) {
|
||||||
color: #FFFFFF;
|
// font-family: "Noto Sans SC", serif;
|
||||||
background: transparent;
|
// font-size: 14px;
|
||||||
}
|
// color: #AAAAAA;
|
||||||
|
//}
|
||||||
:deep(.ant-input::placeholder) {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #AAAAAA;
|
|
||||||
}
|
|
||||||
|
|
||||||
//:deep(.ant-btn-default) {
|
//:deep(.ant-btn-default) {
|
||||||
// font-family: "Noto Sans SC", serif;
|
// font-family: "Noto Sans SC", serif;
|
||||||
@ -114,95 +114,95 @@
|
|||||||
// border: none;
|
// border: none;
|
||||||
//}
|
//}
|
||||||
|
|
||||||
:deep(.vben-basic-table) {
|
//:deep(.vben-basic-table) {
|
||||||
background: transparent;
|
// background: transparent;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
:deep(.ant-table-wrapper) {
|
:deep(.ant-table-wrapper) {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
//
|
||||||
|
//:deep(.vben-basic-table .ant-table-wrapper) {
|
||||||
|
// background-color: transparent !important;
|
||||||
|
// padding: 0;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.vben-basic-table .ant-table-wrapper) {
|
//:deep(.ant-spin-container) {
|
||||||
background-color: transparent !important;
|
// margin: 0 5px;
|
||||||
padding: 0;
|
//}
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-spin-container) {
|
//:deep(.ant-table.ant-table-middle) {
|
||||||
margin: 0 5px;
|
// border-radius: 0;
|
||||||
}
|
// background-color: transparent !important;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.ant-table.ant-table-middle) {
|
//:deep(.vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title) {
|
||||||
border-radius: 0;
|
// padding-top: 8px !important;
|
||||||
background-color: transparent !important;
|
// border-radius: 8px 8px 0 0;
|
||||||
}
|
// border-left: 1px solid #183171 !important;
|
||||||
|
// border-top: 1px solid #183171 !important;
|
||||||
|
// border-right: 1px solid #183171 !important;
|
||||||
|
// background-color: #13265a !important;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title) {
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container) {
|
||||||
padding-top: 8px !important;
|
// border-inline-start: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
border-radius: 8px 8px 0 0;
|
//}
|
||||||
border-left: 1px solid #183171 !important;
|
//
|
||||||
border-top: 1px solid #183171 !important;
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table),
|
||||||
border-right: 1px solid #183171 !important;
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table) {
|
||||||
background-color: #13265a !important;
|
// border-top: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
|
//:deep(.ant-table-cell) {
|
||||||
|
// background-color: #0d1540 !important;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container) {
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
|
||||||
border-inline-start: 1px solid rgba(45,119,243,0.3) !important;
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead>tr>th),
|
||||||
}
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>th),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>td),
|
||||||
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>td) {
|
||||||
|
// border-inline-end: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
//}
|
||||||
|
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table),
|
//:deep(.ant-table-wrapper .ant-table-tbody >tr.ant-table-row:hover>td),
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table) {
|
//:deep(.ant-table-wrapper .ant-table-tbody >tr >td.ant-table-cell-row-hover) {
|
||||||
border-top: 1px solid rgba(45,119,243,0.3) !important;
|
// background: #273c62 !important;
|
||||||
}
|
//}
|
||||||
|
|
||||||
:deep(.ant-table-cell) {
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
|
||||||
background-color: #0d1540 !important;
|
//:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th) {
|
||||||
}
|
// font-family: "Noto Sans SC", serif;
|
||||||
|
// font-size: 14px;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
|
// font-weight: normal;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead>tr>th),
|
// color: #ffffff;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th),
|
// border-bottom: none;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead>tr>th),
|
// background: #13265a !important;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td),
|
//}
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td),
|
//
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td),
|
//:deep(.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-right-first) {
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td),
|
// overflow: hidden !important;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>th),
|
// border-left: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>th),
|
//}
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>th),
|
//
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>th),
|
//:deep(.ant-table-tbody >tr >td) {
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>td),
|
// font-family: "Noto Sans SC", serif;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>td),
|
// font-size: 14px;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>td),
|
// color: #ffffff;
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>td) {
|
// border-bottom: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
border-inline-end: 1px solid rgba(45,119,243,0.3) !important;
|
//}
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-table-wrapper .ant-table-tbody >tr.ant-table-row:hover>td),
|
|
||||||
:deep(.ant-table-wrapper .ant-table-tbody >tr >td.ant-table-cell-row-hover) {
|
|
||||||
background: #273c62 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
|
|
||||||
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th) {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #ffffff;
|
|
||||||
border-bottom: none;
|
|
||||||
background: #13265a !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-right-first) {
|
|
||||||
overflow: hidden !important;
|
|
||||||
border-left: 1px solid rgba(45,119,243,0.3) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-table-tbody >tr >td) {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #ffffff;
|
|
||||||
border-bottom: 1px solid rgba(45,119,243,0.3) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ant-pagination-total-text) {
|
:deep(.ant-pagination-total-text) {
|
||||||
font-family: "Noto Sans SC", serif;
|
font-family: "Noto Sans SC", serif;
|
||||||
@ -529,10 +529,10 @@
|
|||||||
border-inline-end: 1px solid #183171 !important;
|
border-inline-end: 1px solid #183171 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-checkbox-inner) {
|
//:deep(.ant-checkbox-inner) {
|
||||||
border: 1px solid rgba(45, 119, 243, 0.3) !important;
|
// border: 1px solid rgba(45, 119, 243, 0.3) !important;
|
||||||
background-color: #13265a !important;
|
// background-color: #13265a !important;
|
||||||
}
|
//}
|
||||||
|
|
||||||
:deep(.CodeMirror) {
|
:deep(.CodeMirror) {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|||||||
192
src/assets/style.css
Normal file
192
src/assets/style.css
Normal file
@ -0,0 +1,192 @@
|
|||||||
|
.custom-modal .ant-modal-content {
|
||||||
|
background-color: #13265a;
|
||||||
|
}
|
||||||
|
.ant-modal-header {
|
||||||
|
background-color: #13265a !important;
|
||||||
|
}
|
||||||
|
.vben-basic-title {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-primary {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background-color: #3793d4;
|
||||||
|
box-shadow: inset 0 0 20px 2px #006CC6;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-primary:hover {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background-color: rgba(69,175,223,0.8);
|
||||||
|
box-shadow: inset 0 0 20px 2px #006CC6;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-default {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background-color: rgba(58,98,203,0.8);
|
||||||
|
box-shadow: inset 0 0 20px 2px #3A62CB;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-default:hover {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
background-color: rgba(58,98,203,0.8);
|
||||||
|
box-shadow: inset 0 0 20px 2px #006CC6;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-default:disabled,
|
||||||
|
.ant-btn-default:disabled:hover,
|
||||||
|
.ant-btn-default:disabled svg {
|
||||||
|
color: #AAAAAA !important;
|
||||||
|
background-color: rgba(58,98,203,0.8);
|
||||||
|
box-shadow: inset 0 0 20px 2px #3A62CB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-spin-container {
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-spin-container .scroll-container {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-tree-checkbox-inner,
|
||||||
|
.ant-checkbox-inner {
|
||||||
|
border: 1px solid rgba(45, 119, 243, 0.3) !important;
|
||||||
|
background-color: #13265a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-form-item-label > label {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
height: 36px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vben-basic-table-form-container label {
|
||||||
|
color: transparent !important;
|
||||||
|
width: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input-affix-wrapper {
|
||||||
|
border-radius: 6px;
|
||||||
|
background-color: rgba(45,119,243,0.2);
|
||||||
|
border: 1px solid rgba(45,119,243,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input-affix-wrapper >input.ant-input {
|
||||||
|
height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input-affix-wrapper:hover,
|
||||||
|
.ant-input-affix-wrapper:focus {
|
||||||
|
background-color: rgba(45,119,243,0.3);
|
||||||
|
border: 1px solid rgba(45,119,243,0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input-affix-wrapper > textarea {
|
||||||
|
padding: 4px 11px;
|
||||||
|
border: 1px solid rgba(45,119,243,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input::placeholder {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #AAAAAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vben-basic-table {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vben-basic-table .ant-table-wrapper {
|
||||||
|
background-color: transparent;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table.ant-table-middle {
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-title {
|
||||||
|
border-radius: 8px 8px 0 0;
|
||||||
|
border-left: 1px solid #183171 !important;
|
||||||
|
border-top: 1px solid #183171 !important;
|
||||||
|
border-right: 1px solid #183171 !important;
|
||||||
|
background-color: #13265a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-container {
|
||||||
|
border-inline-start: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table.ant-table-bordered >.ant-table-container {
|
||||||
|
border-inline-start: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table,
|
||||||
|
.ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table {
|
||||||
|
border-top: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-cell {
|
||||||
|
background-color: #0d1540 !important;
|
||||||
|
}
|
||||||
|
.ant-table.ant-table-bordered th,
|
||||||
|
.ant-table.ant-table-bordered td {
|
||||||
|
border-inline-end: 1px solid rgba(45, 119, 243, 0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-tbody >tr.ant-table-row:hover>td,
|
||||||
|
.ant-table-tbody >tr >td.ant-table-cell-row-hover {
|
||||||
|
background: #273c62 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th {
|
||||||
|
border-bottom: none;
|
||||||
|
background: #13265a !important;
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
|
||||||
|
overflow: hidden !important;
|
||||||
|
border-left: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-tbody >tr >td {
|
||||||
|
font-family: "Noto Sans SC", serif;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #ffffff;
|
||||||
|
border-bottom: 1px solid rgba(45,119,243,0.3) !important;
|
||||||
|
}
|
||||||
222
src/components/PdfViewer/index.vue
Normal file
222
src/components/PdfViewer/index.vue
Normal file
@ -0,0 +1,222 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box" v-show="open">
|
||||||
|
<div
|
||||||
|
id="scroller"
|
||||||
|
class="pdf-viewer"
|
||||||
|
@mousedown="startSelection"
|
||||||
|
@mousemove="updateSelection"
|
||||||
|
@mouseup="endSelection"
|
||||||
|
@scroll="handleScroll"
|
||||||
|
>
|
||||||
|
<canvas ref="pdfCanvas" />
|
||||||
|
<canvas ref="tempCanvas" v-show="false" />
|
||||||
|
<div v-if="selection" class="selection-box" :style="selectionStyle"></div>
|
||||||
|
</div>
|
||||||
|
<a-button
|
||||||
|
type="primary"
|
||||||
|
class="btn"
|
||||||
|
v-show="captureButtonVisible"
|
||||||
|
:style="captureButtonStyle"
|
||||||
|
:icon="h(ScissorOutlined)"
|
||||||
|
@click="captureSelection"
|
||||||
|
>截 图</a-button
|
||||||
|
>
|
||||||
|
<a-button
|
||||||
|
type="primary"
|
||||||
|
class="btn-close"
|
||||||
|
:style="closeButtonStyle"
|
||||||
|
:icon="h(CloseOutlined)"
|
||||||
|
@click="close"
|
||||||
|
>取 消</a-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import * as pdfjsLib from 'pdfjs-dist';
|
||||||
|
import {h} from "vue";
|
||||||
|
import {CloseOutlined, ScissorOutlined} from "@ant-design/icons-vue";
|
||||||
|
pdfjsLib.GlobalWorkerOptions.workerSrc = '../../../node_modules/pdfjs-dist/build/pdf.worker.mjs';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'PdfViewer',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
open: false,
|
||||||
|
start: false,
|
||||||
|
selection: null,
|
||||||
|
startPoint: null,
|
||||||
|
scrollPoint: null,
|
||||||
|
selectionStyle: null,
|
||||||
|
captureButtonStyle: null,
|
||||||
|
closeButtonStyle: null,
|
||||||
|
captureButtonVisible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
CloseOutlined,
|
||||||
|
ScissorOutlined,
|
||||||
|
h,
|
||||||
|
async loadPdf(param) {
|
||||||
|
let loadingTask;
|
||||||
|
loadingTask = pdfjsLib.getDocument({data: param});
|
||||||
|
const pdf = await loadingTask.promise;
|
||||||
|
const page = await pdf.getPage(1); // 获取第一页
|
||||||
|
const viewport = page.getViewport({scale: 1.75});
|
||||||
|
const canvas = this.$refs.pdfCanvas;
|
||||||
|
const context = canvas.getContext('2d');
|
||||||
|
canvas.height = viewport.height;
|
||||||
|
canvas.width = viewport.width;
|
||||||
|
const renderContext = {
|
||||||
|
canvasContext: context,
|
||||||
|
viewport: viewport,
|
||||||
|
};
|
||||||
|
await page.render(renderContext).promise;
|
||||||
|
},
|
||||||
|
show() {
|
||||||
|
this.open = true;
|
||||||
|
this.scrollPoint = {
|
||||||
|
x: 0,
|
||||||
|
y: 0
|
||||||
|
};
|
||||||
|
this.closeButtonStyle = {
|
||||||
|
top: '5px',
|
||||||
|
};
|
||||||
|
this.start = false;
|
||||||
|
this.selection = null;
|
||||||
|
this.startPoint = null;
|
||||||
|
this.selectionStyle = null;
|
||||||
|
this.captureButtonVisible = false;
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
document.getElementById("scroller").scrollTop = 0;
|
||||||
|
document.getElementById("scroller").scrollLeft = 0;
|
||||||
|
this.open = false;
|
||||||
|
},
|
||||||
|
startSelection(event) {
|
||||||
|
this.start = true;
|
||||||
|
this.startPoint = {
|
||||||
|
x: event.offsetX,
|
||||||
|
y: event.offsetY
|
||||||
|
};
|
||||||
|
this.selection = {
|
||||||
|
x: event.offsetX,
|
||||||
|
y: event.offsetY,
|
||||||
|
width: 0,
|
||||||
|
height: 0,
|
||||||
|
};
|
||||||
|
this.selectionStyle = null;
|
||||||
|
this.hideCaptureButton();
|
||||||
|
},
|
||||||
|
updateSelection(event) {
|
||||||
|
if (!this.start)
|
||||||
|
return;
|
||||||
|
if (this.startPoint) {
|
||||||
|
this.selection.width = Math.abs(event.offsetX - this.startPoint.x);
|
||||||
|
this.selection.height = Math.abs(event.offsetY - this.startPoint.y);
|
||||||
|
this.selection.x = Math.min(event.offsetX, this.startPoint.x);
|
||||||
|
this.selection.y = Math.min(event.offsetY, this.startPoint.y);
|
||||||
|
this.selectionStyle = {
|
||||||
|
left: `${this.selection.x}px`,
|
||||||
|
top: `${this.selection.y}px`,
|
||||||
|
width: `${this.selection.width}px`,
|
||||||
|
height: `${this.selection.height}px`,
|
||||||
|
position: 'absolute',
|
||||||
|
border: '1px dashed red',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
},
|
||||||
|
endSelection() {
|
||||||
|
this.start = false;
|
||||||
|
this.showCaptureButton();
|
||||||
|
},
|
||||||
|
captureSelection() {
|
||||||
|
const canvas = this.$refs.pdfCanvas;
|
||||||
|
const context = canvas.getContext('2d');
|
||||||
|
const tempCanvas = this.$refs.tempCanvas;
|
||||||
|
tempCanvas.width = this.selection.width;
|
||||||
|
tempCanvas.height = this.selection.height;
|
||||||
|
const tempContext = tempCanvas.getContext('2d');
|
||||||
|
tempContext.drawImage(
|
||||||
|
canvas,
|
||||||
|
this.selection.x,
|
||||||
|
this.selection.y,
|
||||||
|
this.selection.width,
|
||||||
|
this.selection.height,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
tempCanvas.width,
|
||||||
|
tempCanvas.height
|
||||||
|
);
|
||||||
|
const imageData = tempCanvas.toDataURL('image/png');
|
||||||
|
this.$emit("onCapture", imageData);
|
||||||
|
this.close();
|
||||||
|
},
|
||||||
|
handleScroll(event) {
|
||||||
|
this.scrollPoint = {
|
||||||
|
x: event.srcElement.scrollLeft,
|
||||||
|
y: event.srcElement.scrollTop,
|
||||||
|
}
|
||||||
|
this.showCaptureButton();
|
||||||
|
},
|
||||||
|
showCaptureButton() {
|
||||||
|
if (this.selection && this.selection.width > 50 && this.selection.height > 30) {
|
||||||
|
this.captureButtonStyle = {
|
||||||
|
left: `${this.startPoint.x - this.scrollPoint.x + 1}px`,
|
||||||
|
top: `${this.startPoint.y - this.scrollPoint.y + 1}px`,
|
||||||
|
position: 'absolute',
|
||||||
|
borderRadius: 0,
|
||||||
|
};
|
||||||
|
this.captureButtonVisible = true;
|
||||||
|
} else {
|
||||||
|
this.captureButtonVisible = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hideCaptureButton() {
|
||||||
|
this.captureButtonVisible = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.box {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: #0d1540;
|
||||||
|
z-index: 9999;
|
||||||
|
|
||||||
|
.pdf-viewer {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: #0d1540;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
.selection-box {
|
||||||
|
position: absolute;
|
||||||
|
border: 1px dashed red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-close {
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 0;
|
||||||
|
left: 50%;
|
||||||
|
top: 5px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -415,7 +415,7 @@
|
|||||||
|
|
||||||
.ant-table-title {
|
.ant-table-title {
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
padding: 0 0 8px !important;
|
padding: 8px 0 8px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table.ant-table-bordered .ant-table-title {
|
.ant-table.ant-table-bordered .ant-table-title {
|
||||||
|
|||||||
@ -3,6 +3,8 @@ import '@/design/index.less';
|
|||||||
import '@/components/VxeTable/src/css/index.scss';
|
import '@/components/VxeTable/src/css/index.scss';
|
||||||
import 'ant-design-vue/dist/reset.css';
|
import 'ant-design-vue/dist/reset.css';
|
||||||
import '@/design/font.css';
|
import '@/design/font.css';
|
||||||
|
|
||||||
|
import "@/assets/style.css";
|
||||||
// Register icon sprite
|
// Register icon sprite
|
||||||
import 'virtual:svg-icons-register';
|
import 'virtual:svg-icons-register';
|
||||||
|
|
||||||
|
|||||||
@ -1,21 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<BasicDrawer v-bind="$attrs" @register="registerDrawer" showFooter :title="getTitle" width="900px" @ok="handleSubmit">
|
<BasicDrawer v-bind="$attrs" @register="registerDrawer" showFooter :title="getTitle" width="900px" @ok="handleSubmit">
|
||||||
<BasicForm @register="registerForm">
|
<BasicForm @register="registerForm" />
|
||||||
<template #paramJson="{ model }">
|
|
||||||
<CodeEditor
|
|
||||||
style="height: 500px"
|
|
||||||
:auto-height="false"
|
|
||||||
v-model:value="model.paramJson"
|
|
||||||
@change="model.paramJson = $event;"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</BasicForm>
|
|
||||||
<BasicTable @register="registerTable">
|
<BasicTable @register="registerTable">
|
||||||
<template #toolbar>
|
<template #toolbar>
|
||||||
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新 增</a-button>
|
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新 增</a-button>
|
||||||
<div style="width: 5px" />
|
<div style="width: 5px" />
|
||||||
<a-button type="primary" :icon="h(EyeOutlined)" @click="handleOpenFileDialog">OCR识别</a-button>
|
<a-button type="primary" :icon="h(EyeOutlined)" @click="handleOpenFileDialog">OCR识别</a-button>
|
||||||
<input type="file" ref="fileInput" aria-hidden="true" accept="image/bmp,image/jpeg,image/jpg,image/png" @change="handleFileChange" style="display: none;" />
|
|
||||||
<div style="width: 5px" />
|
<div style="width: 5px" />
|
||||||
</template>
|
</template>
|
||||||
<template #bodyCell="{ column, record }">
|
<template #bodyCell="{ column, record }">
|
||||||
@ -52,7 +42,6 @@ import {defineEmits, ref, computed, unref, h} from 'vue';
|
|||||||
import { BasicForm, useForm } from '@/components/Form/index';
|
import { BasicForm, useForm } from '@/components/Form/index';
|
||||||
import { formSchema } from './schema';
|
import { formSchema } from './schema';
|
||||||
import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
|
import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
|
||||||
import { CodeEditor } from "@/components/CodeEditor";
|
|
||||||
import * as TaskApi from '@/api/data/taskApi';
|
import * as TaskApi from '@/api/data/taskApi';
|
||||||
import { BasicTable, useTable, TableAction } from '@/components/Table';
|
import { BasicTable, useTable, TableAction } from '@/components/Table';
|
||||||
import { EyeOutlined, PlusOutlined } from "@ant-design/icons-vue";
|
import { EyeOutlined, PlusOutlined } from "@ant-design/icons-vue";
|
||||||
@ -99,11 +88,11 @@ const columns = [
|
|||||||
|
|
||||||
const paramData = ref<any>([]);
|
const paramData = ref<any>([]);
|
||||||
|
|
||||||
const emit = defineEmits(['success', 'register']);
|
const emit = defineEmits(['success', 'register', 'ocrClick']);
|
||||||
const isUpdate = ref(true);
|
const isUpdate = ref(true);
|
||||||
const entity = ref();
|
const entity = ref();
|
||||||
|
|
||||||
const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
|
const [registerForm, { resetFields, setFieldsValue, validate, getFieldsValue }] = useForm({
|
||||||
labelWidth: 120,
|
labelWidth: 120,
|
||||||
schemas: formSchema,
|
schemas: formSchema,
|
||||||
showActionButtonGroup: false,
|
showActionButtonGroup: false,
|
||||||
@ -124,6 +113,13 @@ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const setParamData = (items: any) => {
|
||||||
|
paramData.value = [];
|
||||||
|
items.forEach((d: any, index: number) => {
|
||||||
|
paramData.value.push({index, ...d});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const [registerTable] = useTable({
|
const [registerTable] = useTable({
|
||||||
title: '预埋件列表',
|
title: '预埋件列表',
|
||||||
columns,
|
columns,
|
||||||
@ -146,9 +142,8 @@ const [registerTable] = useTable({
|
|||||||
const getTitle = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
|
const getTitle = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
|
||||||
|
|
||||||
async function handleSubmit() {
|
async function handleSubmit() {
|
||||||
try {
|
|
||||||
const values = await validate();
|
const values = await validate();
|
||||||
setDrawerProps({ confirmLoading: true });
|
setDrawerProps({confirmLoading: true});
|
||||||
const {
|
const {
|
||||||
...rest
|
...rest
|
||||||
} = values;
|
} = values;
|
||||||
@ -172,9 +167,7 @@ async function handleSubmit() {
|
|||||||
await action(data);
|
await action(data);
|
||||||
closeDrawer();
|
closeDrawer();
|
||||||
emit('success');
|
emit('success');
|
||||||
} catch {} finally {
|
setDrawerProps({confirmLoading: false});
|
||||||
setDrawerProps({ confirmLoading: false });
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleCreate = () => {
|
const handleCreate = () => {
|
||||||
@ -189,35 +182,29 @@ const handleDelete = (record: Recordable) => {
|
|||||||
paramData.value = paramData.value.filter(d => d.code !== record.code);
|
paramData.value = paramData.value.filter(d => d.code !== record.code);
|
||||||
};
|
};
|
||||||
|
|
||||||
const fileInput = ref<HTMLInputElement>();
|
|
||||||
const handleOpenFileDialog = () => {
|
const handleOpenFileDialog = () => {
|
||||||
fileInput.value?.click();
|
const rest = getFieldsValue();
|
||||||
};
|
const data = !unref(isUpdate)
|
||||||
|
? {
|
||||||
const handleFileChange = (event: any) => {
|
...rest,
|
||||||
const file = event.target.files[0];
|
|
||||||
if (file) {
|
|
||||||
const reader = new FileReader();
|
|
||||||
reader.onload = (e) => {
|
|
||||||
handleImport(e.target!.result);
|
|
||||||
fileInput.value!.value = '';
|
|
||||||
};
|
|
||||||
reader.readAsDataURL(file);
|
|
||||||
}
|
}
|
||||||
|
: Object.assign({},
|
||||||
|
{
|
||||||
|
...unref(entity),
|
||||||
|
...rest,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
emit("ocrClick", data);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleImport = (base64ImageString: any) => {
|
const updateParamData = async (data: any) => {
|
||||||
TaskApi.importImageOCR(base64ImageString).then((res: any) => {
|
|
||||||
WebViewService.setMessage("数据导入成功！", "success").then(() => {});
|
|
||||||
paramData.value = JSON.parse(res);
|
|
||||||
}).catch(() => {
|
|
||||||
WebViewService.setMessage("数据导入失败！", "error").then(() => {});
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const updateParamData = (data: any) => {
|
|
||||||
paramData.value[data.index] = { ...data };
|
paramData.value[data.index] = { ...data };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
setParamData
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@use '@/assets/custom.scss';
|
@use '@/assets/custom.scss';
|
||||||
|
|||||||
@ -8,8 +8,8 @@
|
|||||||
<template #toolbar>
|
<template #toolbar>
|
||||||
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新 增</a-button>
|
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新 增</a-button>
|
||||||
<div style="width: 5px" />
|
<div style="width: 5px" />
|
||||||
<a-button type="default" :icon="h(ImportOutlined)" @click="handleOpenFileDialog">导入数据</a-button>
|
<a-button type="default" :icon="h(EyeOutlined)" @click="handleOpenFileDialog(null)">OCR识别</a-button>
|
||||||
<input type="file" ref="fileInput" accept="image/bmp,image/jpeg,image/jpg,image/png" aria-hidden="true" @change="handleFileChange" style="display: none;" />
|
<input type="file" ref="fileInput" accept="application/pdf" aria-hidden="true" @change="handleFileChange" style="display: none;" />
|
||||||
<div style="width: 5px" />
|
<div style="width: 5px" />
|
||||||
<a-button type="default" @click="handleDownload" :icon="h(DownloadOutlined)" :disabled="checkedKeys.length === 0">下发数据</a-button>
|
<a-button type="default" @click="handleDownload" :icon="h(DownloadOutlined)" :disabled="checkedKeys.length === 0">下发数据</a-button>
|
||||||
<a-button type="default" @click="handleSync" :icon="h(SyncOutlined)" :disabled="checkedKeys.length === 0">同步数据</a-button>
|
<a-button type="default" @click="handleSync" :icon="h(SyncOutlined)" :disabled="checkedKeys.length === 0">同步数据</a-button>
|
||||||
@ -63,7 +63,8 @@
|
|||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
<TaskDrawer @register="registerDrawer" @success="handleSuccess" />
|
<TaskDrawer ref="taskDrawer" @register="registerDrawer" @success="handleSuccess" @ocrClick="handleOpenFileDialog" />
|
||||||
|
<PdfViewer ref="pdfView" @onCapture="handleCapture" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@ -81,10 +82,13 @@
|
|||||||
import { onMounted, onUnmounted, computed } from "vue";
|
import { onMounted, onUnmounted, computed } from "vue";
|
||||||
import {
|
import {
|
||||||
DownloadOutlined,
|
DownloadOutlined,
|
||||||
ImportOutlined,
|
EyeOutlined,
|
||||||
PlusOutlined,
|
PlusOutlined,
|
||||||
SyncOutlined
|
SyncOutlined
|
||||||
} from "@ant-design/icons-vue";
|
} from "@ant-design/icons-vue";
|
||||||
|
import PdfViewer from "@/components/PdfViewer/index.vue";
|
||||||
|
|
||||||
|
const taskDrawer = ref<typeof TaskDrawer>();
|
||||||
const { hasPermission } = usePermission();
|
const { hasPermission } = usePermission();
|
||||||
const go = useGo();
|
const go = useGo();
|
||||||
const checkedKeys = ref<Array<string | number>>([]);
|
const checkedKeys = ref<Array<string | number>>([]);
|
||||||
@ -178,8 +182,10 @@
|
|||||||
go('/data/task/' + record.id);
|
go('/data/task/' + record.id);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
let ocrData = null;
|
||||||
const fileInput = ref<HTMLInputElement>();
|
const fileInput = ref<HTMLInputElement>();
|
||||||
const handleOpenFileDialog = () => {
|
const handleOpenFileDialog = (data: any) => {
|
||||||
|
ocrData = data;
|
||||||
fileInput.value?.click();
|
fileInput.value?.click();
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -188,18 +194,25 @@
|
|||||||
if (file) {
|
if (file) {
|
||||||
const reader = new FileReader();
|
const reader = new FileReader();
|
||||||
reader.onload = (e) => {
|
reader.onload = (e) => {
|
||||||
handleImport(e.target!.result);
|
openPdf(e.target!.result);
|
||||||
fileInput.value!.value = '';
|
fileInput.value!.value = '';
|
||||||
};
|
};
|
||||||
reader.readAsDataURL(file);
|
reader.readAsArrayBuffer(file);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleImport = (base64ImageString: any) => {
|
const pdfView = ref<any>();
|
||||||
|
const openPdf = async (pdfData: any) => {
|
||||||
|
await pdfView.value.loadPdf(pdfData);
|
||||||
|
pdfView.value.show();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCapture = (base64ImageString: any) => {
|
||||||
TaskApi.importImageOCR(base64ImageString).then((res: any) => {
|
TaskApi.importImageOCR(base64ImageString).then((res: any) => {
|
||||||
WebViewService.setMessage("数据导入成功！", "success").then(() => {});
|
WebViewService.setMessage("数据导入成功！", "success").then(() => {});
|
||||||
const data = JSON.parse(res);
|
const data = JSON.parse(res);
|
||||||
if (data.length === 0) return;
|
if (data.length === 0) return;
|
||||||
|
if (ocrData === null) {
|
||||||
const record = {
|
const record = {
|
||||||
name: '',
|
name: '',
|
||||||
paramJson: JSON.stringify(data),
|
paramJson: JSON.stringify(data),
|
||||||
@ -209,6 +222,9 @@
|
|||||||
record,
|
record,
|
||||||
isUpdate: false,
|
isUpdate: false,
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
|
taskDrawer.value?.setParamData(data);
|
||||||
|
}
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
WebViewService.setMessage("数据导入失败！", "error").then(() => {});
|
WebViewService.setMessage("数据导入失败！", "error").then(() => {});
|
||||||
});
|
});
|
||||||
@ -242,7 +258,6 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
const timer = ref(0)
|
const timer = ref(0)
|
||||||
|
|
||||||
onMounted(()=> {
|
onMounted(()=> {
|
||||||
timer.value = setInterval(() => {
|
timer.value = setInterval(() => {
|
||||||
DeviceClientService.getDeviceConnected().then((d) => {
|
DeviceClientService.getDeviceConnected().then((d) => {
|
||||||
@ -258,7 +273,6 @@
|
|||||||
onUnmounted(()=> {
|
onUnmounted(()=> {
|
||||||
clearInterval(timer.value);
|
clearInterval(timer.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@use '@/assets/custom.scss';
|
@use '@/assets/custom.scss';
|
||||||
|
|||||||
@ -129,66 +129,3 @@ async function handleSubmit() {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@use '@/assets/custom.scss';
|
@use '@/assets/custom.scss';
|
||||||
</style>
|
</style>
|
||||||
<style>
|
|
||||||
.custom-modal .ant-modal-content {
|
|
||||||
background-color: #13265a;
|
|
||||||
}
|
|
||||||
.ant-modal-header {
|
|
||||||
background-color: #13265a !important;
|
|
||||||
}
|
|
||||||
.vben-basic-title {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #ffffff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-primary {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: #3793d4;
|
|
||||||
box-shadow: inset 0 0 20px 2px #006CC6;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-primary:hover {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: rgba(69,175,223,0.8);
|
|
||||||
box-shadow: inset 0 0 20px 2px #006CC6;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-default {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: rgba(58,98,203,0.8);
|
|
||||||
box-shadow: inset 0 0 20px 2px #3A62CB;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-default:hover {
|
|
||||||
font-family: "Noto Sans SC", serif;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background-color: rgba(58,98,203,0.8);
|
|
||||||
box-shadow: inset 0 0 20px 2px #006CC6;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-default:disabled,
|
|
||||||
.ant-btn-default:disabled:hover,
|
|
||||||
.ant-btn-default:disabled svg {
|
|
||||||
color: #AAAAAA;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@ -233,7 +233,7 @@ export const schema = {
|
|||||||
|
|
||||||
const queryFields = ['name','deviceSn','startTimeQuery','state'];
|
const queryFields = ['name','deviceSn','startTimeQuery','state'];
|
||||||
// const editFields = ['name','deviceSn','paramJson'];
|
// const editFields = ['name','deviceSn','paramJson'];
|
||||||
const editFields = ['name','deviceSn'];
|
const editFields = ['name', 'deviceSn'];
|
||||||
const tableFields = ['name','deviceSn','startTime','endTime','state','createTime'];
|
const tableFields = ['name','deviceSn','startTime','endTime','state','createTime'];
|
||||||
const descriptionFields = ['name','deviceSn','paramJson','resultJson','startTime','endTime','state'];
|
const descriptionFields = ['name','deviceSn','paramJson','resultJson','startTime','endTime','state'];
|
||||||
|
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<BasicTable @register="registerTable">
|
<BasicTable @register="registerTable">
|
||||||
<template #toolbar>
|
<template #toolbar>
|
||||||
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新增</a-button>
|
<a-button type="primary" @click="handleCreate" :icon="h(PlusOutlined)">新 增</a-button>
|
||||||
</template>
|
</template>
|
||||||
<template #bodyCell="{ column, record }">
|
<template #bodyCell="{ column, record }">
|
||||||
<template v-if="column.key === 'action'">
|
<template v-if="column.key === 'action'">
|
||||||
@ -103,9 +103,9 @@ import {defineComponent, h, onMounted} from 'vue';
|
|||||||
reload();
|
reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
// onMounted(() => {
|
||||||
WebViewService.setIsLoading(false).then(() => {});
|
// WebViewService.setIsLoading(false).then(() => {});
|
||||||
});
|
// });
|
||||||
|
|
||||||
return {
|
return {
|
||||||
registerTable,
|
registerTable,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user