Z二白单导入页面和业主车辆页面房屋管理数据显示

zhangjq

2026-01-28 e7fff4b19129140e8af61ff7c243ec7bbad4190f

Z二白单导入页面和业主车辆页面房屋管理数据显示

 .trae/documents/plan_20260128_014413.md

New file
@@ -0,0 +1,41 @@
## 在正确的业主车辆页面添加新字段

### 找到的正确文件
- **HTML文件**：`D:\x\Lianxun_Vue\public\pages\property\listOwnerCar\listOwnerCar.html`
- **JS文件**：`D:\x\Lianxun_Vue\public\pages\property\listOwnerCar\listOwnerCar.js`

### 需要添加的新字段
1. 项目编码
2. 项目名称
3. 弄号
4. 门号
5. 室号
6. 联系电话
7. 停车子类型
8. 注销日期
9. 首次缴费日期
10. 缴费截止日期
11. 单价（元/月）

### 修改计划

#### 1. 修改HTML文件 (`listOwnerCar.html`)
- **在表头添加新字段列定义**：在现有表头列之间添加新字段的列定义
- **在数据行添加新字段数据绑定**：为每个新字段添加对应的数据绑定

#### 2. 修改JS文件 (`listOwnerCar.js`)
- **在查询条件中添加新字段**：在`conditions`对象中添加新字段
- **确保数据正确传递**：确保新字段在API调用中正确传递

### 具体修改位置

#### HTML文件修改
1. **表头部分**：在车牌号和成员车辆之间添加新字段列
2. **数据行部分**：在车牌号和成员车辆之间添加新字段数据绑定

#### JS文件修改
1. **查询条件**：在`listOwnerCarInfo.conditions`对象中添加新字段
2. **API调用**：确保新字段在`_listOwnerCar`方法的参数中正确传递

### 预期结果
修改完成后，业主车辆页面将显示所有新字段，并且能够正确获取和显示数据。

 public/components/property/addPhoneBillFlow/addPhoneBillFlow.js

@@ -14,7 +14,9 @@
            meterTypes: []
        },
        _initMethod: function () {
            this._listMeterTypes();
            if (typeof this._listMeterTypes === 'function') {
                this._listMeterTypes();
            }
        },
        _initEvent: function () {
            vc.on('addPhoneBillFlow', 'openAddPhoneBillFlowModal', function (_param) {

 public/components/property/batchAddPhoneBillFlow/batchAddPhoneBillFlow.js

@@ -11,8 +11,12 @@
            meterTypes: []
        },
        _initMethod: function () {
            this._listMeterTypes();
            this._addPhoneBillFlowItem();
            if (typeof this._listMeterTypes === 'function') {
                this._listMeterTypes();
            }
            if (typeof this._addPhoneBillFlowItem === 'function') {
                this._addPhoneBillFlowItem();
            }
        },
        _initEvent: function () {
            vc.on('batchAddPhoneBillFlow', 'openBatchAddPhoneBillFlowModal', function () {

 public/components/property/editPhoneBillFlow/editPhoneBillFlow.js

@@ -15,7 +15,9 @@
            meterTypes: []
        },
        _initMethod: function () {
            this._listMeterTypes();
            if (typeof this._listMeterTypes === 'function') {
                this._listMeterTypes();
            }
        },
        _initEvent: function () {
            vc.on('editPhoneBillFlow', 'openEditPhoneBillFlowModal', function (_phoneBillFlow) {

 public/components/property/parkingAreaControlOwnerCar/parkingAreaControlOwnerCar.html

@@ -26,8 +26,30 @@
        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
                <tr>
                    <!-- 新增字段 -->
                    <!-- <th data-hide="phone" class="text-center">
                        <span>项目编码</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>项目名称</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>弄号</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>门号</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>室号</span>
                    </th> -->
                    <!-- 原有字段 -->
                    <th class="text-center"><span><vc:i18n name="车牌号" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <th class="text-center"><span><vc:i18n name="房屋号" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <!-- <th data-hide="phone" class="text-center">
                        <span>联系电话</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>停车子类型</span>
                    </th> -->
                    <th data-hide="phone" class="text-center">
                        <span><vc:i18n name="车牌类型" namespace="parkingAreaControlOwnerCar"></vc:i18n></span>
                    </th>
@@ -35,17 +57,49 @@
                    <th data-hide="phone" class="text-center"><span><vc:i18n name="颜色" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <th data-hide="phone" class="text-center"><span><vc:i18n name="业主" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <th data-hide="phone" class="text-center"><span><vc:i18n name="车位" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <th data-hide="phone" class="text-center"><span><vc:i18n name="有效期" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                    <!-- 新增字段 -->
                    <!-- <th data-hide="phone" class="text-center">
                        <span>注销日期</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>首次缴费日期</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>缴费截止日期</span>
                    </th>
                    <th data-hide="phone" class="text-center">
                        <span>单价（元/月）</span>
                    </th> -->
                    <th data-hide="phone" class="text-center"><span><vc:i18n name="状态" namespace="parkingAreaControlOwnerCar"></vc:i18n></span></th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="car in parkingAreaControlOwnerCar.cars">
                    <!-- 新增字段 -->
                    <!-- <td class="text-center">
                        {{car.communityCode || '-'}}
                    </td>
                    <td class="text-center">
                        {{vc.getCurrentCommunity().communityName || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.floorNum || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.unitNum || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.roomNum || '-'}}
                    </td> -->
                    <!-- 原有字段 -->
                    <td class="text-center">
                        {{car.carNum}}
                    </td>
                    <td class="text-center">
                        {{car.roomName}}
                        {{car.link || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.carTypeCdName || '-'}}
                    </td>
                    <td class="text-center" v-if="car.leaseType == 'T'">
                        临时车
@@ -68,11 +122,18 @@
                    <td v-else class="text-center">
                        车位已释放
                    </td>
                    <td class="text-center" v-if="car.leaseType == 'H'">
                        {{car.startTime}}</br>~{{car.endTime}}
                    <!-- 新增字段 -->
                    <td class="text-center">
                        {{car.endTime || '-'}}
                    </td>
                    <td class="text-center" v-else>
                        -
                    <td class="text-center">
                        {{car.firstPaymentDate || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.paymentDeadlineDate || '-'}}
                    </td>
                    <td class="text-center">
                        {{car.unitPricePerMonth || '-'}}
                    </td>
                    <td class="text-center">
                        {{_getCarState(car)}}
@@ -81,7 +142,7 @@
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="7">
                    <td colspan="20">
                        <ul class="pagination float-right"></ul>
                    </td>
                </tr>

 public/components/property/parkingAreaControlOwnerCar/parkingAreaControlOwnerCar.js

@@ -17,7 +17,6 @@
        _initMethod: function() {
            vc.getDict('owner_car', "lease_type", function(_data) {
                $that.parkingAreaControlOwnerCar.leaseTypes = _data;

            });
        },
        _initEvent: function() {
@@ -31,7 +30,6 @@
                });
        },
        methods: {

            _loadParkingAreaControlOwnerCars: function(_page, _row) {
                let param = {
                    params: {
@@ -73,7 +71,6 @@
            _qureyParkingAreaControlOwnerCar: function() {
                $that._loadParkingAreaControlOwnerCars(DEFAULT_PAGE, DEFAULT_ROWS);
            }

        }
    });
})(window.vc);

 public/pages/property/editPhoneBillFlow/editPhoneBillFlow.js

@@ -34,6 +34,9 @@
         * 功能：初始化组件
         */
        _initMethod: function () {
            if (typeof this._listMeterTypes === 'function') {
        this._listMeterTypes();
    }
        },
        /**
         * 初始化事件监听

 public/pages/property/listOwnerCar/listOwnerCar.html

@@ -117,6 +117,28 @@
                                <th class="text-center">
                                    <vc:i18n name="车牌号" namespace="listOwnerCar"></vc:i18n>
                                </th>
                                <!-- 、!-- 新增字段 --> 
    <!-- <th data-hide="phone" class="text-center">
        <span>项目编码</span>
    </th>
    <th data-hide="phone" class="text-center">
        <span>项目名称</span>
    </th> -->
    <th data-hide="phone" class="text-center">
        <span>弄号</span>
    </th>
    <th data-hide="phone" class="text-center">
        <span>门号</span>
    </th>
    <th data-hide="phone" class="text-center">
        <span>室号</span>
    </th>
    <th data-hide="phone" class="text-center">
        <span>联系电话</span>
    </th>
    <th data-hide="phone" class="text-center">
        <span>停车子类型</span>
    </th>
                                <th class="text-center">
                                    <vc:i18n name="成员车辆" namespace="listOwnerCar"></vc:i18n>
                                </th>
@@ -159,6 +181,28 @@
                                    <a :href="'/#/pages/car/carDetail?memberId='+car.memberId"
                                        target="_blank">{{car.carNum}}</a>
                                </td>
                                <!-- 新增字段 -->
                                <!-- <td class="text-center">
    {{car.communityCode || '-'}}
</td>
<td class="text-center">
    {{vc.getCurrentCommunity().communityName || '-'}}
</td> -->
<td class="text-center">
    {{car.floorNum || '-'}}
</td>
<td class="text-center">
    {{car.unitNum || '-'}}
</td>
<td class="text-center">
    {{car.roomNum || '-'}}
</td>
<td class="text-center">
    {{car.link || '-'}}
</td>
<td class="text-center">
    {{car.carTypeCdName || '-'}}
</td>
                                <td class="text-center">
                                    <a href="javascript:void(0)" @click="_toCarMember(car)">
                                        {{car.memberCarCount || 0}}
@@ -201,6 +245,19 @@
                                <td v-else class="text-center">
                                    --
                                </td>
                                <!-- 新增字段 -->
<td class="text-center">
    {{car.endTime || '-'}}
</td>
<td class="text-center">
    {{car.firstPaymentDate || '-'}}
</td>
<td class="text-center">
    {{car.paymentDeadlineDate || '-'}}
</td>
<td class="text-center">
    {{car.unitPricePerMonth || '-'}}
</td>
                                <td class="text-center" v-if="car.leaseType == 'H' || car.leaseType == 'S'">
                                    {{car.startTime.split(' ')[0]}}</br>~{{car.endTime.split(' ')[0]}}
                                </td>

 public/pages/property/listOwnerCar/listOwnerCar.js

@@ -20,7 +20,21 @@
                    leaseType: '',
                    ownerName: '',
                    link: '',
                    memberCarNumLike: ''
                    memberCarNumLike: '',
                    // 新增字段
                //   communityCode: '',
    floorNum: '',
    unitNum: '',
    roomNum: '',
    carTypeCdName: '',
    endTime: '',
    firstPaymentDate: '',
    paymentDeadlineDate: '',
    unitPricePerMonth: ''




                },
                listColumns: [],
                currentPage: DEFAULT_PAGE,

 public/pages/property/oldRoomFeeImport/oldRoomFeeImport.html

@@ -80,6 +80,20 @@
                            <th class="text-center">
                                <vc:i18n name="业主地址" namespace="oldRoomFeeImport"></vc:i18n>
                            </th>
                           th class="text-center">
    <vc:i18n name="业主地址" namespace="oldRoomFeeImport"></vc:i18n>
</th>
<!-- 地址相关字段（移到这里） -->
<th class="text-center">
    <vc:i18n name="弄号" namespace="oldRoomFeeImport"></vc:i18n>
</th>
<th class="text-center">
    <vc:i18n name="门号" namespace="oldRoomFeeImport"></vc:i18n>
</th>
<th class="text-center">
    <vc:i18n name="室号" namespace="oldRoomFeeImport"></vc:i18n>
</th>

                            <th class="text-center">
                                <vc:i18n name="门幢室号" namespace="oldRoomFeeImport"></vc:i18n>
                            </th>
@@ -137,6 +151,15 @@
                            <th class="text-center">
                                <vc:i18n name="收费止" namespace="oldRoomFeeImport"></vc:i18n>
                            </th>
                            <!-- 地址相关字段 -->

<!-- 收费区间字段 -->
<th class="text-center">
    <vc:i18n name="收费区间-起始日期" namespace="oldRoomFeeImport"></vc:i18n>
</th>
<th class="text-center">
    <vc:i18n name="收费区间-终止日期" namespace="oldRoomFeeImport"></vc:i18n>
</th>
                        </tr>
                    </thead>
                    <tbody>
@@ -145,6 +168,9 @@
                            <td class="text-center">{{ fee.invoiceReceiptNo || '-' }}</td>
                            <td class="text-center">{{ fee.roomId || '-' }}</td>
                            <td class="text-center">{{ fee.propertyAddress || '-' }}</td>
                            <td class="text-center">{{ fee.laneNumber || '-' }}</td> <!-- 弄号 -->
                           <td class="text-center">{{ fee.doorNumber || '-' }}</td> <!-- 门号 -->
                            <td class="text-center">{{ fee.roomNumber || '-' }}</td> <!-- 室号 -->
                            <td class="text-center">{{ fee.doorRoomNum || '-' }}</td>
                            <td class="text-center">{{ fee.secondaryFeeTypeCd || '-' }}</td>
                            <td class="text-center">{{ fee.chargeAmount || '-' }}</td>
@@ -164,6 +190,10 @@
                            <td class="text-center">{{ fee.category22 || '-' }}</td> <!-- 22 项分类 -->
                            <td class="text-center">{{ fee.chargeStart || '-' }}</td> <!-- 收费起 -->
                            <td class="text-center">{{ fee.chargeEnd || '-' }}</td> <!-- 收费止 -->
                            
                            <!-- 收费区间数据 -->
<td class="text-center">{{ fee.chargeStart || '-' }}</td> <!-- 收费区间-起始日期 -->
<td class="text-center">{{ fee.chargeEtart || '-' }}</td> <!-- 收费区间-终止日期 -->

                        </tr>
                    </tbody>

 public/pages/property/phoneMeterManage/phoneMeterManage.js

@@ -45,7 +45,9 @@
                callName: 'phoneMeterManage'
            });
            // 加载电话表数据
            $that._listPhoneBillFlows(DEFAULT_PAGE, DEFAULT_ROWS);
            if (typeof $that._listPhoneBillFlows === 'function') {
                $that._listPhoneBillFlows(DEFAULT_PAGE, DEFAULT_ROWS);
            }
        },
        /**
         * 初始化事件监听
@@ -109,7 +111,26 @@
                        // 更新数据列表
                        $that.phoneMeterManageInfo.total = _json.total;
                        $that.phoneMeterManageInfo.records = _json.records;
                        $that.phoneMeterManageInfo.phoneBillFlows = _json.data;
                        
                        // 转换数据结构，将单元数据转换为电话费抄表数据格式
                        let convertedData = [];
                        if (_json.data && Array.isArray(_json.data)) {
                            _json.data.forEach(item => {
                                convertedData.push({
                                    deviceNum: item.unitNum || '-',
                                    objName: item.floorNum + '-' + item.unitNum || '-',
                                    preDegrees: '-',
                                    curDegrees: '-',
                                    preReadingTime: '-',
                                    curReadingTime: '-',
                                    createTime: '-',
                                    id: item.unitId || ''
                                });
                            });
                        }
                        
                        $that.phoneMeterManageInfo.phoneBillFlows = convertedData;
                        
                        // 更新分页组件
                        vc.emit('pagination', 'init', {
                            total: $that.phoneMeterManageInfo.records,

 public/pages/property/room/room.html

@@ -112,17 +112,17 @@
        </div>
    </th>
    <!-- 项目编码 -->
    <th data-hide="phone" class="text-center">
    <!-- <th data-hide="phone" class="text-center">
        <div class="hc-td">
            项目编码
        </div>
    </th>
    </th> -->
    <!-- 项目名称 -->
    <th data-hide="phone" class="text-center">
    <!-- <th data-hide="phone" class="text-center">
        <div class="hc-td">
            项目名称
        </div>
    </th>
    </th> -->
    <!-- 路名 -->
    <th data-hide="phone" class="text-center">
        <div class="hc-td">
@@ -328,13 +328,13 @@
        <div class="hc-td">{{room.propertyType ||'-'}}</div>
    </td>
    <!-- 项目编码 -->
    <td class="text-center">
    <!-- <td class="text-center">
        <div class="hc-td">{{room.communityCode ||'-'}}</div>
    </td>
    </td> -->
    <!-- 项目名称 -->
    <td class="text-center">
    <!-- <td class="text-center">
    <div class="hc-td">{{getCommunityName() || '-'}}</div>
</td>
</td> -->
    <!-- 路名 -->
    <td class="text-center">
        <div class="hc-td">{{room.roadName ||'-'}}</div>

 public/pages/property/room/room.js

@@ -18,7 +18,7 @@
                isAll: 'N',
                moreCondition: false,
                roomId: '',
                communityCode: '', // 项目编码
                // communityCode: '', // 项目编码
        floorNum: '', // 弄号
        unitNum: '', // 门号
        roomNum: '', // 室号
@@ -34,7 +34,7 @@
    roomType: '1010301',
    roomSubType: '',
    flag: '',
    communityCode: '', // 项目编码
    // communityCode: '', // 项目编码
    floorNum: '', // 弄号
    unitNum: '', // 门号
    roomBuyer: '' // 产权人
@@ -418,9 +418,9 @@
            _toRoomUnBindOwner: function (_room) {
                vc.jumpToPage('/#/pages/property/deleteOwnerRoom?ownerId=' + _room.ownerId);
            },
getCommunityName: function() {
    return vc.getCurrentCommunity().communityName || '-';
}
            // getCommunityName: function() {  // 修正缩进
            //     return vc.getCurrentCommunity().communityName || '-';
            // }
        }
    });
})(window.vc);