feat:文件名编辑样式

张含笑

2025-06-10 dfa8d9daa07bdc3be1f570eca84b87a26d7bded7

 src/views/dataCenter/dataCenter.vue

@@ -76,9 +76,10 @@
                                 clearable
                              />
            </div>
            <div class="editname" @click="editTitle(dialogDetailList)"
              >
              <span v-if="!dialogDetailList.checkedinput"><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>
@@ -191,10 +192,9 @@
  });
};
// 编辑文件名
const editTitle = (val) => {
const editTitle = val => {
  console.log('val',val);
  val.checkedinput = !val.checkedinput
  
  val.checkedinput = !val.checkedinput;
};
</script>

@@ -253,7 +253,8 @@
      }
      .inputEdit {
      display: flex;
      align-items: center;}
        align-items: center;
      }
    }
    div {
      margin-bottom: 20px;
@@ -272,7 +273,11 @@
}
.title-input {
    margin-bottom: 0 !important;
width: 50%;}
  width: 70%;
}
.editname {
  margin-bottom: 0 !important;
}
   .suffixBoxEdit {
                  display: flex;
                  // align-items: center;