万达晶座11栋410加加交易信息展示

guanqb

2023-10-27 1d04c6f12797483a018e475918be4fd2e89b4b93

万达晶座11栋410加加交易信息展示

 src/views/house/index.vue

@@ -555,12 +555,16 @@
                        实有人口</div>
                    <div class="tab-item" :class="{ 'tab-choose-item': hushiPeoTy == 3 }" @click="hushiPeoTyClick(3)">其他
                    </div>
                    <div v-show="isShowPayInfo" class="tab-item" :class="{ 'tab-choose-item': hushiPeoTy == 4 }"
                        @click="hushiPeoTyClick(4)">交易信息
                    </div>
                </div>
                <el-table :data="houseDate"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-loading="residentLoading"
                    element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(17, 38, 163, 1)" :empty-text="residentNoDataText">
                    element-loading-background="rgba(17, 38, 163, 1)" :empty-text="residentNoDataText"
                    v-if="!isShowPayInfo && hushiPeoTy != 4">
                    <el-table-column prop="realName" label="姓名">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
@@ -623,6 +627,133 @@
                                {{
                                    scope.row.zdryxl
                                }}
                            </span>
                        </template>
                    </el-table-column>
                </el-table>
                <el-table :data="houseDate"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-loading="residentLoading"
                    element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(17, 38, 163, 1)" :empty-text="residentNoDataText"
                    v-if="isShowPayInfo && hushiPeoTy != 4">
                    <el-table-column prop="realName" label="姓名">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.realName }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="phone" label="电话">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.phone }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="cardNo" label="身份证号" width="200">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.cardNo }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="relation" label="户主关系">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.relation }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column :show-overflow-tooltip="true" prop="censusAddress" label="户籍地址">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.censusAddress }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="人口类型">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.personType == 1 ? '户籍人口' : '实有人口' }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="是否未成年">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.isNonage == 1 ? '是' : '否' }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="备注">
                        <template slot-scope="scope">
                            <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                                {{
                                    scope.row.zdryxl
                                }}
                            </span>
                        </template>
                    </el-table-column>
                </el-table>
                <el-table :data="payInfoDate"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-loading="residentLoading"
                    element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(17, 38, 163, 1)" :empty-text="residentNoDataText"
                    v-if="isShowPayInfo && hushiPeoTy == 4">
                    <el-table-column prop="transaction_object" label="交易对象">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.transaction_object }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="transaction_object_tel" label="手机号">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.transaction_object_tel }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="task_name" label="交易内容">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.task_name }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="transaction_money" label="交易金额">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.transaction_money }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="goods_nums" label="交易数量">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.goods_nums }}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="happen_time" label="发生时间">
                        <template slot-scope="scope">
                            <span>
                                {{
                                    scope.row.happen_time }}
                            </span>
                        </template>
                    </el-table-column>
@@ -712,6 +843,7 @@

    data () {
        return {
            isShowPayInfo: false,
            isShowHouseInfoBox: true,
            typeValue: '',
            jqType: 0,
@@ -823,7 +955,14 @@
            lastFloorShow: false,
            nextFloorShow: true,
            houseDate: [],

            payInfoDate: [{
                transaction_object: '王强',
                transaction_object_tel: 13977351552,
                task_name: '黄金买卖',
                transaction_money: 4600.00,
                goods_nums: 10,
                happen_time: '2023/10/7 15:40:32',
            }],
            boxShow: false,

            buildingList: [],
@@ -1760,6 +1899,13 @@
            this.houseDate = []
            if (params.exttype == 'room') {
                residentId = params.std_addr_id.split('|')[2]
                if (residentId == '11ACAB7FB7909F652F579C6E1ADE3F71') {//测试万达晶座11栋310
                    console.log('this.isShowPayInfo=true')
                    this.isShowPayInfo = true
                } else {
                    console.log(' this.isShowPayInfo=false')
                    this.isShowPayInfo = false
                }
                this.residentIdSave = residentId
                this.getVillagePersonInfo(residentId, '', { personType: this.hushiPeoTy })
                this.floorChoosed = params.sname