|  |  | 
 |  |  |     > | 
 |  |  |       <template slot="title"> | 
 |  |  |         <div class="header"> | 
 |  |  |           <span class="header-label">服务单编号</span> | 
 |  |  |           <span class="header-title">{{ detailConfig.infomation.number }}</span> | 
 |  |  |           <span class="header-label">客户服务单</span> | 
 |  |  |           <span class="header-title">{{ detailConfig.infomation.serviceNumber }}</span> | 
 |  |  |         </div> | 
 |  |  |       </template> | 
 |  |  |       <div class="content"> | 
 |  |  |         <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"></el-tab-pane> | 
 |  |  |             <!-- <el-tab-pane label="附件管理" name="annex"></el-tab-pane> --> | 
 |  |  |             <el-tab-pane label="服务回访单" name="followup"> | 
 |  |  |               <!-- <template slot="label"> | 
 |  |  |                 <div>跟进记录<el-badge type="primary" :value="2"> </el-badge></div> | 
 |  |  | 
 |  |  |                     <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                   <div v-if="item.rightStr" class="right"> | 
 |  |  |                     <div class="content-title">{{ item.rightStr }}</div> | 
 |  |  |                     <div class="content-title">{{ item.rightStr + ":" }}</div> | 
 |  |  |                     <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                 </li> | 
 |  |  | 
 |  |  |                     <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                   <div v-if="item.rightStr" class="right"> | 
 |  |  |                     <div class="content-title">{{ item.rightStr }}</div> | 
 |  |  |                     <div class="content-title">{{ item.rightStr + ":" }}</div> | 
 |  |  |                     <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                 </li> | 
 |  |  | 
 |  |  |                     <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                   <div v-if="item.rightStr" class="right"> | 
 |  |  |                     <div class="content-title">{{ item.rightStr }}</div> | 
 |  |  |                     <div class="content-title">{{ item.rightStr + ":" }}</div> | 
 |  |  |                     <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> | 
 |  |  |                   </div> | 
 |  |  |                 </li> | 
 |  |  | 
 |  |  |             </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 class="basic-info"> | 
 |  |  |             <div class="basic-info-label" @click="expandClick('signConfim')"> | 
 |  |  | 
 |  |  |           <!-- <Contacts :isDetail="true" /> --> | 
 |  |  |         </div> | 
 |  |  |         <div v-if="activeName === 'followup'" class="second"> | 
 |  |  |           <ServiceFollowup :isDetail="true" /> | 
 |  |  |           <ServiceFollowup :isDetail="true" :add-config="addConfig" /> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </el-drawer> | 
 |  |  | 
 |  |  |       isServiceContractExpand: true, // 服务合同信息 | 
 |  |  |       serviceContractList: [], | 
 |  |  |       isHistoryExpand: true, // 客户服务单历史记录 | 
 |  |  |       historyList: [] | 
 |  |  |       historyList: [], | 
 |  |  |       addConfig: {} | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.setData() | 
 |  |  |     this.setTable() | 
 |  |  |     console.log(this.detailConfig.infomation.contact_name) | 
 |  |  |     this.addConfig = { | 
 |  |  |       keyword: this.detailConfig.infomation.serviceNumber, | 
 |  |  |       keywordType: "客户服务单", | 
 |  |  |       client_name: this.detailConfig.infomation.client_name, | 
 |  |  |       clientId: this.detailConfig.infomation.clientId, | 
 |  |  |       contactId: this.detailConfig.infomation.contactId, | 
 |  |  |       contact_name: this.detailConfig.infomation.contact_name, | 
 |  |  |       service_number: this.detailConfig.infomation.serviceNumber, | 
 |  |  |       serviceOrderId: this.detailConfig.infomation.id | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   mounted() {}, | 
 |  |  |   methods: { | 
 |  |  | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "服务合同", | 
 |  |  |           leftValue: data.Contract.number, | 
 |  |  |           leftValue: data.ServiceContract.number, | 
 |  |  |           rightStr: "故障类别", | 
 |  |  |           rightValue: data.FaultType.name | 
 |  |  |         }, | 
 |  |  | 
 |  |  |           leftStr: "主题", | 
 |  |  |           leftValue: data.subject, | 
 |  |  |           rightStr: "合同订单", | 
 |  |  |           rightValue: data.OrderManage.number | 
 |  |  |           rightValue: data.SalesDetails.number | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "产品类别", | 
 |  |  |           leftValue: "", | 
 |  |  |           rightStr: "产品名称", | 
 |  |  |           rightValue: data.Product.name | 
 |  |  |           rightValue: data.productName | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "服务方式", | 
 |  |  | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "创建时间", | 
 |  |  |           leftValue: "", | 
 |  |  |           leftValue: data.createTime, | 
 |  |  |           rightStr: "创建人", | 
 |  |  |           rightValue: "" | 
 |  |  |         } | 
 |  |  | 
 |  |  |       this.dynamicInfoList = [ | 
 |  |  |         { | 
 |  |  |           leftStr: "处理状态", | 
 |  |  |           leftValue: data.status, | 
 |  |  |           leftValue: data.serviceOrderStatusId, | 
 |  |  |           rightStr: "最新分配时间", | 
 |  |  |           rightValue: "" | 
 |  |  |         }, | 
 |  |  | 
 |  |  |           leftStr: "最新更新人", | 
 |  |  |           leftValue: "", | 
 |  |  |           rightStr: "修改时间", | 
 |  |  |           rightValue: "" | 
 |  |  |           rightValue: data.updateTime | 
 |  |  |         } | 
 |  |  |       ] | 
 |  |  |       this.timeAmountList = [ |