Переглянути джерело

优化省市 用户菜单

guo00guo 5 роки тому
батько
коміт
fcc64def5e

+ 6 - 6
src/components/commons/NProvinceCity.vue

@@ -2,11 +2,11 @@
 <template>
   <div class="province-city">
     <el-form-item
-      label-width="25%"
+      label-width="0%"
       class="page-form-item"
-      label="所属省:"
+      label=""
       prop="status"
-      style="width: calc(50% - 20px)"
+      style="width: calc(30% - 20px);margin-right: 5%"
     >
       <el-select v-model="province" placeholder="请选择" @change="provinceChanged" :disabled="isModifyMode">
 <!--        <el-option :key="''" :label="'全部'" :value="''"></el-option>-->
@@ -14,11 +14,11 @@
       </el-select>
     </el-form-item>
     <el-form-item
-      label-width="20%"
+      label-width="0%"
       class="page-form-item"
-      label="市:"
+      label=""
       prop="status"
-      style="width: calc(50% - 20px);margin-right: 0px"
+      style="width: calc(30% - 20px);margin-right: 0px"
     >
       <el-select v-model="city" :loading="loadingCity" @change="cityChanged" placeholder="请选择" :disabled="isModifyMode">
         <el-option :key="''" :label="'请选择'" :value="''"></el-option>

+ 4 - 4
src/components/commons/ProvinceCity.vue

@@ -2,11 +2,11 @@
 <template>
   <div class="province-city">
     <el-form-item
-      label-width="25%"
+      label-width="20%"
       class="page-form-item"
-      label="所属省:"
+      label="省:"
       prop="status"
-      style="width: calc(50% - 20px)"
+      style="width: calc(20% - 20px)"
     >
       <el-select v-model="province" placeholder="请选择" @change="provinceChanged" :disabled="isModifyMode">
 <!--        <el-option :key="''" :label="'全部'" :value="''"></el-option>-->
@@ -18,7 +18,7 @@
       class="page-form-item"
       label="市:"
       prop="status"
-      style="width: calc(50% - 20px);margin-right: 0px"
+      style="width: calc(30% - 20px);margin-right: 0px"
     >
       <el-select v-model="city" :loading="loadingCity" @change="cityChanged" placeholder="请选择" :disabled="isModifyMode">
         <el-option :key="''" :label="'请选择'" :value="''"></el-option>

+ 4 - 4
src/components/project/Project.vue

@@ -251,12 +251,12 @@
               <span>{{ scope.row.title }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="datetime" sortable label="任务截止时间">
+          <el-table-column align="center" prop="datetime" sortable label="任务截止时间">
             <template slot-scope="scope">
               <span>{{reformDate(new Date(scope.row.datetime))}}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="resource" label="任务可见性">
+          <el-table-column align="center" prop="resource" label="任务可见性">
             <template slot-scope="scope">
               <div v-if="scope.row.resource=='1'">{{scope.row.location.provinceCode}}/{{scope.row.location.cityCode}}
               </div>
@@ -264,7 +264,7 @@
               <div v-if="scope.row.resource=='2'">{{resourceType[scope.row.resource]}}</div>
             </template>
           </el-table-column>
-          <el-table-column prop="type" label="测试类型">
+          <el-table-column align="center" prop="type" label="测试类型">
             <template slot-scope="scope">
               <div class="badge">{{scope.row.serviceType}}</div>
             </template>
@@ -275,7 +275,7 @@
             </template>
           </el-table-column>
 
-          <el-table-column align="right" label="操作">
+          <el-table-column align="center" label="操作">
 
             <template slot-scope="scope">
               <div

+ 1 - 1
src/pages/UserCenter/Mine.vue

@@ -37,7 +37,7 @@
                           style="width: 100%;"
                           :picker-options="pickerOptions"></el-date-picker>
         </el-form-item>
-        <el-form-item label="地址" prop="address" style="width: 160%">
+        <el-form-item label="省市" prop="address" style="width: 160%">
           <provincecity v-if="userForm.location!==null"
             ref="addFormProvince"
             @selectChange="locationChange"

+ 2 - 2
src/pages/UserCenter/UserCenter.vue

@@ -76,10 +76,10 @@
         }
 
         .menu-item {
-          font-size: 16px;
+          font-size: 18px;
           font-family: Source Han Sans CN;
           font-weight: 400;
-          margin: 3px 0 3px 28px;
+          margin: 8px 0 8px 28px;
         }
       }
     }