|
|
@@ -10,20 +10,20 @@
|
|
|
:show-close="false"
|
|
|
@close="onClose">
|
|
|
<div class="drawer__panel" style="margin-bottom: 0px">
|
|
|
- <el-row style="margin-top: 10px">
|
|
|
+ <el-row style="margin-top: 10px" :gutter="10">
|
|
|
<el-form :model="form" :rules="rules" ref="form" size="mini" label-position="right">
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="报价类型:" label-width="90px" >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="报价类型:" label-width="100px" >
|
|
|
<el-input v-model="form.type" autocomplete="off" placeholder="报价类型" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="是否特价:" label-width="90px" >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="是否特价:" label-width="100px" >
|
|
|
<el-input v-model="form.specialOffer" autocomplete="off" placeholder="是否特价" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label="项目名称:" label-width="90px" prop="projectname">
|
|
|
+ <el-col :span="8" >
|
|
|
+ <el-form-item label="项目名称:" label-width="100px" prop="projectname">
|
|
|
<el-popover
|
|
|
placement="bottom"
|
|
|
width="700"
|
|
|
@@ -80,13 +80,13 @@
|
|
|
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label="项目编号:" label-width="90px" >
|
|
|
+ <el-col :span="8" >
|
|
|
+ <el-form-item label="项目编号:" label-width="100px" >
|
|
|
<el-input v-model="form.projectnum" autocomplete="off" placeholder="项目编号" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="客户名称:" label-width="90px" prop="enterprisename">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="客户名称:" label-width="100px" prop="enterprisename">
|
|
|
<el-popover
|
|
|
placement="bottom"
|
|
|
width="700"
|
|
|
@@ -142,34 +142,13 @@
|
|
|
</el-popover>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="报价日期:" label-width="90px">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.billdate"
|
|
|
- style="width: 100%"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="有效期:" label-width="90px" >
|
|
|
- <el-date-picker
|
|
|
- v-model="date"
|
|
|
- style="width: 100%"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="电话:" label-width="100px" >
|
|
|
+ <el-input v-model="form.telephone" autocomplete="off" placeholder="电话" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="联系人:" label-width="90px" >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系人:" label-width="100px" >
|
|
|
<el-popover
|
|
|
placement="bottom"
|
|
|
width="700"
|
|
|
@@ -210,7 +189,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
label="地址"
|
|
|
- >
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span style="margin-left: 10px">{{ scope.row.address?scope.row.address:'--' }}</span>
|
|
|
</template>
|
|
|
@@ -232,11 +211,64 @@
|
|
|
</el-popover>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="手机号:" label-width="90px" >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系人手机号:" label-width="100px" >
|
|
|
<el-input v-model="form.phonenumber" autocomplete="off" placeholder="手机号" disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="报价日期:" label-width="100px">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.billdate"
|
|
|
+ style="width: 100%"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="有效期:" label-width="100px" prop="date">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.date"
|
|
|
+ style="width: 100%"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" >
|
|
|
+ <el-form-item label="产品系列:" label-width="100px" prop="itemtype">
|
|
|
+ <el-select
|
|
|
+ ref="sle"
|
|
|
+ style="width:100%;"
|
|
|
+ v-model="form.itemtype"
|
|
|
+ multiple
|
|
|
+ placeholder="请选择产品系列"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in itemtype"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ <span style="float: left">{{ item.value }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 12px">{{ item.remarks?item.remarks:'暂无描述' }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="备注:" label-width="100px" prop="remarks">
|
|
|
+ <el-input v-model="form.remarks" autocomplete="off" placeholder="请输入备注信息" type="textarea" autosize></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
@@ -333,12 +365,14 @@ export default {
|
|
|
date:[],
|
|
|
productObj:{},
|
|
|
form:{
|
|
|
+ date:[],
|
|
|
totalPrice:'',
|
|
|
type:'',
|
|
|
projectnum:'',
|
|
|
enterprisename:'',
|
|
|
name:'',
|
|
|
phonenumber:'',
|
|
|
+ telephone:'',
|
|
|
specialOffer:'否',
|
|
|
sa_quotedpriceid:0, //sat_notice_classid<=0时 为新增
|
|
|
sys_enterpriseid: "",
|
|
|
@@ -351,7 +385,9 @@ export default {
|
|
|
address: "",
|
|
|
billdate:"",
|
|
|
enddate:'',
|
|
|
- begdate:''
|
|
|
+ begdate:'',
|
|
|
+ itemtype:[],
|
|
|
+ quotedpricenotes:[]
|
|
|
},
|
|
|
rules:{
|
|
|
projectname:[
|
|
|
@@ -359,8 +395,15 @@ export default {
|
|
|
],
|
|
|
enterprisename:[
|
|
|
{ required: true, message: '请选择客户', trigger: 'change'},
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ date:[
|
|
|
+ { required: true, message: '请选择有效期', trigger: 'change'},
|
|
|
+ ],
|
|
|
+ itemtype:[
|
|
|
+ { required: true, message: '请选择产品系列', trigger: 'change'},
|
|
|
+ ],
|
|
|
},
|
|
|
+ itemtype:[]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
@@ -377,18 +420,20 @@ export default {
|
|
|
this.form.begdate = this.date[0]
|
|
|
this.form.enddate = this.date[1]
|
|
|
}
|
|
|
+ console.log(this.form,"form")
|
|
|
this.$refs.form.validate(async (valid) => {
|
|
|
if (!valid) return false
|
|
|
const res = await this.$api.requested({
|
|
|
"id": 20221020164803,
|
|
|
- "version":1,
|
|
|
"content": this.form
|
|
|
})
|
|
|
/*this.$refs.quoterPrice.quoterPrice(res.data.sa_quotedpriceid,this.form.type)
|
|
|
this.form.sa_quotedpriceid = res.data.sa_quotedpriceid*/
|
|
|
+
|
|
|
setTimeout(()=>{
|
|
|
this.$refs.quoterPrice.quoterPrice(res.data.sa_quotedpriceid,this.form.type,type)
|
|
|
this.form.sa_quotedpriceid = res.data.sa_quotedpriceid
|
|
|
+ console.log(res.data.sa_quotedpriceid)
|
|
|
},500)
|
|
|
})
|
|
|
},
|
|
|
@@ -505,6 +550,7 @@ export default {
|
|
|
this.form.contactsid = 0
|
|
|
this.form.name = ''
|
|
|
this.form.phonenumber = ''
|
|
|
+ this.form.telephone = ''
|
|
|
this.projectShow = false
|
|
|
},
|
|
|
/*客户选择信息*/
|
|
|
@@ -514,6 +560,7 @@ export default {
|
|
|
this.form.contactsid = 0
|
|
|
this.form.name = ''
|
|
|
this.form.phonenumber = ''
|
|
|
+ this.form.telephone = ''
|
|
|
this.customerShow = false
|
|
|
},
|
|
|
/*联系人选择信息*/
|
|
|
@@ -521,6 +568,7 @@ export default {
|
|
|
this.form.contactsid = val.contactsid
|
|
|
this.form.name = val.name
|
|
|
this.form.phonenumber = val.phonenumber
|
|
|
+ this.form.telephone = val.telephone
|
|
|
this.contactsShow = false
|
|
|
},
|
|
|
/*项目分页*/
|
|
|
@@ -556,6 +604,12 @@ export default {
|
|
|
this.projectParam.content.pageNumber = val
|
|
|
this.contactsList()
|
|
|
},
|
|
|
+ /*查询产品系列*/
|
|
|
+ queryItemType(){
|
|
|
+ this.$store.dispatch('optiontypeselect','itemtype').then(res => {
|
|
|
+ this.itemtype = res.data
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
mounted() {
|
|
|
const date = new Date()
|
|
|
@@ -564,6 +618,8 @@ export default {
|
|
|
this.form.projectname = this.data.projectname
|
|
|
this.form.projectnum = this.data.projectnum
|
|
|
this.form.type = '项目报价'
|
|
|
+ this.form.sa_quotedpriceid = 0
|
|
|
+ this.queryItemType()
|
|
|
}
|
|
|
}
|
|
|
</script>
|