|
|
@@ -1,180 +0,0 @@
|
|
|
-<template>
|
|
|
- <!-- 拜访历史详情 -->
|
|
|
- <div class="visitHistoryDetail">
|
|
|
- <div class="headers">
|
|
|
- <van-nav-bar class="navBar" :title="$route.meta.title" left-arrow @click-left="onClickLeft">
|
|
|
- </van-nav-bar>
|
|
|
- </div>
|
|
|
- <div class="container">
|
|
|
- <div class="lineGrey"></div>
|
|
|
- <div class="card mt10">
|
|
|
- <div class="title">
|
|
|
- {{ urlParameter.chainName }}(<span style="color: #1989fa">{{
|
|
|
- urlParameter.chainCode
|
|
|
- }}</span
|
|
|
- >)
|
|
|
- </div>
|
|
|
- <div class="info">客户分类：{{ urlParameter.typeName2 }}</div>
|
|
|
- <div class="info">实际经营者：{{ urlParameter.customerManager }}</div>
|
|
|
- <div class="info">开户日期：{{ formatCompactDate(urlParameter.openDate) }}</div>
|
|
|
- <div class="info">是否冻结：{{ urlParameter.freeze }}</div>
|
|
|
- <div class="info">是否关户：{{ urlParameter.close }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding: 10px 16px; font-size: 16px; font-weight: bold">任务</div>
|
|
|
- <div class="card" v-if="list.visitSource != 2">
|
|
|
- <div
|
|
|
- class="info"
|
|
|
- style="line-height: 44px; font-size: 14px"
|
|
|
- v-for="(item, index) in list.sfaTaskList"
|
|
|
- :key="index"
|
|
|
- @click="historiStoreVisit(item, index)">
|
|
|
- <p
|
|
|
- style="
|
|
|
- width: 94%;
|
|
|
- margin: 0;
|
|
|
- line-height: 24px;
|
|
|
- padding: 10px 0;
|
|
|
- display: inline-block;
|
|
|
- ">
|
|
|
- {{ item.taskName }}
|
|
|
- </p>
|
|
|
- <p class="arrowdetils1">
|
|
|
- <van-icon name="arrow" />
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="list.visitSource == 2" style="background-color: #fff">
|
|
|
- <van-cell title="异常事由" :value="selectDictLabel(typeList, list.abnormalReason)" />
|
|
|
- <van-cell title="异常信息照" />
|
|
|
- <div style="padding: 10px 16px 0">
|
|
|
- <delete-upload-img :imgs="imgs"></delete-upload-img>
|
|
|
- </div>
|
|
|
- <van-cell title="异常信息" :value="list.remark" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import deleteUploadImg from '@/components/deleteUploadImg';
|
|
|
-import { getPhotoTypeList1 } from '@/api/index';
|
|
|
-import { getVisitsDetail } from '@/api/agentList';
|
|
|
-
|
|
|
-export default {
|
|
|
- components: { deleteUploadImg },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- visitsId: '',
|
|
|
- imgs: '',
|
|
|
- typeList: [],
|
|
|
- ListHistoryTOTLE: '',
|
|
|
- managerRemarkContent: '',
|
|
|
- updateTimeShow: false,
|
|
|
- insert: true,
|
|
|
- list: '',
|
|
|
- urlParameter: null,
|
|
|
- imgs: '',
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.urlParameter = this.$route.query;
|
|
|
- this.getVisitsDetailFn();
|
|
|
- this.getPhotoTypeList();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getPhotoTypeList() {
|
|
|
- getPhotoTypeList1({}).then((res) => {
|
|
|
- this.typeList = res.data;
|
|
|
- });
|
|
|
- },
|
|
|
- getVisitsDetailFn() {
|
|
|
- getVisitsDetail({ visitsId: this.urlParameter.id }).then((res) => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.list = res.data;
|
|
|
- if (res.data.visitSource == 2) {
|
|
|
- this.imgs = res.data.sysFileInfos;
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$toast.fail(res.msg);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- historiStoreVisit(val, index) {
|
|
|
- this.$router.push({
|
|
|
- path: '/visitedTaskDetail',
|
|
|
- query: { ...this.urlParameter, activatedIndex: index, taskType: val.taskType },
|
|
|
- });
|
|
|
- sessionStorage.setItem('collectionItemList', JSON.stringify(val.collectionItemList));
|
|
|
- },
|
|
|
- onClickLeft() {
|
|
|
- this.$router.go(-1);
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
-.visitHistoryDetail {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- overflow: hidden;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .container {
|
|
|
- overflow-y: auto;
|
|
|
- flex: 1;
|
|
|
- margin-bottom: 10px;
|
|
|
- background-color: white;
|
|
|
- .custom-titles {
|
|
|
- white-space: break-spaces;
|
|
|
- }
|
|
|
- .card {
|
|
|
- background: #fff;
|
|
|
- padding: 10px 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- .title {
|
|
|
- line-height: 30px;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .subtitle {
|
|
|
- line-height: 24px;
|
|
|
- font-size: 14px;
|
|
|
- color: #7b7b7b;
|
|
|
- }
|
|
|
- .info {
|
|
|
- font-size: 16px;
|
|
|
- color: #484848;
|
|
|
- line-height: 40px;
|
|
|
- border-bottom: 1px solid #dedede;
|
|
|
- position: relative;
|
|
|
- &:last-child {
|
|
|
- // border-bottom: 0;
|
|
|
- }
|
|
|
- .arrow {
|
|
|
- float: right;
|
|
|
- display: inline-block;
|
|
|
- height: 20px;
|
|
|
- width: 20px;
|
|
|
- line-height: 20px;
|
|
|
- text-align: center;
|
|
|
- border-radius: 50%;
|
|
|
- background: #1989fa;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 9px;
|
|
|
- }
|
|
|
- .arrowdetils1 {
|
|
|
- background: #fff;
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- color: #444;
|
|
|
- right: 0;
|
|
|
- margin-top: -22px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
