|
|
@@ -1,291 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="bgcolor infoHistorVisit">
|
|
|
- <div class="header">
|
|
|
- <van-nav-bar class="navBar" title="经销商拜访" left-arrow @click-left="onClickLeft" />
|
|
|
- </div>
|
|
|
- <div class="container">
|
|
|
- <van-list
|
|
|
- class="myList1"
|
|
|
- v-model="loading"
|
|
|
- :finished="finished"
|
|
|
- finished-text="没有更多了"
|
|
|
- @load="onLoad">
|
|
|
- <div v-if="list.length > 0">
|
|
|
- <div class="cellcontent" v-for="(item, index) in list" :key="index">
|
|
|
- <van-cell>
|
|
|
- <div class="card" style="position: relative" @click="detilsFn(item)">
|
|
|
- <span v-if="item.visitSource == 2" class="stateAbnormal">异常拜访</span>
|
|
|
- <span v-if="item.visitSource == 1" class="state">正常拜访</span>
|
|
|
- <div class="title">
|
|
|
- <span>{{ item.chainName }}</span> (<span style="color: #0057ba">{{
|
|
|
- item.chainCode
|
|
|
- }}</span
|
|
|
- >)
|
|
|
- </div>
|
|
|
- <div class="info">经销商类型：{{ item.typeName2 }}</div>
|
|
|
- <div class="info">拜访人：{{ item.nickName }}</div>
|
|
|
- <div class="info">拜访时间：{{ item.visitsTime }}</div>
|
|
|
- </div>
|
|
|
- </van-cell>
|
|
|
- <div class="lineGrey"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </van-list>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { myChainsVisits } from '@/api/info';
|
|
|
-
|
|
|
-export default {
|
|
|
- name: 'infoHistorVisit',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- list: [],
|
|
|
- loading: false,
|
|
|
- finished: true,
|
|
|
- pageNum: 1, // 当前页码 int类型
|
|
|
- pageSize: 10, // 当前每页条数 int类型
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.pageNum = 1;
|
|
|
- this.list = [];
|
|
|
- this.powerGrade = localStorage.getItem('powerGrade');
|
|
|
- this.getVisitsListFn();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- onLoad() {
|
|
|
- this.getVisitsListFn();
|
|
|
- },
|
|
|
- detilsFn(val) {
|
|
|
- this.$router.push({
|
|
|
- path: '/visitHistoryDetail',
|
|
|
- query: {
|
|
|
- id: val.id,
|
|
|
- typeName2: val.typeName2,
|
|
|
- chainId: val.chainId,
|
|
|
- customerManager: val.customerManager,
|
|
|
- close: val.close,
|
|
|
- freeze: val.freeze,
|
|
|
- visitId: val.visitId,
|
|
|
- chainName: val.chainName,
|
|
|
- chainCode: val.chainCode,
|
|
|
- openDate: val.openDate,
|
|
|
- },
|
|
|
- });
|
|
|
- },
|
|
|
- onClickLeft() {
|
|
|
- this.$router.go(-1);
|
|
|
- },
|
|
|
- getVisitsListFn() {
|
|
|
- let loading1 = this.$toast.loading({
|
|
|
- duration: 0,
|
|
|
- message: '数据获取中...',
|
|
|
- forbidClick: true,
|
|
|
- });
|
|
|
- if (this.refreshing) {
|
|
|
- this.list = [];
|
|
|
- this.refreshing = false;
|
|
|
- }
|
|
|
- myChainsVisits({
|
|
|
- pageNum: this.pageNum,
|
|
|
- pageSize: this.pageSize,
|
|
|
- }).then((res) => {
|
|
|
- loading1.clear();
|
|
|
- if (res.code == 200) {
|
|
|
- this.loading = false;
|
|
|
- this.list = this.list.concat(res.rows);
|
|
|
- if (this.list.length >= res.total) {
|
|
|
- this.finished = true;
|
|
|
- } else {
|
|
|
- this.finished = false;
|
|
|
- }
|
|
|
- this.pageNum = this.pageNum + 1;
|
|
|
- } else {
|
|
|
- this.$toast.fail(res.msg);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-<style lang="scss">
|
|
|
-.searchDiv {
|
|
|
- .van-search {
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
- .van-search__action {
|
|
|
- font-size: 14px;
|
|
|
- color: #1989fa;
|
|
|
- font-weight: bold;
|
|
|
- background: #f5f5f5;
|
|
|
- border-bottom-right-radius: 60px;
|
|
|
- border-top-right-radius: 60px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- padding: 0 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .van-search--show-action {
|
|
|
- padding-right: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .van-search__content {
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-bottom-left-radius: 60px;
|
|
|
- border-top-left-radius: 60px;
|
|
|
- background: #f5f5f5;
|
|
|
- border-right: 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.myList1 {
|
|
|
- .van-cell {
|
|
|
- padding: 10px 16px;
|
|
|
-
|
|
|
- &:after {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.historAllVisit {
|
|
|
- .TCFXListItem {
|
|
|
- display: inline-block;
|
|
|
- border: 1px solid #ccc;
|
|
|
- padding: 3px 5px;
|
|
|
- margin: 0 5px;
|
|
|
- border-radius: 6px;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
|
|
-<style lang="scss" scoped>
|
|
|
-.infoHistorVisit {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.bgcolor {
|
|
|
- background-color: #f5f5f5;
|
|
|
-}
|
|
|
-
|
|
|
-.container {
|
|
|
- overflow-y: auto;
|
|
|
- flex: 1;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.monthNow {
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
- text-align: left;
|
|
|
- font-weight: bold;
|
|
|
- padding: 0 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #f1f1f1;
|
|
|
- border-radius: 20px;
|
|
|
- margin: 8px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- position: relative;
|
|
|
- color: #333;
|
|
|
- font-size: 14px;
|
|
|
- .van-cell__left-icon,
|
|
|
- .van-cell__right-icon {
|
|
|
- line-height: 34px;
|
|
|
- }
|
|
|
- .CalendarIcon {
|
|
|
- float: right;
|
|
|
- font-size: 24px;
|
|
|
- color: #1989fa;
|
|
|
- margin-top: 6px;
|
|
|
- position: absolute;
|
|
|
- right: 12px;
|
|
|
- img {
|
|
|
- height: 0.8em;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.serchInput {
|
|
|
- padding: 0 4px;
|
|
|
-}
|
|
|
-.selectcell {
|
|
|
- width: 92%;
|
|
|
-}
|
|
|
-.card {
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .title {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- line-height: 30px;
|
|
|
- width: 78%;
|
|
|
- }
|
|
|
-
|
|
|
- .info {
|
|
|
- font-size: 14px;
|
|
|
- color: #909090;
|
|
|
- line-height: 26px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/**/
|
|
|
-.searcTime {
|
|
|
- background-color: white;
|
|
|
-}
|
|
|
-.btnbox {
|
|
|
- padding: 0 16px;
|
|
|
-}
|
|
|
-.cellcontent .centerBtn {
|
|
|
- margin: 0 auto 10px;
|
|
|
- display: block;
|
|
|
- width: 92%;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.statstext {
|
|
|
- background-color: #1c84c6;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 16px;
|
|
|
- padding: 2px 6px 2px 12px;
|
|
|
- border-bottom-left-radius: 60px;
|
|
|
- border-top-left-radius: 60px;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.stateAbnormal {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- color: #fff;
|
|
|
- background-color: red;
|
|
|
- border-radius: 5px;
|
|
|
- display: inline-block;
|
|
|
- padding: 0 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.state {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- color: #fff;
|
|
|
- background-color: #1c84c6;
|
|
|
- border-radius: 5px;
|
|
|
- display: inline-block;
|
|
|
- padding: 0 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.navBarTOP {
|
|
|
- position: fixed;
|
|
|
- width: 100%;
|
|
|
- z-index: 2;
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-.cellcontent .textRight {
|
|
|
- float: right;
|
|
|
- color: #0057ba;
|
|
|
-}
|
|
|
-</style>
|
