Skip to content

S
SuperMan
Commit c71dbf8a authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 8e0cf39c
Show whitespace changes
Inline Side-by-side
Showing with 621 additions and 447 deletions
src/components/SalesModule/demandInquiry.vue
View file @ c71dbf8a
<style> <style>
.page_demandInquiry ._mc_addbox{padding: 30px 0} .page_demandInquiry ._mc_addbox {
.page_demandInquiry ._mc_edit{overflow: auto;display: none;position:absolute;bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#f9f9f9;padding: 15px 33px;width: 100%;min-width: 1146px;padding-right: 10px} padding: 30px 0
.page_demandInquiry .edHeight{display: block;height: 200px;} }
.page_demandInquiry ._mc_list{overflow-x: auto;}
.page_demandInquiry ._mc_list>ul>li{padding: 20px 20px 0 20px;width: 280px;height: 302px;float: left;border: 1px solid #F1F2F5;margin-right:10px;margin-bottom: 20px} .page_demandInquiry ._mc_edit {
.page_demandInquiry ._mc_list>ul>li:hover{box-shadow:0px 0px 20px rgba(191,191,191,1);transition: all linear 0.5s;} overflow: auto;
.page_demandInquiry ._bt span{color: #FF9000} display: none;
.page_demandInquiry ._edHeight{height:500px;} position: absolute;
.page_demandInquiry ._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;} bottom: 0;
.page_demandInquiry ._scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;} left: 0;
.page_demandInquiry ._scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;} border-top: 1px solid #d1d1d1;
.page_demandInquiry ._mc_list ._tit,._mc_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; margin-bottom: 25px; height: 14px; line-height: 14px; font-size: 14px;color: #000000;position: relative;} background-color: #f9f9f9;
.page_demandInquiry ._mc_edit ._info_box ul._form li{float: left;} padding: 15px 33px;
.page_demandInquiry ._check_list{padding-left: 120px;margin-bottom: 20px;} width: 100%;
.page_demandInquiry ._check_box .el-form-item{margin-bottom: 0} min-width: 1146px;
.page_demandInquiry ._remark textarea{resize: none;width: 646px;height: 100px} padding-right: 10px
.page_demandInquiry ._vr_left{width: 700px;margin-right: 20px; } }
.page_demandInquiry ._vr_left ul{margin-top: 20px; max-height: 630px; overflow-y: auto;}
.page_demandInquiry ._vr_left ul li{padding: 25px;color: #FFFFFF;font-size: 14px;text-align: center;float: left;border-top: 1px solid #F1F2F5;border-bottom: 1px solid #F1F2F5;background-color: #FFFFFF;margin-bottom: 20px;cursor: pointer;} .page_demandInquiry .edHeight {
.page_demandInquiry ._vr_left ul li:first-child{border-left: 1px solid #F1F2F5;} display: block;
.page_demandInquiry ._vr_left ul li:last-child{border-right: 1px solid #F1F2F5;} height: 200px;
.page_demandInquiry ._vr_left ul li:nth-child(4n+0){border-right: 1px solid #F1F2F5;} }
.page_demandInquiry ._vr_left ul li:nth-child(5),.page_demandInquiry ._vr_left ul li:nth-child(9){border-left: 1px solid #F1F2F5;}
.page_demandInquiry ._vr_left ul li>div{width:120px;height:120px;background:rgba(42,174,242,1);border-radius:46px;border: 6px solid rgba(85,190,245,1);} .page_demandInquiry ._mc_list {
.page_demandInquiry ._vr_left ul li>div p:nth-child(1){font-weight: bold;font-size: 18px;margin-top: 30px} overflow-x: auto;
.page_demandInquiry ._vr_left ul li>p{color: #333333;margin-top: 10px} }
.height-auto .el-input{height: auto !important}
.page_demandInquiry ._mc_list>ul>li {
padding: 20px 20px 0 20px;
width: 280px;
height: 302px;
float: left;
border: 1px solid #F1F2F5;
margin-right: 10px;
margin-bottom: 20px
}
.page_demandInquiry ._mc_list>ul>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.page_demandInquiry ._bt span {
color: #FF9000
}
.page_demandInquiry ._edHeight {
height: 500px;
}
.page_demandInquiry ._scrollbar::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.page_demandInquiry ._scrollbar::-webkit-scrollbar-thumb {
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.page_demandInquiry ._scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.page_demandInquiry ._mc_list ._tit,
._mc_edit ._tit {
padding-left: 10px;
border-left: 3px solid #E95252;
margin-bottom: 25px;
height: 14px;
line-height: 14px;
font-size: 14px;
color: #000000;
position: relative;
}
.page_demandInquiry ._mc_edit ._info_box ul._form li {
float: left;
}
.page_demandInquiry ._check_list {
padding-left: 120px;
margin-bottom: 20px;
}
.page_demandInquiry ._check_box .el-form-item {
margin-bottom: 0
}
.page_demandInquiry ._remark textarea {
resize: none;
width: 646px;
height: 100px
}
.page_demandInquiry ._vr_left {
width: 700px;
margin-right: 20px;
}
.page_demandInquiry ._vr_left ul {
margin-top: 20px;
max-height: 630px;
overflow-y: auto;
}
.page_demandInquiry ._vr_left ul li {
padding: 25px;
color: #FFFFFF;
font-size: 14px;
text-align: center;
float: left;
border-top: 1px solid #F1F2F5;
border-bottom: 1px solid #F1F2F5;
background-color: #FFFFFF;
margin-bottom: 20px;
cursor: pointer;
}
.page_demandInquiry ._vr_left ul li:first-child {
border-left: 1px solid #F1F2F5;
}
.page_demandInquiry ._vr_left ul li:last-child {
border-right: 1px solid #F1F2F5;
}
.page_demandInquiry ._vr_left ul li:nth-child(4n+0) {
border-right: 1px solid #F1F2F5;
}
.page_demandInquiry ._vr_left ul li:nth-child(5),
.page_demandInquiry ._vr_left ul li:nth-child(9) {
border-left: 1px solid #F1F2F5;
}
.page_demandInquiry ._vr_left ul li>div {
width: 120px;
height: 120px;
background: rgba(42, 174, 242, 1);
border-radius: 46px;
border: 6px solid rgba(85, 190, 245, 1);
}
.page_demandInquiry ._vr_left ul li>div p:nth-child(1) {
font-weight: bold;
font-size: 18px;
margin-top: 30px
}
.page_demandInquiry ._vr_left ul li>p {
color: #333333;
margin-top: 10px
}
.height-auto .el-input {
height: auto !important
}
</style> </style>
<template> <template>
<div class="page_demandInquiry"> <div class="page_demandInquiry">
...@@ -36,7 +171,8 @@ ...@@ -36,7 +171,8 @@
<div class="_vr_left fl"> <div class="_vr_left fl">
<p class="_tit">{{$t('salesModule.InquiryAndDemand')}}</p> <p class="_tit">{{$t('salesModule.InquiryAndDemand')}}</p>
<ul> <ul>
<li v-for="(item,index) in inquireLineStatistical" @click="goUrl('demandStatistics',item.lineId,item.lineName)"> <li v-for="(item,index) in inquireLineStatistical"
@click="goUrl('demandStatistics',item.lineId,item.lineName)">
<div> <div>
<p class="PingFangSC">{{item.inquireCount}}{{$t('pub.Ci')}}</p> <p class="PingFangSC">{{item.inquireCount}}{{$t('pub.Ci')}}</p>
<p>{{item.inqiurePercent}}%</p> <p>{{item.inqiurePercent}}%</p>
...@@ -60,7 +196,8 @@ ...@@ -60,7 +196,8 @@
<div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''"> <div class="_mc_edit _scrollbar" :class="addShow==true?'edHeight':''">
<p class="_tit">{{$t('salesModule.addCustomer')}} <p class="_tit">{{$t('salesModule.addCustomer')}}
<span class="fr"> <span class="fr">
<button class="hollowFixedBtn" type="button" @click="cancelEdit(),resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button> <button class="hollowFixedBtn" type="button"
@click="cancelEdit(),resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
<button type="button" class="normalBtn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> <button type="button" class="normalBtn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
</span> </span>
</p> </p>
...@@ -69,42 +206,34 @@ ...@@ -69,42 +206,34 @@
<li> <li>
<el-form-item :label="$t('fnc.khleixing')" prop="linshig"> <el-form-item :label="$t('fnc.khleixing')" prop="linshig">
<div class="w210"> <div class="w210">
<el-radio v-model="addMsg.linshig" @change="addMsg.CustomerName = '', addMsg.CustomerInfoId = 0, AppCoustomer = []" label="1">{{$t('salesModule.InformalClient')}}</el-radio> <el-radio v-model="addMsg.linshig"
<el-radio v-model="addMsg.linshig" @change="addMsg.CustomerName = '', addMsg.CustomerInfoId = 0, AppCoustomer = []" label="2">{{$t('salesModule.LinshiCustomer')}}</el-radio> @change="addMsg.CustomerName = '', addMsg.CustomerInfoId = 0, AppCoustomer = []" label="1">
{{$t('salesModule.InformalClient')}}</el-radio>
<el-radio v-model="addMsg.linshig"
@change="addMsg.CustomerName = '', addMsg.CustomerInfoId = 0, AppCoustomer = []" label="2">
{{$t('salesModule.LinshiCustomer')}}</el-radio>
</div> </div>
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item :label="$t('pub.Customer')" prop="CustomerInfoId" > <el-form-item :label="$t('pub.Customer')" prop="CustomerInfoId">
<el-select <el-select :multiple="false" filterable remote reserve-keyword :placeholder="$t('pub.PleaseKeyWords')"
:multiple="false" :remote-method="getAppCoustomer" @change="getAppCoustomerName" :loading="loading"
filterable v-model="addMsg.CustomerInfoId" v-if="addMsg.linshig == '1'" class="w210 height-auto">
remote <el-option :placeholder="$t('pub.pleaseSel')" v-for="item in AppCoustomer" :key="item.customerId"
reserve-keyword :label="`${item.customerName}(${item.contact})`" :value="item.customerId">
:placeholder="$t('pub.PleaseKeyWords')"
:remote-method="getAppCoustomer"
@change="getAppCoustomerName"
:loading="loading" v-model="addMsg.CustomerInfoId" v-if="addMsg.linshig == '1'" class="w210 height-auto">
<el-option
:placeholder="$t('pub.pleaseSel')"
v-for="item in AppCoustomer"
:key="item.customerId"
:label="`${item.customerName}(${item.contact})`"
:value="item.customerId">
</el-option> </el-option>
</el-select> </el-select>
<el-input v-else v-model="addMsg.CustomerName" :placeholder="$t('pub.pleaseImport')" class="w210"></el-input> <el-input v-else v-model="addMsg.CustomerName" :placeholder="$t('pub.pleaseImport')" class="w210">
</el-input>
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item :label="$t('salesModule.XunwenLine')" prop="LineId"> <el-form-item :label="$t('salesModule.XunwenLine')" prop="LineId">
<el-select v-model="addMsg.LineId" class="w210" :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList(addMsg.LineId)"> <el-select v-model="addMsg.LineId" class="w210" :placeholder="$t('pub.pleaseSel')"
<el-option @change="getLineTeamList(addMsg.LineId)">
:placeholder="$t('pub.pleaseSel')" <el-option :placeholder="$t('pub.pleaseSel')" v-for="item in InquireLineList" :key="item.LineID"
v-for="item in InquireLineList" :label="item.LineName" :value="item.LineID">
:key="item.LineID"
:label="item.LineName"
:value="item.LineID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -113,23 +242,16 @@ ...@@ -113,23 +242,16 @@
<el-form-item :label="$t('advmanager.v_xilie')"> <el-form-item :label="$t('advmanager.v_xilie')">
<el-select v-model="addMsg.LineteamId" class="w210" :placeholder="$t('pub.pleaseSel')"> <el-select v-model="addMsg.LineteamId" class="w210" :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('system.ph_buxian')" value=''></el-option> <el-option :label="$t('system.ph_buxian')" value=''></el-option>
<el-option <el-option :placeholder="$t('pub.pleaseSel')" v-for="item in LineteamList" :key="item.id"
:placeholder="$t('pub.pleaseSel')" :label="item.name" :value="item.id">
v-for="item in LineteamList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item :label="$t('Airticket.Air_StartTime')" prop="DepartTime"> <el-form-item :label="$t('Airticket.Air_StartTime')" prop="DepartTime">
<el-date-picker clearable class="w210" <el-date-picker clearable class="w210" v-model="addMsg.DepartTime" type="datetime"
v-model="addMsg.DepartTime" value-format="yyyy-MM-dd HH:mm:ss" :placeholder="$t('admin.admin_choDate')">
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
:placeholder="$t('admin.admin_choDate')">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</li> </li>
...@@ -144,7 +266,7 @@ ...@@ -144,7 +266,7 @@
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item :label="$t('pub.pubRemark')" > <el-form-item :label="$t('pub.pubRemark')">
<el-input v-model='addMsg.Remark' class="w210" type='textarea' maxlength='500'></el-input> <el-input v-model='addMsg.Remark' class="w210" type='textarea' maxlength='500'></el-input>
</el-form-item> </el-form-item>
</li> </li>
...@@ -154,62 +276,93 @@ ...@@ -154,62 +276,93 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {
addMsg:{ addMsg: {
CustomerInfoId:'', CustomerInfoId: '',
LineId:'', LineId: '',
DepartTime:'', DepartTime: '',
BudgetPrice:'', BudgetPrice: '',
PeopleNumber:'', PeopleNumber: '',
LineteamId:'', LineteamId: '',
Remark:'', Remark: '',
linshig: '1', linshig: '1',
CustomerName: '' CustomerName: ''
}, },
loading: false, loading: false,
rules:{ rules: {
CustomerInfoId:[{required: true, message: "请输选择客户", trigger: "change"}], CustomerInfoId: [{
LineId:[{required: true, message: "请输选择线路", trigger: "change"}], required: true,
DepartTime:[{required: true, message: "请选择时间", trigger: "blur"}], message: "请输选择客户",
contactNumber:[ trigger: "change"
{required: true, message: "请输入联系电话", trigger: "blur"} }],
LineId: [{
required: true,
message: "请输选择线路",
trigger: "change"
}],
DepartTime: [{
required: true,
message: "请选择时间",
trigger: "blur"
}],
contactNumber: [{
required: true,
message: "请输入联系电话",
trigger: "blur"
}],
BudgetPrice: [{
required: true,
message: "请输入预计价格",
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_Isdecimal,
message: "请输入正确的价格"
}
],
PeopleNumber: [{
required: true,
message: "请输入人数",
trigger: "blur"
},
{
pattern: this.$commonUtils.Regex.el_isInteger,
message: "请输入正确的人数"
}
], ],
BudgetPrice:[{required: true, message: "请输入预计价格", trigger: "blur"}, },
{ pattern: this.$commonUtils.Regex.el_Isdecimal, message: "请输入正确的价格" }], addShow: false,
PeopleNumber:[{required: true, message: "请输入人数", trigger: "blur"}, noData: false,
{ pattern: this.$commonUtils.Regex.el_isInteger, message: "请输入正确的人数" }], dayS: 0,
}, dayArr: [],
addShow:false, inquireHotLine: [],
noData:false, b2bClickHotLine: [],
dayS:0, inquireLineStatistical: [],
dayArr:[], inquireHotLineStatistical: [],
inquireHotLine:[], b2bClickHotLineStatistical: [],
b2bClickHotLine:[], AppCoustomer: [],
inquireLineStatistical:[], InquireLineList: [],
inquireHotLineStatistical:[], LineteamList: [],
b2bClickHotLineStatistical:[], }
AppCoustomer:[], },
InquireLineList:[], methods: {
LineteamList:[], getAppCoustomerName(t) {
} this.AppCoustomer.forEach(x => {
},methods:{ if (t == x.customerId) {
getAppCoustomerName(t){
this.AppCoustomer.forEach(x=>{
if (t == x.customerId){
this.addMsg.CustomerName = x.customerName this.addMsg.CustomerName = x.customerName
} }
}) })
}, },
getInquireLineList(){ // 获取线路下拉 getInquireLineList() { // 获取线路下拉
this.apipost('line_post_GetAllList',{},res=>{ this.apipost('line_post_GetAllList', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.InquireLineList = res.data.data; this.InquireLineList = res.data.data;
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
//获取系列列表 //获取系列列表
getLineTeamList(lineId) { getLineTeamList(lineId) {
...@@ -217,64 +370,67 @@ export default { ...@@ -217,64 +370,67 @@ export default {
this.apipost("b2b_get_GetLineTeam", { this.apipost("b2b_get_GetLineTeam", {
lineId: lineId lineId: lineId
}, res => { }, res => {
if(res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.addMsg.LineteamId = '' this.addMsg.LineteamId = ''
this.LineteamList = res.data.data; this.LineteamList = res.data.data;
} }
}); });
}, },
getAppCoustomer(query){ // 获取客户列表 getAppCoustomer(query) { // 获取客户列表
if (query !== '') { if (query !== '') {
this.apipost('app_post_GetCustomerBrandByKeyWord',{customerInfo: query},res=>{ this.apipost('app_post_GetCustomerBrandByKeyWord', {
if(res.data.resultCode==1){ customerInfo: query
}, res => {
if (res.data.resultCode == 1) {
this.AppCoustomer = res.data.data; this.AppCoustomer = res.data.data;
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}else { } else {
this.AppCoustomer = []; this.AppCoustomer = [];
} }
}, },
getInquireLineNeed(){ //获取线条条数据 getInquireLineNeed() { //获取线条条数据
this.apipost('app_my_inquire_line_need',{},res=>{ this.apipost('app_my_inquire_line_need', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.inquireLineStatistical = res.data.data.inquireLineStatistical this.inquireLineStatistical = res.data.data.inquireLineStatistical
this.inquireHotLineStatistical = res.data.data.inquireHotLineStatistical this.inquireHotLineStatistical = res.data.data.inquireHotLineStatistical
this.b2bClickHotLineStatistical = res.data.data.b2bClickHotLineStatistical this.b2bClickHotLineStatistical = res.data.data.b2bClickHotLineStatistical
if(this.inquireHotLineStatistical.length>0){ if (this.inquireHotLineStatistical.length > 0) {
this.inquireHotLine=[] this.inquireHotLine = []
this.dayArr=[] this.dayArr = []
this.inquireHotLineStatistical.forEach(x => { this.inquireHotLineStatistical.forEach(x => {
this.dayArr.push(x.date.substring(5,x.date.length)) this.dayArr.push(x.date.substring(5, x.date.length))
this.inquireHotLine.push(x.inquireCount) this.inquireHotLine.push(x.inquireCount)
}); });
} }
if(this.b2bClickHotLineStatistical.length>0){ if (this.b2bClickHotLineStatistical.length > 0) {
this.b2bClickHotLine=[] this.b2bClickHotLine = []
this.b2bClickHotLineStatistical.forEach(x => { this.b2bClickHotLineStatistical.forEach(x => {
this.b2bClickHotLine.push(x.clickCount) this.b2bClickHotLine.push(x.clickCount)
}); });
} }
this.chartsMap(this.inquireHotLine,this.b2bClickHotLine); this.chartsMap(this.inquireHotLine, this.b2bClickHotLine);
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
chartsMap(see,clc){ // 画饼 chartsMap(see, clc) { // 画饼
var then = this; var then = this;
if (then.inquireLineStatistical && then.inquireLineStatistical.length > 0) {
let myChart = this.$echarts.init(document.getElementById('chartsMap')); let myChart = this.$echarts.init(document.getElementById('chartsMap'));
myChart.setOption({ myChart.setOption({
title: { title: {
text: then.inquireLineStatistical[0].lineName, text: then.inquireLineStatistical[0].lineName,
left: 'left', left: 'left',
textStyle:{ textStyle: {
fontWeight:'bold', fontWeight: 'bold',
fontSize:14, fontSize: 14,
color:'#333333', color: '#333333',
height:'30px' height: '30px'
}, },
padding: [ padding: [
20, // 上 20, // 上
...@@ -286,10 +442,10 @@ export default { ...@@ -286,10 +442,10 @@ export default {
backgroundColor: '#fff', backgroundColor: '#fff',
legend: { legend: {
icon: 'rect', icon: 'rect',
selectedMode:false, selectedMode: false,
orient: 'vertical', orient: 'vertical',
x: 'right', x: 'right',
data:['b2b点击','询价'] data: ['b2b点击', '询价']
}, },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
...@@ -313,50 +469,55 @@ export default { ...@@ -313,50 +469,55 @@ export default {
type: 'category', type: 'category',
axisLine: { axisLine: {
show: false, show: false,
lineStyle:{ lineStyle: {
width:30 width: 30
} }
}, },
axisLabel:{interval: 5}, axisLabel: {
axisTick:false, interval: 5
},
axisTick: false,
data: then.dayArr, data: then.dayArr,
}, },
grid: { grid: {
x:25, x: 25,
y:60, y: 60,
x2:5, x2: 5,
y2:20, y2: 20,
containLabel: true containLabel: true
}, },
yAxis: { yAxis: {
type: 'category', type: 'category',
data:['10','20','30','40','50','60','70','80','90','100'], data: ['10', '20', '30', '40', '50', '60', '70', '80', '90', '100'],
axisLine: {show: false}, axisLine: {
axisTick:false, show: false
splitLine:{ },
show:false axisTick: false,
splitLine: {
show: false
}, },
scale: true, scale: true,
minInterval:1, minInterval: 1,
type: 'value', type: 'value',
axisLabel:{formatter:'{value} 个'} axisLabel: {
formatter: '{value} 个'
}
}, },
series: [ series: [{
{
name: 'b2b点击', name: 'b2b点击',
type: 'line', type: 'line',
smooth:false, smooth: false,
data: clc, data: clc,
lineStyle:{ lineStyle: {
width:3, width: 3,
color:'#50C291', color: '#50C291',
}, },
itemStyle:{ itemStyle: {
borderWidth:2, borderWidth: 2,
color:'#50C291' color: '#50C291'
}, },
symbol:'none', symbol: 'none',
areaStyle:{ areaStyle: {
color: { color: {
type: 'linear', type: 'linear',
x: 0, x: 0,
...@@ -364,9 +525,11 @@ export default { ...@@ -364,9 +525,11 @@ export default {
x2: 0, x2: 0,
y2: 1, y2: 1,
colorStops: [{ colorStops: [{
offset: 0, color:'rgba(230,230,230,0)' // 0% 处的颜色 offset: 0,
color: 'rgba(230,230,230,0)' // 0% 处的颜色
}, { }, {
offset: 1, color:'rgba(230,230,230,0)' // 100% 处的颜色 offset: 1,
color: 'rgba(230,230,230,0)' // 100% 处的颜色
}], }],
globalCoord: false // 缺省为 false globalCoord: false // 缺省为 false
} }
...@@ -375,18 +538,18 @@ export default { ...@@ -375,18 +538,18 @@ export default {
{ {
name: '询价', name: '询价',
type: 'line', type: 'line',
smooth:false, smooth: false,
data: see, data: see,
lineStyle:{ lineStyle: {
width:3, width: 3,
color:'#FF793E', color: '#FF793E',
}, },
itemStyle:{ itemStyle: {
borderWidth:2, borderWidth: 2,
color:'#FF793E' color: '#FF793E'
}, },
symbol:'none', symbol: 'none',
areaStyle:{ areaStyle: {
color: { color: {
type: 'linear', type: 'linear',
x: 0, x: 0,
...@@ -394,18 +557,21 @@ export default { ...@@ -394,18 +557,21 @@ export default {
x2: 0, x2: 0,
y2: 1, y2: 1,
colorStops: [{ colorStops: [{
offset: 0, color:'rgba(230,230,230,0)' // 0% 处的颜色 offset: 0,
color: 'rgba(230,230,230,0)' // 0% 处的颜色
}, { }, {
offset: 1, color:'rgba(230,230,230,0)' // 100% 处的颜色 offset: 1,
color: 'rgba(230,230,230,0)' // 100% 处的颜色
}], }],
globalCoord: false // 缺省为 false globalCoord: false // 缺省为 false
} }
} }
} }
] ]
},true) }, true)
}
}, },
submitForm(addMsg) {//提交创建、修改表单 submitForm(addMsg) { //提交创建、修改表单
this.$refs[addMsg].validate((valid) => { this.$refs[addMsg].validate((valid) => {
if (valid) { if (valid) {
this.saveVisa() this.saveVisa()
...@@ -414,53 +580,60 @@ export default { ...@@ -414,53 +580,60 @@ export default {
} }
}); });
}, },
saveVisa(){ // 保存 saveVisa() { // 保存
this.apipost('app_add_inquire',this.addMsg,res=>{ this.apipost('app_add_inquire', this.addMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.$message.success(res.data.message) this.$message.success(res.data.message)
this.addShow=false this.addShow = false
this.initMsg() this.initMsg()
this.getInquireLineNeed() this.getInquireLineNeed()
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
cancelEdit(){ // 取消新增 cancelEdit() { // 取消新增
this.addShow=false this.addShow = false
this.initMsg() this.initMsg()
}, },
initMsg(){ initMsg() {
this.LineteamList = [] this.LineteamList = []
this.addMsg={ this.addMsg = {
CustomerInfoId:'', CustomerInfoId: '',
LineId:'', LineId: '',
DepartTime:'', DepartTime: '',
BudgetPrice:'', BudgetPrice: '',
PeopleNumber:'', PeopleNumber: '',
LineteamId:'-1', LineteamId: '-1',
Remark:'' Remark: ''
} }
}, },
resetForm(formName) { // 重置表单 resetForm(formName) { // 重置表单
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
getCountDays(){ getCountDays() {
var curDate = new Date(); var curDate = new Date();
// 获取当前月份 // 获取当前月份
var curMonth = curDate.getMonth(); var curMonth = curDate.getMonth();
// 实际月份比curMonth大1，下面将月份设置为下一个月 // 实际月份比curMonth大1，下面将月份设置为下一个月
curDate.setMonth(curMonth+1); curDate.setMonth(curMonth + 1);
// 将日期设置为0，表示自动计算为上个月（这里指的是当前月份）的最后一天 // 将日期设置为0，表示自动计算为上个月（这里指的是当前月份）的最后一天
curDate.setDate(0); curDate.setDate(0);
// 返回当前月份的天数 // 返回当前月份的天数
return curDate.getDate(); return curDate.getDate();
}, },
goUrl(path,id,name) { goUrl(path, id, name) {
this.$router.push({ name: path,query:{"id":id,"name":name} }) this.$router.push({
name: path,
query: {
"id": id,
"name": name
} }
},mounted(){ })
}
},
mounted() {
// this.dayS = this.getCountDays() // this.dayS = this.getCountDays()
// for(let i=1;i<=this.dayS;i++){ // for(let i=1;i<=this.dayS;i++){
// this.dayArr.push(i+'日') // this.dayArr.push(i+'日')
...@@ -469,5 +642,6 @@ export default { ...@@ -469,5 +642,6 @@ export default {
this.getInquireLineNeed() this.getInquireLineNeed()
this.getInquireLineList() this.getInquireLineList()
} }
} }
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment