ZJQ布局优化

zhangjq

2026-01-30 c0e5a79297f7ddcdfb0f9db7f196b935bed854e6

ZJQ布局优化

 public/components/contract/adContractInfo/adContractInfo.js

@@ -160,9 +160,14 @@
        /**
         * 初始化事件
         * 功能：组件初始化时绑定的事件
         * 实现：目前未绑定任何事件，预留扩展
         * 实现：监听switch事件，接收合同ID并加载数据
         */
        _initEvent: function() {
            vc.on('contractDetailAdContract', 'switch', function(_param) {
                console.log('广告合同信息管理组件接收到switch事件:', _param);
                vc.component.adContractInfo.conditions.contractId = _param.contractId;
                vc.component._queryAdContractInfo();
            });
        },
        /**
         * 方法集合

 public/components/contract/contractCollectionDetail/contractCollectionDetail.js

@@ -98,9 +98,14 @@
        /**
         * 初始化事件
         * 功能：组件初始化时绑定的事件
         * 实现：目前未绑定任何事件，预留扩展
         * 实现：监听switch事件，接收合同ID并加载数据
         */
        _initEvent: function() {
            vc.on('contractDetailCollectionDetail', 'switch', function(_param) {
                console.log('合同收款明细组件接收到switch事件:', _param);
                vc.component.contractCollectionDetailInfo.conditions.contractId = _param.contractId;
                vc.component._queryContractCollectionDetail();
            });
        },
        /**
         * 方法集合

 public/components/contract/contractManagementShare/contractManagementShare.js

@@ -26,16 +26,19 @@
            $that._listContractManagementShares();
        },
        _initEvent: function() {
            // 监听标签页切换事件，获取合同ID
            vc.on('contractDetailManagementShare', 'switch', function(_param) {
                console.log('合同管理分成组件接收到switch事件:', _param);
                $that.contractManagementShareInfo.contractId = _param.contractId;
                $that._listContractManagementShares();
            });
            // 监听列表刷新事件
            vc.on('contractManagementShare', 'listContractManagementShare', function(_param) {
                $that._listContractManagementShares();
            });
            // 监听分页事件
            vc.on('pagination', 'page_event', function(_currentPage) {
                $that.contractManagementShareInfo.page = _currentPage;
                $that._listContractManagementShares();
            });
            // 监听标签页切换事件，获取合同ID
            vc.on('contractDetailShare', 'switch', function(_data) {
                $that.contractManagementShareInfo.contractId = _data.contractId;
                $that._listContractManagementShares();
            });
        },

 public/components/frame/menu2/menu2.js

@@ -73,6 +73,24 @@
                        _childs.sort(function(_child, _newChild) {
                            return _child.seq - _newChild.seq
                        });
                        
                        // 手动调整菜单顺序：把广告合同信息管理移到补打收据后边
                        let receiptIndex = -1;
                        let adContractIndex = -1;
                        for (let i = 0; i < _childs.length; i++) {
                            if (_childs[i].name.includes('补打收据') || _childs[i].href.includes('feeReceipt')) {
                                receiptIndex = i;
                            }
                            if (_childs[i].name.includes('广告合同') || _childs[i].href.includes('advertisementSummary')) {
                                adContractIndex = i;
                            }
                        }
                        
                        if (receiptIndex !== -1 && adContractIndex !== -1 && adContractIndex < receiptIndex) {
                            let adContractMenu = _childs.splice(adContractIndex, 1)[0];
                            _childs.splice(receiptIndex, 0, adContractMenu);
                        }
                        
                        jsonArray[menuIndex].childs = _childs;
                    }


 public/pages/admin/advertisementSummary/advertisementSummary.html

@@ -6,9 +6,7 @@
                <h5>
                    广告合同汇总表
                </h5>
                <!-- 分页组件 -->
    <vc:create path="frame/pagination"></vc:create>
</div>
            </div>
            <div class="ibox-content">
                <!-- 广告合同查询条件区域 -->
                <div class="row">
@@ -152,10 +150,7 @@
                        </tbody>
                    </table>
                </div>
                <!-- 分页区域 -->
                <div style="display: flex; justify-content: flex-end; align-items: center;">
                    <ul class="pagination"></ul>
                </div>

            </div>
        </div>
    </div>

 public/pages/contract/contractDetail/contractDetail.html

@@ -231,6 +231,30 @@
                    <vc:i18n name="补打收据" namespace="contractDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailAdContract'}"
                   v-on:click="changeTab('contractDetailAdContract')">
                    广告合同信息管理
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailAdSummary'}"
                   v-on:click="changeTab('contractDetailAdSummary')">
                    广告合同汇总信息
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailManagementShare'}"
                   v-on:click="changeTab('contractDetailManagementShare')">
                    合同管理分成
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:contractDetailInfo._currentTab == 'contractDetailCollectionDetail'}"
                   v-on:click="changeTab('contractDetailCollectionDetail')">
                    合同收款明细
                </a>
            </li>
        </ul>
    </div>
    <div v-if="contractDetailInfo._currentTab == 'contractDetailRoom'">
@@ -266,6 +290,20 @@
    <div v-if="contractDetailInfo._currentTab == 'contractDetailReceipt'">
        <vc:create path="contract/contractDetailReceipt"></vc:create>
    </div>
    <div v-if="contractDetailInfo._currentTab == 'contractDetailAdContract'">
        <vc:create path="contract/adContractInfo"></vc:create>
    </div>
    <div v-if="contractDetailInfo._currentTab == 'contractDetailAdSummary'">
        <div style="width: 100%; height: 800px; border: none;">
            <iframe src="/pages/admin/advertisementSummary" style="width: 100%; height: 100%; border: none;"></iframe>
        </div>
    </div>
    <div v-if="contractDetailInfo._currentTab == 'contractDetailManagementShare'">
        <vc:create path="contract/contractManagementShare"></vc:create>
    </div>
    <div v-if="contractDetailInfo._currentTab == 'contractDetailCollectionDetail'">
        <vc:create path="contract/contractCollectionDetail"></vc:create>
    </div>
    <vc:create path="property/deleteFee"></vc:create>
    <vc:create path="property/editFee"></vc:create>
    <vc:create path="property/contractCreateFeeAdd"></vc:create>

 public/pages/contract/contractDetail/contractDetail.js

@@ -77,8 +77,7 @@
                $that.contractDetailInfo._currentTab = _tab;
                vc.emit(_tab, 'switch', {
                    contractId: $that.contractDetailInfo.contractId,
                    contractName: $that.contractDetailInfo.name,
                    link: $that.contractDetailInfo.link,
                    contractName: $that.contractDetailInfo.contractName,
                    ownerId: $that.contractDetailInfo.objId
                })
            },

 public/pages/property/meterWaterManage/meterWaterManage.html

@@ -78,10 +78,10 @@
                        </button> -->
                    </div>
                    <!-- 表格区域 -->
                    <div style="overflow-x: auto; margin-bottom: 15px;">
                        <table class="table table-stripped" data-page-size="15">
                    <div class="hc-table-div" :style="{'width':_computeTableDivWidth()}">
                        <table class="table table-stripped table-condensed" data-page-size="15">
                            <thead>
                                <tr style="white-space: nowrap;">
                                <tr>
                                    <th class="text-center">
                                        <vc:i18n name="表ID" namespace="meterWaterManage"></vc:i18n>
                                    </th>
@@ -154,13 +154,13 @@
                                    <th class="text-center">
                                        <vc:i18n name="创建时间" namespace="meterWaterManage"></vc:i18n>
                                    </th>
                                    <th class="text-center">
                                    <th class="text-center hc-table-fix-right-td">
                                        <vc:i18n name="操作" namespace="meterWaterManage"></vc:i18n>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="meterWater in meterWaterManageInfo.meterWaters" style="white-space: nowrap;">
                                <tr v-for="meterWater in meterWaterManageInfo.meterWaters">
                                    <td class="text-center">{{meterWater.waterId}}</td>
                                    <td class="text-center">{{meterWater.meterTypeName}}</td>
                                    <td class="text-center">{{meterWater.objName}}</td>
@@ -189,7 +189,7 @@
                                    <td class="text-center">{{meterWater.preReadingTime}}</td>
                                    <td class="text-center">{{meterWater.curReadingTime}}</td>
                                    <td class="text-center">{{meterWater.createTime}}</td>
                                    <td class="text-center">
                                    <td class="text-center hc-table-fix-right-td">
                                        <div class="btn-group">
                                            <button class="btn-white btn btn-xs"
                                                @click="_openEditMeterWaterModel(meterWater)">
@@ -208,8 +208,12 @@
                        </table>
                    </div>
                    <!-- 分页区域 -->
                    <div style="display: flex; justify-content: flex-end; align-items: center;">
                        <vc:create path="frame/pagination"></vc:create>
                    <div class="row margin-top-xs">
                        <div class="col-sm-12">
                            <div class="float-right">
                                <vc:create path="frame/pagination"></vc:create>
                            </div>
                        </div>
                    </div>
                </div>


 public/pages/property/meterWaterManage/meterWaterManage.js

@@ -438,6 +438,12 @@
            },
            _openMeterType:function(){
                vc.jumpToPage('/#/pages/property/meterTypeManage?tab=抄表类型');
            },
            _computeTableDivWidth: function () {
                let mainWidth = document.getElementsByTagName('body')[0].clientWidth - document.getElementById('menu-nav').offsetWidth;
                let treeWidth = document.querySelector('.col-md-1').offsetWidth;
                mainWidth = mainWidth - 20 - treeWidth - 15 - 20;
                return mainWidth + 'px';
            }
        }
    });