|  |  | 
 |  |  |     > | 
 |  |  |       <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')"> | 
 |  |  | 
 |  |  |       contactId: this.detailConfig.infomation.contactId, | 
 |  |  |       contact_name: this.detailConfig.infomation.contact_name, | 
 |  |  |       service_number: this.detailConfig.infomation.serviceNumber, | 
 |  |  |       serviceId: this.detailConfig.infomation.id | 
 |  |  |       serviceOrderId: this.detailConfig.infomation.id | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   mounted() {}, | 
 |  |  | 
 |  |  |           leftStr: "产品类别", | 
 |  |  |           leftValue: "", | 
 |  |  |           rightStr: "产品名称", | 
 |  |  |           rightValue: data.Product.name | 
 |  |  |           rightValue: data.productName | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "服务方式", | 
 |  |  | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |           leftStr: "创建时间", | 
 |  |  |           leftValue: "", | 
 |  |  |           leftValue: data.createTime, | 
 |  |  |           rightStr: "创建人", | 
 |  |  |           rightValue: "" | 
 |  |  |         } | 
 |  |  | 
 |  |  |           leftStr: "最新更新人", | 
 |  |  |           leftValue: "", | 
 |  |  |           rightStr: "修改时间", | 
 |  |  |           rightValue: "" | 
 |  |  |           rightValue: data.updateTime | 
 |  |  |         } | 
 |  |  |       ] | 
 |  |  |       this.timeAmountList = [ |