css

src/views/InquireTransform/index.vue

@@ -64,7 +64,14 @@
               </div>
               </div>
             </template>
             </template>
           </el-table-column>
           </el-table-column>
-          <el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="120" sortable='custom'></el-table-column>
+          <el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="120" sortable='custom'>
+            <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>
+              <span v-else-if="scope.row.inquiry_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
+              <span v-else>{{ scope.row.inquiry_sort }}</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="120">
           <el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="120">
             <template v-slot:header='scope'>
             <template v-slot:header='scope'>
               <div class="row verCenter">
               <div class="row verCenter">
@@ -76,7 +83,14 @@
               </div>
               </div>
             </template>
             </template>
           </el-table-column>
           </el-table-column>
-          <el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="120" sortable='custom'></el-table-column>
+          <el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="120" sortable='custom'>
+            <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>
+              <span v-else-if="scope.row.quote_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.quote_sort }}</span>
+              <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">
             <template v-slot:header='scope'>
             <template v-slot:header='scope'>
               <div class="row verCenter">
               <div class="row verCenter">
@@ -99,7 +113,14 @@
               </div>
               </div>
             </template>
             </template>
           </el-table-column>
           </el-table-column>
-          <el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="120" sortable='custom'></el-table-column>
+          <el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="120" sortable='custom'>
+            <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>
+              <span v-else-if="scope.row.success_order_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
+              <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">
             <template v-slot:header='scope'>
             <template v-slot:header='scope'>
               <div class="row verCenter">
               <div class="row verCenter">