提交 5822ea6d authored 作者: 钟是志's avatar 钟是志

28008 生源地统计页面显示调整

上级 1e1e429f
...@@ -63,7 +63,7 @@ export default class TableList extends React.Component { ...@@ -63,7 +63,7 @@ export default class TableList extends React.Component {
} }
render() { render() {
const { isTree, json } = this.props; const { isTree, json, uuid } = this.props;
const { showNo } = this.state; const { showNo } = this.state;
if(showNo){ if(showNo){
return null; return null;
...@@ -84,6 +84,7 @@ export default class TableList extends React.Component { ...@@ -84,6 +84,7 @@ export default class TableList extends React.Component {
rights={this.props.rights || []} rights={this.props.rights || []}
objCode={this.props.objCode} objCode={this.props.objCode}
isFormCom={true} isFormCom={true}
uuid={uuid}
sql={this.props.sql} sql={this.props.sql}
/> />
) : ( ) : (
...@@ -102,6 +103,7 @@ export default class TableList extends React.Component { ...@@ -102,6 +103,7 @@ export default class TableList extends React.Component {
rights={this.props.rights || []} rights={this.props.rights || []}
objCode={this.props.objCode} objCode={this.props.objCode}
isFormCom={true} isFormCom={true}
uuid={uuid}
sql={this.props.sql} sql={this.props.sql}
/> />
); );
......
export default function countWidth({
json,
uuid,
}) {
let showDiv = 500;
if (json.twidth) {
// 列表宽度配置项 在 组件的 扩展的配置里面
showDiv = json.twidth;
console.log(showDiv);
return showDiv;
}
if (document.getElementsByClassName('ant-layout-content')?.length) {
// 这是大学工项目 容器元素的宽度
showDiv = document.getElementsByClassName('ant-layout-content')[0].clientWidth - 100;
// console.log(showDiv);
}
if (document.querySelector('#mobelDiv')) {
showDiv = document.querySelector('#mobelDiv')?.parentNode.clientWidth;
// 这个是一站式的元素的宽度
}
changeVisitor(json, uuid);
return showDiv;
}
/**
* json
* uuid
* 变动观察器
* 解决禅道 28008 生源地统计页面显示调整
*/
function changeVisitor(json, uuid) {
if (!uuid) {
return null;
}
let dom = document.querySelector(`td[data-cell-id="${uuid}"]`);
if (!dom) {
return null;
}
const targetNode = dom;
// 配置器的配置:需要监听的变动
const config = {
characterData: true, // 监视指定目标节点或子节点树中节点所包含的字符数据的变化 无默认值。
subtree: true, // 观察后代节点,默认为 false
childList: true, // 观察目标子节点的变化,是否有添加或者删除
};
// 变动时回调
const callback = function (mutations) {
if(!json.twidth){
let dxx = document.querySelector(`td[data-cell-id="${uuid}"] .mobelDivClassName`);
if(dxx && dxx.style.width === '500px'){
dxx.style.width = document.querySelector(`td[data-cell-id="${uuid}"] .mobelDivClassName`)?.parentNode.clientWidth + 'px';
}
}
};
// 创建一个MutationObserver实例
const observer = new MutationObserver(callback);
// 监听目标节点
observer.observe(targetNode, config);
// observer.disconnect()
}
...@@ -2622,6 +2622,7 @@ ${obj[dataColumn.base52]} ...@@ -2622,6 +2622,7 @@ ${obj[dataColumn.base52]}
cm = ( cm = (
<TableList <TableList
get={get} get={get}
uuid={uuid}
isTree={json.isTree} isTree={json.isTree}
json={json} json={json}
loading={this.props.loading} loading={this.props.loading}
...@@ -3788,6 +3789,7 @@ ${obj[dataColumn.base52]} ...@@ -3788,6 +3789,7 @@ ${obj[dataColumn.base52]}
})( })(
<TableList <TableList
json={json} json={json}
uuid={uuid}
isTree={json.isTree} isTree={json.isTree}
isHiddenPage={json.isHiddenPage} isHiddenPage={json.isHiddenPage}
showHeader={json.showHeader} showHeader={json.showHeader}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论