|
@@ -1,221 +1,95 @@
|
|
|
<template>
|
|
|
<!-- 提测预览 -->
|
|
|
<div class="eleStyle_one">
|
|
|
- <div style="height:100%;width:94%; margin: 0 3%; overflow: hidden;">
|
|
|
- <div style="padding:2% 9%;">
|
|
|
- <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
|
|
|
- <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ fromCreateData.name }}</span>
|
|
|
- <span style="flex:2;margin:1% 0 0 20px;font-size: 17px;">by {{ fromCreateData.submitter }}</span>
|
|
|
- <!-- <span style="flex:1;">
|
|
|
- <el-button type="primary" size="mini" style="margin:0 2% 0 0%;" @click="dialogTableVisible = true">发送报告</el-button>
|
|
|
- <el-button size="mini" @click="dialogTableVisible = true">下载测试报告</el-button>
|
|
|
- </span> -->
|
|
|
- </div>
|
|
|
- <div class="titleStyle" style="margin:1% 0;">一. 提测详情</div>
|
|
|
- <div v-if="oneShow">
|
|
|
- <el-form :model="fromCreateData">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><div class="marage">是否延期 : <span :style="lateStatus1">{{ lateStatus }}</span></div><br></div>
|
|
|
- <div style="flex:1;"><div v-show="showDelay" class="marage">延期原因 : <span>{{ fromCreateData.lateReason }}</span></div><br></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><div class="marage">涉及安全项 : <span :style="safeStatus1">{{ safeStatus }}</span></div><br></div>
|
|
|
- <div style="flex:1;"><div v-show="showData" class="marage">完成结果 : <span>{{ fromCreateData.safeInfo }}</span></div><br></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1">
|
|
|
- <div class="marage">SDL链接 : <a href="http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=237016271" style="color:blue;">普惠SDL准入标准</a></div><br>
|
|
|
- <div class="marage">是否跟版 : <span>{{ fromCreateData.isEdition }}</span></div><br>
|
|
|
- <div class="marage">优 先 级 : <span>{{ fromCreateData.priority }}</span></div><br>
|
|
|
- </div>
|
|
|
- <div style="flex:1;">
|
|
|
- <div class="marage">开发时间 : <span>{{ fromCreateData.devTimeStart }} 至 {{ fromCreateData.devTimeEnd }}</span></div><br>
|
|
|
- <div class="marage">计划提测时间 : <span>{{ fromCreateData.planLaunchTime }}</span></div><br>
|
|
|
- <div class="marage">实际提测时间 : <span>{{ fromCreateData.launchTime }}</span></div><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="marage">prd地址 : <span>{{ fromCreateData.prdUrl }}</span></div><br>
|
|
|
- <div class="marage">设计方案 : <span>{{ fromCreateData.devUrl }}</span></div><br>
|
|
|
- <div class="marage">自测结果 : <span>{{ fromCreateData.selfTestInfo }}</span></div><br>
|
|
|
- <div class="marage">测试建议 : <span>{{ fromCreateData.testSuggest }}</span></div><br>
|
|
|
- <el-form-item label="提测模块" style="margin: 2px 0;" />
|
|
|
- <div class="rich" v-html=" moduleInfoOne" />
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="towShow">
|
|
|
- <el-form :model="fromCreateData">
|
|
|
- <div style="display:flex;">
|
|
|
- <div style="flex:1">
|
|
|
- <el-form-item label="测试地址 : ">{{ fromCreateData.packageUrl }}</el-form-item><br>
|
|
|
- <el-form-item label="提测环境 : ">{{ fromCreateData.env }}</el-form-item><br>
|
|
|
- <el-form-item label="自测结果 : ">{{ fromCreateData.selfTestInfo }}</el-form-item><br>
|
|
|
- </div>
|
|
|
- <div style="flex:1">
|
|
|
- <el-form-item label="打包分支 : ">{{ fromCreateData.packageBranch }}</el-form-item><br>
|
|
|
- <el-form-item label="优 先 级 : ">{{ fromCreateData.priority }}</el-form-item><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><el-form-item label="新增Apollo : "><span :style="configInfo1">{{ config }}</span></el-form-item><br></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay1" label="Apollo名称 : ">{{ fromCreateData.configInfo }}</el-form-item><br></div>
|
|
|
- </div>
|
|
|
+ <div style="padding:2% 12%;">
|
|
|
+ <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
|
|
|
+ <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ fromCreateData.name }}</span>
|
|
|
+ <span style="flex:2;margin:1% 0 0 20px;font-size: 17px;">by {{ fromCreateData.submitter }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="titleStyle" style="margin:1% 0;">一. 提测详情</div>
|
|
|
+ <div v-if="oneShow">
|
|
|
+ <el-form :model="fromCreateData">
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1"><div class="marage">是否延期 : <span :style="lateStatus1">{{ lateStatus }}</span></div><br></div>
|
|
|
+ <div style="flex:1;"><div v-show="showDelay" class="marage">延期原因 : {{ fromCreateData.lateReason }}</div><br></div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><el-form-item label="依赖组件 : "><span :style="dependentComponents1">{{ dependentCom }}</span></el-form-item></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay2" label="组件名称 : ">{{ fromCreateData.dependentComponents }}</el-form-item></div>
|
|
|
- </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1"><div class="marage">涉及安全项 : <span :style="safeStatus1">{{ safeStatus }}</span></div><br></div>
|
|
|
+ <div style="flex:1;"><div v-show="showData" class="marage">完成结果 : {{ fromCreateData.safeInfo }}</div><br></div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><el-form-item label="是否延期 : "><span :style="lateStatus1">{{ lateStatus }}</span></el-form-item></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay" label="延期原因 : ">{{ fromCreateData.lateReason }}</el-form-item></div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1">
|
|
|
+ <div class="marage">SDL链接 : <a href="http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=237016271" style="color:blue;">普惠SDL准入标准</a></div><br>
|
|
|
+ <div class="marage">是否跟版 : {{ fromCreateData.isEdition }}</div><br>
|
|
|
+ <div class="marage">优 先 级 : {{ fromCreateData.priority }}</div><br>
|
|
|
</div>
|
|
|
-
|
|
|
- <el-form-item label="PM & UI : ">{{ fromCreateData.pmUi }}</el-form-item><br>
|
|
|
- <div class="noWrap">
|
|
|
- <el-form-item label="测试建议 :">{{ fromCreateData.testSuggest }}</el-form-item><br>
|
|
|
- <el-form-item label="需求list :">{{ fromCreateData.functionInfo }}</el-form-item><br>
|
|
|
- <el-form-item label="涉及接口 :">{{ fromCreateData.interfaceInfo }}</el-form-item><br>
|
|
|
+ <div style="flex:1;">
|
|
|
+ <div class="marage">开发时间 : {{ fromCreateData.devTimeStart }} 至 {{ fromCreateData.devTimeEnd }}</div><br>
|
|
|
+ <div class="marage">计划提测时间 : {{ fromCreateData.planLaunchTime }}</div><br>
|
|
|
+ <div class="marage">实际提测时间 : {{ fromCreateData.launchTime }}</div><br>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <div class="titleStyle">二. 联调详情</div>
|
|
|
- <div class="rich" v-html="joinTestOne" />
|
|
|
-
|
|
|
- <div class="titleStyle">三. 其他</div>
|
|
|
- <el-form>
|
|
|
- <div v-if="oneShow" class="marage">新增配置 : {{ fromCreateData.configInfo }}</div><br>
|
|
|
- <div class="marage">其他 : {{ fromCreateData.others }}</div><br>
|
|
|
- <!-- <el-button style="float:right; margin:8% 50%;" @click="open()"> 返 回 </el-button> -->
|
|
|
+ </div>
|
|
|
+ <div class="marage">prd地址 : {{ fromCreateData.prdUrl }}</div><br>
|
|
|
+ <div class="marage">设计方案 : {{ fromCreateData.devUrl }}</div><br>
|
|
|
+ <div class="marage">自测结果 : {{ fromCreateData.selfTestInfo }}</div><br>
|
|
|
+ <div class="marage">测试建议 : {{ fromCreateData.testSuggest }}</div><br>
|
|
|
+ <el-form-item label="提测模块" style="margin: 2px 0;" />
|
|
|
+ <div class="rich" v-html=" moduleInfoOne" />
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <el-dialog title="邮件预览" width="70%" center :visible.sync="dialogTableVisible" @open="dasd()">
|
|
|
- <!-- <div align="center">
|
|
|
- <el-button type="primary" size="mini" @click="dialogFormVisible = true">确定发送</el-button>
|
|
|
- <el-button size="mini" @click="download()">确定下载</el-button>
|
|
|
- </div> -->
|
|
|
- <!-- <div id="resumeId" class="eleStyle_one">
|
|
|
- <div style="height:100%;width:94%; background:#ffffff; margin: 3%; border-radius: 4px; overflow: hidden;">
|
|
|
- <div style="padding:2% 9%;">
|
|
|
- <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
|
|
|
- <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ fromCreateData.name }}</span>
|
|
|
- <span style="flex:2;margin:1% 0 0 20px;font-size: 17px;">by {{ fromCreateData.submitter }}
|
|
|
- </span>
|
|
|
+ <div v-if="towShow">
|
|
|
+ <el-form :model="fromCreateData">
|
|
|
+ <div style="display:flex;">
|
|
|
+ <div style="flex:1">
|
|
|
+ <el-form-item label="测试地址 : ">{{ fromCreateData.packageUrl }}</el-form-item><br>
|
|
|
+ <el-form-item label="提测环境 : ">{{ fromCreateData.env }}</el-form-item><br>
|
|
|
+ <el-form-item label="自测结果 : ">{{ fromCreateData.selfTestInfo }}</el-form-item><br>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="titleStyle" style="margin:1% 0;">一. 提测详情</div>
|
|
|
-
|
|
|
- <div v-if="oneShow">
|
|
|
- <el-form :model="fromCreateData">
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><div class="marage">是否延期 : <span :style="lateStatus1">{{ lateStatus }}</span></div><br></div>
|
|
|
- <div style="flex:1;"><div v-show="showDelay" class="marage">延期原因 : <span>{{ fromCreateData.lateReason }}</span></div><br></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><div class="marage">涉及安全项 : <span :style="safeStatus1">{{ safeStatus }}</span></div><br></div>
|
|
|
- <div style="flex:1;"><div v-show="showData" class="marage">完成结果 : <span>{{ fromCreateData.safeInfo }}</span></div><br></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1">
|
|
|
- <div class="marage">SDL链接 : <a href="http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=237016271" style="color:blue;">普惠SDL准入标准</a></div><br>
|
|
|
- <div class="marage">是否跟版 : <span>{{ fromCreateData.isEdition }}</span></div><br>
|
|
|
- <div class="marage">优 先 级 : <span>{{ fromCreateData.priority }}</span></div><br>
|
|
|
- </div>
|
|
|
- <div style="flex:1;">
|
|
|
- <div class="marage">开发时间 : <span>{{ fromCreateData.devTimeStart }} 至 {{ fromCreateData.devTimeEnd }}</span></div><br>
|
|
|
- <div class="marage">计划提测时间 : <span>{{ fromCreateData.planLaunchTime }}</span></div><br>
|
|
|
- <div class="marage">实际提测时间 : <span>{{ fromCreateData.launchTime }}</span></div><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="marage">prd地址 : <span>{{ fromCreateData.prdUrl }}</span></div><br>
|
|
|
- <div class="marage">设计方案 : <span>{{ fromCreateData.devUrl }}</span></div><br>
|
|
|
- <div class="marage">自测结果 : <span>{{ fromCreateData.selfTestInfo }}</span></div><br>
|
|
|
- <div class="marage">测试建议 : <span>{{ fromCreateData.testSuggest }}</span></div><br>
|
|
|
- <el-form-item label="提测模块" style="margin: 2px 0;" />
|
|
|
- <div class="rich" v-html=" moduleInfoOne" />
|
|
|
- </el-form>
|
|
|
+ <div style="flex:1">
|
|
|
+ <el-form-item label="打包分支 : ">{{ fromCreateData.packageBranch }}</el-form-item><br>
|
|
|
+ <el-form-item label="优 先 级 : ">{{ fromCreateData.priority }}</el-form-item><br>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div v-if="towShow">
|
|
|
- <el-form :model="fromCreateData">
|
|
|
- <div style="display:flex;">
|
|
|
- <div style="flex:1">
|
|
|
- <el-form-item label="测试地址 : ">{{ fromCreateData.packageUrl }}</el-form-item><br>
|
|
|
- <el-form-item label="提测环境 : ">{{ fromCreateData.env }}</el-form-item><br>
|
|
|
- <el-form-item label="自测结果 : ">{{ fromCreateData.selfTestInfo }}</el-form-item><br>
|
|
|
- </div>
|
|
|
- <div style="flex:1">
|
|
|
- <el-form-item label="打包分支 : ">{{ fromCreateData.packageBranch }}</el-form-item><br>
|
|
|
- <el-form-item label="优 先 级 : ">{{ fromCreateData.priority }}</el-form-item><br>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><el-form-item label="新增Apollo : "><span :style="configInfo1">{{ config }}</span></el-form-item><br></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay1" label="Apollo名称">{{ fromCreateData.configInfo }}</el-form-item><br></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="display: flex;">
|
|
|
- <div style="flex:1"><el-form-item label="依赖组件 : "><span :style="dependentComponents1">{{ dependentCom }}</span></el-form-item></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay2" label="组件名称 : ">{{ fromCreateData.dependentComponents }}</el-form-item></div>
|
|
|
- </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1"><el-form-item label="新增Apollo : "><span :style="configInfo1">{{ config }}</span></el-form-item><br></div>
|
|
|
+ <div style="flex:1;"><el-form-item v-show="showDelay1" label="Apollo名称 : ">{{ fromCreateData.configInfo }}</el-form-item><br></div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div style="display: flex; margin:1% 0;">
|
|
|
- <div style="flex:1"><el-form-item label="是否延期 : "><span :style="lateStatus1">{{ lateStatus }}</span></el-form-item></div>
|
|
|
- <div style="flex:1;"><el-form-item v-show="showDelay" label="延期原因 : ">{{ fromCreateData.lateReason }}</el-form-item></div>
|
|
|
- </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1"><el-form-item label="依赖组件 : "><span :style="dependentComponents1">{{ dependentCom }}</span></el-form-item></div>
|
|
|
+ <div style="flex:1;"><el-form-item v-show="showDelay2" label="组件名称 : ">{{ fromCreateData.dependentComponents }}</el-form-item></div>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-form-item label="PM & UI : ">{{ fromCreateData.pmUi }}</el-form-item><br>
|
|
|
- <div class="noWrap">
|
|
|
- <el-form-item label="测试建议 :">{{ fromCreateData.testSuggest }}</el-form-item><br>
|
|
|
- <el-form-item label="需求list :">{{ fromCreateData.functionInfo }}</el-form-item><br>
|
|
|
- <el-form-item label="涉及接口 :">{{ fromCreateData.interfaceInfo }}</el-form-item><br>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <div class="titleStyle">二. 联调详情</div>
|
|
|
- <div class="rich" v-html="joinTestOne" />
|
|
|
- <div class="titleStyle">三. 其他</div>
|
|
|
- <el-form>
|
|
|
- <div v-if="oneShow" class="marage">新增配置 : {{ fromCreateData.configInfo }}</div><br>
|
|
|
- <div class="marage" style="margin:8% 0%;">其他 : {{ fromCreateData.others }}</div><br>
|
|
|
- </el-form>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="flex:1"><el-form-item label="是否延期 : "><span :style="lateStatus1">{{ lateStatus }}</span></el-form-item></div>
|
|
|
+ <div style="flex:1;"><el-form-item v-show="showDelay" label="延期原因 : ">{{ fromCreateData.lateReason }}</el-form-item></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- </el-dialog>
|
|
|
- <!-- 发送报告 -->
|
|
|
- <!-- <el-dialog title="发送邮件" width="30%" :visible.sync="dialogFormVisible">
|
|
|
- <el-form label-position="center" :model="form" label-width="80px">
|
|
|
- <el-form-item label="发送 : ">
|
|
|
- <el-input v-model="form.name" placeholder="请填写邮箱前缀,邮箱名以 , 分割" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="抄送 : ">
|
|
|
- <el-input v-model="form.names" placeholder="请填写邮箱前缀,邮箱名以 , 分割" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- {{ message }}
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
|
|
|
- <el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="sendReport(form)">确 定</el-button>
|
|
|
+ <el-form-item label="PM & UI : ">{{ fromCreateData.pmUi }}</el-form-item><br>
|
|
|
+ <div class="noWrap">
|
|
|
+ <el-form-item label="测试建议 :">{{ fromCreateData.testSuggest }}</el-form-item><br>
|
|
|
+ <el-form-item label="需求list :">{{ fromCreateData.functionInfo }}</el-form-item><br>
|
|
|
+ <el-form-item label="涉及接口 :">{{ fromCreateData.interfaceInfo }}</el-form-item><br>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
- </el-dialog> -->
|
|
|
+ <div class="titleStyle">二. 联调详情</div>
|
|
|
+ <div class="rich" v-html="joinTestOne" />
|
|
|
+
|
|
|
+ <div class="titleStyle">三. 其他</div>
|
|
|
+ <el-form>
|
|
|
+ <div v-if="oneShow" class="marage">新增配置 : {{ fromCreateData.configInfo }}</div><br>
|
|
|
+ <div class="marage">其他 : {{ fromCreateData.others }}</div><br>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// import { launchTestSendmail } from '@/api/ResultPage'
|
|
|
-// import html2canvas from 'html2canvas'
|
|
|
-// import { launchTest } from '@/api/testPresentetion'
|
|
|
-
|
|
|
export default {
|
|
|
name: 'AcceptTheReport',
|
|
|
props: {
|
|
@@ -230,8 +104,6 @@ export default {
|
|
|
dependentComponents1: { color: 'green' },
|
|
|
lateStatus1: { color: 'red' },
|
|
|
safeStatus1: { color: 'green' },
|
|
|
- // dialogTableVisible: false,
|
|
|
- // dialogFormVisible: false,
|
|
|
form: {},
|
|
|
dependentCom: '',
|
|
|
config: '',
|
|
@@ -254,9 +126,6 @@ export default {
|
|
|
this.idGet()
|
|
|
},
|
|
|
methods: {
|
|
|
- // dasd() {
|
|
|
- // this.idGet()
|
|
|
- // },
|
|
|
// download() {
|
|
|
// this.getPdf('resumeId', this.name)
|
|
|
// },
|
|
@@ -306,23 +175,7 @@ export default {
|
|
|
this.dependentCom = '否'
|
|
|
this.dependentComponents1.color = 'red'
|
|
|
}
|
|
|
- // })
|
|
|
}
|
|
|
- // open() { this.$router.push({ path: '/Platform/presentation/Assumptions' }) }
|
|
|
- // sendReport(e) {
|
|
|
- // var ele = this.fromCreateData
|
|
|
- // setTimeout(() => {
|
|
|
- // var that = this
|
|
|
- // html2canvas(document.getElementById('resumeId'), { useCORS: true }).then(function(canvas) {
|
|
|
- // var imgData = canvas.toDataURL('image/png')
|
|
|
- // var sendImgData = imgData.substring(imgData.indexOf(',') + 1)
|
|
|
- // var postData = { 'reportId': ele.id, 'imgStr': sendImgData, 'url': window.location.href, 'emailUser': e.name, 'copyTo': e.names }
|
|
|
- // launchTestSendmail(postData).then(res => {
|
|
|
- // res.code === 200 ? that.$message.success('发送测试报告成功') : that.$message.error('发送测试报告失败,请联系管理员!')
|
|
|
- // })
|
|
|
- // })
|
|
|
- // }, 500)
|
|
|
- // }
|
|
|
}
|
|
|
}
|
|
|
</script>
|