|
|
@@ -1,82 +1,404 @@
|
|
|
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-button type="text" size="mini" @click="compile">生成图片</el-button>
|
|
|
+ <el-button type="text" size="mini" @click="compile">单 据 下 载</el-button>
|
|
|
<el-dialog :visible.sync="visible" append-to-body width="1000px">
|
|
|
- <table id="table" border="1" style="border-collapse: collapse;border:1px solid black;">
|
|
|
- <tr>
|
|
|
- <td style="background: #cccccc">服务分类</td>
|
|
|
- <td>安装培训</td>
|
|
|
- <td style="background: #cccccc">应用系统</td>
|
|
|
- <td>燃气系统</td>
|
|
|
- <td style="background: #cccccc">工单负责人</td>
|
|
|
- <td>陈海洋</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td style="background: #cccccc">项目名称</td>
|
|
|
- <td>安装培训</td>
|
|
|
- <td style="background: #cccccc">业务员负责人</td>
|
|
|
- <td>燃气系统</td>
|
|
|
- <td style="background: #cccccc">服务经销商</td>
|
|
|
- <td>陈海洋</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td style="background: #cccccc">联系人</td>
|
|
|
- <td>安装培训</td>
|
|
|
- <td style="background: #cccccc">联系方式</td>
|
|
|
- <td>燃气系统</td>
|
|
|
- <td style="background: #cccccc">地址</td>
|
|
|
- <td>陈海洋</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>培训人员姓名</td>
|
|
|
- <td>职务</td>
|
|
|
- <td>电话</td>
|
|
|
- <td>所属经销商</td>
|
|
|
- </tr>
|
|
|
-
|
|
|
- <tr>
|
|
|
- <td>培训产品名</td>
|
|
|
- <td>编码</td>
|
|
|
- <td>数量</td>
|
|
|
- <td>型号</td>
|
|
|
- <td>型规格</td>
|
|
|
- </tr>
|
|
|
-
|
|
|
- <tr>
|
|
|
- <td>现场培训内容</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>现场互动及测试培训效果</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>客户意见及签字确认:</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>反应速度</td>
|
|
|
- <td></td>
|
|
|
- <td>配合态度</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td></td>
|
|
|
- <td>尊敬的用户，感谢您一直以来对我们公司的信任和支持，为更好的为您提供优质服务和产品，请允许我们的客户人员带回您最宝贵的意见! wwwibpchina.com</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <!--安装培训确认单-->
|
|
|
+ <div ref="container" style="background:#ffffff" v-if="detail.workorder.type == '安装培训'">
|
|
|
+ <div slot="title" style="text-align: center;width: 100%;">
|
|
|
+ <h2 style="margin:0">浙江班尼戈智慧管网股份有限公司</h2>
|
|
|
+ <h3 style="padding:10px;text-align:center">BZ/Q(EO)P38-02系统《E服务确认单》 </h3>
|
|
|
+ <div class="flex">
|
|
|
+ <p>日期:{{detail.createdate}}</p>
|
|
|
+ <p> 编号:{{detail.confirmationno}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table id="header__table" border="1" style="border-collapse: collapse;border:1px solid #EBEBED;">
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">服务分类</td>
|
|
|
+ <td>{{ detail.workorder.servicetype || '--' }}</td>
|
|
|
+ <td class="td__title">应用系统</td>
|
|
|
+ <td>{{ detail.workorder.class1 || '--' }}</td>
|
|
|
+ <td class="td__title">工单负责人</td>
|
|
|
+ <td>{{ detail.workorder.projectleader || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">项目名称</td>
|
|
|
+ <td>{{ detail.workorder.projectname || '--' }}</td>
|
|
|
+ <td class="td__title">业务员负责人</td>
|
|
|
+ <td>{{ detail.workorder.saler_name || '--' }}</td>
|
|
|
+ <td class="td__title">服务经销商</td>
|
|
|
+ <td>{{ detail.workorder.enterprisename || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">联系人</td>
|
|
|
+ <td>{{ detail.workorder.scenecontact || '--' }}</td>
|
|
|
+ <td class="td__title">联系方式</td>
|
|
|
+ <td>{{ detail.workorder.scenecontactphonenumber || '--' }}</td>
|
|
|
+ <td class="td__title">地址</td>
|
|
|
+ <td>{{ detail.workorder.province + detail.workorder.city + detail.workorder.county + detail.workorder.address }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainers" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="name" label="培训人员姓名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.name ? scope.row.name : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="position" label="职务">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.position ? scope.row.position : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="phonenumber" label="电话">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.phonenumber ? scope.row.phonenumber : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="enterprisename" label="所属经销商">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.enterprisename ? scope.row.enterprisename : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainertitems" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="itemname" label="培训产品名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemname ? scope.row.itemname : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemno" label="编号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemno ? scope.row.itemno : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="qty" label="数量">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.qty ? scope.row.qty : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="model" label="型号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.model ? scope.row.model : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="spec" label="规格">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.spec ? scope.row.spec : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">现场培训内容</td>
|
|
|
+ <td colspan="5">{{ text.descriptions1 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">现场互动及测试培训效果</td>
|
|
|
+ <td colspan="5">{{ text.descriptions2 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">客户意见及签字确认:</td>
|
|
|
+ <td colspan="5"><img ref="nameImage" style="width:200px" v-if="signatureName.length" :src="signatureName[0].url" alt=""></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">反应速度</td>
|
|
|
+ <td colspan="2">{{ detail.responsescore }}</td>
|
|
|
+ <td style="background:#FAFAFA">配合态度</td>
|
|
|
+ <td colspan="2">{{ detail.attitudescore }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA"></td>
|
|
|
+ <td colspan="5">尊敬的用户，感谢您一直以来对我们公司的信任和支持，为更好的为您提供优质服务和产品，请允许我们的客户人员带回您最宝贵的意见</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--服务确认单-->
|
|
|
+ <div ref="container" style="background:#ffffff" v-else-if="detail.workorder.type == '服务'">
|
|
|
+ <div slot="title" style="text-align: center;width: 100%;">
|
|
|
+ <h2 style="margin:0">浙江班尼戈智慧管网股份有限公司</h2>
|
|
|
+ <h3 style="padding:10px;text-align:center">售后服务确认单 </h3>
|
|
|
+ <div class="flex">
|
|
|
+ <p>日期:{{detail.createdate}}</p>
|
|
|
+ <p> 编号:{{detail.confirmationno}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table id="header__table" border="1" style="border-collapse: collapse;border:1px solid #EBEBED;">
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">项目名称</td>
|
|
|
+ <td>{{ detail.workorder.projectname || '--' }}</td>
|
|
|
+ <td class="td__title">保质期</td>
|
|
|
+ <td>{{ detail.workorder.isouritem === 1?'内':'外' }}</td>
|
|
|
+ <td class="td__title">是否有偿服务</td>
|
|
|
+ <td>{{ text.descriptions4 > 0?'是':'否' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">服务金额</td>
|
|
|
+ <td>{{ text.descriptions4 }}</td>
|
|
|
+ <td class="td__title">联系人</td>
|
|
|
+ <td>{{ detail.workorder.scenecontact || '--' }}</td>
|
|
|
+ <td class="td__title">联系方式</td>
|
|
|
+ <td>{{ detail.workorder.scenecontactphonenumber || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">应用系统</td>
|
|
|
+ <td>{{ detail.workorder.class1 || '--' }}</td>
|
|
|
+ <td class="td__title">客诉大类</td>
|
|
|
+ <td>{{ detail.workorder.class2 || '--' }}</td>
|
|
|
+ <td class="td__title">地址</td>
|
|
|
+ <td>{{ detail.workorder.province + detail.workorder.city + detail.workorder.county + detail.workorder.address }}</td>
|
|
|
+ </tr>
|
|
|
+ <!-- <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainers" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="name" label="培训人员姓名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.name ? scope.row.name : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="position" label="职务">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.position ? scope.row.position : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="phonenumber" label="电话">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.phonenumber ? scope.row.phonenumber : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="enterprisename" label="所属经销商">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.enterprisename ? scope.row.enterprisename : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr> -->
|
|
|
+ <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainertitems" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="itemname" label="培训产品名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemname ? scope.row.itemname : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemno" label="编号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemno ? scope.row.itemno : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="qty" label="数量">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.qty ? scope.row.qty : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="model" label="型号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.model ? scope.row.model : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="spec" label="规格">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.spec ? scope.row.spec : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">问题简述</td>
|
|
|
+ <td colspan="5">{{ detail.workorder.reason || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">原因及处理措施</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[8]?detail.confirmationcontent[8].treatment.confirm_value :''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">下次处理日期</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[7]?detail.confirmationcontent[7].nextTreatmentTime.confirm_value:''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">事项说明</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[9]?detail.confirmationcontent[9].explain.confirm_value:"" }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">客户意见及签字确认:</td>
|
|
|
+ <td colspan="5"><img ref="nameImage" style="width:200px" v-if="signatureName.length" :src="signatureName[0].url" alt=""></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">反应速度</td>
|
|
|
+ <td colspan="2">{{ detail.responsescore }}</td>
|
|
|
+ <td style="background:#FAFAFA">配合态度</td>
|
|
|
+ <td colspan="2">{{ detail.attitudescore }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA"></td>
|
|
|
+ <td colspan="5">尊敬的用户，感谢您一直以来对我们公司的信任和支持，为更好的为您提供优质服务和产品，请允许我们的客户人员带回您最宝贵的意见</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--安装调试确认单-->
|
|
|
+ <div ref="container" style="background:#ffffff" v-else-if="detail.workorder.type == '安装调试'">
|
|
|
+ <div slot="title" style="text-align: center;width: 100%;">
|
|
|
+ <h2 style="margin:0">浙江班尼戈智慧管网股份有限公司</h2>
|
|
|
+ <h3 style="padding:10px;text-align:center">售后服务确认单 </h3>
|
|
|
+ <div class="flex">
|
|
|
+ <p>日期:{{detail.createdate}}</p>
|
|
|
+ <p> 编号:{{detail.confirmationno}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table id="header__table" border="1" style="border-collapse: collapse;border:1px solid #EBEBED;">
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">项目名称</td>
|
|
|
+ <td>{{ detail.workorder.projectname || '--' }}</td>
|
|
|
+ <td class="td__title">保质期</td>
|
|
|
+ <td>{{ detail.workorder.isouritem === 1?'内':'外' }}</td>
|
|
|
+ <td class="td__title">是否有偿服务</td>
|
|
|
+ <td>{{ text.descriptions4 > 0?'是':'否' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">服务金额</td>
|
|
|
+ <td>{{ text.descriptions4 }}</td>
|
|
|
+ <td class="td__title">联系人</td>
|
|
|
+ <td>{{ detail.workorder.scenecontact || '--' }}</td>
|
|
|
+ <td class="td__title">联系方式</td>
|
|
|
+ <td>{{ detail.workorder.scenecontactphonenumber || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">应用系统</td>
|
|
|
+ <td>{{ detail.workorder.class1 || '--' }}</td>
|
|
|
+ <td class="td__title">客诉大类</td>
|
|
|
+ <td>{{ detail.workorder.class2 || '--' }}</td>
|
|
|
+ <td class="td__title">地址</td>
|
|
|
+ <td>{{ detail.workorder.province + detail.workorder.city + detail.workorder.county + detail.workorder.address }}</td>
|
|
|
+ </tr>
|
|
|
+ <!-- <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainers" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="name" label="培训人员姓名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.name ? scope.row.name : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="position" label="职务">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.position ? scope.row.position : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="phonenumber" label="电话">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.phonenumber ? scope.row.phonenumber : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="enterprisename" label="所属经销商">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.enterprisename ? scope.row.enterprisename : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr> -->
|
|
|
+ <tr>
|
|
|
+ <td colspan="6" style="padding:0">
|
|
|
+ <el-table :data="detail.trainertitems" :header-cell-style="{background:'#F2F3F5',color:'#000000'}" size="mini">
|
|
|
+ <el-table-column width="260" prop="itemname" label="培训产品名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemname ? scope.row.itemname : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemno" label="编号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemno ? scope.row.itemno : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="qty" label="数量">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.qty ? scope.row.qty : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="model" label="型号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.model ? scope.row.model : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="200" prop="spec" label="规格">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.spec ? scope.row.spec : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">问题简述</td>
|
|
|
+ <td colspan="5">{{ detail.workorder.reason || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">原因及处理措施</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[8]?detail.confirmationcontent[8].treatment.confirm_value :''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">下次处理日期</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[7]?detail.confirmationcontent[7].nextTreatmentTime.confirm_value:''}}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">事项说明</td>
|
|
|
+ <td colspan="5">{{ detail.confirmationcontent[9]?detail.confirmationcontent[9].explain.confirm_value:"" }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">客户意见及签字确认:</td>
|
|
|
+ <td colspan="5"><img ref="nameImage" style="width:200px" v-if="signatureName.length" :src="signatureName[0].url" alt=""></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA">反应速度</td>
|
|
|
+ <td colspan="2">{{ detail.responsescore }}</td>
|
|
|
+ <td style="background:#FAFAFA">配合态度</td>
|
|
|
+ <td colspan="2">{{ detail.attitudescore }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA"></td>
|
|
|
+ <td colspan="5">尊敬的用户，感谢您一直以来对我们公司的信任和支持，为更好的为您提供优质服务和产品，请允许我们的客户人员带回您最宝贵的意见</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submit" size="small" class="normal-btn-width">生成图片</el-button>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import domtoimage from 'dom-to-image'
|
|
|
export default {
|
|
|
props: ['data'],
|
|
|
data () {
|
|
|
return {
|
|
|
visible: false,
|
|
|
- tableData: ''
|
|
|
+ detail: {
|
|
|
+ servicetype:{},
|
|
|
+ workorder:{},
|
|
|
+ servicetitems:[],
|
|
|
+ confirmationcontent:[]
|
|
|
+ },
|
|
|
+ signatureName:[],
|
|
|
+ needSignName:true,
|
|
|
+ show:true,
|
|
|
+ text:{
|
|
|
+ descriptions1:'',
|
|
|
+ descriptions2:'',
|
|
|
+ descriptions3:'',
|
|
|
+ descriptions4:0,
|
|
|
+ descriptions5:'',
|
|
|
+ descriptions6:'',
|
|
|
+ descriptions7:''
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -89,8 +411,42 @@ export default {
|
|
|
"sa_workorder_confirmationid": this.data.sa_workorder_confirmationid
|
|
|
}
|
|
|
})
|
|
|
- console.log(res.data)
|
|
|
- }
|
|
|
+ res.data.confirmationcontent.forEach(e => {
|
|
|
+ Object.keys(e).map((key,index)=>{
|
|
|
+ this.text.descriptions4 += e[key].amount
|
|
|
+ if (key.includes('现场培训内容')) {
|
|
|
+ this.text.descriptions1 = e[key].confirm_value
|
|
|
+ }
|
|
|
+ if (key.includes('测试培训效果')) {
|
|
|
+ this.text.descriptions2 = e[key].confirm_value
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.detail = res.data
|
|
|
+ this.signatureName = this.detail.attinfos.filter(e=>{
|
|
|
+ if (e.usetype === 'signature') {
|
|
|
+ return e
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log(this.detail)
|
|
|
+ },
|
|
|
+ submit () {
|
|
|
+ let that = this
|
|
|
+ domtoimage.toBlob(this.$refs.container)
|
|
|
+ .then(function (blob) {
|
|
|
+ console.log('触发');
|
|
|
+ let blobUrl = window.URL.createObjectURL(blob)
|
|
|
+ let link = document.createElement('a')
|
|
|
+ link.download = that.detail.workorder.type
|
|
|
+ link.style.display = 'none'
|
|
|
+ link.href = blobUrl
|
|
|
+ // 触发点击
|
|
|
+ document.body.appendChild(link)
|
|
|
+ link.click()
|
|
|
+ // 移除
|
|
|
+ document.body.removeChild(link)
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
created () {
|
|
|
}
|
|
|
@@ -98,4 +454,18 @@ export default {
|
|
|
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+#header__table tr td {
|
|
|
+ width: 120px;
|
|
|
+ padding:10px;
|
|
|
+}
|
|
|
+.td__title {
|
|
|
+ background: #FAFAFA;
|
|
|
+ color: #000000;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.flex{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
