团队管理页面标题修改

src/views/components/input-cell.vue

@@ -82,7 +82,7 @@ export default Vue.extend({
     }
   },
   created() {
-    this.length = this.value.length || 0
+    this.length = this.value?.length || 0
   },
   methods: {
     checkIfEmpty(string: string) {

src/views/team-management.vue

@@ -11,14 +11,25 @@
         />
         <!-- 名称 -->
         <div class="ml-4 flex-1 text-text-primary">
-          <span>
-            这里是企业名称只有负责人可编辑修改修改
-          </span>
-          <app-icon
-            type="png"
-            :path="require('@/assets/icons/edit.png')"
-            class-name="h-3 w-3 inline-block ml-1"
-          />
+          <div v-if="!isEditing" class="">
+            <span class="break-all">
+              {{ teamName }}
+            </span>
+            <app-icon
+              type="png"
+              :path="require('@/assets/icons/edit.png')"
+              class-name="h-3 w-3 inline-block ml-1"
+              @click="editTeamName"
+            />
+          </div>
+          <input
+            v-else
+            v-model="teamName"
+            ref="teamInput"
+            type="text"
+            class="w-full bg-common-bg"
+            @blur="isEditing = false"
+          >
           <!-- 团队号 -->
           <div class="text-text-secondary text-sm font-medium mt-1.5">
             团队号 ABCDE1234
@@ -51,10 +62,19 @@ export default Vue.extend({
     'c-button': () => import('./components/c-button.vue')
   },
   name: 'TeamManagement',
+  data() {
+    return {
+      teamName: '企业名称',
+      isEditing: false
+    }
+  },
   methods: {
-    // handleClickLeft() {
-    //   console.log('click')
-    // }
+    editTeamName() {
+      this.isEditing = true
+      this.$nextTick(() => {
+        (this.$refs.teamInput as HTMLInputElement).focus()
+      })
+    },
     transferManagement() {
       this.$router.push({
         path: '/team-frame',