From dfa8d9daa07bdc3be1f570eca84b87a26d7bded7 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 10 Jun 2025 09:45:53 +0800
Subject: [PATCH] feat:文件名编辑样式
---
src/views/dataCenter/dataCenter.vue | 66 ++++++++++++++++++++++++--------
1 files changed, 49 insertions(+), 17 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 9f3f578..2d97ffb 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -69,16 +69,22 @@
dialogDetailList?.filename
}}</span>
<el-input
- v-else
- v-model="dialogDetailList.filename"
- @keyup.enter="saveTitle()"
- class="title-input"
- clearable
- />
+ v-else
+ v-model="dialogDetailList.filename"
+ @keyup.enter="saveTitle()"
+ class="title-input"
+ clearable
+ />
</div>
- <span class="editname" @click="editTitle(dialogDetailList)"
- ><el-icon><Edit /></el-icon
- ></span>
+ <div class="editname" @click="editTitle(dialogDetailList)">
+ <span v-if="!dialogDetailList.checkedinput"
+ ><el-icon><Edit /></el-icon
+ ></span>
+ <div v-else class="suffixBoxEdit">
+ <div class="editText" @click="submitEditSuffix(item, index)">✔</div>
+ <div class="editText" @click="cancelEditSuffix(item, index)">✖</div>
+ </div>
+ </div>
</div>
<div>任务名称：{{ dialogDetailList?.taskname }}</div>
<div>所属区域：{{ dialogDetailList?.address }}</div>
@@ -186,10 +192,9 @@
});
};
// 编辑文件名
-const editTitle = (val) => {
- console.log('val',val);
- val.checkedinput = !val.checkedinput
-
+const editTitle = val => {
+ console.log('val', val);
+ val.checkedinput = !val.checkedinput;
};
</script>
@@ -247,8 +252,9 @@
cursor: pointer;
}
.inputEdit {
- display: flex;
- align-items: center;}
+ display: flex;
+ align-items: center;
+ }
}
div {
margin-bottom: 20px;
@@ -266,6 +272,32 @@
}
}
.title-input {
-
-width: 50%;}
+ margin-bottom: 0 !important;
+ width: 70%;
+}
+.editname {
+ margin-bottom: 0 !important;
+}
+.suffixBoxEdit {
+ display: flex;
+ // align-items: center;
+ justify-content: space-between;
+ margin-bottom: 0 !important;
+ font-size: 16px;
+ > .editText {
+ cursor: pointer;
+ margin-right: 6px;
+ &:hover {
+ transform: scale(1.2);
+ }
+ }
+ .editimg {
+ cursor: pointer;
+ width: 15px;
+ height: 15px;
+ &:hover {
+ transform: scale(1.2);
+ }
+ }
+}
</style>
--
Gitblit v1.9.3