修改

src/components/setup/uploadSettings.vue

@@ -8,16 +8,19 @@
         </div>
         <div class='table-body'>
           <el-table :data="tableData" v-loading="loading" border style="width: 100%">
-            <el-table-column fixed prop="Bucket" label="存储位置" width="519">
+            <el-table-column label="类型">
               <template slot-scope="scope">
+                <img v-if="scope.row.StoreType==1" style="width:60px;" src="../../assets/img/tcent.jpg" alt=""/>
+                <img v-if="scope.row.StoreType==2" style="width:115px;" src="../../assets/img/aliyun.png" alt="">
                 <div style="position:relative">
-                  {{scope.row.Bucket}}
-                  <img v-if="scope.row.IsDefault==1" style="position:absolute;left:-10px;top:-58px;width:60px;" src="../../assets/img/userman/select.png"/>
+                  <img v-if="scope.row.IsDefault==1" :class="{'uploadTencent':scope.row.StoreType==1,'uploadAli':scope.row.StoreType==2}" 
+                   src="../../assets/img/userman/select.png"/>
                 </div>
               </template>
             </el-table-column>
-
-            <el-table-column fixed label="使用中" width="568">
+            <el-table-column prop="Bucket" label="存储位置" width="400">
+            </el-table-column>
+            <el-table-column label="使用中" width="568">
               <template slot-scope="scope">
                 <div v-if="scope.row.StoreType==1">
                   <div>空间名称（Bucket）:{{scope.row.Bucket}}</div>
@@ -26,14 +29,14 @@
                   <div>SecretId:{{scope.row.SecretId}}</div>
                   <div>SecretKey:{{scope.row.SecretKey}}</div>
                 </div>
-                <div v-if="scope.row.StoreType==2">
+                <div v-if="scope.row.StoreType==3">
                   <div>存储空间名称（Bucket）:{{scope.row.Bucket}}</div>
                   <div>绑定域名:{{scope.row.Region}}</div>
                   <div>AccessKey（AK）:{{scope.row.SecretId}}</div>
                   <div>SecretKey（SK）:{{scope.row.SecretKey}}</div>
                   <div>图片样式接口:{{scope.row.ImgStyle}}</div>
                 </div>
-                <div v-if="scope.row.StoreType==3">
+                <div v-if="scope.row.StoreType==2">
                   <div>空间名称（Bucket）:{{scope.row.Bucket}}</div>
                   <div>所属地域:{{scope.row.Region}}</div>
                   <div>自定义域名:{{scope.row.CustomDomain}}</div>
@@ -342,4 +345,16 @@
   .uploadSettings .el-table .cell{
     overflow: visible;
   }
+  .uploadSettings .uploadTencent{
+    position:absolute;
+    left:-10px;
+    top:-103px;
+    width:60px;
+  }
+  .uploadSettings .uploadAli{
+    position:absolute;
+    left:-10px;
+    top:-86px;
+    width:60px;
+  }
 </style>