Skip to content

F
founder_vue
Commit dea8741b by 张超军
Options

qweqw

parents d903aecf 012cab99
Showing with 175 additions and 33 deletions
src/components/table.vue
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-08-27 15:51:38 * @Date: 2021-08-27 15:51:38
<<<<<<< HEAD
* @LastEditTime: 2021-09-01 19:59:12 * @LastEditTime: 2021-09-01 19:59:12
=======
* @LastEditTime: 2021-09-01 20:31:38
>>>>>>> 012cab9975640d0b55fee89c75a4833de01d72cb
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\table.vue * @FilePath: \founder_vue\src\components\table.vue
...@@ -38,6 +42,7 @@ ...@@ -38,6 +42,7 @@
width="100%" width="100%"
size="small" size="small"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
:cell-class-name="addClass"
> >
<el-table-column type="selection" width="55" v-if="btnShow && btnShow!='rwthcl'"> <el-table-column type="selection" width="55" v-if="btnShow && btnShow!='rwthcl'">
</el-table-column> </el-table-column>
...@@ -153,6 +158,15 @@ export default { ...@@ -153,6 +158,15 @@ export default {
}, },
computed: {}, computed: {},
methods: { 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: 当前选中的行数 * @description: 当前选中的行数
* @param {*} val * @param {*} val
...@@ -218,7 +232,13 @@ export default { ...@@ -218,7 +232,13 @@ export default {
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' >
.redBg {
color: #E02020;
}
.blueBg{
color: blue;
}
$tableWidth: var(--tableWidth, calc(100vw - 400px)); $tableWidth: var(--tableWidth, calc(100vw - 400px));
.tableList /deep/ { .tableList /deep/ {
// width: $tableWidth; // width: $tableWidth;
...@@ -234,16 +254,16 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px)); ...@@ -234,16 +254,16 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
.el-pagination__sizes { .el-pagination__sizes {
order: 1; order: 1;
} }
.pagin { // .pagin {
position: fixed; // position: fixed;
bottom: 40px; // bottom: 40px;
background: #fff; // background: #fff;
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
align-items: center; // align-items: center;
width: 80%; // width: 80%;
// margin: 0px auto; // // margin: 0px auto;
} // }
.clear { .clear {
height: 40px; height: 40px;
width: 100%; width: 100%;
...@@ -293,6 +313,21 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px)); ...@@ -293,6 +313,21 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
text-align: left; 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 { .clearimg {
width: 12px; width: 12px;
img { img {
...@@ -302,7 +337,6 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px)); ...@@ -302,7 +337,6 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
cursor: pointer; cursor: pointer;
} }
} }
}
.slotbtn { .slotbtn {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
......
src/views/rwgl/rwbd.vue
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-08-28 21:28:08 * @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 * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue * @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
...@@ -56,50 +56,158 @@ export default { ...@@ -56,50 +56,158 @@ export default {
return { return {
cxDefaultFormThead: [ cxDefaultFormThead: [
{ {
label: "人员姓名", label: "任务名称",
prop: "ryxm", prop: "ryxm",
width: "auto", width: "auto",
}, },
{ {
label: "位置", label: "人员摸排总数",
prop: "jkdmc", prop: "jkdmc",
width: "auto", width: "auto",
}, },
{ {
label: "人员证件号码", label: "已匹配",
prop: "ryzjhm", prop: "ryzjhm",
width: "auto", width: "auto",
}, },
{ {
label: "时间", label: "未匹配",
prop: "time", prop: "time",
width: "auto", width: "auto",
}, },
{ {
label: "车牌号", label: "已反馈",
prop: "cph", prop: "yfk",
width: "auto",
},
{
label: "未反馈",
prop: "wfk",
width: "auto",
},
{
label: "退回",
prop: "th",
width: "auto",
},
{
label: "完成进度",
prop: "wcjd",
width: "auto", width: "auto",
}, },
], ],
tableData: [ tableData: [
{ {
ryxm: "任务管理", ryxm: "任务一",
jkdmc: "任务管理", jkdmc: "2000",
ryzjhm: "任务管理", ryzjhm: "236",
time: "2021-任务管理-09 10:07:26", time: "262",
jkdId: "任务管理", yfk:'222',
ycbz: "1", wfk:'333',
pageType: "1", 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: "鸿星尔克", ryxm: "任务一",
jkdmc: "A口西侧", jkdmc: "2000",
ryzjhm: "1100908078996", ryzjhm: "236",
time: "2021-07-09 10:07:26", time: "262",
jkdId: "2097874424", yfk:'222',
ycbz: "1", wfk:'333',
pageType: "2", 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: { form: {
name: "", name: "",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment