css

src/views/InquireTransform/index.vue

@@ -49,10 +49,10 @@
       </div>
       <!--列表区-->
       <div class="data-box" style="position: relative;">
-        <el-table :data="list" border max-height="600">
+        <el-table :data="list" border max-height="600" @sort-change="sortChange">
           <el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" width="120"></el-table-column>
           <el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" width="120"></el-table-column>
-          <el-table-column prop="source" label="来源" :show-overflow-tooltip="true" width="120"></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="120">
             <template v-slot:header='scope'>
               <div class="row verCenter">
@@ -64,7 +64,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="120"></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="quote_num" label="报价次数" :show-overflow-tooltip="true" width="120">
             <template v-slot:header='scope'>
               <div class="row verCenter">
@@ -76,7 +76,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="120"></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="inquiry_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120">
             <template v-slot:header='scope'>
               <div class="row verCenter">
@@ -99,7 +99,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="120"></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="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130">
             <template v-slot:header='scope'>
               <div class="row verCenter">
@@ -115,16 +115,21 @@
           <el-table-column prop="price" label="价格" :show-overflow-tooltip="true" width="120"></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="up_status_cn" label="状态" :show-overflow-tooltip="true" width="120"></el-table-column>
+          <el-table-column prop="up_status_cn" label="状态" :show-overflow-tooltip="true" width="120">
+            <template slot-scope="scope">
+              <el-tag type="success" v-if="scope.row.up_status == 1">{{ scope.row.up_status_cn }}</el-tag>
+              <el-tag type="info" v-else>{{ scope.row.up_status_cn }}</el-tag>
+            </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>
         <div class="row bothSide">
           <p class="tetx-goods row verCenter">
-            <span>上传型号总数：</span><em>162512</em>
-            <span>参与询价型号总数：</span><em>162512</em>
-            <span>参与报价型号总数：</span><em>162512</em>
-            <span>成单型号总数：</span><em>162512</em>
+            <span>上传型号总数：</span><em>{{ bottom_info.upload_goods_name_sum }}</em>
+            <span>参与询价型号总数：</span><em>{{ bottom_info.inquiry_goods_name_sum }}</em>
+            <span>参与报价型号总数：</span><em>{{ bottom_info.quote_goods_name_sum }}</em>
+            <span>成单型号总数：</span><em>{{ bottom_info.success_order_goods_name_sum }}</em>
           </p>
           <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
         </div>
@@ -182,7 +187,10 @@ export default {
       update_time_val: '',
       up_valid_time_val: '',
       create_time_val: '',
+      bottom_info: {},
       formInline: {
+        order_by: '',
+        asc: '',
         goods_name: '',//型号
         brand_name: '',//品牌
         source: '',//来源
@@ -221,6 +229,7 @@ export default {
       this.$http('GET', "/api/statistics/inquiryChangeStatisticsList", params).then(res => {
         if (res.code === 0) {
           this.list = res.data.list || [];
+          this.bottom_info = res.data.bottom_info;
           this.total = Number(res.data.total) || 0;
         } else {
           this.$message({
@@ -230,6 +239,22 @@ export default {
         }
       })
     },
+    /**
+     * 自定义排序
+     */
+    sortChange(column, key, order) {
+      this.formInline.order_by = column.prop;
+      if (column.order == 'ascending') {
+        this.formInline.asc = 'asc';
+      } else if (column.order == 'descending') {
+        this.formInline.asc = 'desc';
+      }
+      this.getData();
+    },
+    /**
+     * 创建时间监听
+     * @param val
+     */
     changtime(val) {
       this.getData();
     },