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

1

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