css

src/views/InquireTransform/index.vue

@@ -50,10 +50,10 @@
       <!--列表区-->
       <div class="data-box" style="position: relative;">
         <el-table :data="list" border max-height="600" @sort-change="sortChange">
-          <el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" width="150"></el-table-column>
-          <el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" width="150"></el-table-column>
-          <el-table-column prop="source" label="来源" :show-overflow-tooltip="true" width="80"></el-table-column>
-          <el-table-column prop="inquiry_num" label="询价次数" :show-overflow-tooltip="true" width="100">
+          <el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" width="150" align="center"></el-table-column>
+          <el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" width="150" align="center"></el-table-column>
+          <el-table-column prop="source" label="来源" :show-overflow-tooltip="true" width="80" align="center"></el-table-column>
+          <el-table-column prop="inquiry_num" label="询价次数" :show-overflow-tooltip="true" width="100" align="center">
             <template v-slot:header='scope'>
               <div class="row verCenter">
                 <span>询价次数</span>
@@ -64,7 +64,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="100" sortable='custom'>
+          <el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
             <template slot-scope="scope">
               <span v-if="scope.row.inquiry_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
               <span v-else-if="scope.row.inquiry_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
@@ -72,7 +72,7 @@
               <span v-else>{{ scope.row.inquiry_sort }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="100">
+          <el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="100" align="center">
             <template v-slot:header='scope'>
               <div class="row verCenter">
                 <span>报价次数</span>
@@ -83,7 +83,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="100" sortable='custom'>
+          <el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
             <template slot-scope="scope">
               <span v-if="scope.row.quote_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.quote_sort }}</span>
               <span v-else-if="scope.row.quote_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.quote_sort }}</span>
@@ -91,7 +91,7 @@
               <span v-else>{{ scope.row.quote_sort }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="inquiry_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120">
+          <el-table-column prop="inquiry_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120" align="center">
             <template v-slot:header='scope'>
               <div class="row verCenter">
                 <span>询报价转化率</span>
@@ -102,7 +102,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="success_order_num" label="成单次数" :show-overflow-tooltip="true" width="100">
+          <el-table-column prop="success_order_num" label="成单次数" :show-overflow-tooltip="true" width="100" align="center">
             <template v-slot:header='scope'>
               <div class="row verCenter">
                 <span>成单次数</span>
@@ -113,7 +113,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="100" sortable='custom'>
+          <el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
             <template slot-scope="scope">
               <span v-if="scope.row.success_order_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
               <span v-else-if="scope.row.success_order_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
@@ -121,7 +121,7 @@
               <span v-else>{{ scope.row.success_order_sort }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130">
+          <el-table-column prop="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130" align="center">
             <template v-slot:header='scope'>
               <div class="row verCenter">
                 <span>报价成单转化率</span>
@@ -132,10 +132,10 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="stock" label="库存" :show-overflow-tooltip="true" width="100"></el-table-column>
-          <el-table-column prop="price" label="价格" :show-overflow-tooltip="true" width="100"></el-table-column>
-          <el-table-column prop="chinese_delivery_time_cn" label="大陆交期" :show-overflow-tooltip="true" width="120"></el-table-column>
-          <el-table-column prop="chinese_hongkong_delivery_time_cn" label="香港交期" :show-overflow-tooltip="true" width="120"></el-table-column>
+          <el-table-column prop="stock" label="库存" :show-overflow-tooltip="true" width="100" align="center"></el-table-column>
+          <el-table-column prop="price" label="价格" :show-overflow-tooltip="true" width="100" align="center"></el-table-column>
+          <el-table-column prop="chinese_delivery_time_cn" label="大陆交期" :show-overflow-tooltip="true" width="120" align="center"></el-table-column>
+          <el-table-column prop="chinese_hongkong_delivery_time_cn" label="香港交期" :show-overflow-tooltip="true" width="120" align="center"></el-table-column>
           <el-table-column prop="up_status_cn" label="状态" :show-overflow-tooltip="true" width="80">
             <template slot-scope="scope">
               <el-tag type="success" v-if="scope.row.up_status == 1">{{ scope.row.up_status_cn }}</el-tag>
@@ -143,8 +143,8 @@
               <span v-else>{{ scope.row.up_status_cn }}</span>
             </template>
           </el-table-column>
-          <el-table-column prop="update_time_cn" label="更新时间" :show-overflow-tooltip="true" width="160"></el-table-column>
-          <el-table-column prop="up_valid_time_cn" label="上架有效期" :show-overflow-tooltip="true" width="160"></el-table-column>
+          <el-table-column prop="update_time_cn" label="更新时间" :show-overflow-tooltip="true" width="160" align="center"></el-table-column>
+          <el-table-column prop="up_valid_time_cn" label="上架有效期" :show-overflow-tooltip="true" width="160" align="center"></el-table-column>
         </el-table>
         <div class="row bothSide">
           <p class="tetx-goods row verCenter">