| | |
| | | <div> |
| | | <div class="ibox "> |
| | | <div class="ibox-title"> |
| | | <h5> |
| | | <vc:i18n name="查询条件" namespace="carCreateFee"></vc:i18n> |
| | | </h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | |
| | | <div class="animated fadeInRight ecommerce"> |
| | | <div class="row"> |
| | | <div class="col-md-1 padding-r-0"> |
| | | <div class=" border-radius "> |
| | | <div class="margin-xs-r treeview "> |
| | | <ul class="list-group text-center border-radius"> |
| | | <li class="list-group-item node-orgTree " |
| | | @click="swatchCarTypeCd('1001')" |
| | | :class="{'vc-node-selected':carCreateFeeInfo.conditions.carTypeCd == '1001'}"> |
| | | 地面停车费表 |
| | | </li> |
| | | <li class="list-group-item node-orgTree " |
| | | @click="swatchCarTypeCd('1002')" |
| | | :class="{'vc-node-selected':carCreateFeeInfo.conditions.carTypeCd == '1002'}"> |
| | | 地下停车费表 |
| | | </li> |
| | | <li class="list-group-item node-orgTree " |
| | | @click="swatchCarTypeCd('1003')" |
| | | :class="{'vc-node-selected':carCreateFeeInfo.conditions.carTypeCd == '1003'}"> |
| | | 临时停车费表 |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | <div class="row"> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group input-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写停车场-车位,如 1-101','carCreateFee')" |
| | | class="form-control " v-model.trim="carCreateFeeInfo.conditions.allNum" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | <div class="col-md-11"> |
| | | <div class="ibox "> |
| | | <div class="ibox-title"> |
| | | <h5> |
| | | <vc:i18n name="查询条件" namespace="carCreateFee"></vc:i18n> |
| | | </h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group"> |
| | | <div class="form-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写车牌号','carCreateFee')" class="form-control " |
| | | v-model.trim="carCreateFeeInfo.conditions.carNumLike" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | <div class="ibox-content"> |
| | | <div class="row"> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group input-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写停车场-车位,如 1-101','carCreateFee')" |
| | | class="form-control " v-model.trim="carCreateFeeInfo.conditions.allNum" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group"> |
| | | <div class="form-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写车牌号','carCreateFee')" class="form-control " |
| | | v-model.trim="carCreateFeeInfo.conditions.carNumLike" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写业主名称','carCreateFee')" class="form-control " |
| | | v-model.trim="carCreateFeeInfo.conditions.ownerName" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <select class="custom-select" v-model="carCreateFeeInfo.conditions.state"> |
| | | <option selected value="">{{vc.i18n('请选择车位状态','carCreateFee')}}</option> |
| | | <option v-for="(item,index) in carCreateFeeInfo.states" :key="index" :value="item.statusCd"> |
| | | {{item.name}} |
| | | </option> |
| | | </select> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryParkingSpaceMethod()"> |
| | | <i class="fa fa-search"></i> |
| | | <span> |
| | | <vc:i18n name="查询" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> |
| | | <button type="button" class="btn btn-info btn-sm" v-on:click="_resetParkingSpaceMethod()" |
| | | style="margin-left: 20px;"> |
| | | <i class="fa fa-repeat"></i> |
| | | <span> |
| | | <vc:i18n name="重置" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <div class="form-group"> |
| | | <input type="text" :placeholder="vc.i18n('请填写业主名称','carCreateFee')" class="form-control " |
| | | v-model.trim="carCreateFeeInfo.conditions.ownerName" |
| | | @keyup.enter="_queryParkingSpaceMethod"> |
| | | </div> |
| | | |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5> |
| | | <vc:i18n name="车辆收费" namespace="carCreateFee"></vc:i18n> |
| | | </h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" |
| | | v-on:click="_openCarCreateFeeAddModal(null,true)"> |
| | | <vc:i18n name="批量创建" namespace="carCreateFee"></vc:i18n> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <select class="custom-select" v-model="carCreateFeeInfo.conditions.state"> |
| | | <option selected value="">{{vc.i18n('请选择车位状态','carCreateFee')}}</option> |
| | | <option v-for="(item,index) in carCreateFeeInfo.states" :key="index" :value="item.statusCd"> |
| | | {{item.name}} |
| | | </option> |
| | | </select> |
| | | </div> |
| | | <div class="col-sm-2"> |
| | | <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryParkingSpaceMethod()"> |
| | | <i class="fa fa-search"></i> |
| | | <span> |
| | | <vc:i18n name="查询" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> |
| | | <button type="button" class="btn btn-info btn-sm" v-on:click="_resetParkingSpaceMethod()" |
| | | style="margin-left: 20px;"> |
| | | <i class="fa fa-repeat"></i> |
| | | <span> |
| | | <vc:i18n name="重置" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> |
| | | <div class="ibox-content"> |
| | | <div class="row"> |
| | | <div class="col-sm-12"> |
| | | <button type="button" class="btn btn-primary btn-sm" style="margin-bottom:10px" |
| | | v-on:click="_importCarDataByType(carCreateFeeInfo.conditions.carTypeCd)"> |
| | | <i class="fa fa-upload"></i> |
| | | <span> |
| | | {{carCreateFeeInfo.conditions.carTypeCd == '1001' ? '导入地面停车费' : |
| | | carCreateFeeInfo.conditions.carTypeCd == '1002' ? '导入地下停车费' : '导入临时停车费'}} |
| | | </span> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | <table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10"> |
| | | <thead> |
| | | <tr> |
| | | <th data-hide="phone" class="text-center">车牌号</th> |
| | | <th data-hide="phone" class="text-center">停车场(单位:号)</th> |
| | | <th data-hide="phone" class="text-center">车位(单位:号)</th> |
| | | <th data-hide="phone" class="text-center">业主名称</th> |
| | | <th data-hide="phone" class="text-center">联系方式</th> |
| | | <th data-hide="phone" class="text-center">车位状态</th> |
| | | <th class="text-center">操作</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="car in carCreateFeeInfo.cars"> |
| | | <td class="text-center">{{car.carNum}}</td> |
| | | <td class="text-center">{{car.areaNum}}</td> |
| | | <td class="text-center">{{car.num}}</td> |
| | | <td class="text-center">{{car.ownerName}}</td> |
| | | <td class="text-center">{{car.link}}</td> |
| | | <td class="text-center">{{car.stateName}}</td> |
| | | <td class="text-center"> |
| | | <div class="btn-group"> |
| | | <button class="btn-white btn btn-xs" v-on:click="_openViewParkingSpaceCreateFee(car)"> |
| | | 查看收费 |
| | | </button> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | <!-- 分页 --> |
| | | <vc:create path="frame/pagination"></vc:create> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="ibox"> |
| | | <div class="ibox-title"> |
| | | <h5> |
| | | <vc:i18n name="车辆收费" namespace="carCreateFee"></vc:i18n> |
| | | </h5> |
| | | <div class="ibox-tools" style="top:10px;"> |
| | | <!-- <button type="button" class="btn btn-white btn-sm" style="margin-left:10px" |
| | | v-on:click="_openFeeImportExcel()"> |
| | | <i class="fa fa-plus"></i> |
| | | <span> |
| | | <vc:i18n name="自定义模板" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> |
| | | <button type="button" class="btn btn-white btn-sm" style="margin-left:10px" |
| | | v-on:click="_openDoCreateRoomFee()"> |
| | | <i class="fa fa-plus"></i> |
| | | <span> |
| | | <vc:i18n name="自定义创建" namespace="carCreateFee"></vc:i18n> |
| | | </span> |
| | | </button> --> |
| | | <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" |
| | | v-on:click="_openCarCreateFeeAddModal(null,true)"> |
| | | <vc:i18n name="批量创建" namespace="carCreateFee"></vc:i18n> |
| | | </button> |
| | | <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" |
| | | v-on:click="_importCarData()"> |
| | | <vc:i18n name="数据导入" namespace="carCreateFee"></vc:i18n> |
| | | </button> |
| | | <!-- <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" |
| | | v-on:click="_toBuyCarMonthCard()"> |
| | | <vc:i18n name="购买月卡" namespace="carCreateFee"></vc:i18n> |
| | | </button> --> |
| | | </div> |
| | | </div> |
| | | <div class="ibox-content"> |
| | | <table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10"> |
| | | <thead> |
| | | <tr> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="车牌号" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="停车场(单位:号)" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="车位(单位:号)" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="业主名称" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="联系方式" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th data-hide="phone" class="text-center"> |
| | | <vc:i18n name="车位状态" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | <th class="text-center"> |
| | | <vc:i18n name="操作" namespace="carCreateFee"></vc:i18n> |
| | | </th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="car in carCreateFeeInfo.cars"> |
| | | <td class="text-center"> |
| | | {{car.carNum}} |
| | | </td> |
| | | <td class="text-center"> |
| | | {{car.areaNum}} |
| | | </td> |
| | | <td class="text-center"> |
| | | {{car.num}} |
| | | </td> |
| | | <td class="text-center"> |
| | | {{car.ownerName}} |
| | | </td> |
| | | <td class="text-center"> |
| | | {{car.link}} |
| | | </td> |
| | | <td class="text-center"> |
| | | {{car.stateName}} |
| | | </td> |
| | | <td class="text-center"> |
| | | <!--<div class="btn-group" v-if="car.state != 'F'"> |
| | | <button class="btn-white btn btn-xs" |
| | | v-on:click="_openCarCreateFeeAddModal(car,false)"> |
| | | <span><vc:i18n name="创建收费" namespace="carCreateFee"></vc:i18n></span> |
| | | </button> |
| | | </div>--> |
| | | <div class="btn-group"> |
| | | <button class="btn-white btn btn-xs" v-on:click="_openViewParkingSpaceCreateFee(car)"> |
| | | <vc:i18n name="查看收费" namespace="carCreateFee"></vc:i18n> |
| | | </button> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | <!-- 分页 --> |
| | | <vc:create path="frame/pagination"></vc:create> |
| | | </div> |
| | | </div> |
| | | <vc:create path="property/carCreateFeeAdd"></vc:create> |
| | | <vc:create path="property/exportCarFeeImportExcel"></vc:create> |
| | | <vc:create path="property/doImportCreateFee"></vc:create> |
| | | |
| | | <!-- 车辆数据导入弹窗 --> |
| | | <div class="modal fade" id="importCarDataModal" tabindex="-1" role="dialog" aria-labelledby="importCarDataModalLabel" aria-hidden="true"> |
| | | <div class="modal-dialog modal-lg" role="document"> |
| | | <div class="modal-content"> |
| | | <div class="modal-header"> |
| | | <h5 class="modal-title" id="importCarDataModalLabel">车辆数据导入</h5> |
| | | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
| | | <span aria-hidden="true">×</span> |
| | | </button> |
| | | </div> |
| | | <div class="modal-body"> |
| | | <div class="ibox-content"> |
| | | <div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">选择文件</label> |
| | | <div class="col-sm-10"> |
| | | <div class="custom-file"> |
| | | <input id="carExcelFile" ref="carExcelFile" type="file" |
| | | class="custom-file-input form-control" name="carExcelFile" |
| | | v-on:change="getCarExcelFile($event)" accept=".xls,.xlsx,.csv"> |
| | | <label for="carExcelFile" class="custom-file-label"> |
| | | {{carCreateFeeInfo.excelFile==''?'必填,请选择数据文件':carCreateFeeInfo.excelFile.name}} |
| | | </label> |
| | | <vc:create path="property/carCreateFeeAdd"></vc:create> |
| | | <vc:create path="property/exportCarFeeImportExcel"></vc:create> |
| | | <vc:create path="property/doImportCreateFee"></vc:create> |
| | | |
| | | <!-- 车辆数据导入弹窗 --> |
| | | <div class="modal fade" id="importCarDataModal" tabindex="-1" role="dialog" aria-labelledby="importCarDataModalLabel" aria-hidden="true"> |
| | | <div class="modal-dialog modal-lg" role="document"> |
| | | <div class="modal-content"> |
| | | <div class="modal-header"> |
| | | <h5 class="modal-title" id="importCarDataModalLabel">车辆数据导入</h5> |
| | | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
| | | <span aria-hidden="true">×</span> |
| | | </button> |
| | | </div> |
| | | <div class="modal-body"> |
| | | <div class="ibox-content"> |
| | | <div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">选择文件</label> |
| | | <div class="col-sm-10"> |
| | | <div class="custom-file"> |
| | | <input id="carExcelFile" ref="carExcelFile" type="file" |
| | | class="custom-file-input form-control" name="carExcelFile" |
| | | v-on:change="getCarExcelFile($event)" accept=".xls,.xlsx,.csv"> |
| | | <label for="carExcelFile" class="custom-file-label"> |
| | | {{carCreateFeeInfo.excelFile==''?'必填,请选择数据文件':carCreateFeeInfo.excelFile.name}} |
| | | </label> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">导入类型</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="carCreateFeeInfo.importAdapt"> |
| | | <option value="importOwnerCarV2">地面/地下停车费</option> |
| | | <option value="importCarInout">临时停车费</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">下载模板</label> |
| | | <div class="col-sm-10"> |
| | | <div v-if="carCreateFeeInfo.importAdapt == 'importOwnerCarV2'"> |
| | | 请先下载 <a href="/import/中华东波清地面停车费.xlsx" target="_blank">地面停车费导入新模板</a> 或 <a href="/import/中华东波清地下停车费模版.xlsx" target="_blank">地下停车费导入新模板</a> |
| | | <span>准备数据后,上传导入</span> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">导入类型</label> |
| | | <div class="col-sm-10"> |
| | | <select class="custom-select" v-model="carCreateFeeInfo.importAdapt"> |
| | | <option value="importOwnerCarV2">地面/地下停车费</option> |
| | | <option value="importCarInout">临时停车费</option> |
| | | </select> |
| | | </div> |
| | | <div v-else-if="carCreateFeeInfo.importAdapt == 'importCarInout'"> |
| | | 请先下载 <a href="/import/临时停车费导入模板.xlsx" target="_blank">临时停车费导入模板</a> |
| | | <span>准备数据后,上传导入</span> |
| | | </div> |
| | | <div class="form-group row"> |
| | | <label class="col-sm-2 col-form-label">下载模板</label> |
| | | <div class="col-sm-10"> |
| | | <div v-if="carCreateFeeInfo.importAdapt == 'importOwnerCarV2'"> |
| | | 请先下载 <a href="/import/中华东波清地面停车费.xlsx" target="_blank">地面停车费导入新模板</a> 或 <a href="/import/中华东波清地下停车费模版.xlsx" target="_blank">地下停车费导入新模板</a> |
| | | <span>准备数据后,上传导入</span> |
| | | </div> |
| | | <div v-else-if="carCreateFeeInfo.importAdapt == 'importCarInout'"> |
| | | 请先下载 <a href="/import/中华东波清临时停车费模版.xlsx" target="_blank">临时停车费导入模板</a> |
| | | <span>准备数据后,上传导入</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="modal-footer"> |
| | | <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button> |
| | | <button type="button" class="btn btn-primary" v-on:click="_importCarDataSubmit()">导入</button> |
| | | <div class="modal-footer"> |
| | | <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button> |
| | | <button type="button" class="btn btn-primary" v-on:click="_importCarDataSubmit()">导入</button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |