无人机管理后台前端(已迁走)
张含笑
2025-06-09 ef985aaf6ca14d1170e8bfe1b8720ca2f828c8e1
feat:名称编辑
1 files modified
35 ■■■■ changed files
src/views/dataCenter/dataCenter.vue 35 ●●●● patch | view | raw | blame | history
src/views/dataCenter/dataCenter.vue
@@ -76,9 +76,14 @@
                                            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>
@@ -266,6 +271,28 @@
  }
}
.title-input {
    margin-bottom: 0 !important;
width: 50%;}
    .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>