From 4c10944e927387eae1d64ecd30631bc370245858 Mon Sep 17 00:00:00 2001 From: zzyuan <781948537@qq.com> Date: Fri, 22 Nov 2024 18:58:17 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87=E7=AE=A1=E7=90=86=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=96=B0=E5=A2=9E=E7=BC=96=E8=BE=91=E5=88=A0=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/lessor/equipment.js | 61 +++ src/views/lessor/equipment/detail.vue | 646 +++++++++++++++++++------- src/views/lessor/equipment/index.vue | 94 ++-- 3 files changed, 587 insertions(+), 214 deletions(-) create mode 100644 src/api/lessor/equipment.js diff --git a/src/api/lessor/equipment.js b/src/api/lessor/equipment.js new file mode 100644 index 00000000..eb49ec69 --- /dev/null +++ b/src/api/lessor/equipment.js @@ -0,0 +1,61 @@ +import request from '@/utils/request' + +//装备列表 +export function getDevList(data) { + return request({ + url: '/material-mall/dev/list', + method: 'post', + data: data, + }) + } + +//装备详细信息 +export function getDevDetail(maId) { + return request({ + url: '/material-mall/dev/getInfo/' + maId, + method: 'get', + }) +} + +//装备新增 +export function addDevice(data) { + return request({ + url: '/material-mall/dev', + method: 'post', + data: data, + }) + } + //装备新增 +export function updateDevice(data) { + return request({ + url: '/material-mall/dev', + method: 'put', + data: data, + }) + } + +//装备装备类目树结构数据 +export function getEquipmentType(query) { + return request({ + url: '/material-mall/maType/getEquipmentType', + method: 'get', + params: query + }) +} + +//装备删除 +export function removeDevice(data) { + return request({ + url: '/material-mall/dev/remove', + method: 'post', + data: data, + }) + } + + + + + + + + diff --git a/src/views/lessor/equipment/detail.vue b/src/views/lessor/equipment/detail.vue index fb7104ef..900e3e97 100644 --- a/src/views/lessor/equipment/detail.vue +++ b/src/views/lessor/equipment/detail.vue @@ -9,7 +9,7 @@ 存草稿 @@ -22,11 +22,15 @@ - +
+ + 基本信息 +
+ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + - + - + - + + value-format="yyyy-MM-dd" + type="date" style="width: 400px;"> - + - + - + - + + + + + + - - 添加描述: + + +
+ + 装备图片 +
+
+
+
+ * + 主展示图: +
+
+ + 上传文件 + +
+
支持格式：.jpg .png，单个文件大小不能超过2M
+
+
+ +
+ +
+ + + + + + + + + +
+

{{ item.fileName }}

+
+
+
+ *注:图片排序为平台展示顺序，不得少于1张，不得多于6张 +
+
+
+
+
+ * + 详情页展示图: +
+
+ + 上传文件 + +
+
支持格式：.jpg .png，单个文件大小不能超过2M
+
+
+ +
+ +
+ + + + + + + + + +
+

{{ item.fileName }}

+
+
+
+ *注:图片排序为平台展示顺序，不得少于1张，不得多于6张 +
+
+ +
+ + 装备证书 +
+
+
+
+ * + 合格证: +
+
+ + 上传文件 + +
+
支持格式：.jpg .png，单个文件大小不能超过2M
+
+
+
+ +
+ + + + + + + + + +
+

{{ item.fileName }}

+
+
+
+
+
+
+ * + 检测证明: +
+
+ + 上传文件 + +
+
支持格式：.jpg .png，单个文件大小不能超过2M
+
+
+
+ +
+ + + + + + + + + +
+

{{ item.fileName }}

+
+
+
+ @@ -218,25 +348,30 @@ - \ No newline at end of file + .title-sign{ + display: inline-block; + width: 4px; + height: 16px; + background: #409EFF; + } + .title-text{ + font-weight: 700; + margin-left: 10px; + } + + .uploadBox{ + margin: 20px 40px; + } + .labelBox{ + width: auto; + height: auto; + display: flex; + align-items: center; + margin-bottom: 20px; + } + .imgsBox{ + width: auto; + height: auto; + display: flex; + align-items: center; + margin-bottom: 30px; + margin-left: 20px; + + .imgItem{ + width: 160px; + height: 160px; + margin-right: 40px; + border: 1px dashed #bbb; + position: relative; + .picture-card{ + width: 160px; + height: 160px; + } + .icon-list{ + width: 60px;height: 20px; + position: absolute; + top: 70px; + left: 40px; + display: flex; + align-items: center; + } + .imgItem__icon{ + margin: 0 5px; + } + .file-name{ + font-size: 10px; + } + } + + .hide{ + display: none; + } + .imgItem:hover .hide{ + display: block; + } + + } + .tipBox{ + color: red; + font-size: 12px; + margin-left: 20px; + } + + .uploadImg { + padding-top: 20px; + display: flex; + align-items: center; + justify-content: center; + } + .deviceCode { + margin-top: 10px; + padding-bottom: 20px; + font-size: 18px; + } + ::v-deep.el-table .fixed-width .el-button--mini { + width: 60px !important; + margin-bottom: 10px; + } + //隐藏图片上传框的css + ::v-deep.disabled { + .el-upload--picture-card { + display: none; + } + } + + \ No newline at end of file diff --git a/src/views/lessor/equipment/index.vue b/src/views/lessor/equipment/index.vue index 8453a1eb..7bf4bf1b 100644 --- a/src/views/lessor/equipment/index.vue +++ b/src/views/lessor/equipment/index.vue @@ -1,33 +1,38 @@