| | |
| | | <div class="tab-view"> |
| | | <el-tabs v-model="activeName" @tab-click="tabsClick"> |
| | | <el-tab-pane label="详情" name="first"></el-tab-pane> |
| | | <el-tab-pane label="附件管理" name="annex"> |
| | | <!-- <template slot="label"> |
| | | <!-- <el-tab-pane label="附件管理" name="annex"> --> |
| | | <!-- <template slot="label"> |
| | | <div>跟进记录<el-badge type="primary" :value="2"> </el-badge></div> |
| | | </template> --> |
| | | </el-tab-pane> |
| | | <!-- </el-tab-pane> --> |
| | | </el-tabs> |
| | | </div> |
| | | <div v-if="activeName === 'first'" class="detail"> |
| | |
| | | <li v-for="(item, i) in basicInfoList" :key="i"> |
| | | <div class="left"> |
| | | <div class="content-title">{{ item.leftStr + ":" }}</div> |
| | | <div class="content-data">{{ item.leftValue }}</div> |
| | | <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="content-title">{{ item.rightStr }}</div> |
| | | <div class="content-data">{{ item.rightValue }}</div> |
| | | <div v-if="item.rightStr" class="right"> |
| | | <div class="content-title">{{ item.rightStr + ":" }}</div> |
| | | <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <li> |
| | | <div class="left remark"> |
| | | <div class="content-title">{{ "备注:" }}</div> |
| | | <div class="content-data">{{ "备注内容" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.remark }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <!-- 附件信息 --> |
| | | <div class="basic-info"> |
| | | <!-- <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('annex')"> |
| | | <i v-if="isAnnexExpand" class="el-icon-arrow-down"></i> |
| | | <i v-else class="el-icon-arrow-up"></i> |
| | |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div v-if="activeName === 'annex'" class="second"> |
| | | <!-- <SubOrder :isDetail="true" /> --> |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.client_name, |
| | | rightStr: "回访单编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "联系人姓名", |
| | | leftValue: "", |
| | | leftValue: item.contact_name, |
| | | rightStr: "客户服务单", |
| | | rightValue: "" |
| | | rightValue: item.ServiceOrder.serviceNumber |
| | | }, |
| | | { |
| | | leftStr: "回访人", |
| | | leftValue: "", |
| | | rightStr: "项目计划", |
| | | rightValue: "" |
| | | leftValue: item.Member.username, |
| | | rightStr: "满意度", |
| | | rightValue: item.satisfaction.name |
| | | }, |
| | | { |
| | | leftStr: "满意度", |
| | | leftValue: "", |
| | | rightStr: "及时率", |
| | | rightValue: "" |
| | | leftStr: "及时率", |
| | | leftValue: item.timelyRate.name, |
| | | rightStr: "解决率", |
| | | rightValue: item.solveRate.name |
| | | }, |
| | | { |
| | | leftStr: "解决率", |
| | | leftValue: "", |
| | | rightStr: "原服务人员", |
| | | rightValue: "" |
| | | leftStr: "原服务人员", |
| | | leftValue: item.oldMember.username, |
| | | rightStr: "服务人员是否来过", |
| | | rightValue: item.isVisit.name |
| | | }, |
| | | { |
| | | leftStr: "服务人员是否来过", |
| | | leftValue: "", |
| | | rightStr: "创建时间", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "修改时间", |
| | | leftValue: "", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | leftStr: "创建时间", |
| | | leftValue: item.createTime, |
| | | rightStr: "修改时间", |
| | | rightValue: item.updateTime |
| | | } |
| | | ] |
| | | }, |