Browse Source

与后台对接上装配置管理和上装台账管理的相关功能

master
yunuo970428 3 years ago
parent
commit
671dd60be6
  1. 65
      anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuang.js
  2. 72
      anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuangdaibaojia.js
  3. 72
      anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuangjiansuo.js
  4. 2
      anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
  5. 254
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangAdd.vue
  6. 33
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangInfo.vue
  7. 150
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangguanli.vue
  8. 87
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhangtaizhangInfo.vue
  9. 204
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangpeizhijiansuo.vue
  10. 247
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangAdd.vue
  11. 173
      anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangguanli.vue

65
anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuang.js

@ -1,72 +1,73 @@
import request from '@/utils/request'
import qs from 'qs'
// 物料信息
export default {
// 查询分页列表
// 查询分页列表(上装配置管理、上装配置检索)
listPage: function(data) {
return request({
url: '/base/v1/basemodelszconfig/listPage',
url: '/base/v1/basevehinstallmodel/listPage',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存新增记录
saveAdd: function(data) {
// 保存新增记录(上装配置管理)
saveOrUpdate: function(data) {
return request({
url: '/base/v1/basemodelszconfig/save',
url: '/base/v1/basevehinstallmodel/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存修改记录
saveEdit: function(data, sid) {
return request({
url: '/base/v1/basemodelszconfig/update/' + sid,
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid删除一条或多条记录
// 通过sid删除一条或多条记录(上装配置管理)
delBySids: function(data) {
return request({
url: '/base/v1/basemodelszconfig/delBySids',
url: '/base/v1/basevehinstallmodel/delBySids',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
// 通过sid查询一条记录(上装配置管理)
fetchBySid: function(sid) {
return request({
url: '/base/v1/basemodelszconfig/fetchBySid/' + sid
url: '/base/v1/basevehinstallmodel/fetchDetailsBySid/' + sid,
method: 'get'
})
},
// 导入
importExcel: function(params) {
// 查询分页列表(上装台账管理)
pagelist: function(data) {
return request({
url: '/anruiscm/v1/scmmaterial/importExcel',
url: '/base/v1/basevehinstall/listPage',
method: 'post',
data: params
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 导出
exportExcel: function(params) {
// 保存新增记录(上装台账管理)
save: function(data) {
return request({
url: '/anruiscm/v1/scmmaterial/exportExcel',
url: '/base/v1/basevehinstall/save',
method: 'post',
data: params
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
pullDown: function(data) {
// 通过sid查询一条记录(上装配置管理)
fetchDetailsBySid: function(sid) {
return request({
url: '/portal/v1/dictcommons/typeValues',
method: 'get',
params: data
url: '/base/v1/basevehinstall/fetchDetailsBySid/' + sid,
method: 'get'
})
},
// 通过sid查询一条记录(上装配置管理)
selExistingCar: function(data) {
return request({
url: '/base/v1/basevehicle/selExistingCar',
method: 'post',
params: data
})
}
}

72
anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuangdaibaojia.js

@ -1,72 +0,0 @@
import request from '@/utils/request'
import qs from 'qs'
// 物料信息
export default {
// 查询分页列表
listPage: function(data) {
return request({
url: '/base/v1/basemodelszconfig/searchPage',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存新增记录
saveAdd: function(data) {
return request({
url: '/base/v1/basemodelszconfig/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存修改记录
saveEdit: function(data, sid) {
return request({
url: '/base/v1/basemodelszconfig/update/' + sid,
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid删除一条或多条记录
delBySids: function(data) {
return request({
url: '/base/v1/basemodelszconfig/delBySids',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
fetchBySid: function(sid) {
return request({
url: '/base/v1/basemodelszconfig/fetchBySid/' + sid
})
},
// 导入
importExcel: function(params) {
return request({
url: '/anruiscm/v1/scmmaterial/importExcel',
method: 'post',
data: params
})
},
// 导出
exportExcel: function(params) {
return request({
url: '/anruiscm/v1/scmmaterial/exportExcel',
method: 'post',
data: params
})
},
pullDown: function(data) {
return request({
url: '/portal/v1/dictcommons/typeValues',
method: 'get',
params: data
})
},
}

72
anrui-scm/anrui-scm-ui/src/api/shangzhuang/shangzhuangjiansuo.js

@ -1,72 +0,0 @@
import request from '@/utils/request'
import qs from 'qs'
// 物料信息
export default {
// 查询分页列表
listPage: function(data) {
return request({
url: '/base/v1/basemodelszconfig/searchPage',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存新增记录
saveAdd: function(data) {
return request({
url: '/base/v1/basemodelszconfig/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存修改记录
saveEdit: function(data, sid) {
return request({
url: '/base/v1/basemodelszconfig/update/' + sid,
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid删除一条或多条记录
delBySids: function(data) {
return request({
url: '/base/v1/basemodelszconfig/delBySids',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
fetchBySid: function(sid) {
return request({
url: '/base/v1/basemodelszconfig/fetchBySid/' + sid
})
},
// 导入
importExcel: function(params) {
return request({
url: '/anruiscm/v1/scmmaterial/importExcel',
method: 'post',
data: params
})
},
// 导出
exportExcel: function(params) {
return request({
url: '/anruiscm/v1/scmmaterial/exportExcel',
method: 'post',
data: params
})
},
pullDown: function(data) {
return request({
url: '/portal/v1/dictcommons/typeValues',
method: 'get',
params: data
})
},
}

2
anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js

@ -437,7 +437,7 @@ const codemenu = [
path: '/chuku/chukuguanli',
component: () => import('@/views/chuku/chukuguanli/chukuguanli.vue'),
name: 'chukuguanli',
meta: { title: '出库申请管理', noCache: true }
meta: { title: '出库管理', noCache: true }
}]
},
// 验车管理

254
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangAdd.vue

@ -3,7 +3,7 @@
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="dialogStatus === 'add' ? saveAdd() : saveEdit()">保存
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave">保存
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
@ -14,18 +14,18 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>车辆功能</span></div>
<el-form-item prop="vehicleFunction">
<el-select v-model="formobj.vehicleFunction" @change="changeVehicleFunction" filterable placeholder="请选择" class="addinputw addinputwOne">
<el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-form-item prop="vehicleTypeValue">
<el-select v-model="formobj.vehicleTypeValue" @change="changeVehicleType" filterable placeholder="请选择" class="addinputw addinputwOne">
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>上装名称</span></div>
<el-form-item prop="topName">
<el-select v-model="formobj.topName" @change="changeTopName" class="addinputw addinputwOne" filterable placeholder="请选择">
<el-option v-for="item in topName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-form-item prop="installNameValue">
<el-select v-model="formobj.installNameValue" @change="changeInstallName" class="addinputw addinputwOne" filterable placeholder="请选择">
<el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
@ -34,8 +34,11 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>委改方式</span></div>
<el-form-item prop="refitMethod">
<el-input v-model="formobj.refitMethod" placeholder="委改方式" class="addinputw addinputwOne" clearable/>
<el-form-item prop="refitMethodValue">
<el-select v-model="formobj.refitMethodValue" @change="changeRefitMethod" class="addinputw addinputwOne" filterable placeholder="请选择">
<el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
@ -48,34 +51,40 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>外廓尺寸</span></div>
<el-form-item prop="overallDimension">
<el-form-item>
<div class="addinputw" style="display: inline-block;margin-left: 120px;">
<span></span><el-input size="mini" v-model="formobj.overallDimension" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.overallDimension" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.overallDimension" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
<span></span><el-input size="mini" v-model="formobj.wk_long" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.wk_wide" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.wk_high" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>颜色</span></div>
<el-form-item prop="color">
<el-input v-model="formobj.color" placeholder="颜色" class="addinputw addinputwOne" clearable/>
<el-form-item prop="colorValue">
<el-select v-model="formobj.colorValue" @change="changeColor" class="addinputw addinputwOne" filterable placeholder="请选择">
<el-option v-for="item in color_list" :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="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>板材材质</span></div>
<el-form-item prop="plateMaterial">
<el-input v-model="formobj.plateMaterial" placeholder="板材材质" class="addinputw addinputwOne" clearable/>
<el-form-item prop="plateMaterialValue">
<el-select v-model="formobj.plateMaterialValue" @change="changePlateMaterial" class="addinputw addinputwOne" filterable placeholder="请选择">
<el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span><span class="icon">*</span>板材厚度</span></div>
<el-form-item prop="plateThickness plateMaterial">
<el-form-item>
<div class="addinputw" style="display: inline-block;margin-left: 120px;">
<span></span><el-input size="mini" v-model="formobj.plateThickness" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.plateThickness" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
<span></span><el-input size="mini" v-model="formobj.plateThicknessBottom" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
<span></span><el-input size="mini" v-model="formobj.plateThicknessEdge" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
</div>
</el-form-item>
</el-col>
@ -84,13 +93,13 @@
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
<el-form-item>
<el-input v-model="formobj.plateMaterial" placeholder="篷布滑道" class="addinputw addinputwOne" clearable/>
<el-input v-model="formobj.tarpaulinSlide" placeholder="篷布滑道" class="addinputw addinputwOne" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
<el-form-item>
<el-input v-model="formobj.plateThickness" placeholder="冷藏冷机" class="addinputw addinputwOne" clearable/>
<el-input v-model="formobj.refrigerator" placeholder="冷藏冷机" class="addinputw addinputwOne" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -98,13 +107,13 @@
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
<el-form-item>
<el-input v-model="formobj.plateMaterial" placeholder="自卸液压盖板" class="addinputw addinputwOne" clearable/>
<el-input v-model="formobj.selfUnHyCoPl" placeholder="自卸液压盖板" class="addinputw addinputwOne" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>底板加热</span></div>
<el-form-item>
<el-input v-model="formobj.plateThickness" placeholder="底板加热" class="addinputw addinputwOne" clearable/>
<el-input v-model="formobj.floorHeating" placeholder="底板加热" class="addinputw addinputwOne" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -112,7 +121,7 @@
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>更多配置</span></div>
<el-form-item>
<el-input v-model="formobj.otherConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 80% !important; " clearable/>
<el-input v-model="formobj.moreConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 80% !important; " clearable/>
</el-form-item>
</el-col>
</el-row>
@ -124,92 +133,148 @@
<script>
import req from '@/api/shangzhuang/shangzhuang'
import { typeValues } from '@/api/cheliang/dictcommons'
export default {
name: 'ShangZhuangAdd',
data() {
return {
viewTitle: '',
dialogStatus: 'add',
topName_list: [],
vehicleFunction_list: [],
installName_list: [],
vehicleType_list: [],
color_list: [],
refitMethod_list: [],
plateMaterial_list: [],
formobj: {
sid: '',
vehicleFunction: '',
vehicleFunctionKey: '',
topName: '',
topNameKey: '',
refitPrice: '',
announcementModel: '',
overallDimension: '',
plateMaterial: '',
plateThickness: '',
refitMethod: '',
vehicleTypeKey: '',
vehicleTypeValue: '',
installNameKey: '',
installNameValue: '',
refitMethodKey: '',
refitMethodValue: '',
refitFactory: '',
settlementPrice: '',
guidePrice: '',
priceValidity: '',
otherConfig: ''
colorKey: '',
colorValue: '',
wk_long: '',
wk_wide: '',
wk_high: '',
plateMaterialKey: '',
plateMaterialValue: '',
plateThicknessBottom: '',
plateThicknessEdge: '',
tarpaulinSlide: '',
refrigerator: '',
selfUnHyCoPl: '',
floorHeating: '',
useOrgSid: '',
createOrgSid: '',
},
rules: {
vehicleFunction: [{ required: true, message: '请选择车辆功能', trigger: 'change' }],
topName: [{ required: true, message: '请选择上装名称', trigger: 'change' }],
refitMethod: [{ required: true, message: '请填写委改方式', trigger: 'blur' }],
vehicleTypeValue: [{ required: true, message: '请选择车辆功能', trigger: 'change' }],
installNameValue: [{ required: true, message: '请选择上装名称', trigger: 'change' }],
refitMethodValue: [{ required: true, message: '请填写委改方式', trigger: 'blur' }],
refitFactory: [{ required: true, message: '请填写委改厂', trigger: 'blur' }],
overallDimension: [{ required: true, message: '请填写外廓尺寸', trigger: 'blur' }],
color: [{ required: true, message: '请填写颜色', trigger: 'blur' }],
plateMaterial: [{ required: true, message: '请填写板材材质', trigger: 'blur' }],
plateThickness: [{ required: true, message: '请填写板材厚度', trigger: 'blur' }]
colorValue: [{ required: true, message: '请填写颜色', trigger: 'blur' }],
plateMaterialValue: [{ required: true, message: '请填写板材材质', trigger: 'blur' }]
},
submitdisabled: false
}
},
created() {
this.DataDictionary()
},
methods: {
DataDictionary() {
//
req.pullDown({ type: 'topName' }).then((res) => {
typeValues({ type: 'topName' }).then((res) => {
if (res.success) {
this.topName_list = res.data
this.installName_list = res.data
}
})
//
req.pullDown({ type: 'vehicleFunction' }).then((res) => {
typeValues({ type: 'vehicleFunction' }).then((res) => {
if (res.success) {
this.vehicleFunction_list = res.data
this.vehicleType_list = res.data
}
})
typeValues({ type: 'bodyColor' }).then((res) => {
if (res.success) {
this.color_list = res.data
}
})
typeValues({ type: 'refitMethod' }).then((res) => {
if (res.success) {
this.refitMethod_list = res.data
}
})
typeValues({ type: 'plateMaterial' }).then((res) => {
if (res.success) {
this.plateMaterial_list = res.data
}
})
},
changeInstallName(value) {
let bb = null
this.installName_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
key: e.dictKey
}
}
})
this.formobj.installNameValue = bb.name
this.formobj.installNameKey = bb.key
},
changeVehicleType(value) {
let bb = null
this.vehicleType_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
key: e.dictKey
}
}
})
this.formobj.vehicleTypeValue = bb.name
this.formobj.vehicleTypeKey = bb.key
},
changeTopName(value) {
changeRefitMethod(value) {
let bb = null
this.topName_list.forEach((e) => {
this.refitMethod_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
key: e.dictKey
}
}
})
this.formobj.topName = bb.name
this.formobj.topNameKey = bb.value
this.formobj.refitMethodValue = bb.name
this.formobj.refitMethodKey = bb.key
},
changeVehicleFunction(value) {
changeColor(value) {
let bb = null
this.vehicleFunction_list.forEach((e) => {
this.color_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
key: e.dictKey
}
}
})
this.formobj.vehicleFunction = bb.name
this.formobj.vehicleFunctionKey = bb.value
this.formobj.colorValue = bb.name
this.formobj.colorKey = bb.key
},
UpNumber(e) {
e.target.value = e.target.value.replace(/[^0-9.]/g, '')
changePlateMaterial(value) {
let bb = null
this.plateMaterial_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
key: e.dictKey
}
}
})
this.formobj.plateMaterialValue = bb.name
this.formobj.plateMaterialKey = bb.key
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
@ -217,60 +282,43 @@ export default {
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
showAdd() {
showAdd(useSid) {
this.formobj.useOrgSid = useSid
this.formobj.createOrgSid = useSid
this.DataDictionary()
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.dialogStatus = 'add'
this.viewTitle = '【新增】上装配置信息'
},
showEdit(row) {
this.DataDictionary()
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.dialogStatus = 'edit'
this.viewTitle = '【编辑】上装配置信息'
req.fetchBySid(row.sid).then((resp) => {
const vdata = resp.data
this.formobj = vdata
if (resp.success) {
this.formobj = resp.data
}
}).catch((e) => {
this.formobj = row
})
},
saveAdd() {
const _this = this
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveAdd(this.formobj).then((resp) => {
this.submitdisabled = false
_this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
_this.handleReturn('true')
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
},
saveEdit() {
const _this = this
handleSave() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveEdit(this.formobj, this.formobj.sid).then((resp) => {
req.saveOrUpdate(this.formobj).then((resp) => {
this.submitdisabled = false
_this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
_this.handleReturn('true')
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.handleReturn('true')
}
}).catch(() => {
this.submitdisabled = false
})

33
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangInfo.vue

@ -12,17 +12,17 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车辆功能</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleFunction }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>上装名称</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.topName }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.installNameValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改方式</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethod }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethodValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改厂</span></div>
@ -34,28 +34,28 @@
<div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
<el-form-item>
<div class="addinputInfo" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.wk_long }}mm,
<span></span>{{ formobj.wk_wide }}mm,
<span></span>{{ formobj.wk_high }}mm
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>颜色</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.colorValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材材质</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterialValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材厚度</span></div>
<el-form-item>
<div class="addinputInfo" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.plateThicknessBottom }}mm,
<span></span>{{ formobj.plateThicknessEdge }}mm
</div>
</el-form-item>
</el-col>
@ -63,27 +63,27 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.tarpaulinSlide }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refrigerator }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.selfUnHyCoPl }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>底板加热</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.floorHeating }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>更多配置</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
@ -99,16 +99,13 @@ export default {
data() {
return {
formobj: {},
ceshi: '1'
}
},
methods: {
handleReturn() {
this.formobj = {}
this.$emit('doback')
},
showInfo(row) {
// this.formobj = row
req.fetchBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {

150
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangguanli.vue

@ -10,28 +10,37 @@
<el-form :inline="true" class="tab-header">
<el-row>
<el-form-item label="车辆功能">
<el-select v-model="queryParams.params.vehicleFunction" @change="changeVehicleFunction" filterable placeholder="请选择">
<el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改方式">
<el-input v-model="queryParams.params.refitMethod" placeholder="请输入委改方式" clearable/>
<el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
<el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改厂">
<el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
</el-form-item>
<el-form-item label="上装名称">
<el-select v-model="queryParams.params.topName" @change="changeTopName" filterable placeholder="请选择">
<el-option v-for="item in topName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
<el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="颜色">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入颜色" clearable/>
<el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
<el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="板材材质">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入板材材质" clearable/>
<el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
<el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-row>
</el-form>
@ -44,43 +53,43 @@
<!--Start 项目列表头部-->
<div class="listtop">
<div class="tit">上装配置列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
<!--End 项目列表头部-->
<!--Start 项目列表-->
<div class="listcon">
<el-table v-loading="tableLoading" :data="dataList" 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 width="70px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="vehicleFunction" label="车辆功能" align="center"/>
<el-table-column prop="topName" label="上装名称" align="center"/>
<el-table-column prop="refitMethod" label="委改方式" align="center"/>
<el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
<el-table-column prop="installNameValue" label="上装名称" align="center"/>
<el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
<el-table-column prop="refitFactory" label="委改厂" align="center"/>
<el-table-column prop="overallDimension" label="外廓尺寸" align="center"/>
<el-table-column prop="announcementModel" label="颜色" align="center"/>
<el-table-column prop="plateMaterial" label="板材材质" align="center"/>
<el-table-column prop="plateThickness" label="板材厚度" align="center"/>
<el-table-column prop="settlementPrice" label="篷布滑道" align="center"/>
<el-table-column prop="guidePrice" label="冷藏冷机" align="center"/>
<el-table-column prop="priceValidity" label="自卸液压盖板" align="center"/>
<el-table-column prop="priceValidity" label="底板加热" align="center"/>
<el-table-column prop="wk" label="外廓尺寸" header-align="center" align="left" width="200"/>
<el-table-column prop="colorValue" label="颜色" align="center"/>
<el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
<el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="150"/>
<el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
<el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
<el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center"/>
<el-table-column prop="floorHeating" label="底板加热" align="center"/>
</el-table>
</div>
<!--End 项目列表-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
</div>
<!--End 查询和其列表部分-->
<!--新增修改部分组件-->
<shangzhuangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
<shangzhuangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="init"/>
<!--详情部分组件-->
<shangzhuangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
</div>
@ -93,6 +102,7 @@ import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import shangzhuangAdd from './shangzhuangAdd'
import shangzhuangInfo from './shangzhuangInfo'
import { getPathSidByUserSid,typeValues } from '@/api/cheliang/dictcommons'
export default {
name: 'ShangZhuangGuanLi',
@ -140,20 +150,23 @@ export default {
isSearchShow: false,
tableLoading: false,
dataList: [],
topName_list: [],
vehicleFunction_list: [],
installName_list: [],
vehicleType_list: [],
refitMethod_list: [],
color_list: [],
plateMaterial_list: [],
queryParams: {
current: 1,
size: 10,
total: 10,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
colorKey: '',
plateMaterial: '',
createOrgSid: ''
}
},
multipleSelection: []
@ -163,49 +176,46 @@ export default {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
this.DataDictionary()
this.init()
},
methods: {
init() {
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
if (res.success) {
this.queryParams.params.createOrgSid = res.data
this.loadList()
}
})
this.DataDictionary()
},
DataDictionary() {
//
req.pullDown({ type: 'topName' }).then((res) => {
typeValues({ type: 'topName' }).then((res) => {
if (res.success) {
this.topName_list = res.data
this.installName_list = res.data
}
})
//
req.pullDown({ type: 'vehicleFunction' }).then((res) => {
typeValues({ type: 'vehicleFunction' }).then((res) => {
if (res.success) {
this.vehicleFunction_list = res.data
this.vehicleType_list = res.data
}
})
},
changeTopName(value) {
let bb = null
this.topName_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'bodyColor' }).then((res) => {
if (res.success) {
this.color_list = res.data
}
})
this.queryParams.params.topName = bb.name
this.queryParams.params.topNameKey = bb.value
},
changeVehicleFunction(value) {
let bb = null
this.vehicleFunction_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'refitMethod' }).then((res) => {
if (res.success) {
this.refitMethod_list = res.data
}
})
typeValues({ type: 'plateMaterial' }).then((res) => {
if (res.success) {
this.plateMaterial_list = res.data
}
})
this.queryParams.params.vehicleFunction = bb.name
this.queryParams.params.vehicleFunctionKey = bb.value
},
resetState() {
this.viewState = 1
@ -229,9 +239,9 @@ export default {
break
}
},
toAdd(row) {
toAdd() {
this.viewState = 2
this.$refs['divAdd'].showAdd()
this.$refs['divAdd'].showAdd(this.queryParams.params.createOrgSid)
},
toEdit() {
if (this.multipleSelection.length === 0) {
@ -254,7 +264,7 @@ export default {
const row = this.multipleSelection[0]
this.$refs['divAdd'].showEdit(row)
},
doDel(row) {
doDel() {
if (this.multipleSelection.length === 0) {
this.$message({
showClose: true,
@ -287,7 +297,7 @@ export default {
message: resp.msg,
showClose: true
})
_this.loadList()
_this.init()
}).catch((e) => {
loading.close()
})
@ -296,7 +306,7 @@ export default {
},
dosearch() {
this.queryParams.current = 1
this.loadList()
this.init()
},
resetQuery() {
this.queryParams = {
@ -304,16 +314,16 @@ export default {
size: 10,
total: 0,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
colorKey: '',
plateMaterial: '',
createOrgSid: ''
}
}
this.loadList()
this.init()
},
loadList() {
const _this = this

87
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhangtaizhangInfo.vue

@ -11,21 +11,21 @@
<el-row style="border-top: 1px solid #dfe4ed">
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车辆功能</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleFunction }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.vehicleTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>上装名称</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.topName }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.installNameValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改方式</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethod }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refitMethodValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改厂</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refitFactory }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
@ -33,28 +33,28 @@
<div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
<el-form-item>
<div class="addinputInfo addinputwOne" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.baseVehinstallmodel.wk_long }}mm,
<span></span>{{ formobj.baseVehinstallmodel.wk_wide }}mm,
<span></span>{{ formobj.baseVehinstallmodel.wk_high }}mm
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>颜色</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.colorValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材材质</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.plateMaterialValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材厚度</span></div>
<el-form-item>
<div class="addinputInfo addinputwOne" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.baseVehinstallmodel.plateThicknessBottom }}mm,
<span></span>{{ formobj.baseVehinstallmodel.plateThicknessEdge }}mm
</div>
</el-form-item>
</el-col>
@ -62,57 +62,57 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.tarpaulinSlide }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refrigerator }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.selfUnHyCoPl }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>底板加热</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.floorHeating }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>更多配置</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>品牌</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.brandName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车型</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehModel }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>公告型号</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.noticeModel }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>厂家结算价()</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.costPrice }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>销售指导价()</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.guidePrice }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
@ -127,21 +127,52 @@ export default {
name: 'shangzhuangtaizhangInfo',
data() {
return {
formobj: {},
ceshi: '1'
formobj: {
sid: '',
mainSid: '',
brandSid: '',
brandName: '',
noticeModel: '',
vehModel: '',
vinNo: '',
costPrice: '',
guidePrice: '',
vehicleStateKey: '',
vehicleStateValue: '',
priceDate: '',
salesDate: '',
useOrgSid: '',
createOrg: '',
baseVehinstallmodel: {
vehicleTypeValue: '',
installNameValue: '',
refitMethodValue: '',
refitFactory: '',
colorValue: '',
wk_long: '',
wk_wide: '',
wk_high: '',
plateMaterialValue: '',
plateThicknessBottom: '',
plateThicknessEdge: '',
tarpaulinSlide: '',
refrigerator: '',
selfUnHyCoPl: '',
floorHeating: '',
moreConfig: ''
}
}
}
},
methods: {
handleReturn() {
this.formobj = {}
this.$emit('doback')
},
showInfo(row) {
// this.formobj = row
req.fetchBySid(row.sid).then((resp) => {
req.fetchDetailsBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {
this.formobj = row
this.formobj = {}
})
console.log('这里是详情回显', row)
}

204
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangpeizhijiansuo.vue

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar view-title="上装配置检索" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<button-bar view-title="上装配置管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
{{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
@ -10,28 +10,37 @@
<el-form :inline="true" class="tab-header">
<el-row>
<el-form-item label="车辆功能">
<el-select v-model="queryParams.params.vehicleFunction" @change="changeVehicleFunction" filterable placeholder="请选择">
<el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改方式">
<el-input v-model="queryParams.params.refitMethod" placeholder="请输入委改方式" clearable/>
<el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
<el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改厂">
<el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
</el-form-item>
<el-form-item label="上装名称">
<el-select v-model="queryParams.params.topName" @change="changeTopName" filterable placeholder="请选择">
<el-option v-for="item in topName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
<el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="颜色">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入颜色" clearable/>
<el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
<el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="板材材质">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入板材材质" clearable/>
<el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
<el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-row>
</el-form>
@ -44,37 +53,37 @@
<!--Start 项目列表头部-->
<div class="listtop">
<div class="tit">上装配置列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
<!--End 项目列表头部-->
<!--Start 项目列表-->
<div class="listcon">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="70px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="handleSelect(scope.row)">选择</el-button>
</template>
</el-table-column>
<el-table-column prop="vehicleFunction" label="车辆功能" align="center"/>
<el-table-column prop="topName" label="上装名称" align="center"/>
<el-table-column prop="refitMethod" label="委改方式" align="center"/>
<el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
<el-table-column prop="installNameValue" label="上装名称" align="center"/>
<el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
<el-table-column prop="refitFactory" label="委改厂" align="center"/>
<el-table-column prop="overallDimension" label="外廓尺寸" align="center"/>
<el-table-column prop="announcementModel" label="颜色" align="center"/>
<el-table-column prop="plateMaterial" label="板材材质" align="center"/>
<el-table-column prop="plateThickness" label="板材厚度" align="center"/>
<el-table-column prop="settlementPrice" label="篷布滑道" align="center"/>
<el-table-column prop="guidePrice" label="冷藏冷机" align="center"/>
<el-table-column prop="priceValidity" label="自卸液压盖板" align="center"/>
<el-table-column prop="priceValidity" label="底板加热" align="center"/>
<el-table-column prop="wk" label="外廓尺寸" header-align="center" align="left" width="200"/>
<el-table-column prop="colorValue" label="颜色" align="center"/>
<el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
<el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="150"/>
<el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
<el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
<el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center"/>
<el-table-column prop="floorHeating" label="底板加热" align="center"/>
</el-table>
</div>
<!--End 项目列表-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
</div>
<!--End 查询和其列表部分-->
@ -86,6 +95,7 @@ import req from '@/api/shangzhuang/shangzhuang'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import { getPathSidByUserSid,typeValues } from '@/api/cheliang/dictcommons'
export default {
name: 'shangzhuangpeizhijiansuo',
@ -110,20 +120,23 @@ export default {
isSearchShow: false,
tableLoading: false,
dataList: [],
topName_list: [],
vehicleFunction_list: [],
installName_list: [],
vehicleType_list: [],
refitMethod_list: [],
color_list: [],
plateMaterial_list: [],
queryParams: {
current: 1,
size: 10,
total: 10,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
colorKey: '',
plateMaterial: '',
createOrgSid: ''
}
},
multipleSelection: []
@ -132,69 +145,80 @@ export default {
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
this.DataDictionary()
},
methods: {
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
init() {
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
if (res.success) {
this.queryParams.params.createOrgSid = res.data
this.loadList()
}
})
this.DataDictionary()
},
DataDictionary() {
//
req.pullDown({ type: 'topName' }).then((res) => {
typeValues({ type: 'topName' }).then((res) => {
if (res.success) {
this.topName_list = res.data
this.installName_list = res.data
}
})
//
req.pullDown({ type: 'vehicleFunction' }).then((res) => {
typeValues({ type: 'vehicleFunction' }).then((res) => {
if (res.success) {
this.vehicleFunction_list = res.data
this.vehicleType_list = res.data
}
})
},
changeTopName(value) {
let bb = null
this.topName_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'bodyColor' }).then((res) => {
if (res.success) {
this.color_list = res.data
}
})
this.queryParams.params.topName = bb.name
this.queryParams.params.topNameKey = bb.value
},
changeVehicleFunction(value) {
let bb = null
this.vehicleFunction_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'refitMethod' }).then((res) => {
if (res.success) {
this.refitMethod_list = res.data
}
})
typeValues({ type: 'plateMaterial' }).then((res) => {
if (res.success) {
this.plateMaterial_list = res.data
}
})
this.queryParams.params.vehicleFunction = bb.name
this.queryParams.params.vehicleFunctionKey = bb.value
},
showData() {
const aa = []
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
//
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
showData(mainSid) {
// if (mainSid !== '' && mainSid !== null) {
// }
this.init()
},
dosearch() {
this.queryParams.current = 1
this.init()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
colorKey: '',
plateMaterial: '',
createOrgSid: ''
}
}
this.init()
},
loadList() {
const _this = this
@ -208,29 +232,17 @@ export default {
_this.tableLoading = false
})
},
//
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelect(row) {
this.$emit('backData', row)
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
}
}
this.loadList()
doClose() {
this.$emit('doback')
}
}
}

247
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangAdd.vue

@ -9,7 +9,7 @@
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="formobj" class="formaddcopy02">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<div class="tableStyle">
<div class="headline">上装配置信息</div>
<div>
@ -19,21 +19,21 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车辆功能</span></div>
<el-form-item><span>{{ formobj.vehicleFunction }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.vehicleTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>上装名称</span></div>
<el-form-item><span>{{ formobj.topName }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.installNameValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改方式</span></div>
<el-form-item><span>{{ formobj.refitMethod }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refitMethodValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改厂</span></div>
<el-form-item><span>{{ formobj.refitFactory }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refitFactory }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
@ -41,28 +41,28 @@
<div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
<el-form-item>
<div class="addinputw" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.baseVehinstallmodel.wk_long }}mm,
<span></span>{{ formobj.baseVehinstallmodel.wk_wide }}mm,
<span></span>{{ formobj.baseVehinstallmodel.wk_high }}mm
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>颜色</span></div>
<el-form-item><span>{{ formobj.refitFactory }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.colorValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材材质</span></div>
<el-form-item><span>{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.plateMaterialValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材厚度</span></div>
<el-form-item>
<div class="addinputw" style="display: inline-block;margin-left: 120px;">
<span></span>{{ formobj.ceshi }}mm,
<span></span>{{ formobj.ceshi }}mm
<span></span>{{ formobj.baseVehinstallmodel.plateThicknessBottom }}mm,
<span></span>{{ formobj.baseVehinstallmodel.plateThicknessEdge }}mm
</div>
</el-form-item>
</el-col>
@ -70,59 +70,64 @@
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
<el-form-item><span>{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.tarpaulinSlide }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
<el-form-item><span>{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.refrigerator }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
<el-form-item><span>{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.selfUnHyCoPl }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>底板加热</span></div>
<el-form-item><span>{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.floorHeating }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>更多配置</span></div>
<el-form-item><span>{{ formobj.otherConfig }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.baseVehinstallmodel.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
<div class="headline">主车信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>主车车架号</span></div>
<el-form-item><el-input v-model="formobj.plateMaterial" class="addinputw addinputwOne" placeholder="" clearable></el-input></el-form-item>
<el-form-item>
<el-select v-model="formobj.vinNo" @change="changeVinNo" filterable placeholder="请选择" class="addinputw addinputwOne">
<el-option v-for="item in vinNo_list" :key="item.vinNo" :label="item.vinNo" :value="item.vinNo">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>品牌</span></div>
<el-form-item><span>{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.brandName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车型</span></div>
<el-form-item><span>{{ formobj.plateMaterial }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehModel }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>公告型号</span></div>
<el-form-item><span>{{ formobj.plateThickness }}</span></el-form-item>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.noticeModel }}</span></el-form-item>
</el-col>
</el-row>
<div class="headline">上装价格信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>厂家结算价()</span></div>
<el-form-item><el-input v-model="formobj.plateMaterial" class="addinputw addinputwOne" placeholder="" clearable></el-input></el-form-item>
<el-form-item><el-input v-model="formobj.costPrice" class="addinputw addinputwOne" @keyup.native="UpNumber" @keydown.native="UpNumber" placeholder="" clearable></el-input></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>销售指导价()</span></div>
<el-form-item><el-input v-model="formobj.plateMaterial" class="addinputw addinputwOne" placeholder="" clearable></el-input></el-form-item>
<el-form-item><el-input v-model="formobj.guidePrice" class="addinputw addinputwOne" @keyup.native="UpNumber" @keydown.native="UpNumber" placeholder="" clearable></el-input></el-form-item>
</el-col>
</el-row>
</el-form>
@ -144,26 +149,200 @@ export default {
data() {
return {
viewState: 1,
formobj: {},
ceshi: '1'
submitdisabled: false,
vinNo_list: [],
formobj: {
sid: '',
mainSid: '',
brandSid: '',
brandName: '',
noticeModel: '',
vehModel: '',
vinNo: '',
costPrice: '',
guidePrice: '',
vehicleStateKey: '',
vehicleStateValue: '',
priceDate: '',
salesDate: '',
useOrgSid: '',
createOrg: '',
baseVehinstallmodel: {
vehicleTypeValue: '',
installNameValue: '',
refitMethodValue: '',
refitFactory: '',
colorValue: '',
wk_long: '',
wk_wide: '',
wk_high: '',
plateMaterialValue: '',
plateThicknessBottom: '',
plateThicknessEdge: '',
tarpaulinSlide: '',
refrigerator: '',
selfUnHyCoPl: '',
floorHeating: '',
moreConfig: ''
}
}
}
},
methods: {
selExistingCar() {
req.selExistingCar({ createOrgSid: this.formobj.useOrgSid }).then((res) => {
if (res.success) {
this.vinNo_list = res.data
}
})
},
UpNumber(e) {
e.target.value = e.target.value.replace(/[^0-9.]/g, '') // ."-"
e.target.value = e.target.value.replace(/^00/, '0.') // 0
e.target.value = e.target.value.replace(/\.{2,}/g, '.') // .
e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/\-{2,}/g, '-') // -
e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') //
if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') {
// 0102
e.target.value = parseFloat(e.target.value)
}
},
showAdd(createOrgSid) {
this.formobj.useOrgSid = createOrgSid
this.formobj.createOrg = createOrgSid
this.selExistingCar()
},
showEdit(row) {
req.fetchDetailsBySid(row.sid).then((resp) => {
if (resp.success) {
this.formobj = resp.data
}
}).catch((e) => {
this.formobj = row
})
},
handleSelect() {
this.viewState = 2
this.$refs['divSelect'].showData()
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
this.$refs['divSelect'].showData(this.formobj.mainSid)
},
backData(row) {
this.viewState = 1
this.formobj.baseVehinstallmodel.vehicleTypeValue = row.vehicleTypeValue
this.formobj.baseVehinstallmodel.installNameValue = row.installNameValue
this.formobj.baseVehinstallmodel.refitMethodValue = row.refitMethodValue
this.formobj.baseVehinstallmodel.refitFactory = row.refitFactory
this.formobj.baseVehinstallmodel.colorValue = row.colorValue
this.formobj.baseVehinstallmodel.wk_long = row.wk_long
this.formobj.baseVehinstallmodel.wk_wide = row.wk_wide
this.formobj.baseVehinstallmodel.wk_high = row.wk_high
this.formobj.baseVehinstallmodel.plateMaterialValue = row.plateMaterialValue
this.formobj.baseVehinstallmodel.plateThicknessBottom = row.plateThicknessBottom
this.formobj.baseVehinstallmodel.plateThicknessEdge = row.plateThicknessEdge
this.formobj.baseVehinstallmodel.tarpaulinSlide = row.tarpaulinSlide
this.formobj.baseVehinstallmodel.refrigerator = row.refrigerator
this.formobj.baseVehinstallmodel.selfUnHyCoPl = row.selfUnHyCoPl
this.formobj.baseVehinstallmodel.floorHeating = row.floorHeating
this.formobj.baseVehinstallmodel.moreConfig = row.moreConfig
this.formobj.mainSid = row.sid
},
showAdd() {
changeVinNo(value) {
let bb = null
this.vinNo_list.forEach((e) => {
if (e.vinNo === value) {
bb = {
brandName: e.brandName,
brandSid: e.brandSid,
noticeModel: e.noticeModel,
priceDate: e.priceDate,
salesDate: e.salesDate,
vehicleAlias: e.vehicleAlias,
vehicleStateKey: e.vehicleStateKey,
vehicleStateValue: e.vehicleStateValue,
vinNo: e.vinNo
}
}
})
this.formobj.vinNo = bb.vinNo
this.formobj.noticeModel = bb.noticeModel
this.formobj.vehModel = bb.vehicleAlias
this.formobj.brandName = bb.brandName
this.formobj.brandSid = bb.brandSid
this.formobj.vehicleStateValue = bb.vehicleStateValue
this.formobj.vehicleStateKey = bb.vehicleStateKey
this.formobj.priceDate = bb.priceDate
this.formobj.salesDate = bb.salesDate
},
handleSave() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.save(this.formobj).then((resp) => {
this.submitdisabled = false
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.handleReturn('true')
} else {
this.$message({
showClose: true,
type: 'error',
message: resp.msg
})
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
},
showEdit(row) {},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
mainSid: '',
brandSid: '',
brandName: '',
noticeModel: '',
vehModel: '',
vinNo: '',
costPrice: '',
guidePrice: '',
vehicleStateKey: '',
vehicleStateValue: '',
priceDate: '',
salesDate: '',
useOrgSid: '',
createOrg: '',
baseVehinstallmodel: {
vehicleTypeValue: '',
installNameValue: '',
refitMethodValue: '',
refitFactory: '',
colorValue: '',
wk_long: '',
wk_wide: '',
wk_high: '',
plateMaterialValue: '',
plateThicknessBottom: '',
plateThicknessEdge: '',
tarpaulinSlide: '',
refrigerator: '',
selfUnHyCoPl: '',
floorHeating: '',
moreConfig: ''
}
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
resetState() {
this.viewState = 1
}
}
}
</script>

173
anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangguanli.vue

@ -11,36 +11,45 @@
<el-form :inline="true" class="tab-header">
<el-row>
<el-form-item label="车辆功能">
<el-select v-model="queryParams.params.vehicleFunction" @change="changeVehicleFunction" filterable placeholder="请选择">
<el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改方式">
<el-input v-model="queryParams.params.refitMethod" placeholder="请输入委改方式" clearable/>
<el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
<el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="委改厂">
<el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
</el-form-item>
<el-form-item label="上装名称">
<el-select v-model="queryParams.params.topName" @change="changeTopName" filterable placeholder="请选择">
<el-option v-for="item in topName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
<el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
<el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="颜色">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入颜色" clearable/>
<el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
<el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="板材材质">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入板材材质" clearable/>
<el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
<el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="公告型号">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入颜色" clearable/>
<el-input v-model="queryParams.params.noticeModel" placeholder="请输入公告型号" clearable/>
</el-form-item>
<el-form-item label="主车车架号">
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入板材材质" clearable/>
<el-input v-model="queryParams.params.vinNo" placeholder="请输入主车车架号" clearable/>
</el-form-item>
</el-row>
</el-form>
@ -53,34 +62,34 @@
<!--Start 项目列表头部-->
<div class="listtop">
<div class="tit">上装库存台账列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
<!--End 项目列表头部-->
<!--Start 项目列表-->
<div class="listcon">
<el-table v-loading="tableLoading" :data="dataList" 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="操作" width="180px" align="center">
<el-table-column width="60px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" width="160px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="toEdit(scope.row)">编辑</el-button>
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="vehicleFunction" label="车辆功能" align="center"/>
<el-table-column prop="topName" label="上装名称" align="center"/>
<el-table-column prop="refitMethod" label="委改方式" align="center"/>
<el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
<el-table-column prop="installNameValue" label="上装名称" align="center"/>
<el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
<el-table-column prop="refitFactory" label="委改厂" align="center"/>
<el-table-column prop="announcementModel" label="颜色" align="center"/>
<el-table-column prop="plateMaterial" label="板材材质" align="center"/>
<el-table-column prop="plateThickness" label="品牌" align="center"/>
<el-table-column prop="plateThickness" label="公告型号" align="center"/>
<el-table-column prop="plateThickness" label="车型" align="center"/>
<el-table-column prop="plateThickness" label="主车车架号" align="center"/>
<el-table-column prop="plateThickness" label="库存状态" align="center"/>
<el-table-column prop="plateThickness" label="入库日期" align="center"/>
<el-table-column prop="plateThickness" label="出库日期" align="center"/>
<el-table-column prop="settlementPrice" label="厂家结算价" align="center"/>
<el-table-column prop="colorValue" label="颜色" align="center"/>
<el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
<el-table-column prop="brandName" label="品牌" align="center"/>
<el-table-column prop="noticeModel" label="公告型号" align="center"/>
<el-table-column prop="vehModel" label="车型" align="center" width="180"/>
<el-table-column prop="vinNo" label="主车车架号" align="center"/>
<el-table-column prop="vehicleStateValue" label="库存状态" align="center"/>
<el-table-column prop="priceDate" label="入库日期" align="center" width="100"/>
<el-table-column prop="salesDate" label="出库日期" align="center" width="100"/>
<el-table-column prop="costPrice" label="厂家结算价" align="center"/>
<el-table-column prop="guidePrice" label="销售指导价" align="center"/>
</el-table>
</div>
@ -88,13 +97,13 @@
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
</div>
</div>
</div>
<!--End 查询和其列表部分-->
<!--新增修改部分组件-->
<shangzhuangtaizhangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
<shangzhuangtaizhangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="init"/>
<!--详情部分组件-->
<shangzhangtaizhangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
</div>
@ -107,6 +116,7 @@ import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import shangzhuangtaizhangAdd from './shangzhuangtaizhangAdd'
import shangzhangtaizhangInfo from './shangzhangtaizhangInfo'
import {getPathSidByUserSid, typeValues} from "@/api/cheliang/dictcommons";
export default {
name: 'shangzhuangtaizhangguanli',
@ -147,20 +157,25 @@ export default {
isSearchShow: false,
tableLoading: false,
dataList: [],
topName_list: [],
vehicleFunction_list: [],
installName_list: [],
vehicleType_list: [],
refitMethod_list: [],
color_list: [],
plateMaterial_list: [],
queryParams: {
current: 1,
size: 10,
total: 10,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
colorKey: '',
plateMaterial: '',
createOrgSid: '',
vinNo: '',
noticeModel: ''
}
},
multipleSelection: []
@ -170,49 +185,46 @@ export default {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
this.DataDictionary()
this.init()
},
methods: {
init() {
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
if (res.success) {
this.queryParams.params.createOrgSid = res.data
this.loadList()
}
})
this.DataDictionary()
},
DataDictionary() {
//
req.pullDown({ type: 'topName' }).then((res) => {
typeValues({ type: 'topName' }).then((res) => {
if (res.success) {
this.topName_list = res.data
this.installName_list = res.data
}
})
//
req.pullDown({ type: 'vehicleFunction' }).then((res) => {
typeValues({ type: 'vehicleFunction' }).then((res) => {
if (res.success) {
this.vehicleFunction_list = res.data
this.vehicleType_list = res.data
}
})
},
changeTopName(value) {
let bb = null
this.topName_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'bodyColor' }).then((res) => {
if (res.success) {
this.color_list = res.data
}
})
this.queryParams.params.topName = bb.name
this.queryParams.params.topNameKey = bb.value
},
changeVehicleFunction(value) {
let bb = null
this.vehicleFunction_list.forEach((e) => {
if (e.dictKey === value) {
bb = {
name: e.dictValue,
value: e.dictKey
}
typeValues({ type: 'refitMethod' }).then((res) => {
if (res.success) {
this.refitMethod_list = res.data
}
})
typeValues({ type: 'plateMaterial' }).then((res) => {
if (res.success) {
this.plateMaterial_list = res.data
}
})
this.queryParams.params.vehicleFunction = bb.name
this.queryParams.params.vehicleFunctionKey = bb.value
},
resetState() {
this.viewState = 1
@ -229,19 +241,22 @@ export default {
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
toAdd(row) {
toAdd() {
this.viewState = 2
this.$refs['divAdd'].showAdd()
this.$refs['divAdd'].showAdd(this.queryParams.params.createOrgSid)
},
toEdit(row) {
this.viewState = 3
this.$refs['divAdd'].showEdit(row)
},
doDel(row) {
doDel() {
if (this.multipleSelection.length === 0) {
this.$message({
showClose: true,
@ -274,7 +289,7 @@ export default {
message: resp.msg,
showClose: true
})
_this.loadList()
_this.init()
}).catch((e) => {
loading.close()
})
@ -283,7 +298,7 @@ export default {
},
dosearch() {
this.queryParams.current = 1
this.loadList()
this.init()
},
resetQuery() {
this.queryParams = {
@ -291,21 +306,23 @@ export default {
size: 10,
total: 0,
params: {
vehicleFunction: '',
vehicleFunctionKey: '',
refitMethod: '',
vehicleTypeKey: '',
installNameKey: '',
refitMethodKey: '',
refitFactory: '',
topName: '',
topNameKey: '',
overallDimension: ''
colorKey: '',
plateMaterial: '',
createOrgSid: '',
vinNo: '',
noticeModel: ''
}
}
this.loadList()
this.init()
},
loadList() {
const _this = this
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
req.pagelist(this.queryParams).then((resp) => {
_this.tableLoading = false
const data = resp.data
_this.queryParams.total = data.total
@ -327,6 +344,10 @@ export default {
toInfo(row) {
this.$refs['divinfo'].showInfo(row)
this.viewState = 4
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}

Loading…
Cancel
Save