From e37535cbbe89448924ffce646d47532d54389235 Mon Sep 17 00:00:00 2001 From: JINGYJ <1458671527@qq.com> Date: Tue, 27 Feb 2024 17:56:55 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E5=9E=8B=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- build/optimize.ts | 3 +- mock/list.ts | 257 ++++++++++++++++++ package.json | 4 +- pnpm-lock.yaml | 40 +++ src/assets/dataScreen/modelList/error.png | Bin 0 -> 1527 bytes .../dataScreen/modelList/generalIndustry.svg | 14 + src/assets/dataScreen/modelList/inUsed.svg | 26 ++ src/assets/dataScreen/modelList/loading.png | Bin 0 -> 1302 bytes .../modelList/mechanicalIndustry.svg | 14 + .../dataScreen/modelList/modelIndustry.svg | 19 ++ .../dataScreen/modelList/modelListTitle.svg | 58 ++++ .../dataScreen/modelList/modelVersion.svg | 19 ++ src/assets/dataScreen/modelList/notUsed.svg | 26 ++ .../dataScreen/modelList/phoneIndustry.svg | 14 + src/pages/dataScreen/views/modelList/api.ts | 38 +++ .../dataScreen/views/modelList/modelList.scss | 141 ++++++++++ .../dataScreen/views/modelList/modelList.vue | 207 +++++++++++++- 17 files changed, 877 insertions(+), 3 deletions(-) create mode 100644 src/assets/dataScreen/modelList/error.png create mode 100644 src/assets/dataScreen/modelList/generalIndustry.svg create mode 100644 src/assets/dataScreen/modelList/inUsed.svg create mode 100644 src/assets/dataScreen/modelList/loading.png create mode 100644 src/assets/dataScreen/modelList/mechanicalIndustry.svg create mode 100644 src/assets/dataScreen/modelList/modelIndustry.svg create mode 100644 src/assets/dataScreen/modelList/modelListTitle.svg create mode 100644 src/assets/dataScreen/modelList/modelVersion.svg create mode 100644 src/assets/dataScreen/modelList/notUsed.svg create mode 100644 src/assets/dataScreen/modelList/phoneIndustry.svg create mode 100644 src/pages/dataScreen/views/modelList/api.ts diff --git a/build/optimize.ts b/build/optimize.ts index 5dbd426..1b77125 100644 --- a/build/optimize.ts +++ b/build/optimize.ts @@ -16,7 +16,8 @@ const include = [ "pinyin-pro", "@vueuse/core", "@pureadmin/utils", - "responsive-storage" + "responsive-storage", + "vue-waterfall-plugin-next" ]; /** diff --git a/mock/list.ts b/mock/list.ts index e2c5cbe..89812e7 100644 --- a/mock/list.ts +++ b/mock/list.ts @@ -758,6 +758,7 @@ export default [ { index: 1, industry: "通用", + state: "离线", function: "OCR识别", deviceSort: "文字识别", description: @@ -770,6 +771,7 @@ export default [ { index: 2, industry: "通用", + state: "离线", function: "机器人定位引导", deviceSort: "机器人抓取目标定位", description: @@ -782,6 +784,7 @@ export default [ { index: 3, industry: "通用", + state: "离线", function: "多目标定位", deviceSort: "多个随机目标定位，引导机器人抓取", description: @@ -794,6 +797,7 @@ export default [ { index: 4, industry: "通用", + state: "离线", function: "计数", deviceSort: "产品计数", description: @@ -806,6 +810,7 @@ export default [ { index: 5, industry: "通用", + state: "离线", function: "下料口、出料口堵塞检测", deviceSort: "料口堵塞识别", description: @@ -818,6 +823,7 @@ export default [ { index: 6, industry: "通用", + state: "离线", function: "尺寸测量", deviceSort: "工件尺寸测量", description: @@ -830,6 +836,7 @@ export default [ { index: 7, industry: "通用", + state: "离线", function: "面积测量", deviceSort: "工件面积测量", description: @@ -842,6 +849,7 @@ export default [ { index: 8, industry: "通用", + state: "离线", function: "角度测量", deviceSort: "工件角度测量", description: @@ -854,6 +862,7 @@ export default [ { index: 9, industry: "通用", + state: "离线", function: "曲率测量", deviceSort: "工件曲率测量", description: @@ -866,6 +875,7 @@ export default [ { index: 10, industry: "通用", + state: "离线", function: "形状测量", deviceSort: "工件形状测量", description: @@ -878,6 +888,7 @@ export default [ { index: 11, industry: "电子、手机、SMT", + state: "在线", function: "颜色识别", deviceSort: "工件局部、区域颜色识别", description: @@ -890,6 +901,7 @@ export default [ { index: 12, industry: "手机、电子、手机、工件装配、SMT", + state: "离线", function: "装配目标检测", deviceSort: "工件装配部分中心定位及缺陷检测", description: @@ -902,6 +914,7 @@ export default [ { index: 13, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "元器件（插件）混料检测", description: @@ -914,6 +927,7 @@ export default [ { index: 14, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "元器件（插件）有无检测", description: @@ -926,6 +940,7 @@ export default [ { index: 15, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "元器件（插件）正负极检测", description: "通过图像识别技术确认元器件的极性，防止安装错误。", @@ -937,6 +952,7 @@ export default [ { index: 16, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "元器件（插件）颜色识别", description: @@ -949,6 +965,7 @@ export default [ { index: 17, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "元器件（插件）方向测量", description: "确保元器件安装方向正确，关键于电路板的正确功能。", @@ -960,6 +977,7 @@ export default [ { index: 18, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "焊线颜色检测", description: "通过颜色分析确保焊线的质量，预防焊接缺陷。", @@ -971,6 +989,7 @@ export default [ { index: 19, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "端子座颜色检测", description: "确保端子座的颜色符合规格，提高组装准确性。", @@ -982,6 +1001,7 @@ export default [ { index: 20, industry: "手机、电子、SMT", + state: "离线", function: "PCB板表面缺陷检测", deviceSort: "端子座方向检测", description: "确保端子座的方向符合规格，提高组装准确性。", @@ -993,6 +1013,7 @@ export default [ { index: 21, industry: "手机、电子、SMT", + state: "离线", function: "PCB电子元器件缺陷检测", deviceSort: "插孔通畅检测", description: "检测插孔是否畅通无阻，确保元器件能正确安装。", @@ -1004,6 +1025,7 @@ export default [ { index: 22, industry: "手机、电子、SMT", + state: "在线", function: "PCB电子元器件缺陷检测", deviceSort: "孔直径大小测量", description: "精确测量各种尺寸参数，关键于连接件的质量控制。", @@ -1015,6 +1037,7 @@ export default [ { index: 23, industry: "手机、电子、SMT", + state: "离线", function: "PIN检测", deviceSort: "PIN间距测量", description: "精确测量各种尺寸参数，关键于连接件的质量控制。", @@ -1026,6 +1049,7 @@ export default [ { index: 24, industry: "手机、电子、SMT", + state: "离线", function: "PIN检测", deviceSort: "PIN宽度测量", description: "精确测量各种尺寸参数，关键于连接件的质量控制。", @@ -1037,6 +1061,7 @@ export default [ { index: 25, industry: "手机、电子、SMT", + state: "离线", function: "PIN检测", deviceSort: "PIN高度测量", description: "精确测量各种尺寸参数，关键于连接件的质量控制。", @@ -1048,6 +1073,7 @@ export default [ { index: 26, industry: "手机、电子、SMT", + state: "离线", function: "PIN检测", deviceSort: "PIN行间距测量", description: "精确测量各种尺寸参数，关键于连接件的质量控制。", @@ -1059,6 +1085,7 @@ export default [ { index: 27, industry: "手机、电子、SMT", + state: "离线", function: "PIN检测", deviceSort: "针角正位度检测", description: "确保PIN针的角度准确，保障电子组件的连接性能。", @@ -1070,6 +1097,7 @@ export default [ { index: 28, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "划伤缺陷检测", description: @@ -1082,6 +1110,7 @@ export default [ { index: 29, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "压伤缺陷检测", description: @@ -1094,6 +1123,7 @@ export default [ { index: 30, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "破损缺陷检测", description: @@ -1106,6 +1136,7 @@ export default [ { index: 31, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "毛刺缺陷检测", description: @@ -1118,6 +1149,7 @@ export default [ { index: 32, industry: "手机、液晶显示屏", + state: "在线", function: "盖板玻璃表面缺陷检测", deviceSort: "毛丝缺陷检测", description: @@ -1130,6 +1162,7 @@ export default [ { index: 33, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "崩边缺陷检测", description: @@ -1142,6 +1175,7 @@ export default [ { index: 34, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "点状异物缺陷检测", description: @@ -1154,6 +1188,7 @@ export default [ { index: 35, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "电镀掉漆缺陷检测", description: @@ -1166,6 +1201,7 @@ export default [ { index: 36, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "脏污、麻点缺陷检测", description: @@ -1178,6 +1214,7 @@ export default [ { index: 37, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "异色缺陷检测", description: @@ -1190,6 +1227,7 @@ export default [ { index: 38, industry: "手机、液晶显示屏", + state: "离线", function: "盖板玻璃表面缺陷检测", deviceSort: "尺寸公差检测", description: @@ -1202,6 +1240,7 @@ export default [ { index: 39, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "披锋（毛刺）缺陷检测", description: @@ -1214,6 +1253,7 @@ export default [ { index: 40, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "蚀刻不良缺陷检测", description: @@ -1226,6 +1266,7 @@ export default [ { index: 41, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "异色缺陷检测", description: @@ -1238,6 +1279,7 @@ export default [ { index: 42, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "字体不良缺陷检测", description: @@ -1250,6 +1292,7 @@ export default [ { index: 43, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "崩边缺陷检测", description: @@ -1262,6 +1305,7 @@ export default [ { index: 44, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "边透沙眼缺陷检测", description: @@ -1274,6 +1318,7 @@ export default [ { index: 45, industry: "手机、液晶显示屏", + state: "在线", function: "镜片表面缺陷检测", deviceSort: "划伤缺陷检测", description: @@ -1286,6 +1331,7 @@ export default [ { index: 46, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "晶点缺陷检测", description: @@ -1298,6 +1344,7 @@ export default [ { index: 47, industry: "手机、液晶显示屏", + state: "离线", function: "镜片表面缺陷检测", deviceSort: "亮点缺陷检测", description: @@ -1310,6 +1357,7 @@ export default [ { index: 48, industry: "手机、液晶显示屏", + state: "离线", function: "摄像模组表面缺陷检测", deviceSort: "异物缺陷检测", description: "该算法识别摄像模组表面的微小异物，保证成像清晰。", @@ -1321,6 +1369,7 @@ export default [ { index: 49, industry: "手机、液晶显示屏", + state: "离线", function: "摄像模组表面缺陷检测", deviceSort: "污染缺陷检测", description: @@ -1333,6 +1382,7 @@ export default [ { index: 50, industry: "手机、液晶显示屏", + state: "离线", function: "摄像模组表面缺陷检测", deviceSort: "刮伤缺陷检测", description: @@ -1345,6 +1395,7 @@ export default [ { index: 51, industry: "手机、液晶显示屏", + state: "离线", function: "摄像模组表面缺陷检测", deviceSort: "白点缺陷检测", description: "专为检测摄像模组表面的白点设计，确保成像效果。", @@ -1356,6 +1407,7 @@ export default [ { index: 52, industry: "手机、液晶显示屏", + state: "离线", function: "摄像模组表面缺陷检测", deviceSort: "高度差测量", description: @@ -1368,6 +1420,7 @@ export default [ { index: 53, industry: "手机、液晶显示屏", + state: "离线", function: "中板表面缺陷检测", deviceSort: "崩边缺陷检测", description: "该算法检测中板边缘的任何崩边现象，确保结构完整性。", @@ -1379,6 +1432,7 @@ export default [ { index: 54, industry: "手机、液晶显示屏", + state: "离线", function: "中板表面缺陷检测", deviceSort: "断裂缺陷检测", description: @@ -1391,6 +1445,7 @@ export default [ { index: 55, industry: "手机、液晶显示屏", + state: "离线", function: "中板表面缺陷检测", deviceSort: "变形缺陷检测", description: "准确检测中板的形状变形，保证装配质量和精度。", @@ -1402,6 +1457,7 @@ export default [ { index: 56, industry: "手机、液晶显示屏", + state: "离线", function: "中板表面缺陷检测", deviceSort: "牙孔缺陷检测", description: @@ -1414,6 +1470,7 @@ export default [ { index: 57, industry: "手机、液晶显示屏", + state: "离线", function: "中板表面缺陷检测", deviceSort: "断柱缺陷检测", description: "专门识别和评估中板断柱现象，维护结构稳定性。", @@ -1425,6 +1482,7 @@ export default [ { index: 58, industry: "手机、液晶显示屏", + state: "离线", function: "Logo表面缺陷检测", deviceSort: "划痕缺陷检测", description: @@ -1437,6 +1495,7 @@ export default [ { index: 59, industry: "手机、液晶显示屏", + state: "离线", function: "Logo表面缺陷检测", deviceSort: "麻点缺陷检测", description: @@ -1449,6 +1508,7 @@ export default [ { index: 60, industry: "手机、液晶显示屏", + state: "离线", function: "Logo表面缺陷检测", deviceSort: "白点缺陷检测", description: "准确识别logo表面的白点缺陷，提升外观质量。", @@ -1460,6 +1520,7 @@ export default [ { index: 61, industry: "手机、液晶显示屏", + state: "离线", function: "Logo表面缺陷检测", deviceSort: "缺口缺陷检测", description: "该算法检测logo表面的任何缺口，确保设计完整性。", @@ -1471,6 +1532,7 @@ export default [ { index: 62, industry: "手机、液晶显示屏", + state: "离线", function: "Logo表面缺陷检测", deviceSort: "凹凸点缺陷检测", description: "专为识别logo表面的凹凸点设计，保障表面平滑。", @@ -1482,6 +1544,7 @@ export default [ { index: 63, industry: "手机、液晶显示屏", + state: "在线", function: "手机电池表面缺陷检测", deviceSort: "漏气缺陷检测", description: @@ -1494,6 +1557,7 @@ export default [ { index: 64, industry: "手机、液晶显示屏", + state: "离线", function: "手机电池表面缺陷检测", deviceSort: "焊点缺陷检测", description: @@ -1506,6 +1570,7 @@ export default [ { index: 65, industry: "手机、液晶显示屏", + state: "离线", function: "手机电池表面缺陷检测", deviceSort: "压伤缺陷检测", description: "该算法检测电池表面的压伤，防止性能下降。", @@ -1517,6 +1582,7 @@ export default [ { index: 66, industry: "手机、液晶显示屏", + state: "离线", function: "部件表面缺陷检测", deviceSort: "表面脏污缺陷检测", description: @@ -1529,6 +1595,7 @@ export default [ { index: 67, industry: "手机、液晶显示屏", + state: "离线", function: "部件表面缺陷检测", deviceSort: "裂纹缺陷检测", description: @@ -1541,6 +1608,7 @@ export default [ { index: 68, industry: "手机、液晶显示屏", + state: "离线", function: "部件表面缺陷检测", deviceSort: "划伤缺陷检测", description: "专门识别手机部件表面的划痕，保持外观完整性。", @@ -1552,6 +1620,7 @@ export default [ { index: 69, industry: "手机、液晶显示屏", + state: "离线", function: "部件表面缺陷检测", deviceSort: "刮伤缺陷检测", description: "精确检测手机部件表面的刮伤，确保使用体验。", @@ -1563,6 +1632,7 @@ export default [ { index: 70, industry: "手机、液晶显示屏", + state: "离线", function: "部件表面缺陷检测", deviceSort: "气泡缺陷检测", description: "利用图像处理技术，识别表面的气泡，提升产品质量。", @@ -1574,6 +1644,7 @@ export default [ { index: 71, industry: "手机、液晶显示屏", + state: "离线", function: "边距缺陷检测", deviceSort: "边距缺陷检测", description: @@ -1586,6 +1657,7 @@ export default [ { index: 72, industry: "手机、液晶显示屏", + state: "离线", function: "成品组装缺陷检测", deviceSort: "缺件缺陷检测", description: @@ -1598,6 +1670,7 @@ export default [ { index: 73, industry: "手机、液晶显示屏", + state: "离线", function: "成品组装缺陷检测", deviceSort: "错件缺陷检测", description: @@ -1610,6 +1683,7 @@ export default [ { index: 74, industry: "手机、液晶显示屏", + state: "在线", function: "成品组装缺陷检测", deviceSort: "螺钉浮高缺陷检测", description: "精确检测螺钉的安装高度，防止组装误差。", @@ -1621,6 +1695,7 @@ export default [ { index: 75, industry: "手机、液晶显示屏", + state: "离线", function: "成品组装缺陷检测", deviceSort: "边距缺陷检测", description: @@ -1633,6 +1708,7 @@ export default [ { index: 76, industry: "手机、液晶显示屏", + state: "离线", function: "液晶屏与Tape胶贴合定位", deviceSort: "对位贴合", description: @@ -1646,6 +1722,7 @@ export default [ index: 77, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "裂纹缺陷检测", description: @@ -1659,6 +1736,7 @@ export default [ index: 78, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "坑点缺陷检测", description: @@ -1672,6 +1750,7 @@ export default [ index: 79, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "气孔缺陷检测", description: @@ -1685,6 +1764,7 @@ export default [ index: 80, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "缩孔缺陷检测", description: @@ -1698,6 +1778,7 @@ export default [ index: 81, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "表面啃伤缺陷检测", description: @@ -1711,6 +1792,7 @@ export default [ index: 82, industry: "机械、金属工件、线缆、铸造、薄膜、玻璃、造纸、铝板带、铝箔、铜箔、无纺布", + state: "离线", function: "金属工件表面缺陷检测", deviceSort: "表面氧化皮缺陷检测", description: @@ -1723,6 +1805,7 @@ export default [ { index: 83, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "表面划伤缺陷检测", description: @@ -1735,6 +1818,7 @@ export default [ { index: 84, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "凹坑凹陷缺陷检测", description: @@ -1747,6 +1831,7 @@ export default [ { index: 85, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "褶皱缺陷检测", description: @@ -1759,6 +1844,7 @@ export default [ { index: 86, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "在线", function: "管材表面缺陷检测", deviceSort: "麻面缺陷检测", description: @@ -1771,6 +1857,7 @@ export default [ { index: 87, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "色差缺陷检测", description: "检测管材表面的色差，确保产品外观一致性和质量标准。", @@ -1782,6 +1869,7 @@ export default [ { index: 88, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "杂质缺陷检测", description: @@ -1794,6 +1882,7 @@ export default [ { index: 89, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "管径测量", description: @@ -1806,6 +1895,7 @@ export default [ { index: 90, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "鼓包缺陷检测", description: "检测管材表面的鼓包，关键于防止管道破裂和保证安全。", @@ -1817,6 +1907,7 @@ export default [ { index: 91, industry: "PVC管材、金属管材、金属工件、塑料水管、汽车软管、线缆", + state: "离线", function: "管材表面缺陷检测", deviceSort: "开裂缺陷检测", description: @@ -1829,6 +1920,7 @@ export default [ { index: 92, industry: "锂电池", + state: "离线", function: "锂电池底壳焊工位检测", deviceSort: "中心孔定位", description: @@ -1841,6 +1933,7 @@ export default [ { index: 93, industry: "锂电池", + state: "离线", function: "锂电池底壳焊工位检测", deviceSort: "中心孔缺陷检测", description: @@ -1853,6 +1946,7 @@ export default [ { index: 94, industry: "锂电池", + state: "在线", function: "锂电池底壳焊工位检测", deviceSort: "电池角度矫正", description: @@ -1865,6 +1959,7 @@ export default [ { index: 95, industry: "锂电池", + state: "离线", function: "锂电池底壳焊工位检测", deviceSort: "正极绝缘片缺陷检测", description: @@ -1877,6 +1972,7 @@ export default [ { index: 96, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "漏金属缺陷检测", description: @@ -1889,6 +1985,7 @@ export default [ { index: 97, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "划痕缺陷检测", description: "检测极片涂布表面的划痕，确保涂层均匀和极片质量。", @@ -1900,6 +1997,7 @@ export default [ { index: 98, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "脱碳缺陷检测", description: @@ -1912,6 +2010,7 @@ export default [ { index: 99, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "气泡缺陷检测", description: @@ -1924,6 +2023,7 @@ export default [ { index: 100, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "黑斑缺陷检测", description: @@ -1936,6 +2036,7 @@ export default [ { index: 101, industry: "锂电池", + state: "离线", function: "极片涂布表面缺陷检测", deviceSort: "白斑缺陷检测", description: @@ -1948,6 +2049,7 @@ export default [ { index: 102, industry: "锂电池", + state: "在线", function: "极片涂布表面缺陷检测", deviceSort: "毛刺缺陷检测", description: @@ -1960,6 +2062,7 @@ export default [ { index: 103, industry: "锂电池", + state: "离线", function: "滚槽后尺寸测量及缺陷检测", deviceSort: "滚槽后相关尺寸测量", description: @@ -1972,6 +2075,7 @@ export default [ { index: 104, industry: "锂电池", + state: "离线", function: "滚槽后尺寸测量及缺陷检测", deviceSort: "滚槽后点胶气泡缺陷检测", description: @@ -1984,6 +2088,7 @@ export default [ { index: 105, industry: "锂电池", + state: "离线", function: "滚槽后尺寸测量及缺陷检测", deviceSort: "滚槽后点胶断胶缺陷检测", description: @@ -1996,6 +2101,7 @@ export default [ { index: 106, industry: "锂电池", + state: "离线", function: "盖帽焊工位检测", deviceSort: "盖帽有无检测", description: @@ -2008,6 +2114,7 @@ export default [ { index: 107, industry: "锂电池", + state: "离线", function: "盖帽焊工位检测", deviceSort: "极耳偏移的角度检测", description: @@ -2020,6 +2127,7 @@ export default [ { index: 108, industry: "锂电池", + state: "离线", function: "盖帽焊工位检测", deviceSort: "盖帽焊接偏差检测", description: @@ -2032,6 +2140,7 @@ export default [ { index: 109, industry: "锂电池", + state: "离线", function: "盖帽焊工位检测", deviceSort: "正极片高度检测", description: @@ -2044,6 +2153,7 @@ export default [ { index: 110, industry: "锂电池", + state: "离线", function: "蹲封-盖帽角度矫正检测", deviceSort: "盖帽中心点定位引导", description: @@ -2056,6 +2166,7 @@ export default [ { index: 111, industry: "锂电池", + state: "离线", function: "盖帽正反检测", deviceSort: "盖帽正反倾斜状态检测", description: @@ -2068,6 +2179,7 @@ export default [ { index: 112, industry: "锂电池", + state: "离线", function: "电池端面", deviceSort: "电池正极有无垫片检测", description: @@ -2080,6 +2192,7 @@ export default [ { index: 113, industry: "锂电池", + state: "在线", function: "表面缺陷检测", deviceSort: "电池正极端面套管质量检测", description: @@ -2092,6 +2205,7 @@ export default [ { index: 114, industry: "锂电池", + state: "离线", function: "表面缺陷检测", deviceSort: "电池负极端面套管质量检测", description: @@ -2104,6 +2218,7 @@ export default [ { index: 115, industry: "锂电池", + state: "离线", function: "表面缺陷检测", deviceSort: "电池正极、负极端面凹坑缺陷检测", description: @@ -2116,6 +2231,7 @@ export default [ { index: 116, industry: "锂电池", + state: "离线", function: "表面缺陷检测", deviceSort: "电池正极、负极端面划伤缺陷检测", description: "检测电池端面的划伤，确保电池外观和性能不受影响。", @@ -2127,6 +2243,7 @@ export default [ { index: 117, industry: "锂电池", + state: "离线", function: "电池卷绕表面缺陷检测", deviceSort: "卷绕入料缺陷检测", description: @@ -2139,6 +2256,7 @@ export default [ { index: 118, industry: "锂电池", + state: "离线", function: "电池卷绕表面缺陷检测", deviceSort: "卷绕料线缺陷检测", description: @@ -2151,6 +2269,7 @@ export default [ { index: 119, industry: "锂电池", + state: "离线", function: "电池卷绕表面缺陷检测", deviceSort: "隔膜褶皱缺陷检测", description: "检测隔膜褶皱，关键于防止短路和提高电池安全性。", @@ -2162,6 +2281,7 @@ export default [ { index: 120, industry: "锂电池", + state: "离线", function: "电池卷绕表面缺陷检测", deviceSort: "极耳翻折缺陷检测", description: @@ -2174,6 +2294,7 @@ export default [ { index: 121, industry: "锂电池", + state: "在线", function: "电池卷绕表面缺陷检测", deviceSort: "极片破损缺陷检测", description: "检测极片破损，对于维护电池性能和安全至关重要。", @@ -2185,6 +2306,7 @@ export default [ { index: 122, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "无铝膜检测", description: @@ -2197,6 +2319,7 @@ export default [ { index: 123, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "封口温度过高检测", description: @@ -2209,6 +2332,7 @@ export default [ { index: 124, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "封口温度过低检测", description: @@ -2221,6 +2345,7 @@ export default [ { index: 125, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "铝膜反装检测", description: "检测铝膜是否正确装配，防止铝膜反装影响产品质量。", @@ -2232,6 +2357,7 @@ export default [ { index: 126, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "铝膜缺损检测", description: @@ -2244,6 +2370,7 @@ export default [ { index: 127, industry: "食品、饮料、医疗卫生", + state: "离线", function: "PET灌装铝膜封口缺陷检测", deviceSort: "铝膜虚封检测", description: @@ -2256,6 +2383,7 @@ export default [ { index: 128, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "气泡缺陷检测", description: @@ -2268,6 +2396,7 @@ export default [ { index: 129, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "结石缺陷检测", description: @@ -2280,6 +2409,7 @@ export default [ { index: 130, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "黑点缺陷检测", description: @@ -2292,6 +2422,7 @@ export default [ { index: 131, industry: "食品、饮料、医疗卫生", + state: "在线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "裂纹缺陷检测", description: @@ -2304,6 +2435,7 @@ export default [ { index: 132, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "气线缺陷检测", description: @@ -2316,6 +2448,7 @@ export default [ { index: 133, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "磕碰缺陷检测", description: @@ -2328,6 +2461,7 @@ export default [ { index: 134, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "脏污缺陷检测", description: @@ -2340,6 +2474,7 @@ export default [ { index: 135, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "瓶口缺陷检测", description: @@ -2352,6 +2487,7 @@ export default [ { index: 136, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "喷码缺陷检测", description: @@ -2364,6 +2500,7 @@ export default [ { index: 137, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "瓶盖缺陷检测", description: "通过图像识别技术确保瓶盖完好无损，保障封装质量。", @@ -2375,6 +2512,7 @@ export default [ { index: 138, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "标贴缺陷检测", description: @@ -2387,6 +2525,7 @@ export default [ { index: 139, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "装箱点数", description: @@ -2399,6 +2538,7 @@ export default [ { index: 140, industry: "食品、饮料、医疗卫生", + state: "离线", function: "玻璃瓶、安瓿瓶表面缺陷检测", deviceSort: "箱体内容检测", description: "分析箱体内部内容物，确保产品配套完整，避免缺漏。", @@ -2410,6 +2550,7 @@ export default [ { index: 141, industry: "食品、饮料", + state: "在线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐身内壁杂质检测", description: @@ -2422,6 +2563,7 @@ export default [ { index: 142, industry: "食品、饮料", + state: "离线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐身变形检测", description: "监测易拉罐是否有变形，确保包装的完整性和美观性。", @@ -2433,6 +2575,7 @@ export default [ { index: 143, industry: "食品、饮料", + state: "离线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐身凹陷检测", description: @@ -2445,6 +2588,7 @@ export default [ { index: 144, industry: "食品、饮料", + state: "离线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐底杂质、异物检测", description: @@ -2457,6 +2601,7 @@ export default [ { index: 145, industry: "食品、饮料", + state: "离线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐口杂质、异物检测", description: "确保罐口区域无杂质或异物，维护产品的质量安全。", @@ -2468,6 +2613,7 @@ export default [ { index: 146, industry: "食品、饮料", + state: "在线", function: "易拉罐空罐表面缺陷检测", deviceSort: "罐口椭圆度检测", description: "测量罐口的椭圆度，保证封口的准确性和密封性。", @@ -2479,6 +2625,7 @@ export default [ { index: 147, industry: "食品、饮料", + state: "离线", function: "易拉罐空罐表面缺陷检测", deviceSort: "灌口高度一致性、凹陷 ( 内凹，外凹 )检测", description: @@ -2491,6 +2638,7 @@ export default [ { index: 148, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "开裂缺陷检测", description: "检测陶瓷表面是否有开裂，保证产品的外观和使用寿命。", @@ -2502,6 +2650,7 @@ export default [ { index: 149, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "斑裂缺陷检测", description: @@ -2514,6 +2663,7 @@ export default [ { index: 150, industry: "陶瓷、卫浴、瓷砖", + state: "在线", function: "陶瓷表面缺陷检测", deviceSort: "斑点、脏污缺陷检测", description: @@ -2526,6 +2676,7 @@ export default [ { index: 151, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "缺釉缺陷检测", description: "识别陶瓷表面的缺釉现象，保持产品的光泽和防污性能。", @@ -2537,6 +2688,7 @@ export default [ { index: 152, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "局部色差缺陷检测", description: @@ -2549,6 +2701,7 @@ export default [ { index: 153, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "多瓷砖拼图色差缺陷检测", description: @@ -2561,6 +2714,7 @@ export default [ { index: 154, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "崩边缺陷检测", description: "检测陶瓷边缘是否有崩边，确保产品的完整性和安全性。", @@ -2572,6 +2726,7 @@ export default [ { index: 155, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "花纹图案缺陷检测", description: "识别花纹图案是否完整无缺，提高产品的美观度。", @@ -2583,6 +2738,7 @@ export default [ { index: 156, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "平整度检测", description: "测量陶瓷表面的平整度，确保铺贴效果和使用性能。", @@ -2594,6 +2750,7 @@ export default [ { index: 157, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "曲线曲面贴合度测量", description: @@ -2606,6 +2763,7 @@ export default [ { index: 158, industry: "陶瓷、卫浴、瓷砖", + state: "离线", function: "陶瓷表面缺陷检测", deviceSort: "尺寸误差检测", description: "确保陶瓷产品的尺寸精度，满足安装和使用的精确要求。", @@ -2617,6 +2775,7 @@ export default [ { index: 159, industry: "通用", + state: "在线", function: "纸箱外包装表面缺陷检测", deviceSort: "长方形纸箱外包装破损检测", description: @@ -2629,6 +2788,7 @@ export default [ { index: 160, industry: "通用", + state: "离线", function: "纸箱外包装表面缺陷检测", deviceSort: "胶带开口检测", description: @@ -2641,6 +2801,7 @@ export default [ { index: 161, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "人员身份识别", description: @@ -2653,6 +2814,7 @@ export default [ { index: 162, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "未带安全帽识别", description: @@ -2665,6 +2827,7 @@ export default [ { index: 163, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "未系安全带识别", description: "识别驾驶员或乘客是否系安全带，提升交通安全。", @@ -2676,6 +2839,7 @@ export default [ { index: 164, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "违规登高识别", description: @@ -2688,6 +2852,7 @@ export default [ { index: 165, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "未穿工作服识别", description: @@ -2700,6 +2865,7 @@ export default [ { index: 166, industry: "通用", + state: "在线", function: "人员及设备安全识别", deviceSort: "未戴口罩识别", description: @@ -2712,6 +2878,7 @@ export default [ { index: 167, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "吸烟识别", description: "检测非吸烟区域内是否有人吸烟，维护公共环境。", @@ -2723,6 +2890,7 @@ export default [ { index: 168, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "接打电话识别", description: @@ -2735,6 +2903,7 @@ export default [ { index: 169, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "离岗检测", description: "监控关键岗位人员是否离岗，保证工作连续性和效率。", @@ -2746,6 +2915,7 @@ export default [ { index: 170, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "睡岗检测", description: "识别监控区域内是否有人员睡岗，保障工作质量和安全。", @@ -2757,6 +2927,7 @@ export default [ { index: 171, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "仪表读数", description: "自动读取仪表盘数据，提高数据采集的准确性和效率。", @@ -2768,6 +2939,7 @@ export default [ { index: 172, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "明火、烟雾识别", description: "实时检测明火或烟雾，快速响应以防火灾。", @@ -2779,6 +2951,7 @@ export default [ { index: 173, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "设备开合状态识别", description: "监测设备的开合状态，确保设备正常运行。", @@ -2790,6 +2963,7 @@ export default [ { index: 174, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "设备跑冒滴漏识别", description: "检测工业设备是否存在跑冒滴漏现象，维护生产安全。", @@ -2801,6 +2975,7 @@ export default [ { index: 175, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "标识牌脱落识别", description: "监测安全标识牌是否脱落，确保信息传递的有效性。", @@ -2812,6 +2987,7 @@ export default [ { index: 176, industry: "通用", + state: "在线", function: "人员及设备安全识别", deviceSort: "工器具遗留识别", description: "识别作业区域内是否有工具遗留，防止安全隐患。", @@ -2823,6 +2999,7 @@ export default [ { index: 177, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "虚拟电子围栏与越界识别", description: @@ -2835,6 +3012,7 @@ export default [ { index: 178, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "人员跌倒识别", description: "实时检测人员跌倒事件，及时响应以提供帮助。", @@ -2846,6 +3024,7 @@ export default [ { index: 179, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "人员尾随识别", description: "防止未授权人员尾随进入限制区域，提高安全管理水平。", @@ -2857,6 +3036,7 @@ export default [ { index: 180, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "人员聚集识别", description: @@ -2869,6 +3049,7 @@ export default [ { index: 181, industry: "通用", + state: "在线", function: "人员及设备安全识别", deviceSort: "多人多姿态操作流程合规性识别", description: @@ -2881,6 +3062,7 @@ export default [ { index: 182, industry: "通用", + state: "离线", function: "人员及设备安全识别", deviceSort: "车牌识别", description: "自动识别车牌号码，用于交通管理和车辆跟踪。", @@ -2892,6 +3074,7 @@ export default [ { index: 183, industry: "机加工、光伏、电子、SMT、手机、锂电池、精密零部件加工", + state: "离线", function: "焊接表面缺陷检测", deviceSort: "焊接机器人焊接定位", description: @@ -2904,6 +3087,7 @@ export default [ { index: 184, industry: "机加工、光伏、电子、SMT、手机、锂电池、精密零部件加工", + state: "离线", function: "焊接表面缺陷检测", deviceSort: "焊接缝循迹跟踪检测", description: @@ -2916,6 +3100,7 @@ export default [ { index: 185, industry: "机加工、光伏、电子、SMT、手机、锂电池、精密零部件加工", + state: "离线", function: "焊接表面缺陷检测", deviceSort: "焊接球过小、过大检测", description: @@ -2928,6 +3113,7 @@ export default [ { index: 186, industry: "机加工、光伏、电子、SMT、手机、锂电池、精密零部件加工", + state: "离线", function: "焊接表面缺陷检测", deviceSort: "开焊缺陷检测", description: @@ -2940,6 +3126,7 @@ export default [ { index: 187, industry: "机加工、光伏、电子、SMT、手机、锂电池、精密零部件加工", + state: "离线", function: "焊接表面缺陷检测", deviceSort: "漏焊缺陷检测", description: @@ -2952,6 +3139,7 @@ export default [ { index: 188, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "划痕缺陷检测", description: @@ -2964,6 +3152,7 @@ export default [ { index: 189, industry: "钢铁、冶金、铸造", + state: "在线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "裂纹缺陷检测", description: @@ -2976,6 +3165,7 @@ export default [ { index: 190, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "网纹缺陷检测", description: @@ -2988,6 +3178,7 @@ export default [ { index: 191, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "过热缺陷检测", description: @@ -3000,6 +3191,7 @@ export default [ { index: 192, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "气泡缺陷检测", description: @@ -3012,6 +3204,7 @@ export default [ { index: 193, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "麻点缺陷检测", description: @@ -3024,6 +3217,7 @@ export default [ { index: 194, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "崩边缺陷检测", description: @@ -3036,6 +3230,7 @@ export default [ { index: 195, industry: "钢铁、冶金、铸造", + state: "在线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "夹杂缺陷检测", description: @@ -3048,6 +3243,7 @@ export default [ { index: 196, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "折叠缺陷检测", description: @@ -3060,6 +3256,7 @@ export default [ { index: 197, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "结疤缺陷检测", description: @@ -3072,6 +3269,7 @@ export default [ { index: 198, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "分层缺陷检测", description: @@ -3084,6 +3282,7 @@ export default [ { index: 199, industry: "钢铁、冶金、铸造", + state: "在线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "波浪缺陷检测", description: @@ -3096,6 +3295,7 @@ export default [ { index: 200, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "辊印缺陷检测", description: @@ -3108,6 +3308,7 @@ export default [ { index: 201, industry: "钢铁、冶金、铸造", + state: "离线", function: "卷材、带材、板材表面缺陷检测", deviceSort: "氧化铁皮压入缺陷检测", description: @@ -3120,6 +3321,7 @@ export default [ { index: 202, industry: "钢铁、冶金、铸造", + state: "离线", function: "宽厚板智能组板及智能剪切", deviceSort: "确定最佳剪切线位置", description: @@ -3132,6 +3334,7 @@ export default [ { index: 203, industry: "钢铁、冶金、铸造", + state: "离线", function: "宽厚板智能组板及智能剪切", deviceSort: "智能组板", description: @@ -3144,6 +3347,7 @@ export default [ { index: 204, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "氧化铁皮缺陷检测", description: @@ -3156,6 +3360,7 @@ export default [ { index: 205, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "表面裂纹缺陷检测", description: @@ -3168,6 +3373,7 @@ export default [ { index: 206, industry: "钢铁、冶金、铸造", + state: "在线", function: "高温连铸板坯表面缺陷检测", deviceSort: "划伤缺陷检测", description: @@ -3180,6 +3386,7 @@ export default [ { index: 207, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "毛刺缺陷检测", description: @@ -3192,6 +3399,7 @@ export default [ { index: 208, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "重接缺陷检测", description: @@ -3204,6 +3412,7 @@ export default [ { index: 209, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "双浇缺陷检测", description: @@ -3216,6 +3425,7 @@ export default [ { index: 210, industry: "钢铁、冶金、铸造", + state: "离线", function: "高温连铸板坯表面缺陷检测", deviceSort: "振痕缺陷检测", description: @@ -3228,6 +3438,7 @@ export default [ { index: 211, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "3D尺寸误差检测", description: @@ -3240,6 +3451,7 @@ export default [ { index: 212, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "几何尺寸缺陷检测", description: @@ -3252,6 +3464,7 @@ export default [ { index: 213, industry: "钢铁、冶金、铸造", + state: "在线", function: "重轨、H型钢表面缺陷检测", deviceSort: "输出侧缺陷检测", description: @@ -3264,6 +3477,7 @@ export default [ { index: 214, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "轧制缺陷检测", description: @@ -3276,6 +3490,7 @@ export default [ { index: 215, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "表面痕迹缺陷检测", description: @@ -3288,6 +3503,7 @@ export default [ { index: 216, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "坯料缺陷检测", description: @@ -3300,6 +3516,7 @@ export default [ { index: 217, industry: "钢铁、冶金、铸造", + state: "离线", function: "重轨、H型钢表面缺陷检测", deviceSort: "其他缺陷检测", description: @@ -3312,6 +3529,7 @@ export default [ { index: 218, industry: "钢铁、冶金、铸造", + state: "离线", function: "废钢识别", deviceSort: "废钢识别定级", description: @@ -3324,6 +3542,7 @@ export default [ { index: 219, industry: "银行、营业厅", + state: "在线", function: "人员违规检测", deviceSort: "加班人员检测", description: @@ -3336,6 +3555,7 @@ export default [ { index: 220, industry: "银行、营业厅", + state: "离线", function: "人员违规检测", deviceSort: "上班玩手机检测", description: @@ -3348,6 +3568,7 @@ export default [ { index: 221, industry: "银行、营业厅", + state: "离线", function: "人员违规检测", deviceSort: "上班打瞌睡检测", description: @@ -3360,6 +3581,7 @@ export default [ { index: 222, industry: "银行、营业厅", + state: "离线", function: "人员违规检测", deviceSort: "上班看书报检测", description: @@ -3372,6 +3594,7 @@ export default [ { index: 223, industry: "银行、营业厅", + state: "离线", function: "人员违规检测", deviceSort: "上班吃东西检测", description: @@ -3384,6 +3607,7 @@ export default [ { index: 224, industry: "银行、营业厅", + state: "在线", function: "人员违规检测", deviceSort: "上班串岗、聊天检测", description: @@ -3396,6 +3620,7 @@ export default [ { index: 225, industry: "银行、营业厅", + state: "离线", function: "人员违规检测", deviceSort: "上班吸烟检测", description: @@ -3408,6 +3633,7 @@ export default [ { index: 226, industry: "银行、营业厅", + state: "离线", function: "常规检查", deviceSort: "头饰规范检测", description: @@ -3420,6 +3646,7 @@ export default [ { index: 227, industry: "银行、营业厅", + state: "离线", function: "常规检查", deviceSort: "着装合规性检测", description: @@ -3432,6 +3659,7 @@ export default [ { index: 228, industry: "银行、营业厅", + state: "离线", function: "常规检查", deviceSort: "桌面钞票额度检测", description: @@ -3444,6 +3672,7 @@ export default [ { index: 229, industry: "银行、营业厅", + state: "在线", function: "ATM机检测", deviceSort: "ATM机读卡器检测", description: @@ -3456,6 +3685,7 @@ export default [ { index: 230, industry: "银行、营业厅", + state: "离线", function: "ATM机检测", deviceSort: "ATM机表面广告张贴检测", description: @@ -3468,6 +3698,7 @@ export default [ { index: 231, industry: "银行、营业厅", + state: "离线", function: "ATM机检测", deviceSort: "ATM机室内卫生检测", description: @@ -3480,6 +3711,7 @@ export default [ { index: 232, industry: "银行、营业厅", + state: "离线", function: "操作动作及流程合规性检测", deviceSort: "大厅自助机操作合规性检测", description: @@ -3492,6 +3724,7 @@ export default [ { index: 233, industry: "银行、营业厅", + state: "离线", function: "操作动作及流程合规性检测", deviceSort: "消防器材巡检操作合规性检测", description: @@ -3504,6 +3737,7 @@ export default [ { index: 234, industry: "银行、营业厅", + state: "在线", function: "操作动作及流程合规性检测", deviceSort: "机房巡检操作合规性检测", description: @@ -3516,6 +3750,7 @@ export default [ { index: 235, industry: "银行、营业厅", + state: "离线", function: "操作动作及流程合规性检测", deviceSort: "ATM装钞动作及流程合规性检测", description: @@ -3528,6 +3763,7 @@ export default [ { index: 236, industry: "机加工、电子、手机、精密零部件加工、汽车", + state: "离线", function: "螺纹缺陷检测", deviceSort: "螺纹无牙缺陷检测", description: @@ -3540,6 +3776,7 @@ export default [ { index: 237, industry: "机加工、电子、手机、精密零部件加工、汽车", + state: "离线", function: "螺纹缺陷检测", deviceSort: "螺纹偏牙缺陷检测", description: @@ -3552,6 +3789,7 @@ export default [ { index: 238, industry: "机加工、电子、手机、精密零部件加工、汽车", + state: "离线", function: "螺纹缺陷检测", deviceSort: "螺纹内杂物检测", description: @@ -3564,6 +3802,7 @@ export default [ { index: 239, industry: "机加工、电子、手机、精密零部件加工、汽车", + state: "在线", function: "螺纹缺陷检测", deviceSort: "螺纹孔定位", description: @@ -3576,6 +3815,7 @@ export default [ { index: 240, industry: "机加工、电子、手机、精密零部件加工、汽车", + state: "离线", function: "螺纹缺陷检测", deviceSort: "螺纹孔径尺寸测量", description: @@ -3588,6 +3828,7 @@ export default [ { index: 241, industry: "光伏", + state: "离线", function: "光伏电池片表面缺陷检测", deviceSort: "隐裂缺陷检测", description: @@ -3600,6 +3841,7 @@ export default [ { index: 242, industry: "光伏", + state: "离线", function: "光伏电池片表面缺陷检测", deviceSort: "黑片缺陷检测", description: @@ -3612,6 +3854,7 @@ export default [ { index: 243, industry: "光伏", + state: "在线", function: "光伏电池片表面缺陷检测", deviceSort: "短路缺陷检测", description: @@ -3624,6 +3867,7 @@ export default [ { index: 244, industry: "光伏", + state: "离线", function: "光伏电池片表面缺陷检测", deviceSort: "虚焊缺陷检测", description: @@ -3636,6 +3880,7 @@ export default [ { index: 245, industry: "光伏", + state: "离线", function: "光伏电池片表面缺陷检测", deviceSort: "裂纹缺陷检测", description: @@ -3648,6 +3893,7 @@ export default [ { index: 246, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "开路缺陷检测", description: @@ -3660,6 +3906,7 @@ export default [ { index: 247, industry: "PCB", + state: "在线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "断路缺陷检测", description: @@ -3672,6 +3919,7 @@ export default [ { index: 248, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "刻蚀过度缺陷检测", description: @@ -3684,6 +3932,7 @@ export default [ { index: 249, industry: "PCB", + state: "在线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "树脂气泡缺陷检测", description: @@ -3696,6 +3945,7 @@ export default [ { index: 250, industry: "PCB", + state: "在线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "打孔不良检测", description: @@ -3708,6 +3958,7 @@ export default [ { index: 251, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "压板缺陷检测", description: @@ -3720,6 +3971,7 @@ export default [ { index: 252, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "喷锡缺陷检测", description: @@ -3732,6 +3984,7 @@ export default [ { index: 253, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "锡珠缺陷检测", description: @@ -3744,6 +3997,7 @@ export default [ { index: 254, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "白斑缺陷检测", description: @@ -3756,6 +4010,7 @@ export default [ { index: 255, industry: "PCB", + state: "在线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "堵孔缺陷检测", description: @@ -3768,6 +4023,7 @@ export default [ { index: 256, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "胶渣缺陷检测", description: @@ -3780,6 +4036,7 @@ export default [ { index: 257, industry: "PCB", + state: "离线", function: "印刷电路板（PCB）表面缺陷检测", deviceSort: "漏铜缺陷检测", description: diff --git a/package.json b/package.json index 6a11dd4..44071d1 100644 --- a/package.json +++ b/package.json @@ -56,7 +56,9 @@ "vue": "^3.3.4", "vue-i18n": "^9.2.2", "vue-router": "^4.2.2", - "vue-types": "^5.1.0" + "vue-types": "^5.1.0", + "v3-infinite-loading": "^1.2.2", + "vue-waterfall-plugin-next": "^2.2.1" }, "devDependencies": { "@commitlint/cli": "^17.6.6", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 34d72d7..52e73f4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -80,6 +80,9 @@ dependencies: swiper: specifier: ^11.0.5 version: 11.0.5 + v3-infinite-loading: + specifier: ^1.2.2 + version: 1.2.2 vue: specifier: ^3.3.4 version: 3.3.4 @@ -92,6 +95,9 @@ dependencies: vue-types: specifier: ^5.1.0 version: 5.1.0(vue@3.3.4) + vue-waterfall-plugin-next: + specifier: ^2.2.1 + version: 2.2.1(vue@3.3.4) devDependencies: "@commitlint/cli": @@ -9474,6 +9480,13 @@ packages: hasBin: true dev: true + /v3-infinite-loading@1.2.2: + resolution: + { + integrity: sha512-MWJc6yChnqeUasBFJ3Enu8IGPcQgRMSTrAEtT1MsHBEx+QjwvNTaY8o+8V9DgVt1MVhQSl3MC55hsaWLJmpRMw== + } + dev: false + /v8-compile-cache-lib@3.0.1: resolution: { @@ -9724,6 +9737,33 @@ packages: vue: 3.3.4 dev: false + /vue-waterfall-plugin-next@2.2.0(vue@3.3.4): + resolution: + { + integrity: sha512-rhrTdAlBnMWWt6737L+E08A7itgK3wHTy1NsSDgR9EPiBPuHYlth8jL2/hp2gIMAS4XUxJBtitfNUyK5qynkEA== + } + dependencies: + animate.css: 4.1.1 + element-plus: 2.3.6(vue@3.3.4) + transitivePeerDependencies: + - "@vue/composition-api" + - vue + dev: false + + /vue-waterfall-plugin-next@2.2.1(vue@3.3.4): + resolution: + { + integrity: sha512-wEPT9D9VLTPWxGKrIusBxj9JVyXyXU6RLEqKIm3mJt/DeaTUvKu0sZjLOKK9UztkcJV2LaRALwRoCDOOKbLsiw== + } + dependencies: + animate.css: 4.1.1 + element-plus: 2.3.6(vue@3.3.4) + vue-waterfall-plugin-next: 2.2.0(vue@3.3.4) + transitivePeerDependencies: + - "@vue/composition-api" + - vue + dev: false + /vue@3.3.4: resolution: { diff --git a/src/assets/dataScreen/modelList/error.png b/src/assets/dataScreen/modelList/error.png new file mode 100644 index 0000000000000000000000000000000000000000..aabee2d57798ef092ff81190e8faf322741067c6 GIT binary patch literal 1527 zcmVPx)u}MThRA@u(SzT-tRTMtw&Ms)_53#hJduG>Ipbtbe3Yv(T$b%8Vs3B1idEh}b zXe1E?qrpUYF$RAy8viljMHGoKU<7?IYW(5BVvG`fP*cP1z0<1ImM+C^J9Et4>^9Tw z?#?XJ#*pkyCcAs*obR0PocnX`U4-+z;d$;qGzk3P8Ej;rk%5>IXbhp40gSC)GXt4S z=E6iG(VWlcTZ9nJ<^h0aL~KFC!gup9b4%&F={LWbdB|~`4M7jJ);j^0e{Cw2Iv&KCMnG%56#$-( zV+;`|q?E}LhU>Z=%=||j%%bi#BHCM%fa|(Dn0ZfJV~DszO8IOc1D^rF$~d@)_^6cf znXn9O27p)N7%J)x648P{79M2gmt*2SKt!*F5x55c-i~Rgq<%jUy=i{T&@kFSLsZ5xnQwC(=fki$a04@cJ`)6d-@h@HN_}duGMUUu%d!lC zY0WH?0C2+h{Tw2$27vih4zX;2~GDJKv0|ferXknD-6Vc>qn9XLdK*U!NaYeZg z%)H!jobPH9$Ye5$EzA0)9srchfd9Q~y|&HChLO14LA)c}nBlECN!>+ry$?wDCO=U0IfaVE|~Ykb$Oj zI&JEx$yTuza$Psi%#%B52$?&G=>3vRHk*A!2(gNYZZdtcMTj`1&QVI4tZXz!wbn}j;HNOGu=mXTx8peN zkqBt5O%ZlU7^sv6b} ztk&9;$?I$2>?NXYkqEf1yNj8t9l-w~qR>5}UP7l%om!emBuu4Q5gQSAODU(+OvXmV zNnG4bCy#?=&J@<;!NEbZ)wkyJ`Bu;K+Jq3Th}i1;e&N%s^QK7CT0a2*IcCmTmNhal zF_9BOjF{iaWO8J5bTrr0)HKrB*_o?VGx@&1J(Ws57byc;Yctl~s5gp1c_GC5@$vD) zb=Fn2OirHefD2&GaLzc%%p-|JBA3tS&m@yc dxaWNa{sYIBQ%}%+mMj1O002ovPDHLkV1m5u+=l=F literal 0 HcmV?d00001 diff --git a/src/assets/dataScreen/modelList/generalIndustry.svg b/src/assets/dataScreen/modelList/generalIndustry.svg new file mode 100644 index 0000000..3ba4378 --- /dev/null +++ b/src/assets/dataScreen/modelList/generalIndustry.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/inUsed.svg b/src/assets/dataScreen/modelList/inUsed.svg new file mode 100644 index 0000000..aca525f --- /dev/null +++ b/src/assets/dataScreen/modelList/inUsed.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/loading.png b/src/assets/dataScreen/modelList/loading.png new file mode 100644 index 0000000000000000000000000000000000000000..8f9e6649ca93cff5d39516b1732a4f0fef483b25 GIT binary patch literal 1302 zcmV+x1?l>UP)Px(&`Cr=RA@u(nO$gHMHI*X=iUuTL~4unO;NB~zvzP?N=&?SW)njrjf#lYV(F7Y zwTej5`k?JoOHmLN#NtB>8Y_y3ZC7Y_@66qe2({uv!CLj9Rs|99MZrckb7aD9xLG!v zO?K<RH)H|N|rXU-+`_@ExQAC~~C9<bJIZ( zlqxWPUu>AR0K{>8HxW$(_!NKwuo}QA50QfT<6^+H3*coU+5=z=fH%}bL@AhaBJ#P1 znVFfH9v>h7xm_@A0Wijt01Pwpg8B0K{EcB4PSn77+Yfs0gke~UqUeWKU|I$+#@q(r zG!Y$9N=?Rbyp@O^2XGX?F=qbJ8(1op)|AWTNg|pQ5nTy0|Hz8SM-`aU%Y|tNz_S1z z0Pq?!A2r4tCZaWILqz0D5&1xCeYX04k|Yz(xk&))E1~8eopa6|3d8W2QtGQ_U|I%f zW|2lRg+k$aA{r;6dja_0U`qZVfI~{DgovcxJaYhrLSc6h1W&hW%yRXa`KmaM@6%cz ztLhqKMnz;}1;~fze5&y<{r&wP4h;?cQ~fgy@CtzZa*bH2JP~Q7R9M-(Z6Z=6q9QZD zTb;95EUqn=%bSR36M*rQcjiJZo6YX71-PO5(yi36X7sGJ?*n)=1>iStZivXg9>l-c zTI&Pp`HIEj?X$D99%gqYlUYA9GV*<00KY5E7_t%>ziW*E>dg7Ih#aWGSZj}q$UV$F z;AQIq__AOn#x14eoZGVk06*<%X5L_oxr>Mj&N=U$ZM_7ri<$QsW1a`_Y7hkDQ4}5T z8Gv%ReC^oS*m+~jCjcHyXZ)@YAtL%yDRpHW$F~BA0i4lV`&w&mbUlEGysfp~9>?($ zMDz|3J*kwMKb^WB0Kf<{Pg`pbiOANzzP?q%!^3~|j0b$YpEz;iicBWsk5g!^*QHOp zZuh`ZX5M72-7F$gM6_2a^-|9Oh{zVL^^`H@EdWmiL9ii;q6H;)$30+-@nuBa%wIh& zjWOT&vYVMNt4)?&3qV9Cl~Q*W3I!bmL4k;-lu}!I1^_@c`|btsqQA*0rH=FrKsEbX zYkg(vkJ7rAuWk*YpP2bNW6U}tI_vKW%*^$Q#cl<7otdAD<9H_#?I)sVlu~c@62M&c zHOAxsYy_~Dnd>&jI_`nWm2&<@2H*lS59V^Y{(*sk--96dO)2F&7j;L+0c!I=rTy}l zG3F5fhec$+*7}8>0RZqYGk@&+O8`8?9n5^HX8=;!_ZJaat+l?q(N(qMAr!~4kMH|^ zqN>FIXp$sD&bcoDyvNMGO}XgkI6&I6BuOTtDEiD=yI(|h20`#p6h;0TxjcYI3hj87 zZmZOr&lqzCz)g!~-zCfGb{N@cjz$1Ul3e4QJ5NNhQYyQYEgkR7)f#B6-60}x0NBCI z{vOb9bR$5)e?M@}U7gKlf9-mJN+!MlV7gL1_^#l0%zX1w#{1_BJm8$$-i%VKGGQ1F zFVft#m5&|!n0Z$->(qu&GdgXNAtL9y(|)pCF1KoMaBzZ%CPc)4xtYjjvnQKbXb!*_ zGvDcIMyXvg%@xz2V2$u57T|!UYgGLvj6}9 M07*qoM6N<$g41qqOaK4? literal 0 HcmV?d00001 diff --git a/src/assets/dataScreen/modelList/mechanicalIndustry.svg b/src/assets/dataScreen/modelList/mechanicalIndustry.svg new file mode 100644 index 0000000..071efb9 --- /dev/null +++ b/src/assets/dataScreen/modelList/mechanicalIndustry.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/modelIndustry.svg b/src/assets/dataScreen/modelList/modelIndustry.svg new file mode 100644 index 0000000..8cf19f3 --- /dev/null +++ b/src/assets/dataScreen/modelList/modelIndustry.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/modelListTitle.svg b/src/assets/dataScreen/modelList/modelListTitle.svg new file mode 100644 index 0000000..2b1620b --- /dev/null +++ b/src/assets/dataScreen/modelList/modelListTitle.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/modelVersion.svg b/src/assets/dataScreen/modelList/modelVersion.svg new file mode 100644 index 0000000..e3498c6 --- /dev/null +++ b/src/assets/dataScreen/modelList/modelVersion.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/notUsed.svg b/src/assets/dataScreen/modelList/notUsed.svg new file mode 100644 index 0000000..0f15122 --- /dev/null +++ b/src/assets/dataScreen/modelList/notUsed.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/dataScreen/modelList/phoneIndustry.svg b/src/assets/dataScreen/modelList/phoneIndustry.svg new file mode 100644 index 0000000..f8e4d28 --- /dev/null +++ b/src/assets/dataScreen/modelList/phoneIndustry.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/pages/dataScreen/views/modelList/api.ts b/src/pages/dataScreen/views/modelList/api.ts new file mode 100644 index 0000000..7e3439c --- /dev/null +++ b/src/pages/dataScreen/views/modelList/api.ts @@ -0,0 +1,38 @@ +export function randomID(length = 6) { + return Number( + Math.random().toString().substr(3, length) + Date.now() + ).toString(36); +} + +const COLORS = ["#409EFF", "#67C23A", "#E6A23C", "#F56C6C", "#909399"]; + +function getRandomNum(min: number, max: number) { + return Math.floor(Math.random() * (max - min + 1)) + min; +} + +function randomColor() { + return COLORS[getRandomNum(0, 4)]; +} + +const website = "https://www.getphotoblanket.com"; + +export const getList = ({ page = 1, pageSize = 20 }) => { + const url = `${website}/products.json?page=${page}&limit=${pageSize}`; + return fetch(url) + .then(res => res.json()) + .then(res => res.products) + .then(res => { + return res.map((item: any) => { + return { + id: randomID(), + star: false, + price: item.variants[0].price, + src: { + original: item.images[0].src + }, + backgroundColor: randomColor(), + name: item.title + }; + }); + }); +}; diff --git a/src/pages/dataScreen/views/modelList/modelList.scss b/src/pages/dataScreen/views/modelList/modelList.scss index 0ee42ae..11bd770 100644 --- a/src/pages/dataScreen/views/modelList/modelList.scss +++ b/src/pages/dataScreen/views/modelList/modelList.scss @@ -9,4 +9,145 @@ .banner_side_right { transform: rotateY(180deg); } + .model-list-mid { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + .model-list-title { + width: 554px; + height: 60px; + background: url("@/assets/dataScreen/modelList/modelListTitle.svg") + no-repeat center center; + font-size: 28px; + line-height: 40px; + text-align: center; + span { + font-size: 36px; + color: #00e1ff; + } + } + .model-list-box { + .model-box-inUsed, + .model-box-notUsed { + box-sizing: border-box; + position: relative; + padding: 65px 20px 24px; + margin-top: 40px; + margin-bottom: 4px; + width: 100%; + height: 172px; + background: linear-gradient( + 180deg, + rgba(255, 207, 95, 0.4) 0%, + rgba(255, 207, 95, 0) 100% + ); + background-image: url("@/assets/dataScreen/modelList/inUsed.svg"); + background-repeat: no-repeat; + .model-box-state { + position: absolute; + top: 0; + right: 0; + width: 48px; + height: 24px; + background: #faad14; + font-size: 12px; + color: #fff; + text-align: center; + line-height: 24px; + border-radius: 8px 0px 8px 0px; + } + .model-box-title { + margin-bottom: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + .model-box-name { + white-space: nowrap; + max-width: 8em; + overflow: hidden; + text-overflow: ellipsis; + font-size: 16px; + } + .model-box-type, + .model-box-type-deep { + margin-left: 16px; + width: 56px; + height: 20px; + background: linear-gradient(180deg, #21c7ff 0%, #428cff 100%); + border-radius: 2px; + font-size: 12px; + text-align: center; + line-height: 20px; + } + .model-box-type-deep { + background: linear-gradient(180deg, #ffb21a 0%, #ff9b3e 100%); + } + } + .model-box-version, + .model-box-industry { + display: flex; + align-items: center; + justify-content: flex-start; + font-size: 14px; + color: #fff; + + .model-box-version-icon { + margin-right: 8px; + width: 16px; + height: 16px; + background: url("@/assets/dataScreen/modelList/modelVersion.svg") + no-repeat center center; + } + .model-box-industry-icon { + margin-right: 8px; + width: 16px; + height: 16px; + background: url("@/assets/dataScreen/modelList/modelIndustry.svg") + no-repeat center center; + } + .model-box-industry-describe { + white-space: nowrap; + max-width: 14em; + overflow: hidden; + text-overflow: ellipsis; + } + } + .model-box-version { + margin-bottom: 8px; + } + .model-box-icon, + .model-box-icon-phone, + .model-box-icon-mechanical { + position: absolute; + top: -40px; + left: 91px; + width: 72px; + height: 88px; + background: url("@/assets/dataScreen/modelList/generalIndustry.svg") + no-repeat center center; + } + .model-box-icon-phone { + background: url("@/assets/dataScreen/modelList/phoneIndustry.svg") + no-repeat center center; + } + .model-box-icon-mechanical { + background: url("@/assets/dataScreen/modelList/mechanicalIndustry.svg") + no-repeat center center; + } + } + .model-box-notUsed { + width: 100%; + height: 172px; + background: linear-gradient( + 180deg, + #07428e 0%, + rgba(7, 66, 142, 0) 100% + ); + background-image: url("@/assets/dataScreen/modelList/notUsed.svg"); + background-repeat: no-repeat; + } + } + } } diff --git a/src/pages/dataScreen/views/modelList/modelList.vue b/src/pages/dataScreen/views/modelList/modelList.vue index 35b98b7..4cab6f3 100644 --- a/src/pages/dataScreen/views/modelList/modelList.vue +++ b/src/pages/dataScreen/views/modelList/modelList.vue @@ -1,13 +1,218 @@