fix: 解决所属者信息邮箱过长的问题

src/components/OwnerCard.vue

@@ -24,7 +24,15 @@
       <el-col :span="6">
         <span class="item-title">email:</span>
       </el-col>
-      <el-col :span="18">{{ownerInfo.email}}</el-col>
+      <el-col :span="18" class="ellipsis">
+        <el-tooltip
+          effect="light"
+          :content="ownerInfo.email"
+          placement="bottom"
+        >
+          <span>{{ownerInfo.email}}</span>
+        </el-tooltip>
+      </el-col>
     </el-row>
     <el-row class="item">
       <el-col :span="5">
@@ -73,6 +81,12 @@ export default {
     &-title {
       font-weight: bold;
     }
+    .ellipsis{
+      overflow: hidden;    
+      text-overflow: ellipsis;    
+      white-space: nowrap;
+      display: inline-block;
+    }
   }
   .item:nth-child(1) {
     margin-top: 10px;

src/views/DeploymentManage.vue

@@ -3,7 +3,7 @@
     <div class="title">部署管理</div>
     <div class="body">
       <el-table
-        :data="deployments"
+        :data="deployments.filter(data => !search || data.namespace.includes(search))"
         :height="'70vh'"
         :header-cell-style="{'text-align':'center'}"
         :cell-style="{'text-align':'center', 'cursor': 'pointer'}"
@@ -39,6 +39,21 @@
           width="250"
           sortable>
         </el-table-column>
+        <el-table-column
+          align="right">
+          <template slot="header">
+            <el-input
+              v-model="search"
+              size="mini"
+              placeholder="输入关键字搜索"/>
+          </template>
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="primary"
+              @click="viewDetails(scope.row)">查看详情</el-button>
+          </template>
+        </el-table-column>
       </el-table>
     </div>
     <div class="footer">
@@ -66,7 +81,8 @@ export default {
       pageTotal: 0,
       pageSize: 10,
       currentPage: 1,
-      deployments: []
+      deployments: [],
+      search: ''
     }
   },
   computed: {