Optimize the UI of the item settings page

优化项目设置页面的UI

web_src/src/components/item/setting/Index.vue

@@ -5,7 +5,7 @@
     <el-container>
           <el-card class="center-card">
           <template>
-            <el-button type="text" @click="goback" class="goback-btn " >{{$t('goback')}}</el-button>
+            <el-button type="text" @click="goback" class="goback-btn " ><i class="el-icon-back" ></i></el-button>
             <el-tabs  value="first" type="card">
               <el-tab-pane :label="$t('base_info')" name="first">
 
@@ -121,7 +121,7 @@ export default {
 
 .center-card{
   text-align: center;
-  width: 800px;
+  width: 555px;
   min-height: 600px;
   max-height: 800px;
 }
@@ -134,6 +134,8 @@ export default {
 
 .goback-btn{
   z-index: 999;
-  margin-left: 600px;
+  font-size: 18px;
+  margin-right: 800px;
+  margin-bottom: 5px;
 }
 </style>

web_src/src/components/item/setting/Info.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="hello">
     <el-form  status-icon  label-width="100px" class="infoForm" v-model="infoForm">
-      <el-form-item :label="$t('item_name')+':'" >
+      <el-form-item >
         <el-input type="text" auto-complete="off" v-model="infoForm.item_name" placeholder="" ></el-input>
       </el-form-item>
 
-      <el-form-item :label="$t('item_description')+':'" >
+      <el-form-item  >
         <el-input type="text" auto-complete="off" v-model="infoForm.item_description" placeholder="" ></el-input>
       </el-form-item>
 
@@ -14,7 +14,7 @@
         <el-radio v-model="isOpenItem" :label="false">{{$t('private_item')}}</el-radio>
       </el-form-item>
 
-      <el-form-item :label="$t('visit_password')+':'" v-show="!isOpenItem">
+      <el-form-item  v-show="!isOpenItem">
             <el-input type="password" auto-complete="off"  v-model="infoForm.password"></el-input>
       </el-form-item>
 
@@ -120,7 +120,7 @@ export default {
 
 .infoForm{
   width:350px;
-  margin-left: 160px;
+  margin-left: 20px;
   margin-top: 60px;
 }
 

web_src/src/components/item/setting/Member.vue

@@ -22,7 +22,7 @@
           <el-table-column
             prop="addtime"
             :label="$t('add_time')"
-            width="160">
+            width="100">
           </el-table-column>
           <el-table-column
             prop="member_group"

web_src/src/components/item/setting/OpenApi.vue

@@ -9,9 +9,8 @@
         <el-input type="text" auto-complete="off" :readonly="true" v-model="api_token" placeholder="" ></el-input>
       </el-form-item>
 
-       <el-form-item label="" >
         <el-button type="primary" style="width:100%;" @click="resetKey" >{{$t('reset_token')}}</el-button>
-      </el-form-item>
+
 
     </el-form>
 
@@ -111,7 +110,6 @@ export default {
 
 .infoForm{
   width:470px;
-  margin-left: 90px;
   margin-top: 30px;
 }
 

web_src/src/components/item/setting/Recycle.vue

@@ -3,6 +3,7 @@
     <p class="tips">{{$t("recycle_tips")}}</p>
     <!-- 页面列表 -->
      <el-table align="left"
+           class="recycle-table"
           v-if="lists.length>0"
           :data="lists"
           style="width: 100%">
@@ -118,5 +119,10 @@ export default {
   color: #9ea1a6;
 
 }
+.recycle-table{
+  max-height: 400px;
+  overflow: auto;
+}
+
 
 </style>