a376e09d by renchao@pashanhoo.com

style:table

1 parent 6b930cd5
......@@ -40,7 +40,7 @@
<br>
<el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background
layout="total, prev, pager, next" @current-change="paginationCurrentChange"
layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange" @size-change="handleSizeChange"
:style="{ 'margin-top': paginationTop, 'text-align': paginationAlign }">
</el-pagination>
</div>
......@@ -306,6 +306,9 @@
paginationCurrentChange (val) {
this.$emit('p-current-change', val)
},
handleSizeChange (val) {
this.$emit('size-change', val)
},
/**
* @description: getMergeArr
* @param {*} tableData
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-19 16:10:10
* @LastEditTime: 2024-01-25 15:06:08
-->
<template>
<div class="tableBox">
......@@ -257,7 +257,7 @@
let that = this
let sjlx = row.sjlx,
bsmQlxx = row.bsmQlxx
if (sjlx == '系统数据') {
if (['系统数据', '存量数据'].includes(sjlx)) {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
that.$popup('材料信息', 'registerBook/components/clxx/index', {
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2024-01-19 16:09:59
* @LastEditTime: 2024-01-25 15:08:01
-->
<template>
<div class="djxxTable">
......@@ -304,7 +304,7 @@
let that = this
let sjlx = row.sjlx,
bsmQlxx = row.bsmQlxx
if (sjlx == '系统数据') {
if (['系统数据', '存量数据'].includes(sjlx)) {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
that.$popup('材料信息', 'registerBook/components/clxx/index', {
......
......@@ -22,123 +22,123 @@
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" class="loadingtext"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./djbcxdata";
import { list, detail } from "@/api/sysPushRecord.js";
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./djbcxdata";
import { list, detail } from "@/api/sysPushRecord.js";
export default {
name: "djbcx",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
data () {
return {
queryForm: {
qllx: "",
bdcdyh: "",
bdcqzh: "",
ywh: "",
interfaceType: "5"
},
pageData: {
current: 1,
size: 10,
total: 0,
},
tableData: {
columns: datas.columns(),
data: [],
}
}
},
computed: {
...mapGetters(["dictData"])
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
*/
queryClick () {
this.$startLoading()
list({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.data = records;
this.tableData.total = total;
export default {
name: "djbcx",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
data () {
return {
queryForm: {
qllx: "",
bdcdyh: "",
bdcqzh: "",
ywh: "",
interfaceType: "5"
},
pageData: {
current: 1,
size: 10,
total: 0,
},
tableData: {
columns: datas.columns(),
data: [],
}
});
}
},
computed: {
...mapGetters(["dictData"])
},
/**
* @description: openDialog
* @param {*} scroll
* @author: renchao
*/
openDialog (scroll) {
const h = this.$createElement;
this.$msgbox({
title: '推送',
message: h('p', null, [
h('span', null, '是否推送 '),
h('i', { style: 'color: teal' }, scroll.ywh),
h('span', null, ' 记录')
]),
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
this.pushRecord(scroll, done);
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
*/
queryClick () {
this.$startLoading()
list({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
/**
* @description: openDialog
* @param {*} scroll
* @author: renchao
*/
openDialog (scroll) {
const h = this.$createElement;
this.$msgbox({
title: '推送',
message: h('p', null, [
h('span', null, '是否推送 '),
h('i', { style: 'color: teal' }, scroll.ywh),
h('span', null, ' 记录')
]),
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
this.pushRecord(scroll, done);
} else {
done();
}
}
}).then(action => { });
},
/**
* @description: detail
* @param {*} row
* @author: renchao
*/
detail (row) {
detail(row.bsm).then((res) => {
this.$endLoading()
if (res.code === 200) {
this.$popupDialog("详情", "sjgx/sbxtsjts/dialog/detail", res.result, "60%")
} else {
done();
this.$message.warning(res.message);
}
}
}).then(action => { });
},
/**
* @description: detail
* @param {*} row
* @author: renchao
*/
detail (row) {
detail(row.bsm).then((res) => {
this.$endLoading()
if (res.code === 200) {
this.$popupDialog("详情", "sjgx/sbxtsjts/dialog/detail", res.result, "60%")
} else {
this.$message.warning(res.message);
}
})
})
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
.icon-circle {
position: relative;
}
.icon-circle {
position: relative;
}
.icon-circle::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
top: 0px;
left: 0px;
}
.icon-circle::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
top: 0px;
left: 0px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-17 17:30:08
* @LastEditTime: 2024-01-25 15:01:43
-->
<template>
<div class="from-clues">
......@@ -69,7 +69,6 @@
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@select="select"
@p-current-change="handleCurrentChange"
@selection-change="handleSelectionChange"
:column="tableData.columns"
......@@ -99,6 +98,7 @@
mixins: [ywsqTable, jump],
data () {
return {
radioVal: '',
loading: false,
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -111,6 +111,28 @@
},
mounted () {
sendThis(this);
if (this.sqywInfo.sqywdylx == "1") {
this.tableData.columns = [{
label: '选择',
width: '50px',
render: (h, scope) => {
return (
<div class="orgColumn">
<el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}>
&ensp;
</el-radio>
</div>
)
}
}].concat(datas.columns())
} else {
this.tableData.columns =
[{
type: 'selection',
label: '全选',
width: '50'
}].concat(datas.columns())
}
},
methods: {
/**
......@@ -207,54 +229,26 @@
}
},
/**
* @description: select
* @param {*} selection
* @param {*} row
* @author: renchao
*/
select (selection, row) {
if (this.sqywInfo.sqywdylx == "1") {
// 清除 所有勾选项
this.$refs.table.clearSelection();
// 当表格数据都没有被勾选的时候 就返回
// 主要用于将当前勾选的表格状态清除
if (selection.length == 0) return;
this.$refs.table.toggleRowSelection(row, true);
}
},
/**
* @description: handleRowClick
* @param {*} row
* @author: renchao
*/
handleChange () {
let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal)
arr[0].bsm = arr[0].zdbsm
this.bdcdysz = arr
},
handleRowClick (row) {
// 如果状态是1,那就是单选
let refs = 'table';
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz;
this.$refs.table.clearSelection();
if (bdcdysz.length == 1) {
bdcdysz.forEach((item) => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
});
} else {
this.$refs.table.toggleRowSelection(row, true);
}
row.bsm = row.zdbsm
this.bdcdysz = [row]
this.radioVal = row.bdcdyid
} else {
this.$refs.table.toggleRowSelection(row);
this.$refs[refs].toggleRowSelection(row)
}
},
/**
* @description: openBook
* @param {*} row
* @author: miaofang
*/
openBook (row) {
var param = {
bdcdyid: row.bdcdyid,
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-17 15:34:28
* @LastEditTime: 2024-01-25 14:59:59
-->
<template>
<div class="from-clues">
......@@ -74,7 +74,7 @@
</div>
<div class="from-clues-content loadingtext">
<lb-table ref="table1" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="zrztableData.total"
:current-page.sync="pageData.currentPage" :total="zrztableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
:data="zrztableData.data">
</lb-table>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-17 17:20:34
* @LastEditTime: 2024-01-25 14:59:36
-->
<template>
<div class="from-clues">
......@@ -62,7 +62,7 @@
</div>
<div class="from-clues-content loadingtext">
<lb-table ref="table1" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="zrztableData.total"
:current-page.sync="pageData.currentPage" :total="zrztableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
:data="zrztableData.data">
</lb-table>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2024-01-17 17:15:13
* @LastEditTime: 2024-01-25 14:57:59
-->
<template>
<div class="from-clues">
......@@ -62,7 +62,7 @@
</div>
<div class="from-clues-content loadingtext">
<lb-table ref="table1" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
:current-page.sync="pageData.currentPage" :total="zrztableData.total"
:current-page.sync="pageData.currentPage" :total="zrztableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
:data="zrztableData.data">
</lb-table>
......