Commit 61ab925e authored by 罗超's avatar 罗超

1

parent 489e2659
......@@ -256,7 +256,6 @@
created() {},
mounted() {
this.initObj()
console.log("sss", this.customerObj)
},
methods: {
//初始化表单
......
......@@ -804,5 +804,10 @@
}
}
</script>
<style scoped>
::v-deep .el-input__inner{
background:transparent;
border:none;
}
</style>
\ No newline at end of file
......@@ -17,18 +17,9 @@
<img src="../../assets/images/newindex/sell1.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow" @click="showAddStu">
添加名单
</div>
</q-menu>
</q-btn>
</div>
......@@ -37,7 +28,8 @@
</div>
<div class="flex no-wrap justify-between items-center">
<div class="sell-name">今日新名单</div>
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;">
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;" v-if="getIsUp('AddCount')">
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;" v-else />
</div>
</div>
<div class="sell-block" :class="{'active-sell':sellBlock==2}" style="background-color:#FFF5F8"
......@@ -46,18 +38,9 @@
<img src="../../assets/images/newindex/sell2.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow">
立即跟进
</div>
</q-menu>
</q-btn>
</div>
......@@ -75,18 +58,9 @@
<img src="../../assets/images/newindex/sell3.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow">
立即跟进
</div>
</q-menu>
</q-btn>
</div>
......@@ -95,7 +69,8 @@
</div>
<div class="flex no-wrap justify-between items-center">
<div class="sell-name">今日到访</div>
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;">
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;" v-if="getIsUp('VisitCount')">
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;" v-else />
</div>
</div>
<div class="sell-block" :class="{'active-sell':sellBlock==4}" style="background-color:#F2FAFF;"
......@@ -104,18 +79,9 @@
<img src="../../assets/images/newindex/sell4.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow" >
立即跟进
</div>
</q-menu>
</q-btn>
</div>
......@@ -124,7 +90,9 @@
</div>
<div class="flex no-wrap justify-between items-center">
<div class="sell-name">今日拜访</div>
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;">
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;"
v-if="getIsUp('appointmentCount')">
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;" v-else />
</div>
</div>
<div class="sell-block" :class="{'active-sell':sellBlock==5}" style="background-color:#FFFAF5"
......@@ -133,18 +101,9 @@
<img src="../../assets/images/newindex/sell5.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow" @click="showAddPeer">
添加同行
</div>
</q-menu>
</q-btn>
</div>
......@@ -153,7 +112,9 @@
</div>
<div class="flex no-wrap justify-between items-center">
<div class="sell-name">今日新同行</div>
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;">
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;"
v-if="getIsUp('customerCount')">
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;" v-else />
</div>
</div>
<div class="sell-block" :class="{'active-sell':sellBlock==6}" style="background-color:#FEF4FE"
......@@ -162,18 +123,9 @@
<img src="../../assets/images/newindex/sell6.png" style="width:26px;height:26px">
<q-btn size="sm" dense flat round icon="more_horiz">
<q-menu auto-close>
<q-list dense>
<q-item clickable>
<q-item-section>
<div class="row">
<div class="q-mr-xs">
<q-icon name="arrow-up" size="14"></q-icon>
</div>
<div>立即跟进</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="block-btn item-shadow">
立即添加
</div>
</q-menu>
</q-btn>
</div>
......@@ -182,11 +134,15 @@
</div>
<div class="flex no-wrap justify-between items-center">
<div class="sell-name">今日试听</div>
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;">
<img src="../../assets/images/newindex/sell8.png" alt="" style="width:10px;"
v-if="getIsUp('trialLessonCount')">
<img src="../../assets/images/newindex/sell7.png" alt="" style="width:10px;" v-else />
</div>
</div>
</div>
</q-card>
<AddCustomerStu v-if="isShowAddStu" @close="closeForm" @success="getPersionNumData"></AddCustomerStu>
<AddCustomerPeer v-if="isShowAddPeer" @close="closeForm" @success="getPersionNumData"></AddCustomerPeer>
</div>
</template>
<script>
......@@ -194,9 +150,13 @@
queryPersonnelStatic
} from '../../api/course/index'
import VueApexCharts from "vue-apexcharts";
import AddCustomerStu from '../../components/school/student/studentAdd-form';//添加新学员
import AddCustomerPeer from '../../components/sale/customerEdit-form';//添加新同行
export default {
components: {
VueApexCharts
VueApexCharts,
AddCustomerStu,
AddCustomerPeer,
},
data() {
return {
......@@ -220,7 +180,12 @@
opacity: [1, 1]
},
yaxis: {
min: 0
min: 0,
labels: {
formatter(val, index) {
return val.toFixed(0);
}
}
},
colors: ["#fff"],
title: {
......@@ -234,12 +199,16 @@
},
sellBlock: 1,
//人员统计
PersionData: {},
PersionData: {
dayList: [{
AddCount: 0,
}, {
AddCount: 0,
}]
},
isShowAddStu: false,
isShowAddPeer:false,
};
},
created() {
},
mounted() {
this.getPersionNumData();
......@@ -269,8 +238,28 @@
setTimeout(() => {
this.$refs.apex.updateSeries(this.series)
}, 100)
}
},
//判断上升或下降
getIsUp(field) {
const today = this.PersionData.dayList[this.PersionData.dayList.length - 1]
const yesterday = this.PersionData.dayList[this.PersionData.dayList.length - 2]
if (today[field] && yesterday[field]) {
const res = (Number(today[field]) - Number(yesterday[field])) > 0
return res
} else {
return false
}
},
closeForm() {
this.isShowAddStu = false;
this.isShowAddPeer=false;
},
showAddStu() {
this.isShowAddStu = true;
},
showAddPeer() {
this.isShowAddPeer = true;
},
}
};
......@@ -339,6 +328,7 @@
color: #404040;
white-space: nowrap;
}
}
}
}
......@@ -347,4 +337,11 @@
box-shadow: 1px 3px 49px 0px rgba(0, 158, 247, 0.28);
}
.block-btn {
font-size: 0.7vw;
color: #111111;
white-space: nowrap;
padding:6px 15px;
}
</style>
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