|
|
@@ -4,8 +4,145 @@
|
|
|
<!-- <canvas id="mycanvas" width="400" hight="400"></canvas> -->
|
|
|
<img style="width:100%;object-fit:fill" :src="previewImage" alt="" v-if="previewImage">
|
|
|
<div style="display:inline-block;margin:0 auto;" v-else>
|
|
|
+ <!--非工序确认单-->
|
|
|
+ <div ref="container" style="background:#ffffff" v-if="detail.workorder.actiontype == '非工序模板'">
|
|
|
+ <div slot="title">
|
|
|
+ <h2 style="margin:0;text-align: center;">浙江班尼戈流体控制有限公司</h2>
|
|
|
+ <h3 style="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>{{ detail.workorder.projectleader || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">服务单号</td>
|
|
|
+ <td>{{ detail.workorder.servicebillno || '--' }}</td>
|
|
|
+ <td class="td__title">服务类型</td>
|
|
|
+ <td>{{ detail.workorder.servicetype || '--' }}</td>
|
|
|
+ <td class="td__title">订单号</td>
|
|
|
+ <td>{{ detail.workorder.sonum || '--' }}</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.class1 || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">是否保内</td>
|
|
|
+ <td>{{ detail.workorder.inqualityguaranteeperiod ? '是' : '否' }}</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 colspan="6">{{ detail.workorder.reason || '--' }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title">地址</td>
|
|
|
+ <td colspan="6">{{ 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.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" width="200" label="编号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.itemno ? scope.row.itemno : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" 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-column width="200" prop="resaon" label="异常现象">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.resaon ? scope.row.resaon : '--' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title" colspan="6" style="text-align:center">处理过程</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
+ <td>
|
|
|
+ <p>{{ item.itemname }}</p>
|
|
|
+ <p>{{ item.itemno }}</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="6">{{ item.processing }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title" colspan="6" style="text-align:center">处理结果</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
+ <td>
|
|
|
+ <p>{{ item.itemname }}</p>
|
|
|
+ <p>{{ item.itemno }}</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="6">{{ item.result }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <tr>
|
|
|
+ <td class="td__title" colspan="6" style="text-align:center">原因分析</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
+ <td>
|
|
|
+ <p>{{ item.itemname }}</p>
|
|
|
+ <p>{{ item.itemno }}</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="6">{{ item.reason }}</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="1">{{ detail.responsescore }}</td>
|
|
|
+ <td style="background:#FAFAFA">配合态度</td>
|
|
|
+ <td colspan="1">{{ detail.attitudescore }}</td>
|
|
|
+ <td style="background:#FAFAFA">满意度</td>
|
|
|
+ <td colspan="1">{{ detail.satisfaction }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="background:#FAFAFA"></td>
|
|
|
+ <td colspan="5">尊敬的用户,感谢您一直以来对我们公司的信任和支持,为更好的为您提供优质服务和产品,请允许我们的客户人员带回您最宝贵的意见</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
<!--安装培训确认单-->
|
|
|
- <div ref="container" style="background:#ffffff" v-if="detail.workorder.type == '安装培训'">
|
|
|
+ <div ref="container" style="background:#ffffff" v-else-if="detail.workorder.type == '安装培训'">
|
|
|
<div slot="title">
|
|
|
<h2 style="margin:0;text-align: center;">浙江班尼戈智慧管网股份有限公司</h2>
|
|
|
<h3 style="text-align: center;">BZ/Q(EO)P38-02系统《E服务确认单》 </h3>
|
|
|
@@ -338,143 +475,7 @@
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
- <!--非工序确认单-->
|
|
|
- <div ref="container" style="background:#ffffff" v-else-if="detail.workorder.type == '维修'">
|
|
|
- <div slot="title">
|
|
|
- <h2 style="margin:0;text-align: center;">浙江班尼戈智慧管网股份有限公司</h2>
|
|
|
- <h3 style="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>{{ detail.workorder.projectleader || '--' }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title">服务单号</td>
|
|
|
- <td>{{ detail.workorder.servicebillno || '--' }}</td>
|
|
|
- <td class="td__title">服务类型</td>
|
|
|
- <td>{{ detail.workorder.servicetype || '--' }}</td>
|
|
|
- <td class="td__title">订单号</td>
|
|
|
- <td>{{ detail.workorder.sonum || '--' }}</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.class1 || '--' }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title">是否保内</td>
|
|
|
- <td>{{ detail.workorder.inqualityguaranteeperiod ? '是' : '否' }}</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 colspan="6">{{ detail.workorder.reason || '--' }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title">地址</td>
|
|
|
- <td colspan="6">{{ 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.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" width="200" label="编号">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.itemno ? scope.row.itemno : '--' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="100" 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-column width="200" prop="resaon" label="异常现象">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.resaon ? scope.row.resaon : '--' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title" colspan="6" style="text-align:center">处理过程</td>
|
|
|
- </tr>
|
|
|
- <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
- <td>
|
|
|
- <p>{{ item.itemname }}</p>
|
|
|
- <p>{{ item.itemno }}</p>
|
|
|
- </td>
|
|
|
- <td colspan="6">{{ item.processing }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title" colspan="6" style="text-align:center">处理结果</td>
|
|
|
- </tr>
|
|
|
- <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
- <td>
|
|
|
- <p>{{ item.itemname }}</p>
|
|
|
- <p>{{ item.itemno }}</p>
|
|
|
- </td>
|
|
|
- <td colspan="6">{{ item.result }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <tr>
|
|
|
- <td class="td__title" colspan="6" style="text-align:center">原因分析</td>
|
|
|
- </tr>
|
|
|
- <tr v-for="(item,index) in detail.trainertitems" :key="item.sa_workorder_node_itemsid">
|
|
|
- <td>
|
|
|
- <p>{{ item.itemname }}</p>
|
|
|
- <p>{{ item.itemno }}</p>
|
|
|
- </td>
|
|
|
- <td colspan="6">{{ item.reason }}</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="1">{{ detail.responsescore }}</td>
|
|
|
- <td style="background:#FAFAFA">配合态度</td>
|
|
|
- <td colspan="1">{{ detail.attitudescore }}</td>
|
|
|
- <td style="background:#FAFAFA">满意度</td>
|
|
|
- <td colspan="1">{{ detail.satisfaction }}</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td style="background:#FAFAFA"></td>
|
|
|
- <td colspan="5">尊敬的用户,感谢您一直以来对我们公司的信任和支持,为更好的为您提供优质服务和产品,请允许我们的客户人员带回您最宝贵的意见</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
+
|
|
|
<!-- <el-button style="margin:20px 0" type="primary" size="small" @click="submit">生 成 图 片</el-button> -->
|
|
|
</div>
|
|
|
</div>
|