|
@@ -19,9 +19,10 @@
|
|
|
<div class="vue-box" style="display: none;" :style="'display: block;'">
|
|
|
<div class="c-panel">
|
|
|
<div class="fast-btn">
|
|
|
- <el-button size="mini" type="primary" @click="add()" v-if="confirm==0&&sa.isAuth('tb-business-edit')">
|
|
|
+ <el-button size="mini" type="primary" @click="add()"
|
|
|
+ v-if="confirm==0&&sa.isAuth('tb-business-edit')">
|
|
|
新增</el-button>
|
|
|
- <el-button size="mini" type="info" @click="sa.f5()">刷新</el-button>
|
|
|
+ <el-button size="mini" type="info" @click="sa.f5()">刷新</el-button>
|
|
|
</div>
|
|
|
<!-- ------------- 数据列表 ------------- -->
|
|
|
<el-table class="data-table" ref="data-table" :data="dataList">
|
|
@@ -31,32 +32,42 @@
|
|
|
</sa-td>
|
|
|
<sa-td width=100 name="车辆状态" prop="isLock" type="switch" :jv="{1: '锁定[#ff0000]', 0: '正常[#005500]'}"
|
|
|
@change="s => updateStatus(s.row)"></sa-td>
|
|
|
- <el-table-column label="预交停车费">
|
|
|
- <template slot-scope="s">
|
|
|
- <label>{{s.row.basePartMoney}}</label>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="已交费用">
|
|
|
- <template slot-scope="s">
|
|
|
- <label v-if="s.row.money">{{s.row.money}}</label>
|
|
|
- <label v-else>-</label>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="证明">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <el-button type="primary" @click="checkFn(s.row)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="预交停车费">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <label>{{s.row.basePartMoney}}</label>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="已交费用">
|
|
|
+ <template slot-scope="s">
|
|
|
+ <label v-if="s.row.money">{{s.row.money}}</label>
|
|
|
+ <label v-else>-</label>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<sa-td name="联系人" prop="driverName"></sa-td>
|
|
|
<sa-td name="联系号码" prop="driverPhone"></sa-td>
|
|
|
<sa-td name="入场时间" prop="realInTime" width=180></sa-td>
|
|
|
<sa-td name="离场时间" prop="realOutTime" width=180></sa-td>
|
|
|
<el-table-column label="操作" width="200px">
|
|
|
<template slot-scope="s">
|
|
|
- <el-button v-if="sa.isAuth('tb-business-car-change')&&s.row.realInTime==null" class="c-btn" type="primary" @click="inFn(s.row)">确认入场
|
|
|
+ <el-button v-if="sa.isAuth('tb-business-car-change')&&s.row.realInTime==null" class="c-btn"
|
|
|
+ type="primary" @click="inFn(s.row)">确认入场
|
|
|
</el-button>
|
|
|
- <el-button v-if="sa.isAuth('tb-business-car-change')&&s.row.realInTime!=null&&s.row.realOutTime==null" class="c-btn" type="primary" @click="outFn(s.row)">确认离场
|
|
|
+ <el-button
|
|
|
+ v-if="sa.isAuth('tb-business-car-change')&&s.row.realInTime!=null&&s.row.realOutTime==null"
|
|
|
+ class="c-btn" type="primary" @click="outFn(s.row)">确认离场
|
|
|
</el-button>
|
|
|
<el-button class="c-btn" type="success" icon="el-icon-view" @click="get(s.row)">查看
|
|
|
</el-button>
|
|
|
- <el-button v-if="confirm==0&&sa.isAuth('tb-business-edit')" class="c-btn" type="primary" icon="el-icon-edit" @click="update(s.row)">修改
|
|
|
+ <el-button v-if="confirm==0&&sa.isAuth('tb-business-edit')" class="c-btn" type="primary"
|
|
|
+ icon="el-icon-edit" @click="update(s.row)">修改
|
|
|
</el-button>
|
|
|
- <el-button v-if="confirm==0&&sa.isAuth('tb-business-edit')" class="c-btn" type="danger" icon="el-icon-delete" @click="del(s.row)">删除
|
|
|
+ <el-button v-if="confirm==0&&sa.isAuth('tb-business-edit')" class="c-btn" type="danger"
|
|
|
+ icon="el-icon-delete" @click="del(s.row)">删除
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -65,49 +76,76 @@
|
|
|
<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()">
|
|
|
</sa-item>
|
|
|
</div>
|
|
|
- <el-dialog title="确认入场" :visible.sync="rc.visible" width="400px">
|
|
|
- <el-form label-position="left">
|
|
|
- <div class="confirm-in">
|
|
|
- <sa-item type="datetime" name="入场时间" v-model="rc.form.realInTime" br></sa-item>
|
|
|
- <div class="c-item">
|
|
|
- <label class="c-label"><span style="color: red;">*</span>入场通道:</label>
|
|
|
- <el-input v-model="rc.form.inChannel" placeholder="入场通道" >
|
|
|
- </el-input>
|
|
|
+ <el-dialog title="确认入场" :visible.sync="rc.visible" width="400px">
|
|
|
+ <el-form label-position="left">
|
|
|
+ <div class="confirm-in">
|
|
|
+ <sa-item type="datetime" name="入场时间" v-model="rc.form.realInTime" br></sa-item>
|
|
|
+ <div class="c-item">
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>入场通道:</label>
|
|
|
+ <el-input v-model="rc.form.inChannel" placeholder="入场通道">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="rc.visible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="sureInFn">确 认</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="确认离场" :visible.sync="out.visible" width="400px">
|
|
|
- <el-form label-position="left">
|
|
|
- <div class="confirm-in">
|
|
|
- <sa-item type="datetime" name="离场时间" v-model="out.form.realOutTime" br></sa-item>
|
|
|
- <div class="c-item">
|
|
|
- <label class="c-label"><span style="color: red;">*</span>离场通道:</label>
|
|
|
- <el-input v-model="out.form.outChannel" placeholder="离场通道" >
|
|
|
- </el-input>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="rc.visible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="sureInFn">确 认</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="确认离场" :visible.sync="out.visible" width="400px">
|
|
|
+ <el-form label-position="left">
|
|
|
+ <div class="confirm-in">
|
|
|
+ <sa-item type="datetime" name="离场时间" v-model="out.form.realOutTime" br></sa-item>
|
|
|
+ <div class="c-item">
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>离场通道:</label>
|
|
|
+ <el-input v-model="out.form.outChannel" placeholder="离场通道">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="out.visible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="sureOutFn">确 认</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="证明" :visible.sync="report.visible" width="500px">
|
|
|
+ <div>
|
|
|
+ <el-form >
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info name="核酸报告" :value="report.business.nucleicReport" type="img"></sa-info>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info name="出仓证明" :value="report.business.outReport" type="img"></sa-info>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top: 20px;">
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info name="消杀证明" :value="report.business.disinfectReport" type="img"></sa-info>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <sa-info name="检验检疫证" :value="report.business.checkReport" type="img"></sa-info>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="out.visible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="sureOutFn">确 认</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
<script>
|
|
|
var app = new Vue({
|
|
|
components: {
|
|
|
"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
|
|
|
+ "sa-info": httpVueLoader('../../sa-frame/com/sa-info.vue'),
|
|
|
"sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue'),
|
|
|
},
|
|
|
el: '.vue-box',
|
|
|
data: {
|
|
|
- payStatus:sa.p('payStatus',1),
|
|
|
- confirm:sa.p('confirm',0),
|
|
|
+ report: {
|
|
|
+ visible: false,
|
|
|
+ business: {},
|
|
|
+ },
|
|
|
+ payStatus: sa.p('payStatus', 1),
|
|
|
+ confirm: sa.p('confirm', 0),
|
|
|
p: { // 查询参数
|
|
|
id: '', //
|
|
|
businessId: sa.p('id', ''), //
|
|
@@ -124,61 +162,71 @@
|
|
|
},
|
|
|
dataCount: 0,
|
|
|
dataList: [], // 数据集合
|
|
|
- rc:{
|
|
|
- visible:false,
|
|
|
- form:{
|
|
|
- realInTime:'',
|
|
|
- inChannel:''
|
|
|
+ rc: {
|
|
|
+ visible: false,
|
|
|
+ form: {
|
|
|
+ realInTime: '',
|
|
|
+ inChannel: ''
|
|
|
}
|
|
|
},
|
|
|
- out:{
|
|
|
- visible:false,
|
|
|
- form:{
|
|
|
- realOutTime:'',
|
|
|
- outChannel:''
|
|
|
+ out: {
|
|
|
+ visible: false,
|
|
|
+ form: {
|
|
|
+ realOutTime: '',
|
|
|
+ outChannel: ''
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- inFn(data){
|
|
|
- Object.assign(this.rc,{
|
|
|
- visible:true,
|
|
|
- form:data
|
|
|
+ checkFn(data) {
|
|
|
+ sa.ajax('/TbBusiness/getById?id=' + data.businessId, function(resp) {
|
|
|
+ let business=resp.data;
|
|
|
+ if(!business.outReport){
|
|
|
+ //sa.error('未上传')
|
|
|
+ }
|
|
|
+ this.report.visible=true;
|
|
|
+ this.report.business=business;
|
|
|
+ }.bind(this))
|
|
|
+ },
|
|
|
+ inFn(data) {
|
|
|
+ Object.assign(this.rc, {
|
|
|
+ visible: true,
|
|
|
+ form: data
|
|
|
})
|
|
|
},
|
|
|
- sureInFn(){
|
|
|
- if(!this.rc.form.realInTime){
|
|
|
+ sureInFn() {
|
|
|
+ if (!this.rc.form.realInTime) {
|
|
|
sa.error('请填写入场时间')
|
|
|
return;
|
|
|
}
|
|
|
- if(!this.rc.form.inChannel){
|
|
|
+ if (!this.rc.form.inChannel) {
|
|
|
sa.error('请填写入场通道')
|
|
|
return;
|
|
|
}
|
|
|
sa.ajax('/TbBusinessCar/update', this.rc.form, function(res) {
|
|
|
sa.alert('操作成功');
|
|
|
- this.rc.visible=false;
|
|
|
+ this.rc.visible = false;
|
|
|
this.f5();
|
|
|
}.bind(this));
|
|
|
},
|
|
|
- outFn(data){
|
|
|
- Object.assign(this.out,{
|
|
|
- visible:true,
|
|
|
- form:data
|
|
|
+ outFn(data) {
|
|
|
+ Object.assign(this.out, {
|
|
|
+ visible: true,
|
|
|
+ form: data
|
|
|
})
|
|
|
},
|
|
|
- sureOutFn(){
|
|
|
- if(!this.out.form.realOutTime){
|
|
|
+ sureOutFn() {
|
|
|
+ if (!this.out.form.realOutTime) {
|
|
|
sa.error('请填写离场时间')
|
|
|
return;
|
|
|
}
|
|
|
- if(!this.out.form.outChannel){
|
|
|
+ if (!this.out.form.outChannel) {
|
|
|
sa.error('请填写离场通道')
|
|
|
return;
|
|
|
}
|
|
|
sa.ajax('/TbBusinessCar/update', this.out.form, function(res) {
|
|
|
sa.alert('操作成功');
|
|
|
- this.out.visible=false;
|
|
|
+ this.out.visible = false;
|
|
|
this.f5();
|
|
|
}.bind(this));
|
|
|
},
|
|
@@ -192,15 +240,18 @@
|
|
|
},
|
|
|
// 查看
|
|
|
get: function(data) {
|
|
|
- sa.showIframe('数据详情', 'tb-business-car-info.html?id=' + data.id+'&businessId='+this.p.businessId, '800px', '80%');
|
|
|
+ sa.showIframe('数据详情', 'tb-business-car-info.html?id=' + data.id + '&businessId=' + this.p
|
|
|
+ .businessId, '800px', '80%');
|
|
|
},
|
|
|
// 修改
|
|
|
update: function(data) {
|
|
|
- sa.showIframe('修改数据', 'tb-business-car-add.html?id=' + data.id+'&businessId='+this.p.businessId, '500px', '70%');
|
|
|
+ sa.showIframe('修改数据', 'tb-business-car-add.html?id=' + data.id + '&businessId=' + this.p
|
|
|
+ .businessId, '500px', '70%');
|
|
|
},
|
|
|
// 新增
|
|
|
add: function(data) {
|
|
|
- sa.showIframe('新增数据', 'tb-business-car-add.html?id=-1'+'&businessId='+this.p.businessId, '550px', '80%');
|
|
|
+ sa.showIframe('新增数据', 'tb-business-car-add.html?id=-1' + '&businessId=' + this.p.businessId,
|
|
|
+ '550px', '80%');
|
|
|
},
|
|
|
// 删除
|
|
|
del: function(data) {
|
|
@@ -214,7 +265,7 @@
|
|
|
},
|
|
|
// 改 - 状态(0=否,1=是)
|
|
|
updateStatus: function(data) {
|
|
|
- if(!sa.isAuth('tb-business-car-change')){
|
|
|
+ if (!sa.isAuth('tb-business-car-change')) {
|
|
|
sa.error('无权限')
|
|
|
return false;
|
|
|
}
|