| | |
| | | > |
| | | <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: 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: "" |
| | | } |
| | |
| | | leftStr: "最新更新人", |
| | | leftValue: "", |
| | | rightStr: "修改时间", |
| | | rightValue: "" |
| | | rightValue: data.updateTime |
| | | } |
| | | ] |
| | | this.timeAmountList = [ |