6 changed files with 0 additions and 1852 deletions
@ -1,539 +0,0 @@ |
|||||
<template> |
|
||||
<div class="headInfo"> |
|
||||
<!--标题按钮部分开始--> |
|
||||
<div class="tab-headerg webtop"> |
|
||||
<!--标题--> |
|
||||
<div>{{ viewTitle }}</div> |
|
||||
<!--start 添加修改按钮--> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="dialogStatus === 'add' ? saveAdd() : saveEdit()">保存</el-button> |
|
||||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
||||
</div> |
|
||||
<!--end 添加修改按钮--> |
|
||||
<!--end 详情按钮--> |
|
||||
</div> |
|
||||
<!--标题按钮部分结束--> |
|
||||
<!--Start 新增修改部分--> |
|
||||
<div class="listconadd"> |
|
||||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top" label-width="300px" class="formadd"> |
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:80px"> |
|
||||
<div>上装询价单</div> |
|
||||
</div> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">车辆功能</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.vehicleFunction" |
|
||||
@change="changeVehicleFunction" |
|
||||
style="width: 100%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in vehicleFunction_list" |
|
||||
:key="item.dictKey" |
|
||||
:label="item.dictValue" |
|
||||
:value="item.dictKey" |
|
||||
> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">上装名称</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.topName" |
|
||||
@change="changeTopName" |
|
||||
style="width: 30%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in topName_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="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改方式</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="refitMethod"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitMethod" |
|
||||
placeholder="委改方式" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改厂</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="refitFactory"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitFactory" |
|
||||
placeholder="委改厂" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">外廓尺寸</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="overallDimension"> |
|
||||
<el-input |
|
||||
v-model="formobj.overallDimension" |
|
||||
placeholder="外廓尺寸" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材材质</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateMaterial"> |
|
||||
<el-input |
|
||||
v-model="formobj.plateMaterial" |
|
||||
placeholder="板材材质" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材厚度</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateThickness"> |
|
||||
<el-input v-model="formobj.plateThickness" placeholder="板材厚度" class="addinputw-copy" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">公告型号</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="announcementModel"> |
|
||||
<el-input |
|
||||
v-model="formobj.announcementModel" |
|
||||
placeholder="公告型号" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item prop="remarks" |
|
||||
><span slot="label">更多配置</span></el-form-item |
|
||||
> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="otherConfig"> |
|
||||
<el-input |
|
||||
v-model="formobj.otherConfig" |
|
||||
placeholder="其他配置" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:80px"> |
|
||||
<div>上装报价</div> |
|
||||
</div> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">车辆功能</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.vehicleFunction" |
|
||||
@change="changeVehicleFunction" |
|
||||
style="width: 100%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in vehicleFunction_list" |
|
||||
:key="item.dictKey" |
|
||||
:label="item.dictValue" |
|
||||
:value="item.dictKey" |
|
||||
> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">上装名称</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.topName" |
|
||||
@change="changeTopName" |
|
||||
style="width: 30%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in topName_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="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改方式</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="refitMethod"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitMethod" |
|
||||
placeholder="委改方式" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改厂</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="refitFactory"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitFactory" |
|
||||
placeholder="委改厂" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">外廓尺寸</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="overallDimension"> |
|
||||
<el-input |
|
||||
v-model="formobj.overallDimension" |
|
||||
placeholder="外廓尺寸" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材材质</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateMaterial"> |
|
||||
<el-input |
|
||||
v-model="formobj.plateMaterial" |
|
||||
placeholder="板材材质" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材厚度</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateThickness"> |
|
||||
<el-input v-model="formobj.plateThickness" placeholder="板材厚度" class="addinputw-copy" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">公告型号</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="announcementModel"> |
|
||||
<el-input |
|
||||
v-model="formobj.announcementModel" |
|
||||
placeholder="公告型号" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">厂家结算价</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="settlementPrice"> |
|
||||
<el-input |
|
||||
v-model="formobj.settlementPrice" |
|
||||
placeholder="厂家结算价" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">销售指导价</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="guidePrice"> |
|
||||
<el-input |
|
||||
v-model="formobj.guidePrice" |
|
||||
placeholder="销售指导价" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">价格有效期</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="priceValidity"> |
|
||||
<el-date-picker |
|
||||
value-format="yyyy-MM-dd" |
|
||||
v-model="formobj.priceValidity" |
|
||||
clearable |
|
||||
style="width: 100%" |
|
||||
type="date" |
|
||||
placeholder="请选择" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item prop="remarks" |
|
||||
><span slot="label">更多配置</span></el-form-item |
|
||||
> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="otherConfig"> |
|
||||
<el-input |
|
||||
v-model="formobj.otherConfig" |
|
||||
placeholder="其他配置" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<!--End 添加修改部分--> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from "@/api/shangzhuang/shangzhuangdaibaojia"; |
|
||||
|
|
||||
export default { |
|
||||
name: "ShangZhuangDaiBaoJiaAdd", |
|
||||
data() { |
|
||||
return { |
|
||||
viewTitle: "", |
|
||||
dialogStatus: "add", |
|
||||
topName_list: [], |
|
||||
vehicleFunction_list: [], |
|
||||
formobj: { |
|
||||
sid: "", |
|
||||
vehicleFunction: "", |
|
||||
vehicleFunctionKey: "", |
|
||||
topName: "", |
|
||||
topNameKey: "", |
|
||||
refitPrice: "", |
|
||||
announcementModel: "", |
|
||||
overallDimension: "", |
|
||||
plateMaterial: "", |
|
||||
plateThickness: "", |
|
||||
refitMethod: "", |
|
||||
refitFactory: "", |
|
||||
settlementPrice: "", |
|
||||
guidePrice: "", |
|
||||
priceValidity: "", |
|
||||
otherConfig: "", |
|
||||
}, |
|
||||
rules: {}, |
|
||||
submitdisabled: false, |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.DataDictionary(); |
|
||||
}, |
|
||||
methods: { |
|
||||
DataDictionary() { |
|
||||
//上装名称 |
|
||||
req.pullDown({ type: "topName" }).then((res) => { |
|
||||
if (res.code === "200") { |
|
||||
this.topName_list = res.data; |
|
||||
} |
|
||||
}); |
|
||||
//车辆功能 |
|
||||
req.pullDown({ type: "vehicleFunction" }).then((res) => { |
|
||||
if (res.code === "200") { |
|
||||
this.vehicleFunction_list = res.data; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
changeTopName(value) { |
|
||||
let bb = null; |
|
||||
this.topName_list.forEach((e) => { |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey, |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
this.formobj.topName = bb.name; |
|
||||
this.formobj.topNameKey = bb.value; |
|
||||
}, |
|
||||
changeVehicleFunction(value) { |
|
||||
let bb = null; |
|
||||
this.vehicleFunction_list.forEach((e) => { |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey, |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
this.formobj.vehicleFunction = bb.name; |
|
||||
this.formobj.vehicleFunctionKey = bb.value; |
|
||||
}, |
|
||||
handleReturn(isreload) { |
|
||||
if (isreload === "true") this.$emit("reloadlist"); |
|
||||
this.formobj = {}; |
|
||||
this.$refs["form_obj"].resetFields(); |
|
||||
this.$emit("doback"); |
|
||||
}, |
|
||||
showAdd() { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs["form_obj"].clearValidate(); |
|
||||
}); |
|
||||
this.dialogStatus = "add"; |
|
||||
this.viewTitle = "【新增】上装"; |
|
||||
}, |
|
||||
showEdit(row) { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs["form_obj"].clearValidate(); |
|
||||
}); |
|
||||
this.dialogStatus = "edit"; |
|
||||
this.viewTitle = "【编辑】上装"; |
|
||||
const _this = this; |
|
||||
req |
|
||||
.fetchBySid(row.sid) |
|
||||
.then((resp) => { |
|
||||
const vdata = resp.data; |
|
||||
this.formobj = vdata; |
|
||||
console.log(this.formobj, 123); |
|
||||
}) |
|
||||
.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; |
|
||||
this.$refs["form_obj"].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.submitdisabled = true; |
|
||||
req |
|
||||
.saveEdit(this.formobj, this.formobj.sid) |
|
||||
.then((resp) => { |
|
||||
this.submitdisabled = false; |
|
||||
_this.$message({ |
|
||||
showClose: true, |
|
||||
type: "success", |
|
||||
message: resp.msg, |
|
||||
}); |
|
||||
_this.handleReturn("true"); |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.submitdisabled = false; |
|
||||
}); |
|
||||
} else { |
|
||||
return false; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.headInfo { |
|
||||
margin-left: -14px; |
|
||||
margin-right: -14px; |
|
||||
} |
|
||||
.formadd { |
|
||||
padding: 0px; |
|
||||
} |
|
||||
|
|
||||
.tleftb { |
|
||||
text-align: right; |
|
||||
} |
|
||||
|
|
||||
.tab-headerg { |
|
||||
height: 35px; |
|
||||
background-color: #edf1f7; |
|
||||
padding: 20px 20px; |
|
||||
} |
|
||||
addinputw-copy { |
|
||||
width: 100%; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,103 +0,0 @@ |
|||||
<template> |
|
||||
<div class="headInfo"> |
|
||||
<!--标题按钮部分开始--> |
|
||||
<div class="tab-headerg webtop"> |
|
||||
<!--标题--> |
|
||||
<div>物料信息</div> |
|
||||
<!--start 详情按钮--> |
|
||||
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div> |
|
||||
<!--end 详情按钮--> |
|
||||
</div> |
|
||||
<!--标题按钮部分结束--> |
|
||||
<div class="listconadd"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
label-position="right" |
|
||||
label-width="190px" |
|
||||
class="forminfo"> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">车辆功能</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.vehicleFunction }}</el-col> |
|
||||
<el-col :span="4" class="trightb">上装名称</el-col> |
|
||||
<el-col :span="12" class="tleftb">{{ formobj.topName }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">委改方式</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.refitMethod }}</el-col> |
|
||||
<el-col :span="4" class="trightb">委改厂</el-col> |
|
||||
<el-col :span="12" class="tleftb">{{ formobj.refitFactory }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">外廓尺寸</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.overallDimension }}</el-col> |
|
||||
<el-col :span="4" class="trightb">板材材质</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.plateMaterial }}</el-col> |
|
||||
<el-col :span="4" class="trightb">板材厚度</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.plateThickness }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">公告型号</el-col> |
|
||||
<el-col :span="20" class="tleftb">{{ formobj.announcementModel }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">厂家结算价</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.settlementPrice }}</el-col> |
|
||||
<el-col :span="4" class="trightb">销售指导价</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.guidePrice }}</el-col> |
|
||||
<el-col :span="4" class="trightb">价格有效期</el-col> |
|
||||
<el-col :span="4" class="tleftb">{{ formobj.priceValidity }}</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="trightb">更多配置</el-col> |
|
||||
<el-col :span="20" class="tleftb">{{ formobj.otherConfig }}</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from "@/api/shangzhuang/shangzhuangdaibaojia"; |
|
||||
export default { |
|
||||
name: 'ShangZhuangDaiBaoJiaInfo', |
|
||||
data() { |
|
||||
return { |
|
||||
formobj: {} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
handleReturn() { |
|
||||
this.formobj = {} |
|
||||
this.$emit('doback') |
|
||||
}, |
|
||||
showInfo(row) { |
|
||||
// this.formobj = row |
|
||||
req.fetchBySid(row.sid).then((resp) => { |
|
||||
this.formobj = resp.data; |
|
||||
console.log(this.formobj, 123); |
|
||||
}).catch((e) => { |
|
||||
this.formobj = row; |
|
||||
}); |
|
||||
console.log('这里是详情回显',row) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.headInfo{ |
|
||||
margin-left: -14px; |
|
||||
margin-right: -14px; |
|
||||
} |
|
||||
.formadd{ |
|
||||
padding: 0px; |
|
||||
} |
|
||||
.tleftb{ |
|
||||
text-align: left; |
|
||||
} |
|
||||
.tab-headerg{ |
|
||||
height: 35px; |
|
||||
background-color: #EDF1F7; |
|
||||
padding: 20px 20px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,427 +0,0 @@ |
|||||
|
|
||||
<template> |
|
||||
<div class="app-container-Update"> |
|
||||
<div v-show="viewState == 1"> |
|
||||
<div class="operate"> |
|
||||
<div class="tit">上装待报价列表</div> |
|
||||
<el-button class="btnColse" size="small" icon="el-icon-close" @click="Colse">关闭</el-button> |
|
||||
</div> |
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick" type="card"> |
|
||||
<el-tab-pane label="上装列表" name="first"></el-tab-pane> |
|
||||
<el-tab-pane label="待报价列表" name="second"></el-tab-pane> |
|
||||
</el-tabs> |
|
||||
<div class="searchcon"> |
|
||||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : |
|
||||
'显示查询条件' }} |
|
||||
</el-button> |
|
||||
<div v-show="isSearchShow" class="search"> |
|
||||
<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-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="委改方式"> |
|
||||
<el-input v-model="queryParams.params.refitMethod" placeholder="请输入委改方式" clearable/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="委改厂"> |
|
||||
<el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="上装名称"> |
|
||||
<!-- <el-input v-model="queryParams.params.mNum" placeholder="请输入上装名称" clearable/> --> |
|
||||
<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-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="外廓尺寸"> |
|
||||
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入外廓尺寸" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-row> |
|
||||
<el-divider/> |
|
||||
<div class="btn" style="text-align: center;"> |
|
||||
<el-button type="primary" @click="dosearch">查询</el-button> |
|
||||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|
||||
</div> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!--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"/> |
|
||||
</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="150px" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button @click="toAdd(scope.row)" type="primary" size="small">报价</el-button> |
|
||||
<el-button @click="toInfo(scope.row)" type="primary" size="small">查看</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="refitFactory" label="委改厂" align="center"/> |
|
||||
<el-table-column prop="announcementModel" label="公告型号" align="center"/> |
|
||||
<el-table-column prop="overallDimension" 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> |
|
||||
</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" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!--End 查询和其列表部分--> |
|
||||
<!--新增修改部分组件--> |
|
||||
<shangzhuangdaibaojiaAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList"/> |
|
||||
<!--详情部分组件--> |
|
||||
<shangzhuangdaibaojiaInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from '@/api/shangzhuang/shangzhuangdaibaojia' |
|
||||
import ButtonBar from '@/components/ButtonBar' |
|
||||
import Pagination from '@/components/pagination' |
|
||||
import pageye from '@/components/pagination/pageye' |
|
||||
import shangzhuangdaibaojiaAdd from './shangzhuangdaibaojiaAdd' |
|
||||
import shangzhuangdaibaojiaInfo from './shangzhuangdaibaojiaInfo' |
|
||||
export default { |
|
||||
name: 'ShangZhuangDaiBaoJiaGuanLi', |
|
||||
components: { |
|
||||
ButtonBar, |
|
||||
Pagination, |
|
||||
pageye, |
|
||||
shangzhuangdaibaojiaAdd, |
|
||||
shangzhuangdaibaojiaInfo, |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
btndisabled: false, |
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|
||||
isSearchShow: false, |
|
||||
tableLoading: false, |
|
||||
activeName:'second', |
|
||||
dataList: [], |
|
||||
topName_list:[], |
|
||||
vehicleFunction_list:[], |
|
||||
queryParams: { |
|
||||
current: 1, |
|
||||
size: 10, |
|
||||
total: 10, |
|
||||
params: { |
|
||||
vehicleFunction:'', |
|
||||
vehicleFunctionKey:'', |
|
||||
refitMethod:'', |
|
||||
refitFactory:'', |
|
||||
topName:'', |
|
||||
topNameKey:'', |
|
||||
overallDimension:'' |
|
||||
} |
|
||||
}, |
|
||||
multipleSelection: [] |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.loadList() |
|
||||
this.DataDictionary() |
|
||||
}, |
|
||||
methods: { |
|
||||
DataDictionary(){ |
|
||||
//上装名称 |
|
||||
|
|
||||
req.pullDown({type:'topName'}).then((res)=>{ |
|
||||
if(res.code === '200'){ |
|
||||
this.topName_list=res.data |
|
||||
} |
|
||||
}) |
|
||||
//车辆功能 |
|
||||
req.pullDown({type:'vehicleFunction'}).then((res)=>{ |
|
||||
if(res.code === '200'){ |
|
||||
this.vehicleFunction_list=res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
changeTopName(value){ |
|
||||
let bb=null |
|
||||
this.topName_list.forEach((e)=>{ |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
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 |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
this.queryParams.params.vehicleFunction=bb.name |
|
||||
this.queryParams.params.vehicleFunctionKey=bb.value |
|
||||
}, |
|
||||
resetState() { |
|
||||
this.viewState = 1 |
|
||||
this.queryParams = { |
|
||||
current: 1, |
|
||||
size: 10, |
|
||||
total: 0, |
|
||||
params: { |
|
||||
vehicleFunction:'', |
|
||||
vehicleFunctionKey:'', |
|
||||
refitMethod:'', |
|
||||
refitFactory:'', |
|
||||
topName:'', |
|
||||
topNameKey:'', |
|
||||
overallDimension:'' |
|
||||
} |
|
||||
} |
|
||||
this.loadList() |
|
||||
}, |
|
||||
btnHandle(btnKey) { |
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|
||||
switch (btnKey) { |
|
||||
case 'toAdd': |
|
||||
this.toAdd() |
|
||||
break |
|
||||
case 'toEdit': |
|
||||
this.toEdit() |
|
||||
break |
|
||||
case 'doSubmit': |
|
||||
this.doSubmit() |
|
||||
break |
|
||||
case 'doDel': |
|
||||
this.doDel() |
|
||||
break |
|
||||
case 'doImport': |
|
||||
this.doImport() |
|
||||
break |
|
||||
case 'doExport': |
|
||||
this.doExport() |
|
||||
break |
|
||||
default: |
|
||||
break |
|
||||
} |
|
||||
}, |
|
||||
handleClick(tab,event){ |
|
||||
if(tab.name=='first'){ |
|
||||
this.Colse() |
|
||||
} |
|
||||
}, |
|
||||
Colse(){ |
|
||||
this.$emit('doback') |
|
||||
}, |
|
||||
toAdd(row) { |
|
||||
this.viewState = 2 |
|
||||
this.$refs['divAdd'].showAdd() |
|
||||
}, |
|
||||
toEdit() { |
|
||||
if (this.multipleSelection.length === 0) { |
|
||||
this.$message({showClose: true, type: 'error', message: '请选择一条记录进行编辑'}) |
|
||||
return |
|
||||
} |
|
||||
if (this.multipleSelection.length > 1) { |
|
||||
this.$message({showClose: true, type: 'error', message: '只能选择一条记录进行编辑'}) |
|
||||
return |
|
||||
} |
|
||||
this.viewState = 3 |
|
||||
const row = this.multipleSelection[0] |
|
||||
this.$refs['divAdd'].showEdit(row) |
|
||||
}, |
|
||||
doSubmit(row) { |
|
||||
// 提交的代码 |
|
||||
this.btndisabled = true |
|
||||
req.doSubmit(this.queryParams.params).then(resp => { |
|
||||
this.btndisabled = false |
|
||||
}).catch(() => { |
|
||||
this.btndisabled = false |
|
||||
}) |
|
||||
}, |
|
||||
doDel(row) { |
|
||||
if (this.multipleSelection.length === 0) { |
|
||||
this.$message({showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作'}) |
|
||||
return |
|
||||
} |
|
||||
const _this = this |
|
||||
const sids = [] |
|
||||
this.multipleSelection.forEach(row => { |
|
||||
sids.push(row.sid) |
|
||||
}) |
|
||||
const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?' |
|
||||
this.$confirm(tip, '提示', { |
|
||||
confirmButtonText: '确定', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
const loading = this.$loading({ |
|
||||
lock: true, |
|
||||
text: 'Loading', |
|
||||
spinner: 'el-icon-loading', |
|
||||
background: 'rgba(0, 0, 0, 0.7)' |
|
||||
}) |
|
||||
req.delBySids(sids).then(resp => { |
|
||||
loading.close() |
|
||||
_this.$message({type: 'success', message: resp.msg, showClose: true}) |
|
||||
_this.loadList() |
|
||||
}).catch(e => { |
|
||||
loading.close() |
|
||||
}) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
doImport(row) { |
|
||||
// 导入的代码 |
|
||||
req.importExcel(this.queryParams.params).then(resp => { |
|
||||
console.log(resp) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
doExport(row) { |
|
||||
// 导出的代码 |
|
||||
const sids = [] |
|
||||
this.multipleSelection.forEach(row => { |
|
||||
sids.push(row.sid) |
|
||||
}) |
|
||||
this.queryParams.params.sids = sids |
|
||||
req.exportExcel(this.queryParams.params).then(resp => { |
|
||||
var map = resp.data |
|
||||
const fileName = map.filename // 导出文件名 |
|
||||
// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性 |
|
||||
// // IE10以上支持blob但是依然不支持download |
|
||||
const link = document.createElement('a') // 创建a标签 |
|
||||
link.download = fileName // a标签添加属性 |
|
||||
link.style.display = 'none' |
|
||||
link.href = map.downurl |
|
||||
document.body.appendChild(link) |
|
||||
link.click() // 执行下载 |
|
||||
URL.revokeObjectURL(link.href) // 释放url |
|
||||
document.body.removeChild(link) // 释放标签 |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
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() |
|
||||
}, |
|
||||
loadList() { |
|
||||
const _this = this |
|
||||
this.activeName='second' |
|
||||
console.log(132456789) |
|
||||
this.tableLoading = true |
|
||||
req.listPage(this.queryParams).then(resp => { |
|
||||
_this.tableLoading = false |
|
||||
const data = resp.data |
|
||||
_this.queryParams.total = data.total |
|
||||
_this.dataList = data.records |
|
||||
}).catch(() => { |
|
||||
_this.tableLoading = false |
|
||||
}) |
|
||||
}, |
|
||||
handleSelectionChange(val) { |
|
||||
console.log(val) |
|
||||
this.multipleSelection = val |
|
||||
}, |
|
||||
// 序号 |
|
||||
indexMethod(index) { |
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|
||||
var pageindex = index + 1 + pagestart |
|
||||
return pageindex |
|
||||
}, |
|
||||
toInfo(row) { |
|
||||
this.$refs['divInfo'].showInfo(row) |
|
||||
this.viewState = 4 |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.operate{ |
|
||||
display: flex; |
|
||||
background-color: #EDF1F7; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
border: 1px solid #dfe4ed; |
|
||||
height: 47px; |
|
||||
padding: 8px 20px; |
|
||||
} |
|
||||
.app-container-Update { |
|
||||
margin: 5px -9px; |
|
||||
background-color: #fff; |
|
||||
.searchcon { |
|
||||
margin: 0px 9px; |
|
||||
} |
|
||||
.searchbtn { |
|
||||
border: #2cab69 1px solid; |
|
||||
color: #2cab69; |
|
||||
} |
|
||||
.listcon { |
|
||||
margin: 0px 9px; |
|
||||
} |
|
||||
.listtop { |
|
||||
margin: 0px 9px; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
border: 1px solid #dfe4ed; |
|
||||
height: 40px; |
|
||||
.tit { |
|
||||
margin-bottom: -10px; |
|
||||
} |
|
||||
.pagination { |
|
||||
margin-bottom: -10px; |
|
||||
} |
|
||||
} |
|
||||
.btnColse{ |
|
||||
background-color: #CCCCCC; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,381 +0,0 @@ |
|||||
<template> |
|
||||
<div class="headInfo"> |
|
||||
<!--标题按钮部分开始--> |
|
||||
<div class="tab-headerg webtop"> |
|
||||
<!--标题--> |
|
||||
<div>{{ viewTitle }}</div> |
|
||||
<!--start 添加修改按钮--> |
|
||||
<div> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
size="small" |
|
||||
:disabled="submitdisabled" |
|
||||
@click="dialogStatus === 'add' ? saveAdd() : saveEdit()" |
|
||||
>保存 |
|
||||
</el-button> |
|
||||
<el-button type="info" size="small" @click="handleReturn()" |
|
||||
>返回</el-button |
|
||||
> |
|
||||
</div> |
|
||||
<!--end 添加修改按钮--> |
|
||||
<!--end 详情按钮--> |
|
||||
</div> |
|
||||
<!--标题按钮部分结束--> |
|
||||
<!--Start 新增修改部分--> |
|
||||
<div class="listconadd"> |
|
||||
<el-form |
|
||||
ref="form_obj" |
|
||||
:model="formobj" |
|
||||
:rules="rules" |
|
||||
label-position="top" |
|
||||
label-width="300px" |
|
||||
class="formadd" |
|
||||
> |
|
||||
<div class="wlInfo"><span>上装询价单信息</span></div> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">车辆功能</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.vehicleFunction" |
|
||||
@change="changeVehicleFunction" |
|
||||
style="width: 100%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in vehicleFunction_list" |
|
||||
:key="item.dictKey" |
|
||||
:label="item.dictValue" |
|
||||
:value="item.dictKey" |
|
||||
> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">上装名称</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="topName"> |
|
||||
<el-select |
|
||||
v-model="formobj.topName" |
|
||||
@change="changeTopName" |
|
||||
style="width: 30%" |
|
||||
filterable |
|
||||
placeholder="请选择" |
|
||||
> |
|
||||
<el-option |
|
||||
v-for="item in topName_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="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改方式</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="refitMethod"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitMethod" |
|
||||
placeholder="委改方式" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">委改厂</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="12" class="trightb"> |
|
||||
<el-form-item prop="refitFactory"> |
|
||||
<el-input |
|
||||
v-model="formobj.refitFactory" |
|
||||
placeholder="委改厂" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">外廓尺寸</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="overallDimension"> |
|
||||
<el-input |
|
||||
v-model="formobj.overallDimension" |
|
||||
placeholder="外廓尺寸" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材材质</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateMaterial"> |
|
||||
<el-input |
|
||||
v-model="formobj.plateMaterial" |
|
||||
placeholder="板材材质" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">板材厚度</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4" class="trightb"> |
|
||||
<el-form-item prop="plateThickness"> |
|
||||
<el-input |
|
||||
v-model="formobj.plateThickness" |
|
||||
placeholder="板材厚度" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item><span slot="label">公告型号</span></el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="announcementModel"> |
|
||||
<el-input |
|
||||
v-model="formobj.announcementModel" |
|
||||
placeholder="公告型号" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="4" class="tleftb"> |
|
||||
<el-form-item prop="remarks" |
|
||||
><span slot="label">更多配置</span></el-form-item |
|
||||
> |
|
||||
</el-col> |
|
||||
<el-col :span="20" class="trightb"> |
|
||||
<el-form-item prop="otherConfig"> |
|
||||
<el-input |
|
||||
v-model="formobj.otherConfig" |
|
||||
placeholder="其他配置" |
|
||||
class="addinputw-copy" |
|
||||
clearable |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<!--End 添加修改部分--> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from "@/api/shangzhuang/shangzhuangjiansuo"; |
|
||||
|
|
||||
export default { |
|
||||
name: "ShangZhuangJianSuoAdd", |
|
||||
data() { |
|
||||
return { |
|
||||
viewTitle: "", |
|
||||
dialogStatus: "add", |
|
||||
topName_list: [], |
|
||||
vehicleFunction_list: [], |
|
||||
formobj: { |
|
||||
sid: "", |
|
||||
vehicleFunction: "", |
|
||||
vehicleFunctionKey: "", |
|
||||
topName: "", |
|
||||
topNameKey: "", |
|
||||
refitPrice: "", |
|
||||
announcementModel: "", |
|
||||
overallDimension: "", |
|
||||
plateMaterial: "", |
|
||||
plateThickness: "", |
|
||||
refitMethod: "", |
|
||||
refitFactory: "", |
|
||||
settlementPrice: "", |
|
||||
guidePrice: "", |
|
||||
priceValidity: "", |
|
||||
otherConfig: "", |
|
||||
}, |
|
||||
rules: {}, |
|
||||
submitdisabled: false, |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.DataDictionary(); |
|
||||
}, |
|
||||
methods: { |
|
||||
DataDictionary() { |
|
||||
//上装名称 |
|
||||
req.pullDown({ type: "topName" }).then((res) => { |
|
||||
if (res.code === "200") { |
|
||||
this.topName_list = res.data; |
|
||||
} |
|
||||
}); |
|
||||
//车辆功能 |
|
||||
req.pullDown({ type: "vehicleFunction" }).then((res) => { |
|
||||
if (res.code === "200") { |
|
||||
this.vehicleFunction_list = res.data; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
changeTopName(value) { |
|
||||
let bb = null; |
|
||||
this.topName_list.forEach((e) => { |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey, |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
this.formobj.topName = bb.name; |
|
||||
this.formobj.topNameKey = bb.value; |
|
||||
}, |
|
||||
changeVehicleFunction(value) { |
|
||||
let bb = null; |
|
||||
this.vehicleFunction_list.forEach((e) => { |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey, |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
this.formobj.vehicleFunction = bb.name; |
|
||||
this.formobj.vehicleFunctionKey = bb.value; |
|
||||
}, |
|
||||
handleReturn(isreload) { |
|
||||
if (isreload === "true") this.$emit("reloadlist"); |
|
||||
this.formobj = {}; |
|
||||
this.$refs["form_obj"].resetFields(); |
|
||||
this.$emit("doback"); |
|
||||
}, |
|
||||
showAdd() { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs["form_obj"].clearValidate(); |
|
||||
}); |
|
||||
this.dialogStatus = "add"; |
|
||||
this.viewTitle = "【新增】上装询价单"; |
|
||||
}, |
|
||||
showEdit(row) { |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs["form_obj"].clearValidate(); |
|
||||
}); |
|
||||
this.dialogStatus = "edit"; |
|
||||
this.viewTitle = "【编辑】上装"; |
|
||||
const _this = this; |
|
||||
req.fetchBySid(row.sid).then((resp) => { |
|
||||
const vdata = resp.data; |
|
||||
this.formobj = vdata; |
|
||||
console.log(this.formobj, 123); |
|
||||
}).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; |
|
||||
this.$refs["form_obj"].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.submitdisabled = true; |
|
||||
req |
|
||||
.saveEdit(this.formobj, this.formobj.sid) |
|
||||
.then((resp) => { |
|
||||
this.submitdisabled = false; |
|
||||
_this.$message({ |
|
||||
showClose: true, |
|
||||
type: "success", |
|
||||
message: resp.msg, |
|
||||
}); |
|
||||
_this.handleReturn("true"); |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.submitdisabled = false; |
|
||||
}); |
|
||||
} else { |
|
||||
return false; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.headInfo { |
|
||||
margin-left: -14px; |
|
||||
margin-right: -14px; |
|
||||
} |
|
||||
|
|
||||
.wlInfo { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
padding: 60px 0; |
|
||||
font-size: 24px; |
|
||||
border-width: 0 0 1px 0; |
|
||||
border-style: solid; |
|
||||
border-color: #edf1f7; |
|
||||
font-weight: bold; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.formadd { |
|
||||
padding: 0px; |
|
||||
} |
|
||||
|
|
||||
.tleftb { |
|
||||
text-align: right; |
|
||||
} |
|
||||
|
|
||||
.tab-headerg { |
|
||||
height: 35px; |
|
||||
background-color: #edf1f7; |
|
||||
padding: 20px 20px; |
|
||||
} |
|
||||
addinputw-copy { |
|
||||
width: 100%; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,402 +0,0 @@ |
|||||
|
|
||||
<template> |
|
||||
<div class="app-container-Update"> |
|
||||
<div v-show="viewState == 1"> |
|
||||
<div class="operate"> |
|
||||
<div class="tit">上装检索</div> |
|
||||
<el-button class="btnColse" size="small" icon="el-icon-close">关闭</el-button> |
|
||||
</div> |
|
||||
<div class="searchcon"> |
|
||||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : |
|
||||
'显示查询条件' }} |
|
||||
</el-button> |
|
||||
<div v-show="isSearchShow" class="search"> |
|
||||
<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-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="委改方式"> |
|
||||
<el-input v-model="queryParams.params.refitMethod" placeholder="请输入委改方式" clearable/> |
|
||||
</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-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="外廓尺寸"> |
|
||||
<el-input v-model="queryParams.params.overallDimension" placeholder="请输入外廓尺寸" clearable/> |
|
||||
</el-form-item> |
|
||||
</el-row> |
|
||||
<el-divider/> |
|
||||
<div class="btn" style="text-align: center;"> |
|
||||
<el-button type="primary" @click="dosearch">查询</el-button> |
|
||||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|
||||
</div> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!--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"/> |
|
||||
</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="操作" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span class="tablerow-click" @click="toInfo(scope.row)">选择</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="vehicleFunction" label="车辆功能" align="center"/> |
|
||||
<el-table-column prop="refitMethod" label="委改方式" align="center"/> |
|
||||
<el-table-column prop="refitFactory" label="委改厂" align="center"/> |
|
||||
<el-table-column prop="topName" label="上装名称" align="center"/> |
|
||||
<el-table-column prop="announcementModel" label="公告型号" align="center"/> |
|
||||
<el-table-column prop="overallDimension" label="外廓尺寸" align="center"/> |
|
||||
<el-table-column prop="plateMaterial" label="板材材质" align="center"/> |
|
||||
<el-table-column prop="plateThickness" label="板材厚度" align="center"/> |
|
||||
<el-table-column prop="guidePrice" label="参考价格（万元）" align="center"/> |
|
||||
<el-table-column prop="priceValidity" 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"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!--End 查询和其列表部分--> |
|
||||
<!--新增修改部分组件--> |
|
||||
<!-- <shangzhuangjiansuoAdd v-show="viewState == 2 || viewState == 3" ref="shangzhuangjiansuoAdd" @doback="resetState" @reloadlist="loadList"/> --> |
|
||||
<!--详情部分组件--> |
|
||||
<!-- <shangzhuangjiansuoInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import req from '@/api/shangzhuang/shangzhuangjiansuo' |
|
||||
import ButtonBar from '@/components/ButtonBar' |
|
||||
import Pagination from '@/components/pagination' |
|
||||
import pageye from '@/components/pagination/pageye' |
|
||||
// import shangzhuangjiansuoAdd from './shangzhuangjiansuoAdd' |
|
||||
// import shangzhuangjiansuoInfo from './shangzhuangjiansuoInfo' |
|
||||
|
|
||||
export default { |
|
||||
name: 'ShangZhuangJianSuoGuanLi', |
|
||||
components: { |
|
||||
ButtonBar, |
|
||||
Pagination, |
|
||||
pageye, |
|
||||
// shangzhuangjiansuoAdd, |
|
||||
// shangzhuangjiansuoInfo |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
btndisabled: false, |
|
||||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|
||||
isSearchShow: false, |
|
||||
tableLoading: false, |
|
||||
activeName:'first', |
|
||||
dataList: [], |
|
||||
topName_list:[], |
|
||||
vehicleFunction_list:[], |
|
||||
queryParams: { |
|
||||
current: 1, |
|
||||
size: 10, |
|
||||
total: 10, |
|
||||
params: { |
|
||||
vehicleFunction:'', |
|
||||
vehicleFunctionKey:'', |
|
||||
refitMethod:'', |
|
||||
refitFactory:'', |
|
||||
topName:'', |
|
||||
topNameKey:'', |
|
||||
overallDimension:'' |
|
||||
} |
|
||||
}, |
|
||||
multipleSelection: [] |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.loadList() |
|
||||
this.DataDictionary() |
|
||||
}, |
|
||||
methods: { |
|
||||
DataDictionary(){ |
|
||||
//上装名称 |
|
||||
req.pullDown({type:'topName'}).then((res)=>{ |
|
||||
if(res.code === '200'){ |
|
||||
this.topName_list=res.data |
|
||||
} |
|
||||
}) |
|
||||
//车辆功能 |
|
||||
req.pullDown({type:'vehicleFunction'}).then((res)=>{ |
|
||||
if(res.code === '200'){ |
|
||||
this.vehicleFunction_list=res.data |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
changeTopName(value){ |
|
||||
let bb=null |
|
||||
this.topName_list.forEach((e)=>{ |
|
||||
if (e.dictKey == value) { |
|
||||
bb = { |
|
||||
name: e.dictValue, |
|
||||
value: e.dictKey |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
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 |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
this.queryParams.params.vehicleFunction=bb.name |
|
||||
this.queryParams.params.vehicleFunctionKey=bb.value |
|
||||
}, |
|
||||
resetState() { |
|
||||
this.viewState = 1 |
|
||||
this.queryParams = { |
|
||||
current: 1, |
|
||||
size: 10, |
|
||||
total: 0, |
|
||||
params: { |
|
||||
vehicleFunction:'', |
|
||||
vehicleFunctionKey:'', |
|
||||
refitMethod:'', |
|
||||
refitFactory:'', |
|
||||
topName:'', |
|
||||
topNameKey:'', |
|
||||
overallDimension:'' |
|
||||
} |
|
||||
} |
|
||||
this.loadList() |
|
||||
}, |
|
||||
btnHandle(btnKey) { |
|
||||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|
||||
switch (btnKey) { |
|
||||
case 'toAdd': |
|
||||
this.toAdd() |
|
||||
break |
|
||||
case 'toEdit': |
|
||||
this.toEdit() |
|
||||
break |
|
||||
case 'doSubmit': |
|
||||
this.doSubmit() |
|
||||
break |
|
||||
case 'doDel': |
|
||||
this.doDel() |
|
||||
break |
|
||||
case 'doImport': |
|
||||
this.doImport() |
|
||||
break |
|
||||
case 'doExport': |
|
||||
this.doExport() |
|
||||
break |
|
||||
default: |
|
||||
break |
|
||||
} |
|
||||
}, |
|
||||
toAdd(row) { |
|
||||
this.viewState = 2 |
|
||||
this.$refs['shangzhuangjiansuoAdd'].showAdd() |
|
||||
}, |
|
||||
toEdit() { |
|
||||
if (this.multipleSelection.length === 0) { |
|
||||
this.$message({showClose: true, type: 'error', message: '请选择一条记录进行编辑'}) |
|
||||
return |
|
||||
} |
|
||||
if (this.multipleSelection.length > 1) { |
|
||||
this.$message({showClose: true, type: 'error', message: '只能选择一条记录进行编辑'}) |
|
||||
return |
|
||||
} |
|
||||
this.viewState = 3 |
|
||||
const row = this.multipleSelection[0] |
|
||||
this.$refs['shangzhuangAdd'].showEdit(row) |
|
||||
}, |
|
||||
doSubmit(row) { |
|
||||
// 提交的代码 |
|
||||
this.btndisabled = true |
|
||||
req.doSubmit(this.queryParams.params).then(resp => { |
|
||||
this.btndisabled = false |
|
||||
}).catch(() => { |
|
||||
this.btndisabled = false |
|
||||
}) |
|
||||
}, |
|
||||
doDel(row) { |
|
||||
if (this.multipleSelection.length === 0) { |
|
||||
this.$message({showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作'}) |
|
||||
return |
|
||||
} |
|
||||
const _this = this |
|
||||
const sids = [] |
|
||||
this.multipleSelection.forEach(row => { |
|
||||
sids.push(row.sid) |
|
||||
}) |
|
||||
const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?' |
|
||||
this.$confirm(tip, '提示', { |
|
||||
confirmButtonText: '确定', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning' |
|
||||
}).then(() => { |
|
||||
const loading = this.$loading({ |
|
||||
lock: true, |
|
||||
text: 'Loading', |
|
||||
spinner: 'el-icon-loading', |
|
||||
background: 'rgba(0, 0, 0, 0.7)' |
|
||||
}) |
|
||||
req.delBySids(sids).then(resp => { |
|
||||
loading.close() |
|
||||
_this.$message({type: 'success', message: resp.msg, showClose: true}) |
|
||||
_this.loadList() |
|
||||
}).catch(e => { |
|
||||
loading.close() |
|
||||
}) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
doImport(row) { |
|
||||
// 导入的代码 |
|
||||
req.importExcel(this.queryParams.params).then(resp => { |
|
||||
console.log(resp) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
doExport(row) { |
|
||||
// 导出的代码 |
|
||||
const sids = [] |
|
||||
this.multipleSelection.forEach(row => { |
|
||||
sids.push(row.sid) |
|
||||
}) |
|
||||
this.queryParams.params.sids = sids |
|
||||
req.exportExcel(this.queryParams.params).then(resp => { |
|
||||
var map = resp.data |
|
||||
const fileName = map.filename // 导出文件名 |
|
||||
// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性 |
|
||||
// // IE10以上支持blob但是依然不支持download |
|
||||
const link = document.createElement('a') // 创建a标签 |
|
||||
link.download = fileName // a标签添加属性 |
|
||||
link.style.display = 'none' |
|
||||
link.href = map.downurl |
|
||||
document.body.appendChild(link) |
|
||||
link.click() // 执行下载 |
|
||||
URL.revokeObjectURL(link.href) // 释放url |
|
||||
document.body.removeChild(link) // 释放标签 |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
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() |
|
||||
}, |
|
||||
loadList() { |
|
||||
const _this = this |
|
||||
this.tableLoading = true |
|
||||
req.listPage(this.queryParams).then(resp => { |
|
||||
_this.tableLoading = false |
|
||||
const data = resp.data |
|
||||
_this.queryParams.total = data.total |
|
||||
_this.dataList = data.records |
|
||||
}).catch(() => { |
|
||||
_this.tableLoading = false |
|
||||
}) |
|
||||
}, |
|
||||
handleSelectionChange(val) { |
|
||||
console.log(val) |
|
||||
this.multipleSelection = val |
|
||||
}, |
|
||||
// 序号 |
|
||||
indexMethod(index) { |
|
||||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|
||||
var pageindex = index + 1 + pagestart |
|
||||
return pageindex |
|
||||
}, |
|
||||
toInfo(row) { |
|
||||
// this.$refs['divinfo'].showInfo(row) |
|
||||
// this.viewState = 4 |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.operate{ |
|
||||
display: flex; |
|
||||
background-color: #EDF1F7; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
border: 1px solid #dfe4ed; |
|
||||
height: 47px; |
|
||||
padding: 8px 20px; |
|
||||
} |
|
||||
.app-container-Update { |
|
||||
margin: 5px -9px; |
|
||||
background-color: #fff; |
|
||||
.searchcon { |
|
||||
margin: 0px 9px; |
|
||||
} |
|
||||
.searchbtn { |
|
||||
border: #2cab69 1px solid; |
|
||||
color: #2cab69; |
|
||||
} |
|
||||
.listcon { |
|
||||
margin: 0px 9px; |
|
||||
} |
|
||||
.listtop { |
|
||||
margin: 0px 9px; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
border: 1px solid #dfe4ed; |
|
||||
height: 40px; |
|
||||
.tit { |
|
||||
margin-bottom: -10px; |
|
||||
} |
|
||||
.pagination { |
|
||||
margin-bottom: -10px; |
|
||||
} |
|
||||
} |
|
||||
.btnColse{ |
|
||||
background-color: #CCCCCC; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue