MicroCommunityWeb/public/pages/property/reportRepair/reportRepair.html

<div class=" animated fadeInRight ecommerce">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>查询条件</h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
                                v-on:click="_moreCondition()">{{reportRepairInfo.moreCondition == true ? '隐藏' : '更多'}}
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" placeholder="请选择创建开始时间" name="beginStartTime"
                                       v-model="reportRepairInfo.conditions.beginStartTime"
                                       class="form-control form_datetime  begin_start_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" placeholder="请选择创建结束时间" name="beginEndTime"
                                       v-model="reportRepairInfo.conditions.beginEndTime"
                                       class="form-control form_datetime  begin_end_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" placeholder="请选择完结开始时间" name="finishStartTime"
                                       v-model="reportRepairInfo.conditions.finishStartTime"
                                       class="form-control form_datetime  finish_start_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input size="16" type="text" placeholder="请选择完结结束时间" name="finishEndTime"
                                       v-model="reportRepairInfo.conditions.finishEndTime"
                                       class="form-control form_datetime  finish_end_time" autocomplete="off">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-md" v-on:click="_queryMethod()">
                                <i class="fa fa-search"></i> 查询
                            </button>
                            <button type="button" class="btn btn-info btn-md" v-on:click="_resetMethod()"
                                    style="margin-left: 20px;">
                                <i class="fa fa-repeat"></i> 重置
                            </button>
                        </div>
                    </div>
                    <div class="row" v-show="reportRepairInfo.moreCondition == true">
                        <div class="col-sm-2">
                            <select class="custom-select" v-model="reportRepairInfo.conditions.staffId">
                                <option selected value="" disabled>请选择员工姓名</option>
                                <option v-for="(item,index) in reportRepairInfo.repairUsers" :key="index"
                                        v-bind:value="item.staffId">{{item.staffName}}
                                </option>
                            </select>
                        </div>
                        <!--状态-->
                        <div class="col-sm-2">
                            <select class="custom-select" v-model="reportRepairInfo.conditions.state">
                                <option selected value="" disabled>请选择状态</option>
                                <option v-for="(item,index) in reportRepairInfo.states" :key="index"
                                        v-bind:value="item.statusCd" v-if="item.statusCd != '10005'">{{item.name}}
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>报修汇总表</h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_exportFee()">
                            <i class="fa fa-plus"></i> 导出
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                        <tr>
                            <th class="text-center">报修编号</th>
                            <th class="text-center">员工ID</th>
                            <th class="text-center">员工姓名</th>
                            <th class="text-center">处理中(条)</th>
                            <th class="text-center">派单(条)</th>
                            <th class="text-center">转单(条)</th>
                            <th class="text-center">退单(条)</th>
                            <th class="text-center">已回访(条)</th>
                            <th class="text-center">已完结(条)</th>
                            <th class="text-center">员工评分</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(repair,index) in reportRepairInfo.repairs">
                            <td class="text-center">{{index+1}}</td>
                            <td class="text-center">{{repair.staffId}}</td>
                            <td class="text-center">{{repair.staffName}}</td>
                            <td class="text-center">{{repair.dealAmount}}</td>
                            <td class="text-center">{{repair.dispatchAmount}}</td>
                            <td class="text-center">{{repair.transferOrderAmount}}</td>
                            <td class="text-center">{{repair.chargebackAmount}}</td>
                            <td class="text-center">{{repair.returnAmount}}</td>
                            <td class="text-center">{{repair.statementAmount}}</td>
                            <td class="text-center">{{repair.score?repair.score:'-'}}</td>
                        </tr>
                        <td class="text-center" style="font-size:20px;color: red">统计</td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.dealNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.dispatchNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.transferOrderNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.chargebackNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.returnNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">
                            {{reportRepairInfo.conditions.statementNumber}}
                        </td>
                        <td class="text-center" style="font-size:20px;color: red">---</td>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="10">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>
</div>