|
|
@ -1,42 +1,42 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<basic-container> |
|
|
|
<basic-container> |
|
|
|
<div class="avue-crud"> |
|
|
|
<div class="avue-crud"> |
|
|
|
<el-row :hidden="!search" style="padding:5px"> |
|
|
|
<!-- <el-row :hidden="!search" style="padding:5px">--> |
|
|
|
<!-- 查询模块 --> |
|
|
|
<!-- <!– 查询模块 –>--> |
|
|
|
<el-form :inline="true" :size="option.size" :model="query"> |
|
|
|
<!-- <el-form :inline="true" :size="option.size" :model="query">--> |
|
|
|
<template> |
|
|
|
<!-- <template>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.businessDepartment" placeholder="请输入营业部"></el-input> |
|
|
|
<!-- <el-input v-model="query.businessDepartment" placeholder="请输入营业部"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.brand" placeholder="请输入维修PDA品牌/SN"></el-input> |
|
|
|
<!-- <el-input v-model="query.brand" placeholder="请输入维修PDA品牌/SN"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.dealer" placeholder="请输入采买经销商"></el-input> |
|
|
|
<!-- <el-input v-model="query.dealer" placeholder="请输入采买经销商"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.maintenanceCompany" placeholder="请输入维修公司"></el-input> |
|
|
|
<!-- <el-input v-model="query.maintenanceCompany" placeholder="请输入维修公司"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.repairTrackingNub" placeholder="请输入寄检修快递单号"></el-input> |
|
|
|
<!-- <el-input v-model="query.repairTrackingNub" placeholder="请输入寄检修快递单号"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.isLiability" placeholder="请输入是否保修期;1-否,2-是"></el-input> |
|
|
|
<!-- <el-input v-model="query.isLiability" placeholder="请输入是否保修期;1-否,2-是"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.returnDate" placeholder="请输入寄回日期"></el-input> |
|
|
|
<!-- <el-input v-model="query.returnDate" placeholder="请输入寄回日期"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="字段"> |
|
|
|
<!-- <el-form-item label="字段">--> |
|
|
|
<el-input v-model="query.returnOrderNub" placeholder="请输入维修寄回单号"></el-input> |
|
|
|
<!-- <el-input v-model="query.returnOrderNub" placeholder="请输入维修寄回单号"></el-input>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
</template> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- 查询按钮 --> |
|
|
|
<!-- <!– 查询按钮 –>--> |
|
|
|
<el-form-item> |
|
|
|
<!-- <el-form-item>--> |
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜索</el-button> |
|
|
|
<!-- <el-button type="primary" icon="el-icon-search" @click="searchChange">搜索</el-button>--> |
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">清空</el-button> |
|
|
|
<!-- <el-button icon="el-icon-delete" @click="searchReset()">清空</el-button>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
</el-form> |
|
|
|
<!-- </el-form>--> |
|
|
|
</el-row> |
|
|
|
<!-- </el-row>--> |
|
|
|
<el-row> |
|
|
|
<el-row> |
|
|
|
<div class="avue-crud__menu"> |
|
|
|
<div class="avue-crud__menu"> |
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
@ -59,7 +59,7 @@ |
|
|
|
:border="option.border"> |
|
|
|
:border="option.border"> |
|
|
|
<el-table-column type="selection" v-if="option.selection" width="55" align="center"></el-table-column> |
|
|
|
<el-table-column type="selection" v-if="option.selection" width="55" align="center"></el-table-column> |
|
|
|
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
|
|
|
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
|
|
|
<el-table-column v-if="option.index" label="#" type="index" width="50" align="center"> |
|
|
|
<el-table-column v-if="option.index" label="序号" type="index" width="50" align="center"> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<template v-for="(item,index) in option.column"> |
|
|
|
<template v-for="(item,index) in option.column"> |
|
|
|
<!-- table字段 --> |
|
|
|
<!-- table字段 --> |
|
|
@ -97,45 +97,94 @@ |
|
|
|
<el-dialog :title="title" :visible.sync="box" width="50%" :before-close="beforeClose" append-to-body> |
|
|
|
<el-dialog :title="title" :visible.sync="box" width="50%" :before-close="beforeClose" append-to-body> |
|
|
|
<el-form :disabled="view" :size="option.size" ref="form" :model="form" label-width="80px"> |
|
|
|
<el-form :disabled="view" :size="option.size" ref="form" :model="form" label-width="80px"> |
|
|
|
<!-- 表单字段 --> |
|
|
|
<!-- 表单字段 --> |
|
|
|
<el-form-item label="关联pdaid" prop="masterId"> |
|
|
|
<!-- <el-form-item label="关联pdaid" prop="masterId">--> |
|
|
|
<el-input v-model="form.masterId" placeholder="请输入关联pdaid"/> |
|
|
|
<!-- <el-input v-model="form.masterId" placeholder="请输入关联pdaid"/>--> |
|
|
|
</el-form-item> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="反馈日期" prop="feedbackTime"> |
|
|
|
|
|
|
|
<el-input v-model="form.feedbackTime" placeholder="请输入反馈日期"/> |
|
|
|
<el-row> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="营业部" prop="businessDepartment"> |
|
|
|
<el-col :span="11"> |
|
|
|
<el-input v-model="form.businessDepartment" placeholder="请输入营业部"/> |
|
|
|
<el-form-item label="反馈日期" prop="feedbackTime" label-width="80px"> |
|
|
|
</el-form-item> |
|
|
|
<el-date-picker v-model="form.feedbackTime" placeholder="请输入反馈日期" type="date" value-format="yyyy-MM-dd"></el-date-picker> |
|
|
|
<el-form-item label="维修PDA品牌/SN" prop="brand"> |
|
|
|
</el-form-item> |
|
|
|
<el-input v-model="form.brand" placeholder="请输入维修PDA品牌/SN"/> |
|
|
|
</el-col> |
|
|
|
</el-form-item> |
|
|
|
<el-col :span="11"> |
|
|
|
<el-form-item label="采买经销商" prop="dealer"> |
|
|
|
<el-form-item label="营业部" prop="businessDepartment"> |
|
|
|
<el-input v-model="form.dealer" placeholder="请输入采买经销商"/> |
|
|
|
<el-input v-model="form.businessDepartment" placeholder="请输入营业部"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="维修公司" prop="maintenanceCompany"> |
|
|
|
</el-col> |
|
|
|
<el-input v-model="form.maintenanceCompany" placeholder="请输入维修公司"/> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="寄检修快递单号" prop="repairTrackingNub"> |
|
|
|
<el-row> |
|
|
|
<el-input v-model="form.repairTrackingNub" placeholder="请输入寄检修快递单号"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-col :span="11"> |
|
|
|
<el-form-item label="是否保修期;1-否,2-是" prop="isLiability"> |
|
|
|
<el-form-item label="维修公司" prop="maintenanceCompany"> |
|
|
|
<el-input v-model="form.isLiability" placeholder="请输入是否保修期;1-否,2-是"/> |
|
|
|
<el-input v-model="form.maintenanceCompany" placeholder="请输入维修公司"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="问题描述" prop="problemDescription"> |
|
|
|
</el-col> |
|
|
|
<el-input v-model="form.problemDescription" placeholder="请输入问题描述"/> |
|
|
|
<el-col :span="11"> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="采买经销商" prop="dealer"> |
|
|
|
<el-form-item label="维修费用;单位(元)" prop="maintenanceCosts"> |
|
|
|
<el-input v-model="form.dealer" placeholder="请输入采买经销商"/> |
|
|
|
<el-input v-model="form.maintenanceCosts" placeholder="请输入维修费用;单位(元)"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-form-item label="寄回日期" prop="returnDate"> |
|
|
|
</el-row> |
|
|
|
<el-input v-model="form.returnDate" placeholder="请输入寄回日期"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-row> |
|
|
|
<el-form-item label="维修寄回单号" prop="returnOrderNub"> |
|
|
|
<el-col :span="11"> |
|
|
|
<el-input v-model="form.returnOrderNub" placeholder="请输入维修寄回单号"/> |
|
|
|
<el-form-item label="寄检修快递单号" prop="repairTrackingNub"> |
|
|
|
</el-form-item> |
|
|
|
<el-input v-model="form.repairTrackingNub" placeholder="请输入寄检修快递单号"/> |
|
|
|
<el-form-item label="备注" prop="notes"> |
|
|
|
</el-form-item> |
|
|
|
<el-input v-model="form.notes" placeholder="请输入备注"/> |
|
|
|
</el-col> |
|
|
|
</el-form-item> |
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="是否保修期" prop="isLiability"> |
|
|
|
|
|
|
|
<el-select v-model="form.isLiability" clearable placeholder="是否保修期"> |
|
|
|
|
|
|
|
<el-option |
|
|
|
|
|
|
|
v-for="item in isLiabilityData" |
|
|
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
|
|
:value="item.dictKey"> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="问题描述" prop="problemDescription"> |
|
|
|
|
|
|
|
<el-input v-model="form.problemDescription" placeholder="请输入问题描述"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="维修费(元)" prop="maintenanceCosts"> |
|
|
|
|
|
|
|
<el-input v-model="form.maintenanceCosts" placeholder="请输入维修费用;单位(元)"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="寄回日期" prop="returnDate"> |
|
|
|
|
|
|
|
<el-date-picker v-model="form.returnDate" placeholder="请输入寄回日期" type="date" value-format="yyyy-MM-dd"></el-date-picker> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="寄回单号" prop="returnOrderNub"> |
|
|
|
|
|
|
|
<el-input v-model="form.returnOrderNub" placeholder="请输入维修寄回单号"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
|
|
|
|
<el-form-item label="备注" prop="notes"> |
|
|
|
|
|
|
|
<el-input v-model="form.notes" placeholder="请输入备注"/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<!-- 表单按钮 --> |
|
|
|
<!-- 表单按钮 --> |
|
|
|
<span v-if="!view" slot="footer" class="dialog-footer"> |
|
|
|
<span v-if="!view" slot="footer" class="dialog-footer"> |
|
|
@ -151,6 +200,7 @@ |
|
|
|
import {getList, getDetail, add, update, remove} from "@/api/basic/basicPdarecords"; |
|
|
|
import {getList, getDetail, add, update, remove} from "@/api/basic/basicPdarecords"; |
|
|
|
import option from "@/option/basic/basicPdarecords"; |
|
|
|
import option from "@/option/basic/basicPdarecords"; |
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
|
|
|
|
import {getDictionaryBiz} from "@/api/system/dict"; |
|
|
|
// import {getDictionary} from '@/api/system/dict' |
|
|
|
// import {getDictionary} from '@/api/system/dict' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
@ -178,14 +228,31 @@ export default { |
|
|
|
form: {}, |
|
|
|
form: {}, |
|
|
|
// 选择行 |
|
|
|
// 选择行 |
|
|
|
selectionList: [], |
|
|
|
selectionList: [], |
|
|
|
|
|
|
|
isLiabilityData:[], |
|
|
|
// 表单配置 |
|
|
|
// 表单配置 |
|
|
|
option: option, |
|
|
|
option: option, |
|
|
|
|
|
|
|
masterId:null, |
|
|
|
// 表单列表 |
|
|
|
// 表单列表 |
|
|
|
data: [], |
|
|
|
data: [], |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
watch:{ |
|
|
|
|
|
|
|
$router:{ |
|
|
|
|
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
|
|
|
|
handler (newName, oldName) { |
|
|
|
|
|
|
|
this.query.masterId = this.$route.query.data |
|
|
|
|
|
|
|
this.masterId = this.$route.query.data |
|
|
|
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
|
|
|
|
//查询字典 |
|
|
|
|
|
|
|
this.queryDictionary(); |
|
|
|
|
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
this.init(); |
|
|
|
this.init(); |
|
|
|
|
|
|
|
console.log("this.$route.data",this.$route.query.data); |
|
|
|
this.onLoad(this.page); |
|
|
|
this.onLoad(this.page); |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
@ -199,6 +266,12 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
queryDictionary(){ |
|
|
|
|
|
|
|
getDictionaryBiz("yes_no").then(res=>{ |
|
|
|
|
|
|
|
this.isDepositData =res.data.data |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
init() { |
|
|
|
init() { |
|
|
|
}, |
|
|
|
}, |
|
|
|
searchHide() { |
|
|
|
searchHide() { |
|
|
@ -214,6 +287,8 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
handleSubmit() { |
|
|
|
handleSubmit() { |
|
|
|
if (!this.form.id) { |
|
|
|
if (!this.form.id) { |
|
|
|
|
|
|
|
this.form.masterId = this.$route.query.data |
|
|
|
|
|
|
|
console.log("this.form.masterId>>>>>>>>>>>>>",this.form.masterId) |
|
|
|
add(this.form).then(() => { |
|
|
|
add(this.form).then(() => { |
|
|
|
this.box = false; |
|
|
|
this.box = false; |
|
|
|
this.onLoad(this.page); |
|
|
|
this.onLoad(this.page); |
|
|
@ -313,6 +388,7 @@ export default { |
|
|
|
this.onLoad(this.page); |
|
|
|
this.onLoad(this.page); |
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(page, params = {}) { |
|
|
|
onLoad(page, params = {}) { |
|
|
|
|
|
|
|
this.query.masterId =this.$route.query.data |
|
|
|
this.loading = true; |
|
|
|
this.loading = true; |
|
|
|
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
|
|
|
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
|
|
|
const data = res.data.data; |
|
|
|
const data = res.data.data; |
|
|
|