PropertyDeployment/resources/Web/MicroCommunityWeb/html/pages/work/jobQuery/jobQuery.html

<div class="white-bg padding-lg padding-top">
    <div class="flex justify-between">
        <div class="text-title">{{vc.i18n('Job详情','jobDetail')}}</div>
        <div>
            <button type="button" class="btn btn-primary btn-sm" v-on:click="_goBack()">返回</button>
        </div>
    </div>

    <div class="margin-top">
        <div class="row">
            <div class="col-sm-3">
                <label>FlowId：</label>
                <label>{{cardDetailInfo.flowId}}</label>
            </div>
            <div class="col-sm-3">
                <label>用户ID：</label>
                <label>{{cardDetailInfo.userId}}</label>
            </div>
        </div>

        <div class="vc-line-primary margin-top"></div>

        <!-- 卡片表格 -->
        <div class="margin-top-sm" v-if="cardDetailInfo.domainId === 'card'">
            <table class="table table-bordered">
                <thead>


                <tr>
                    <th>车牌号</th>
                    <th>旧开始时间</th>
                    <th>旧结束时间</th>
                    <th>新开始时间</th>
                    <th>新结束时间</th>
                    <th>金额</th>
                    <th>是否导入</th>
                    <th>附加费用</th>
                    <th>附加IOT</th>
                    <th>导入结果</th> <!-- 新增 -->

                </tr>
                </thead>
                <tbody>
                <tr v-for="item in cardDetailInfo.details" :key="item.carPlate + item.newStartTime">
                    <td>{{item.carPlate}}</td>
                    <td>{{item.oldStartTime || '-'}}</td>
                    <td>{{item.oldEndTime || '-'}}</td>
                    <td>{{item.newStartTime}}</td>
                    <td>{{item.newEndTime}}</td>
                    <td>{{item.money}}</td>
                    <td>
                <span :class="item.isImport ? 'bg-warning text-dark px-1' : 'bg-success text-white px-1'">
                    {{item.isImport ? '已导入' : '未导入'}}
                </span>
                    </td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.addFee === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.addFee === null ? '-' : item.addFee) : (item.addFee === null ? '成功' : item.addFee)}}
                    </td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.addIot === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.addIot === null ? '-' : item.addIot) : (item.addIot === null ? '成功' : item.addIot)}}
                    </td>
                    <td>
                <span :class="item.importSucceed ? 'bg-success text-white px-1' : 'bg-danger text-white px-1'">
                    {{item.importSucceed ? '成功' : '失败'}}
                </span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <!-- 车辆表格 -->
        <div class="margin-top-sm" v-if="cardDetailInfo.domainId === 'car'">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>车牌号</th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th>手机号</th>
                    <th>是否导入</th>
                    <th>新增车辆</th>
                    <th>同时间</th>
                    <th>修改车辆</th>
                    <th>导入结果</th> <!-- 新增 -->
                </tr>
                </thead>
                <tbody>
                <tr v-for="item in cardDetailInfo.details" :key="item.carPlate + item.startTime">
                    <td>{{item.carPlate}}</td>
                    <td>{{item.startTime}}</td>
                    <td>{{item.endTime}}</td>
                    <td>{{item.mobilePhone}}</td>
                    <td>
                <span :class="item.isImport ? 'bg-warning text-dark px-1' : 'bg-success text-white px-1'">
                    {{item.isImport ? '已导入' : '未导入'}}
                </span>
                    </td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.addCar === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.addCar === null ? '-' : item.addCar) : (item.addCar === null ? '成功' : item.addCar)}}
                    </td>
                    <td>{{item.sameTime ? '是' : '否'}}</td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.modifyCar === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.modifyCar === null ? '-' : item.modifyCar) : (item.modifyCar === null ? '成功' : item.modifyCar)}}
                    </td>
                    <td>
                <span :class="item.importSucceed ? 'bg-success text-white px-1' : 'bg-danger text-white px-1'">
                    {{item.importSucceed ? '成功' : '失败'}}
                </span>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>

        <!-- 临时车表格 -->
        <div class="margin-top-sm" v-if="cardDetailInfo.domainId === 'temporary-car'">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>车牌号</th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th>收费方式</th>
                    <th>应收金额</th>
                    <th>实收金额</th>
                    <th>是否导入</th>
                    <th>附加费用</th>
                    <th>附加IOT</th>
                    <th>导入结果</th> <!-- 新增 -->
                </tr>
                </thead>
                <tbody>
                <tr v-for="item in cardDetailInfo.details" :key="item.carPlate + item.startTime">
                    <td>{{item.carPlate}}</td>
                    <td>{{item.startTime}}</td>
                    <td>{{item.endTime}}</td>
                    <td>{{moneyMethodText(item.moneyMethod)}}</td>
                    <td>{{item.needMoney}}</td>
                    <td>{{item.receivedMoney}}</td>
                    <td>
                <span :class="item.isImport ? 'bg-warning text-dark px-1' : 'bg-success text-white px-1'">
                    {{item.isImport ? '已导入' : '未导入'}}
                </span>
                    </td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.addFee === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.addFee === null ? '-' : item.addFee) : (item.addFee === null ? '成功' : item.addFee)}}
                    </td>
                    <td :class="item.isImport ? 'bg-secondary text-white px-1' : (item.addIot === null ? 'bg-success text-white px-1' : '')">
                        {{item.isImport ? (item.addIot === null ? '-' : item.addIot) : (item.addIot === null ? '成功' : item.addIot)}}
                    </td>
                    <td>
                <span :class="item.importSucceed ? 'bg-success text-white px-1' : 'bg-danger text-white px-1'">
                    {{item.importSucceed ? '成功' : '失败'}}
                </span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>


        <div class="margin-top">
            <button type="button" class="btn btn-primary" v-on:click="_queryJob(cardDetailInfo.flowId)">
                查询Job
            </button>
        </div>
    </div>
</div>