Zhao Qiqi
3 years ago
32 changed files with 358 additions and 1331 deletions
@ -0,0 +1,67 @@ |
|||||
|
import axios from 'axios' |
||||
|
import { MessageBox, Message } from 'element-ui' |
||||
|
import store from '@/store' |
||||
|
import { getToken, getStorage } from '@/utils/auth' |
||||
|
|
||||
|
// create an axios instance
|
||||
|
console.log(process.env.VUE_APP_URL) |
||||
|
const service = axios.create({ |
||||
|
baseURL: '/mockapi', // url = base url + request url
|
||||
|
// timeout: 5000 // request timeout
|
||||
|
headers:{'Content-Type':'application/x-www-form-urlencoded;'} |
||||
|
}) |
||||
|
|
||||
|
// request interceptor
|
||||
|
service.interceptors.request.use( |
||||
|
config => { |
||||
|
config.params = { |
||||
|
...config.params, |
||||
|
_t: Date.parse(new Date()) / 1000 |
||||
|
} |
||||
|
if (getStorage()) { |
||||
|
|
||||
|
config.headers['token'] = getStorage() |
||||
|
} |
||||
|
return config |
||||
|
}, |
||||
|
error => { |
||||
|
console.log(error) // for debug
|
||||
|
return Promise.reject(error) |
||||
|
} |
||||
|
) |
||||
|
|
||||
|
// response interceptor
|
||||
|
service.interceptors.response.use( |
||||
|
|
||||
|
response => { |
||||
|
const res = response.data |
||||
|
if(res.type !=undefined){ |
||||
|
return res |
||||
|
} |
||||
|
|
||||
|
if(res.contractNo !=undefined){ |
||||
|
return res |
||||
|
} |
||||
|
// if the custom code is not 20000, it is judged as an error.
|
||||
|
if (res.code != 200) { |
||||
|
if (res.msg == "请重新登录") { |
||||
|
// window.location.href = 'http://39.104.100.138:8082/'
|
||||
|
} else { |
||||
|
alert(res.msg); |
||||
|
} |
||||
|
} |
||||
|
return res |
||||
|
}, |
||||
|
error => { |
||||
|
console.log('err' + error) // for debug
|
||||
|
Message({ |
||||
|
message: error.message, |
||||
|
type: 'error', |
||||
|
duration: 5 * 1000 |
||||
|
}) |
||||
|
|
||||
|
return Promise.reject(error) |
||||
|
} |
||||
|
) |
||||
|
|
||||
|
export default service |
||||
@ -0,0 +1,13 @@ |
|||||
|
<template> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "confirmLender" |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,129 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- <div class="tab-header webtop">--> |
||||
|
<!-- <div>价格维护</div>--> |
||||
|
<!-- <div>--> |
||||
|
<!-- <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- <div class="listconadd">--> |
||||
|
<!-- <el-form ref="printForm" :model="temp" label-position="right" class="formadd" :rules="rules">--> |
||||
|
<!-- <el-row class="tleftb_one">--> |
||||
|
<!-- <el-col :span="6" class="tleftb">--> |
||||
|
<!-- <span>车型名称</span>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="18">--> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <span>{{ temp.modelName }}</span>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- </el-row>--> |
||||
|
<!-- <el-row>--> |
||||
|
<!-- <el-col :span="6" class="tleftb">--> |
||||
|
<!-- <span>常用配置</span>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="18">--> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <span>{{ temp.configName }}</span>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- </el-row>--> |
||||
|
<!-- <el-row>--> |
||||
|
<!-- <el-col :span="6" class="tleftb">--> |
||||
|
<!-- <span>更多配置</span>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="18">--> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <span>{{ temp.otherConfig }}</span>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- </el-row>--> |
||||
|
<!-- <el-row>--> |
||||
|
<!-- <el-col :span="6" class="tleftb">--> |
||||
|
<!-- <span>厂家结算价(万元)</span>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="6">--> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <el-input v-model="temp.manufactorSettlementPrice" maxlength="125" placeholder="请输入" class="addinputw" clearable/>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="6" class="tleftb">--> |
||||
|
<!-- <span>销售指导价(万元)</span>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="6">--> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <el-input v-model="temp.guidedPrice" maxlength="125" placeholder="请输入" class="addinputw" clearable/>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- </el-row>--> |
||||
|
<!-- </el-form>--> |
||||
|
<!-- <div class="form_btn">--> |
||||
|
<!-- <el-button type="primary" size="small" @click="handleCreate()">确认</el-button>--> |
||||
|
<!-- <el-button type="info" size="small" @click="handleReturn()">返回</el-button>--> |
||||
|
<!-- </div>--> |
||||
|
<!-- </div>--> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "printContract", |
||||
|
data() { |
||||
|
return { |
||||
|
temp: { |
||||
|
|
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// showPrint(sid) { |
||||
|
// this.$nextTick(() => { |
||||
|
// this.$refs['weihuForm'].clearValidate() |
||||
|
// }) |
||||
|
// fetchBySid(sid).then(resp => { |
||||
|
// if (resp.success) { |
||||
|
// const data = resp.data |
||||
|
// this.temp = data |
||||
|
// this.temp.sid = sid |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// 返回 |
||||
|
// handleReturn(isreload) { |
||||
|
// if (isreload === 'true') this.$emit('reloadlist') |
||||
|
// this.temp = {} |
||||
|
// this.$emit('doback') |
||||
|
// }, |
||||
|
// // 保存修改数据 |
||||
|
// handleCreate() { |
||||
|
// this.$refs['printForm'].validate(valid => { |
||||
|
// if (valid) { |
||||
|
// const temp = { |
||||
|
// |
||||
|
// } |
||||
|
// // update(temp).then(resp => { |
||||
|
// // if (resp.success) { |
||||
|
// // const data = resp.data |
||||
|
// // this.temp = data |
||||
|
// // this.handleReturn('true') |
||||
|
// // } |
||||
|
// // }) |
||||
|
// } |
||||
|
// }) |
||||
|
// } |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
/*.tleftb_one {*/ |
||||
|
/* border-top: 1px solid #e0e3eb;*/ |
||||
|
/*}*/ |
||||
|
|
||||
|
/*.form_btn {*/ |
||||
|
/* display: flex;*/ |
||||
|
/* justify-content: center;*/ |
||||
|
/*}*/ |
||||
|
</style> |
||||
@ -1,643 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div>{{ viewTitle }}</div> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|
||||
<el-button type="primary" size="small">下载</el-button> |
|
||||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="listconadd"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|
||||
<div class="title">合格证台账信息</div> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">合格证流水号：</span> |
|
||||
<el-input v-model="temp.certificationSerialNum" maxlength="125" placeholder="合格证流水号" disabled class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="certificationNo"> |
|
||||
<span slot="label">合格证编号：</span> |
|
||||
<el-input v-model="temp.certificationNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="certificateDate"> |
|
||||
<span slot="label">发证日期：</span> |
|
||||
<el-date-picker v-model="temp.certificateDate" type="date" class="addinputw" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="certificateSituation"> |
|
||||
<span slot="label">合格证情况：</span> |
|
||||
<el-select v-model="temp.certificateSituation" class="addinputw" placeholder="请选择合格证情况" @change="getHeGeZheng"> |
|
||||
<el-option v-for="item in Situation" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="toCardDate"> |
|
||||
<span slot="label">到证日期：</span> |
|
||||
<el-date-picker v-model="temp.toCardDate" type="date" class="addinputw" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="receiveDate"> |
|
||||
<span slot="label">领取日期：</span> |
|
||||
<el-date-picker v-model="temp.receiveDate" type="date" class="addinputw" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item prop="receiver"> |
|
||||
<span slot="label">领取人：</span> |
|
||||
<el-input v-model="temp.receiver" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"/> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="24"> |
|
||||
<el-form-item prop="remarks"> |
|
||||
<span slot="label">备注：</span> |
|
||||
<el-input v-model="temp.remarks" type="textarea" :rows="3" maxlength="125" placeholder="" class="addinputwda" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="24"> |
|
||||
<el-form-item prop="certificatePhoto"> |
|
||||
<span slot="label">合格证照片：</span> |
|
||||
<ImageUpload types="0001" style="float:left;" v-model="temp.certificatePhoto"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<div class="title">合格证详细信息</div> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">底盘ID：</span> |
|
||||
<el-input v-model="temp.chassisId" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">转向类型：</span> |
|
||||
<el-input v-model="temp.steeringType" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">制造日期：</span> |
|
||||
<el-date-picker v-model="temp.manufactureDate" type="date" format="yyyy-MM-dd" class="addinputw" value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">排放标准：</span> |
|
||||
<el-input v-model="temp.emissionStandard" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">轴距：</span> |
|
||||
<el-input v-model="temp.wheelbase" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">驾驶室准乘人数：</span> |
|
||||
<el-input v-model="temp.seatingCapacity" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">轴数：</span> |
|
||||
<el-input v-model="temp.axleNum" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">燃料类型：</span> |
|
||||
<el-input v-model="temp.fuelType" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">额定载客人数：</span> |
|
||||
<el-input v-model="temp.limitPassenger" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">车身颜色：</span> |
|
||||
<el-input v-model="temp.carColor" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">制造厂商：</span> |
|
||||
<el-autocomplete v-model="temp.manufacturer" :fetch-suggestions="querySearchAsync3" class="addinputw" placeholder="请输入制造厂商" @select="handleSelect3"> |
|
||||
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear3"/> |
|
||||
<template slot-scope="{ item }"> |
|
||||
<div style="paddingg:5px;background-color:Azure;"> |
|
||||
<span>制造厂商：</span> |
|
||||
<span style="color:red">{{ item.manufacturerName }}</span><br> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-autocomplete> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">发动机型号：</span> |
|
||||
<el-input v-model="temp.engineType" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">整备质量：</span> |
|
||||
<el-input v-model="temp.saddleMass" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">发动机号：</span> |
|
||||
<el-input v-model="temp.engineNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">最高设计时速：</span> |
|
||||
<el-input v-model="temp.speedLimit" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">合格印章：</span> |
|
||||
<el-input v-model="temp.qualifySeal" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">车辆名称：</span> |
|
||||
<el-input v-model="temp.carName" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">排量：</span> |
|
||||
<el-input v-model="temp.displacement" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">CGS印章：</span> |
|
||||
<el-input v-model="temp.cgsseal" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">功率：</span> |
|
||||
<el-input v-model="temp.power" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">轮胎数：</span> |
|
||||
<el-input v-model="temp.tyreNum" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">总质量：</span> |
|
||||
<el-input v-model="temp.totalWeight" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">车辆品牌：</span> |
|
||||
<el-select v-model="temp.carBrand" class="addinputw" placeholder="请选择车辆型号"> |
|
||||
<el-option v-for="item in carBrandes" :key="item.sid" :label="item.brandName" :value="item.sid"/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">车辆型号：</span> |
|
||||
<el-select v-model="temp.carModel" class="addinputw" placeholder="请选择车辆型号"> |
|
||||
<el-option v-for="item in Model" :key="item.sid" :label="item.carModel" :value="item.carModel"/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">车架号：</span> |
|
||||
<el-autocomplete v-model="temp.vinNo" :fetch-suggestions="querySearchAsync" class="addinputw" placeholder="请输入车架号" @select="handleSelect"> |
|
||||
<i slot="suffix" class="el-icon-edit el-input__icon"/> |
|
||||
<template slot-scope="{ item }"> |
|
||||
<div style="paddingg:5px;background-color:Azure;"> |
|
||||
<span>车架号：</span> |
|
||||
<span style="color:red">{{ item.vinNo }}</span><br> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-autocomplete> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">底盘型号：</span> |
|
||||
<el-input v-model="temp.chassisModel" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { mapGetters } from 'vuex' |
|
||||
import { |
|
||||
SaveList, |
|
||||
Update, |
|
||||
details |
|
||||
} from '@/api/cheliang/basevehiclecertificate' |
|
||||
import { |
|
||||
selectDownPlus |
|
||||
} from '@/api/cheliang/basevehiclemodel' |
|
||||
import { |
|
||||
namesDownBySid |
|
||||
} from '@/api/cheliang/basevehiclemodel' |
|
||||
import { |
|
||||
namesDown |
|
||||
} from '@/api/cheliang/basevehicle' |
|
||||
import { |
|
||||
getNamesDownes |
|
||||
} from '@/api/cheliang/basemanufacturer' |
|
||||
import { getChe } from '@/utils/baocun' |
|
||||
import { typeValues } from '@/api/cheliang/dictcommons' |
|
||||
import ImageUpload from '@/components/uploadFile/ManyImageUpload' // 上传文件 |
|
||||
export default { |
|
||||
name: 'hegezhengAdd', |
|
||||
components: { ImageUpload }, |
|
||||
data() { |
|
||||
return { |
|
||||
viewTitle: '', |
|
||||
// --按钮菜单------- |
|
||||
menuState: { |
|
||||
add: false, // 添加 |
|
||||
edit: false, // 编辑 |
|
||||
delete: false, // 删除 |
|
||||
view: false, // 查看 |
|
||||
audit: false, // 审核 |
|
||||
input: false, // 导入 |
|
||||
output: false, // 导出 |
|
||||
upload: false, // 同步 |
|
||||
release: false // 下发 |
|
||||
}, |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
temp: { |
|
||||
certificateSituation: '', |
|
||||
certificateSituationValue: '', |
|
||||
certificatePhoto: [] |
|
||||
}, // 添加和修改 |
|
||||
templook: {}, // 查看实体 |
|
||||
textMap: { |
|
||||
update: '修改', |
|
||||
create: '创建' |
|
||||
}, |
|
||||
certificateSituation: 'certificateSituation', |
|
||||
Situation: [], |
|
||||
stateId: 0, |
|
||||
dialogFormVisible: false, // 添加修改对话框状态 |
|
||||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
||||
dialogStatus: '', // 对话框状态 |
|
||||
fenzuOptions: [], |
|
||||
attachTypeYingyezhizhao: [], |
|
||||
props: { |
|
||||
value: 'id', |
|
||||
label: 'name', |
|
||||
children: 'children', |
|
||||
checkStrictly: true |
|
||||
}, |
|
||||
carBrandes: [], |
|
||||
ChangShangsid: '', |
|
||||
CJsid: '', |
|
||||
vinNosse: [], |
|
||||
Model: [], |
|
||||
vSid: null, |
|
||||
rules: { |
|
||||
certificationNo: [ |
|
||||
{ required: true, message: '请填写合格证编号', trigger: 'blur' } |
|
||||
], |
|
||||
certificateDate: [ |
|
||||
{ required: true, message: '请选择发证日期', trigger: 'blur' } |
|
||||
], |
|
||||
certificateSituation: [ |
|
||||
{ required: true, message: '请选择合格证情况', trigger: 'blur' } |
|
||||
], |
|
||||
toCardDate: [ |
|
||||
{ required: true, message: '请选择到证日期', trigger: 'blur' } |
|
||||
], |
|
||||
receiveDate: [ |
|
||||
{ required: true, message: '请选择领取日期', trigger: 'blur' } |
|
||||
], |
|
||||
receiver: [ |
|
||||
{ required: true, message: '请填写领取人', trigger: 'blur' } |
|
||||
], |
|
||||
remarks: [{ required: true, message: '请填写备注', trigger: 'blur' }] |
|
||||
// certificatePhoto: [ |
|
||||
// { required: true, message: '请选择合格证照片', trigger: 'blur' }, |
|
||||
// ], |
|
||||
} |
|
||||
// ------------------------------------ |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'id', |
|
||||
'roles', |
|
||||
'rolesIds', |
|
||||
'departmentId', |
|
||||
'departmentCode' |
|
||||
]) |
|
||||
}, |
|
||||
created() { |
|
||||
this.setDate() |
|
||||
this.getXChangshang() |
|
||||
// this.getCheXingHao() |
|
||||
this.getCheJia() |
|
||||
this.vSid = getChe() |
|
||||
console.log('999999999999999999999', this.vSid) |
|
||||
// 初始化变量 |
|
||||
// this.init() |
|
||||
// 加载列表 |
|
||||
// this.getList() |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.stateId = this.$route.params.id |
|
||||
if (this.stateId !== '0') { |
|
||||
details(this.stateId).then((response) => { |
|
||||
if (response.code === '200') { |
|
||||
this.temp = response.data |
|
||||
this.getPinPainting(response.data.manufacturer) |
|
||||
console.log(this.temp.carBrand, 1111) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
this.setDate() |
|
||||
this.getXChangshang() |
|
||||
// this.getCheXingHao() |
|
||||
this.getCheJia() |
|
||||
}, |
|
||||
showAdd() { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
}) |
|
||||
this.dialogStatus = 'add' |
|
||||
this.viewTitle = '新增合格证台账信息' |
|
||||
}, |
|
||||
|
|
||||
showEdit(sid, row) { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
}) |
|
||||
this.viewTitle = '修改车型详细信息' |
|
||||
this.dialogStatus = 'update' |
|
||||
this.temp.sid = sid |
|
||||
details(sid).then(resp => { |
|
||||
const data = resp.data |
|
||||
this.temp = data |
|
||||
}).catch(e => { |
|
||||
this.temp = row |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
getCheXingHao(sid) { |
|
||||
var sid = { |
|
||||
sid: sid |
|
||||
} |
|
||||
console.log('wowopwpwp', sid) |
|
||||
selectDownPlus(sid).then((res) => { |
|
||||
console.log(res) |
|
||||
if (res.code === '200') { |
|
||||
this.Model = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 车架号 |
|
||||
getCheJia() { |
|
||||
namesDown({ vinNo: this.temp.vinNo }).then((response) => { |
|
||||
if (response.code === '200') { |
|
||||
this.vinNosse = response.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 选择数据 |
|
||||
handleSelect(e) { |
|
||||
this.temp.vinNo = e.vinNo |
|
||||
this.CJsid = e.sid |
|
||||
this.temp.vehicleSid = this.CJsid |
|
||||
}, |
|
||||
// 文本模糊查询 |
|
||||
querySearchAsync(queryString, cb) { |
|
||||
console.log('查询条件：', queryString) |
|
||||
if ( |
|
||||
queryString !== null && |
|
||||
queryString !== undefined && |
|
||||
queryString !== '' |
|
||||
) { |
|
||||
namesDown({ |
|
||||
name: queryString |
|
||||
}).then((response) => { |
|
||||
if (response.code === '200') { |
|
||||
console.log('1111111111111', response) |
|
||||
this.datas = response.data |
|
||||
cb(response.data) |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
cb(this.vinNosse) |
|
||||
} |
|
||||
}, |
|
||||
// 厂商 |
|
||||
getXChangshang() { |
|
||||
getNamesDownes({ name: this.temp.manufacturer }).then((res) => { |
|
||||
if (res.code === '200') { |
|
||||
console.log('777777777777', res) |
|
||||
this.facturer = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
handleSelect3(e) { |
|
||||
console.log('46588888888888', e) |
|
||||
this.temp.manufacturer = e.manufacturerName |
|
||||
this.ChangShangsid = e.sid |
|
||||
this.getPinPainting(this.ChangShangsid) |
|
||||
}, |
|
||||
// 清空信息 |
|
||||
inputclear3() { |
|
||||
this.manufacturerName = '' |
|
||||
this.brandCode = '' |
|
||||
}, |
|
||||
// 文本模糊查询 |
|
||||
querySearchAsync3(queryString, cb) { |
|
||||
console.log('查询条件：', queryString) |
|
||||
|
|
||||
if (queryString !== null && queryString !== undefined && queryString !== '') { |
|
||||
getNamesDownes({ |
|
||||
name: queryString |
|
||||
}).then((response) => { |
|
||||
if (response.code === '200') { |
|
||||
console.log('1111111111111', response) |
|
||||
this.datas = response.data |
|
||||
cb(response.data) |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
cb(this.facturer) |
|
||||
} |
|
||||
}, |
|
||||
// 品牌 |
|
||||
getPinPainting(sid) { |
|
||||
var manufacturerSid = { |
|
||||
manufacturerSid: sid |
|
||||
} |
|
||||
namesDownBySid(manufacturerSid).then((res) => { |
|
||||
if (res.code === '200') { |
|
||||
console.log('品牌数据', res) |
|
||||
this.carBrandes = res.data |
|
||||
this.carBrandes.forEach((e) => { |
|
||||
this.getCheXingHao(e.sid) |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// |
|
||||
getHeGeZheng(value) { |
|
||||
let bb = null |
|
||||
this.Situation.forEach(e => { |
|
||||
if (e.dictKey === value) { |
|
||||
bb = { |
|
||||
type: 'certificateSituation', |
|
||||
name: e.dictValue, |
|
||||
vaule: e.dictKey |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
this.temp.certificateSituationValue = bb.name |
|
||||
console.log('value值', this.temp.certificateSituationValue) |
|
||||
}, |
|
||||
setDate() { |
|
||||
typeValues({ type: this.certificateSituation }).then((res) => { |
|
||||
console.log(res) |
|
||||
if (res.code === '200') { |
|
||||
this.Situation = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// ----------------------------------方法-------------------- |
|
||||
// 返回 |
|
||||
handleReturn(isreload) { |
|
||||
if (isreload === 'true') this.$emit('reloadlist') |
|
||||
this.$emit('doback') |
|
||||
}, |
|
||||
// 提交添加数据 |
|
||||
handleCreate() { |
|
||||
// console.log('提交：' + JSON.stringify(this.temp)) |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.FormLoading = true |
|
||||
if (this.dialogStatus === 'add') { |
|
||||
console.log('3333333333333', this.temp) |
|
||||
// this.temp.certificatePhoto = this.attachTypeYingyezhizhao |
|
||||
SaveList(this.temp).then((response) => { |
|
||||
console.log('数据聚聚聚' + JSON.stringify(response)) |
|
||||
this.FormLoading = false |
|
||||
if (response.code === '200') { |
|
||||
this.dialogFormVisible = false |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '添加成功', |
|
||||
type: 'success', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
this.handleReturn('true') |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '添加失败', |
|
||||
type: 'error', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
// this.temp.certificatePhoto = this.attachTypeYingyezhizhao |
|
||||
Update(this.temp).then((response) => { |
|
||||
this.FormLoading = false |
|
||||
if (response.code === '200') { |
|
||||
// this.getList() |
|
||||
this.dialogFormVisible = false |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '修改成功', |
|
||||
type: 'success', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
this.handleReturn('true') |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '失败', |
|
||||
message: '修改失败', |
|
||||
type: 'error' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.addinputwda { |
|
||||
width: 600px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,178 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div>合格证台账详情信息</div> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small">下载</el-button> |
|
||||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="listconadd"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="forminfo" :rules="rules"> |
|
||||
<div class="title">合格证台账详情信息</div> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">合格证流水号：</el-col> |
|
||||
<el-col :span="8"> {{ temp.certificationSerialNum }}</el-col> |
|
||||
<el-col :span="4" class="trightb">合格证编号：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.certificationNo }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">发证日期：</el-col> |
|
||||
<el-col :span="8"> {{ temp.certificateDate }}</el-col> |
|
||||
<el-col :span="4" class="trightb">合格证情况：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.certificateSituationValue }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">到证日期：</el-col> |
|
||||
<el-col :span="8"> {{ temp.toCardDate }}</el-col> |
|
||||
<el-col :span="4" class="trightb">领取日期：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.receiveDate }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">领取人：</el-col> |
|
||||
<el-col :span="8"> {{ temp.receiver }}</el-col> |
|
||||
<el-col :span="4" class="trightb"/> |
|
||||
<el-col :span="8" class="tleft"/> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">备注：</el-col> |
|
||||
<el-col :span="20"> {{ temp.remarks }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">合格证照片：</el-col> |
|
||||
<img v-for="(map_item,index) in temp.certificatePhoto" style="width: 100px; height: 100px;margin-right: 5px;" :key="index" :src="map_item"> |
|
||||
</el-row> |
|
||||
<div class="title">合格证详细信息</div> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">底盘ID：</el-col> |
|
||||
<el-col :span="8"> {{ temp.chassisId }}</el-col> |
|
||||
<el-col :span="4" class="trightb">转向类型：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.steeringType }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">制造日期：</el-col> |
|
||||
<el-col :span="8"> {{ temp.manufactureDate }}</el-col> |
|
||||
<el-col :span="4" class="trightb">排放标准：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.emissionStandard }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">轴距：</el-col> |
|
||||
<el-col :span="8"> {{ temp.wheelbase }}</el-col> |
|
||||
<el-col :span="4" class="trightb">驾驶室准乘人数：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.seatingCapacity }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">轴数：</el-col> |
|
||||
<el-col :span="8"> {{ temp.axleNum }}</el-col> |
|
||||
<el-col :span="4" class="trightb">燃料类型：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.fuelType }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">额定载客人数：</el-col> |
|
||||
<el-col :span="8"> {{ temp.limitPassenger }}</el-col> |
|
||||
<el-col :span="4" class="trightb">车身颜色：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.carColor }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">制造厂商：</el-col> |
|
||||
<el-col :span="8"> {{ temp.manufacturer }}</el-col> |
|
||||
<el-col :span="4" class="trightb">发动机型号：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.engineType }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">整备质量：</el-col> |
|
||||
<el-col :span="8"> {{ temp.saddleMass }}</el-col> |
|
||||
<el-col :span="4" class="trightb">发动机号：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.engineNo }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">最高设计时速：</el-col> |
|
||||
<el-col :span="8"> {{ temp.speedLimit }}</el-col> |
|
||||
<el-col :span="4" class="trightb">合格印章：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.qualifySeal }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">车辆名称：</el-col> |
|
||||
<el-col :span="8"> {{ temp.carName }}</el-col> |
|
||||
<el-col :span="4" class="trightb">排量：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.displacement }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">CGS印章：</el-col> |
|
||||
<el-col :span="8"> {{ temp.cgsseal }}</el-col> |
|
||||
<el-col :span="4" class="trightb">车辆型号：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.carModel }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">车架号：</el-col> |
|
||||
<el-col :span="8"> {{ temp.vinNo }}</el-col> |
|
||||
<el-col :span="4" class="trightb">总质量：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.totalWeight }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">轮胎数：</el-col> |
|
||||
<el-col :span="8"> {{ temp.tyreNum }}</el-col> |
|
||||
<el-col :span="4" class="trightb">车辆品牌：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.carBrand }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">功率：</el-col> |
|
||||
<el-col :span="8"> {{ temp.power }}</el-col> |
|
||||
<el-col :span="4" class="trightb">底盘型号：</el-col> |
|
||||
<el-col :span="8" class="tleft"> {{ temp.chassisModel }}</el-col> |
|
||||
</el-row> |
|
||||
|
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { details } from '@/api/cheliang/basevehiclecertificate' |
|
||||
export default { |
|
||||
name: 'hegezhengInfo', |
|
||||
// components: { }, |
|
||||
data() { |
|
||||
return { |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
temp: {}, // 添加和修改 |
|
||||
templook: {}, // 查看实体 |
|
||||
textMap: { |
|
||||
update: '修改', |
|
||||
create: '创建' |
|
||||
}, |
|
||||
tempDate: {}, |
|
||||
stateId: 0, |
|
||||
dialogFormVisible: false, // 添加修改对话框状态 |
|
||||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
||||
dialogStatus: '', // 对话框状态 |
|
||||
fenzuOptions: [], |
|
||||
rules: {} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
// 返回 |
|
||||
handleReturn() { |
|
||||
this.temp = {} |
|
||||
this.$emit('doback') |
|
||||
// this.$router.go(-1) |
|
||||
}, |
|
||||
// 打开查看 |
|
||||
showInfo(sid) { |
|
||||
details(sid).then((response) => { |
|
||||
console.log('0000000000000') |
|
||||
if (response.code === '200') { |
|
||||
this.temp = response.data |
|
||||
console.log(this.temp, 555555555555) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.addinputwda { |
|
||||
width: 600px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,364 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div v-show="viewState === 1"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div>合格证台账</div> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button> |
|
||||
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|
||||
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|
||||
<!-- <el-button type="primary" size="small" @click="handleDaoRu()">导入</el-button> --> |
|
||||
<el-button type="success" size="small" @click="handleDaoChu()">导出</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="searchcon"> |
|
||||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|
||||
<div v-show="isSearchShow" class="search"> |
|
||||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|
||||
<el-form-item label="合格证编号"> |
|
||||
<el-input v-model="listQuery.certificationNo" placeholder="请输入合格证编号" clearable class="filter-item"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="发证日期"> |
|
||||
<el-date-picker v-model="listQuery.certificateDate" type="date" class="addinputw" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="合格证情况"> |
|
||||
<el-select v-model="listQuery.certificateSituation" class="addinputw" clearable placeholder="请选择合格证情况" style="width: 200px;"> |
|
||||
<el-option v-for="item in Situation" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="listtop"> |
|
||||
<div class="tit">合格证台账信息列表</div> |
|
||||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
||||
</div> |
|
||||
<div class=""> |
|
||||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|
||||
<el-table-column width="50px" type="selection" align="center"/> |
|
||||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|
||||
<el-table-column label="合格证编号" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.certificationNo }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="发证日期" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.certificateDate }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="合格证情况" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.certificateSituationValue }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="到证日期" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.toCardDate }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="领取日期" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.receiveDate }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="领取人" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.receiver }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="备注" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.remarks }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="合格证照片" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button size="mini" type="primary" @click="handleLock(scope.row)">查看</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="操作" align="center" width="280px" class-name="small-padding fixed-width"> |
|
||||
<template slot-scope="{row}"> |
|
||||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|
||||
<el-button size="mini" type="primary" @click="cheLiangXiangXi(row)">车辆信息</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
<div class="pages"> |
|
||||
<!-- 翻页 --> |
|
||||
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
||||
</div> |
|
||||
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="1000px" :close-on-click-modal="false"> |
|
||||
<div class="result-cont"> |
|
||||
<el-carousel indicator-position="outside" style="height: 500px;"> |
|
||||
<el-carousel-item v-for="item in imgs" :key="item" style="height: 500px;"> |
|
||||
<img style="width: 100%; height: 500px;" :src="item"> |
|
||||
</el-carousel-item> |
|
||||
</el-carousel> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
<hegezhengAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/> |
|
||||
<hegezhengInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { |
|
||||
pagerList, |
|
||||
deleteBySids, |
|
||||
basefinbankExportExcel |
|
||||
} from '@/api/cheliang/basevehiclecertificate' |
|
||||
import { typeValues } from '@/api/cheliang/dictcommons' |
|
||||
import Pagination from '@/components/pagination' |
|
||||
import pageye from '@/components/pagination/pageye' |
|
||||
import hegezhengAdd from './hegezhengAdd' |
|
||||
import hegezhengInfo from './hegezhengInfo' |
|
||||
|
|
||||
export default { |
|
||||
name: 'hegezhenggaunli', |
|
||||
components: { |
|
||||
Pagination, |
|
||||
pageye, |
|
||||
hegezhengAdd, |
|
||||
hegezhengInfo |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
viewState: 1, |
|
||||
isSearchShow: false, |
|
||||
searchxianshitit: '显示查询条件', |
|
||||
imgs: [], |
|
||||
// 查询 ----------- |
|
||||
tableKey: 0, |
|
||||
list: [], |
|
||||
sids: [], |
|
||||
total: 1, |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
listQuery: { |
|
||||
certificationNo: '', |
|
||||
certificateDateL: '', |
|
||||
certificateSituation: '', |
|
||||
current: 1, |
|
||||
size: 20 |
|
||||
}, |
|
||||
certificateSituation: 'certificateSituation', |
|
||||
Situation: [], |
|
||||
selectDate: undefined, |
|
||||
temp: {}, // 添加和修改 |
|
||||
templook: {}, // 查看实体 |
|
||||
textMap: { |
|
||||
update: '编辑', |
|
||||
create: '创建' |
|
||||
}, |
|
||||
dialogFormVisible: false, // 添加修改对话框状态 |
|
||||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
||||
dialogStatus: '', // 对话框状态 |
|
||||
typeOptions: [], |
|
||||
rules: {} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
// 初始化变量 |
|
||||
this.init() |
|
||||
// 加载列表 |
|
||||
this.getList() |
|
||||
}, |
|
||||
methods: { |
|
||||
// 搜索条件效果 |
|
||||
clicksearchShow() { |
|
||||
this.isSearchShow = !this.isSearchShow |
|
||||
if (this.isSearchShow) { |
|
||||
this.searchxianshitit = '隐藏查询条件' |
|
||||
} else { |
|
||||
this.searchxianshitit = '显示查询条件' |
|
||||
} |
|
||||
}, |
|
||||
init() { |
|
||||
this.setDate() |
|
||||
}, |
|
||||
// 序号 |
|
||||
indexMethod(index) { |
|
||||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|
||||
var pageindex = index + 1 + pagestart |
|
||||
return pageindex |
|
||||
}, |
|
||||
resetState() { |
|
||||
this.viewState = 1 |
|
||||
}, |
|
||||
setDate() { |
|
||||
typeValues({ |
|
||||
type: this.certificateSituation |
|
||||
}).then((res) => { |
|
||||
console.log(res) |
|
||||
if (res.code === '200') { |
|
||||
this.Situation = res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 查询列表信息 |
|
||||
getList() { |
|
||||
this.listLoading = true |
|
||||
pagerList({ |
|
||||
current: this.listQuery.current, |
|
||||
size: this.listQuery.size, |
|
||||
params: { |
|
||||
certificationNo: this.listQuery.certificationNo, |
|
||||
certificateDateL: this.listQuery.certificateDateL, |
|
||||
certificateSituation: this.listQuery.certificateSituation |
|
||||
} |
|
||||
}).then((response) => { |
|
||||
console.log('列表查询结果：', response) |
|
||||
this.listLoading = false |
|
||||
if ( |
|
||||
response.code === '200' && |
|
||||
response.data && |
|
||||
response.data.total > 0 |
|
||||
) { |
|
||||
this.list = response.data.records |
|
||||
this.total = response.data.total |
|
||||
} else { |
|
||||
this.list = [] |
|
||||
this.total = 0 |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 查询按钮 |
|
||||
handleFilter() { |
|
||||
this.listQuery.current = 1 |
|
||||
this.getList() |
|
||||
}, |
|
||||
handleSelectionChange(row) { |
|
||||
const aa = [] |
|
||||
row.forEach((element) => { |
|
||||
aa.push(element.sid) |
|
||||
}) |
|
||||
this.sids = aa |
|
||||
}, |
|
||||
// 打开添加 |
|
||||
handleCreate() { |
|
||||
this.viewState = 2 |
|
||||
this.$refs['divadd'].showAdd() |
|
||||
}, |
|
||||
// 打开 |
|
||||
cheLiangXiangXi(row) { |
|
||||
console.log('0222221133', row) |
|
||||
this.$router.push({ |
|
||||
path: '/cheliang/cheliangtaizhangInfo', |
|
||||
query: { |
|
||||
sid: row.vehicleSid |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 打开修改 |
|
||||
handleUpdate() { |
|
||||
if (this.sids.length === 1) { |
|
||||
this.dialogStatus = 'update' |
|
||||
this.viewState = 3 |
|
||||
const sid = this.sids[0] |
|
||||
const row = this.row |
|
||||
this.$refs['divadd'].showEdit(sid, row) |
|
||||
} else if (this.sids.length > 1) { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '不能选中多个合格证台账修改!!', |
|
||||
type: 'info', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '没有选择合格证台账!!', |
|
||||
type: 'error', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
return |
|
||||
} |
|
||||
}, |
|
||||
// 打开查看 |
|
||||
handleCheck(row) { |
|
||||
console.log('222222', row) |
|
||||
this.viewState = 4 |
|
||||
const sid = row.sid |
|
||||
this.$refs['divinfo'].showInfo(sid) |
|
||||
}, |
|
||||
// 根据本行ID删除数据 |
|
||||
handleDelete() { |
|
||||
if (this.sids.length > 0) { |
|
||||
deleteBySids(this.sids).then((response) => { |
|
||||
if (response.code === '200') { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '删除成功', |
|
||||
type: 'success', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
this.getList() |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '失败', |
|
||||
message: response.msg, |
|
||||
type: 'error' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '没有选择合格证台账!!', |
|
||||
type: 'error', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
return |
|
||||
} |
|
||||
}, |
|
||||
// 导出 |
|
||||
handleDaoChu() { |
|
||||
basefinbankExportExcel(this.sids).then((res) => { |
|
||||
const blob = new Blob([res], { |
|
||||
type: 'application/vnd.ms-excel' |
|
||||
}) |
|
||||
const objectUrl = URL.createObjectURL(blob) |
|
||||
window.location.href = objectUrl |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '导出成功', |
|
||||
type: 'success', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
handleLock(row) { |
|
||||
this.imgs = row.certificatePhoto |
|
||||
this.dialogFormVisible = true |
|
||||
this.dialogTitle = '查看' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
/deep/ .el-collapse { |
|
||||
border-top: 0px solid #e6ebf5; |
|
||||
border-bottom: 0px solid #e6ebf5; |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-collapse-item__content { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-collapse-item__wrap { |
|
||||
border-bottom: 0px solid #ebeef5; |
|
||||
} |
|
||||
|
|
||||
/deep/ .el-collapse-item__header { |
|
||||
border-bottom: 0px solid #e6ebf5; |
|
||||
} |
|
||||
|
|
||||
.searchli { |
|
||||
padding: 5px 100px; |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue