qweqw

src/components/table.vue

 <!--
  * @Author: your name
  * @Date: 2021-08-27 15:51:38
+<<<<<<< HEAD
  * @LastEditTime: 2021-09-01 19:59:12
+=======
+ * @LastEditTime: 2021-09-01 20:31:38
+>>>>>>> 012cab9975640d0b55fee89c75a4833de01d72cb
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\components\table.vue
@@ -38,6 +42,7 @@
       width="100%"
       size="small"
       @selection-change="handleSelectionChange"
+      :cell-class-name="addClass"
     >
       <el-table-column type="selection" width="55" v-if="btnShow && btnShow!='rwthcl'">
       </el-table-column>
@@ -153,6 +158,15 @@ export default {
   },
   computed: {},
   methods: {
+     addClass ({ row, column, rowIndex, columnIndex }) {
+       console.log(column.label);
+      if (column.label == '退回') {
+        console.log('000');
+        return 'redBg'
+      }else if(column.label == '完成进度'){
+        return 'blueBg'
+      }
+    },
     /**
      * @description: 当前选中的行数
      * @param {*} val
@@ -218,7 +232,13 @@ export default {
 };
 </script>
 
-<style lang='scss' scoped>
+<style lang='scss' >
+	.redBg {
+			color: #E02020;
+		}
+    .blueBg{
+      color: blue;
+    }
 $tableWidth: var(--tableWidth, calc(100vw - 400px));
 .tableList /deep/ {
   // width: $tableWidth;
@@ -234,16 +254,16 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
   .el-pagination__sizes {
     order: 1;
   }
-  .pagin {
-    position: fixed;
-    bottom: 40px;
-    background: #fff;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 80%;
-    // margin: 0px auto;
-  }
+  // .pagin {
+  //   position: fixed;
+  //   bottom: 40px;
+  //   background: #fff;
+  //   display: flex;
+  //   justify-content: space-between;
+  //   align-items: center;
+  //   width: 80%;
+  //   // margin: 0px auto;
+  // }
   .clear {
     height: 40px;
     width: 100%;
@@ -293,6 +313,21 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
       text-align: left;
     }
   }
+}
+.pagin {
+   
+    position: fixed;
+    bottom: 40px;
+    background: #fff;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 80%;
+    // margin: 0px auto;
+    .record{
+      margin-left:24px ;
+    }
+  }
   .clearimg {
     width: 12px;
     img {
@@ -302,7 +337,6 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
       cursor: pointer;
     }
   }
-}
 .slotbtn {
   display: flex;
   justify-content: flex-end;

src/views/rwgl/rwbd.vue

 <!--
  * @Author: your name
  * @Date: 2021-08-28 21:28:08
- * @LastEditTime: 2021-09-01 16:02:59
+ * @LastEditTime: 2021-09-01 20:06:56
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
@@ -56,50 +56,158 @@ export default {
     return {
       cxDefaultFormThead: [
         {
-          label: "人员姓名",
+          label: "任务名称",
           prop: "ryxm",
           width: "auto",
         },
         {
-          label: "位置",
+          label: "人员摸排总数",
           prop: "jkdmc",
           width: "auto",
         },
         {
-          label: "人员证件号码",
+          label: "已匹配",
           prop: "ryzjhm",
           width: "auto",
         },
         {
-          label: "时间",
+          label: "未匹配",
           prop: "time",
           width: "auto",
         },
         {
-          label: "车牌号",
-          prop: "cph",
+          label: "已反馈",
+          prop: "yfk",
+          width: "auto",
+        },
+        {
+          label: "未反馈",
+          prop: "wfk",
+          width: "auto",
+        },
+        {
+          label: "退回",
+          prop: "th",
+          width: "auto",
+        },
+        {
+          label: "完成进度",
+          prop: "wcjd",
           width: "auto",
         },
       ],
       tableData: [
         {
-          ryxm: "任务管理",
-          jkdmc: "任务管理",
-          ryzjhm: "任务管理",
-          time: "2021-任务管理-09 10:07:26",
-          jkdId: "任务管理",
-          ycbz: "1",
-          pageType: "1",
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
         },
         {
-          ryxm: "鸿星尔克",
-          jkdmc: "A口西侧",
-          ryzjhm: "1100908078996",
-          time: "2021-07-09 10:07:26",
-          jkdId: "2097874424",
-          ycbz: "1",
-          pageType: "2",
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
         },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+        {
+          ryxm: "任务一",
+          jkdmc: "2000",
+          ryzjhm: "236",
+          time: "262",
+          yfk:'222',
+          wfk:'333',
+         th:'32',
+         wcjd:'50%'
+        },
+       
       ],
       form: {
         name: "",