发送报告（优化）

src/views/Platform/presentation/ResultPageyL.vue

@@ -1,14 +1,14 @@
 <template>
-  <div id="resumeId" class="eleStyle">
+  <div class="eleStyle">
     <div style="height:100%;width:94%; background:#ffffff; margin: 3% 3% 8% 3%; border-radius: 8px; overflow: hidden;">
       <!-- 准出预览 -->
       <div v-if="towShow">
-        <div style="padding: 3% 9%; color: #333B4A;">
-          <div style="display: flex; font-size: 19px;  white-space: nowrap; font-weight: bold;">
-            <span style="flex:1;">{{ ClientDatayl.reportName }}</span>
-            <span style="flex:1;">by : {{ ClientDatayl.ownner }}
-              <el-button type="primary" size="mini" style="margin:0 2% 0 45%;" @click="promptEmail(ClientDatayl)">发送报告</el-button>
-              <el-button size="mini" @click="download()">下载测试报告</el-button>
+        <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">{{ ClientDatayl.reportName }}</span>
+            <span style="flex:2;margin: 0.5% 0 0 20px;font-size: 17px;">by {{ ClientDatayl.ownner }}
+              <el-button type="primary" size="mini" style="margin:0 2% 0 5%;" @click="dialogTableVisible = true">发送报告</el-button>
+              <el-button size="mini" @click="dialogTableVisible = true">下载测试报告</el-button>
             </span>
           </div>
           <div style="margin: 2% 0 1% 0; font-size: 19px; font-weight: bold;">一. 项目概述</div><br>
@@ -119,11 +119,11 @@
 
       <div v-if="oneShow">
         <div id="resumeId1" style="padding: 3% 6%; color: #333B4A;">
-          <div style="display: flex; font-size: 19px;  white-space: nowrap; font-weight: bold;">
-            <span style="flex:1;">{{ ClientDatayl.reportName }}</span>
-            <span style="flex:1;">by : {{ ClientDatayl.ownner }}
-              <el-button type="primary" size="mini" style="margin:0 2% 0 45%;" @click="promptEmail1(ClientDatayl)">发送报告</el-button>
-              <el-button size="mini" @click="download1()">下载测试报告</el-button>
+          <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
+            <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ ClientDatayl.reportName }}</span>
+            <span style="flex:2;margin: 0.5% 0 0 20px;font-size: 17px;">by {{ ClientDatayl.ownner }}
+              <el-button type="primary" size="mini" style="margin:0 2% 0 5%;" @click="dialogTableVisible = true">发送报告</el-button>
+              <el-button size="mini" @click="dialogTableVisible = true">下载测试报告</el-button>
             </span>
           </div>
           <div style="margin: 2% 0 1% 0; font-size: 19px; font-weight: bold;">一、项目概述</div><br>
@@ -189,12 +189,6 @@
                 <span v-else>{{ scope.row.rateOfFix.value }}</span>
               </template>
             </el-table-column>
-            <!-- <el-table-column prop="memo" min-width="200" align="center" label="备注">
-              <template slot-scope="scope">
-                <el-input v-if="scope.row.memo.edit" ref="rateOfFix" v-model="scope.row.memo.value" style="width: 100%" @blur="scope.row.memo.edit = false" />
-                <span v-else>{{ scope.row.memo.value }}</span>
-              </template>
-            </el-table-column> -->
           </el-table>
           <el-row>
             <el-col :span="24"><div style="margin: 2% 0;">1、遗留问题</div>{{ ClientDatayl.bugInfo }}</el-col>
@@ -207,6 +201,206 @@
         <el-button style="margin:02% 0%;" @click="$router.go(-1)"> 返 回 </el-button>
       </div>
     </div>
+
+    <el-dialog title="邮件预览" width="70%" center :visible.sync="dialogTableVisible" @open="idGet()">
+      <div align="center">
+        <el-button type="primary" size="mini" @click="promptEmail(ClientDatayl)">确定发送</el-button>
+        <el-button size="mini" @click="download()">确定下载</el-button>
+      </div>
+      <div id="resumeId" class="eleStyle">
+        <div style="height:100%;width:94%; background:#ffffff; margin: 3% 3% 8% 3%; border-radius: 8px; overflow: hidden;">
+          <div v-if="towShow">
+            <div style="padding: 3% 9%; color: #333B4A;">
+              <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
+                <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ ClientDatayl.reportName }}</span>
+                <span style="flex:2;margin: 0.5% 0 0 20px;font-size: 17px;">by {{ ClientDatayl.ownner }}</span>
+              </div>
+              <div style="margin: 2% 0 1% 0; font-size: 19px; font-weight: bold;">一. 项目概述</div><br>
+              <div style="display:flex;">
+                <div style="flex:1">
+                  <div class="marage">测试结果 : <span :style="status1">{{ status }}</span></div><br>
+                  <div class="marage">开发人员 : {{ ClientDatayl.developer }}</div><br>
+                  <div class="marage">开发周期 : {{ ClientDatayl.devTimeEnd }} 至 {{ ClientDatayl.devTimeStart }}</div><br>
+                  <div class="marage">准出延期 : <span :style="taskLateDisabled">{{ ClientDatayl.taskLateStatus }}</span></div><br>
+                </div>
+                <div style="flex:1">
+                  <div class="marage">准入结果 : {{ ClientDatayl.launchInfo }}</div><br>
+                  <div class="marage">测试人员 : {{ ClientDatayl.tester }}</div><br>
+                  <div class="marage">测试周期 : {{ ClientDatayl.testTimeEnd }} 至 {{ ClientDatayl.testTimeStart }} </div><br>
+                  <div v-show="showDelay1" class="marage">延期原因 : {{ ClientDatayl.taskLateReason }}</div><br>
+                </div>
+              </div>
+              <div style="display:flex;">
+                <div style="flex:1">
+                  <div class="marage">涉及安全项 : <span :style="getInfoBtnDisabled">{{ ClientDatayl.getInfoBtn }}</span></div><br>
+                </div>
+                <div style="flex:1">
+                  <div v-show="showData" class="marage">完成结果 : {{ ClientDatayl.safeInfo }}</div>
+                </div>
+              </div>
+              <div style="white-space: nowrap;">SDL链接 : <el-link href="http://wiki.intra.xiaojukeji.com/pages/viewpage.action?pageId=237016271" type="primary" target="_blank"> 普惠SDL准入标准</el-link></div>
+              <div class="titleStyle">二. 项目背景</div><br>
+
+              <div class="rich" v-html="editorElem" />
+
+              <div class="titleStyle">三. 模块信息</div>
+
+              <div class="marage">1、模块信息</div>
+
+              <div class="rich" v-html="editorElems" />
+
+              <div class="marage">2、本期功能</div>
+
+              <div class="rich" v-html="editorFrom" />
+
+              <div class="marage">3、风险点</div>
+
+              <div class="rich" v-html="editorF" />
+
+              <div class="marage">4、缺陷分析</div>
+
+              <el-table :data="tableData" border>
+                <el-table-column prop="totalBug" label="bug总数" min-width="200" align="center" edit="false">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.totalBug.edit" ref="totalBug" v-model="scope.row.totalBug.value" style="width: 100%" @blur="scope.row.totalBug.edit = false" />
+                    <span v-else>{{ scope.row.totalBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fixBug" min-width="200" align="center" label="已解决bug数">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.fixBug.edit" ref="fixBug" v-model="scope.row.fixBug.value" style="width: 100%" @blur="scope.row.fixBug.edit = false" />
+                    <span v-else>{{ scope.row.fixBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remainBug" min-width="200" align="center" label="遗留bug数">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.remainBug.edit" ref="remainBug" v-model="scope.row.remainBug.value" style="width: 100%" @blur="scope.row.remainBug.edit = false" />
+                    <span v-else>{{ scope.row.remainBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="rateOfReopen" min-width="200" align="center" label="reopen率">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.rateOfReopen.edit" ref="rateOfReopen" v-model="scope.row.rateOfReopen.value" style="width: 100%" @blur="scope.row.rateOfReopen.edit = false" />
+                    <span v-else>{{ scope.row.rateOfReopen.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="invalidBug" min-width="200" align="center" label="无效bug数">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.invalidBug.edit" ref="invalidBug" v-model="scope.row.invalidBug.value" style="width: 100%" @blur="scope.row.invalidBug.edit = false" />
+                    <span v-else>{{ scope.row.invalidBug.value }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <el-row>
+                <el-col :span="24"><div style="margin:2% 0;">5、遗留问题</div>{{ ClientDatayl.bugInfo }}</el-col>
+              </el-row>
+
+              <div class="rich" v-html="editorData" />
+
+              <div class="titleStyle">四. 测试项</div>
+
+              <div class="marage">1、功能测试 : <span style="margin-left:40px;" :style="fctResultChange">{{ fctResult }}</span></div>
+
+              <div class="rich" v-html="editorEl" />
+
+              <div class="marage">2、可靠性测试 : <span style="margin-left:40px;" :style="rqtResultChange">{{ rqtResult }}</span></div>
+
+              <div class="rich" v-html="editorEle" />
+
+              <div class="marage">3、稳定性测试 : <span style="margin-left:40px;" :style="pftResultChange">{{ pftResult }}</span></div>
+
+              <div class="rich" v-html="editorSix" />
+
+              <div class="marage">4、安全性测试 : <span style="margin-left:40px;" :style="safeResultChange">{{ safeResult }}</span></div>
+
+              <div class="rich" v-html="editorEight" />
+
+              <div class="marage">5、线上监控 : <span style="margin-left:40px;" :style="moniterResultChange">{{ moniterResult }}</span></div>
+
+              <div class="rich" v-html="editorNine" />
+            </div>
+          </div>
+
+          <div v-if="oneShow">
+            <div id="resumeId1" style="padding: 3% 6%; color: #333B4A;">
+              <div style="display: flex; white-space: nowrap; font-family:SimSuncss">
+                <span style="flex:1;font-weight: bold;font-size: 24px;color: #3a8ee6">{{ ClientDatayl.reportName }}</span>
+                <span style="flex:2;margin: 0.5% 0 0 20px;font-size: 17px;">by {{ ClientDatayl.ownner }}</span>
+              </div>
+              <div style="margin: 2% 0 1% 0; font-size: 19px; font-weight: bold;">一、项目概述</div><br>
+              <div style="display:flex;">
+                <div style="flex:1">
+                  <div class="marage">测试结果 : <span :style="status1">{{ status }}</span></div><br>
+                  <div class="marage">开发人员 : {{ ClientDatayl.developer }}</div><br>
+                  <div class="marage">开发周期 : {{ ClientDatayl.devTimeEnd }} 至 {{ ClientDatayl.devTimeStart }}</div><br>
+                  <div class="marage">准出延期 : <span :style="taskLateDisabled">{{ ClientDatayl.taskLateStatus }}</span></div><br>
+                </div>
+                <div style="flex:1">
+                  <div class="marage">准入结果 : {{ ClientDatayl.launchInfo }}</div><br>
+                  <div class="marage">测试人员 : {{ ClientDatayl.tester }}</div><br>
+                  <div class="marage">测试周期 : {{ ClientDatayl.testTimeEnd }} 至 {{ ClientDatayl.testTimeStart }} </div><br>
+                  <div v-show="showDelay1" class="marage">延期原因 : {{ ClientDatayl.taskLateReason }}</div><br>
+                </div>
+              </div>
+
+              <div class="titleStyle">二. 项目背景</div>
+
+              <div class="rich" v-html="editorElem1" />
+
+              <div class="titleStyle">三. 测试项</div>
+
+              <p>功能测试 : <span style="margin-left:40px;" :style="pftResult1">{{ pftResult }}</span></p>
+
+              <div class="rich" v-html="editorElems1" />
+
+              <p>兼容测试 : <span style="margin-left:40px;" :style="sctResult1">{{ sctResult }}</span></p>
+
+              <div class="rich" v-html="editorFrom1" />
+
+              <div class="titleStyle">四. 产品验收</div>
+
+              <p>验收结果 : <span style="margin-left:40px;" :style="acceptanceResult1">{{ acceptanceResult }}</span></p>
+
+              <div class="rich" v-html="editorFro" />
+
+              <div class="titleStyle">五. bug指标</div>
+
+              <el-table :data="tableData" border>
+                <el-table-column prop="totalBug" label="bug总数" min-width="200" align="center" edit="false">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.totalBug.edit" ref="totalBug" v-model="scope.row.totalBug.value" style="width: 100%" @blur="scope.row.totalBug.edit = false" />
+                    <span v-else>{{ scope.row.totalBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fixBug" min-width="200" align="center" label="已解决bug数">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.fixBug.edit" ref="fixBug" v-model="scope.row.fixBug.value" style="width: 100%" @blur="scope.row.fixBug.edit = false" />
+                    <span v-else>{{ scope.row.fixBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remainBug" min-width="200" align="center" label="遗留bug数">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.remainBug.edit" ref="remainBug" v-model="scope.row.remainBug.value" style="width: 100%" @blur="scope.row.remainBug.edit = false" />
+                    <span v-else>{{ scope.row.remainBug.value }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="rateOfFix" min-width="200" align="center" label="bug解决率">
+                  <template slot-scope="scope">
+                    <el-input v-if="scope.row.rateOfFix.edit" ref="rateOfFix" v-model="scope.row.rateOfFix.value" style="width: 100%" @blur="scope.row.rateOfFix.edit = false" />
+                    <span v-else>{{ scope.row.rateOfFix.value }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <el-row>
+                <el-col :span="24"><div style="margin: 2% 0;">1、遗留问题</div>{{ ClientDatayl.bugInfo }}</el-col>
+              </el-row>
+
+              <div class="rich" v-html="editorEle1" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -232,6 +426,7 @@ export default {
       safeResultChange: { color: '' },
       moniterResultChange: { color: '' },
       showData: false,
+      dialogTableVisible: false,
       status: '',
       acceptanceResult: '',
       sctResult: '',

src/views/Platform/presentation/acceptTheReport.vue

@@ -1,37 +1,27 @@
 <template>
   <!-- 提测预览 -->
-  <div id="resumeId" class="eleStyle">
+  <div class="eleStyle">
     <div style="height:100%;width:94%; background:#ffffff; margin: 3%; border-radius: 8px; overflow: hidden;">
       <div style="padding:2% 9%;">
-        <div style="display: flex; font-size: 19px;  white-space: nowrap; font-weight: bold;">
-          <span style="flex:2;">{{ fromCreateData.name }}</span>
-          <span style="flex:1;">by : {{ fromCreateData.submitter }} </span>
+        <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="promptEmail(fromCreateData)">发送报告</el-button>
-            <el-button size="mini" @click="download()">下载测试报告</el-button>
+            <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 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 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;">
@@ -70,30 +60,18 @@
             </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 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 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; 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 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>
 
             <el-form-item label="PM & UI : ">{{ fromCreateData.pmUi }}</el-form-item><br>
@@ -109,13 +87,112 @@
 
         <div class="titleStyle">三. 其他</div>
         <el-form>
-          <div v-if="oneShow" class="marage">新增配置 : <span>{{ fromCreateData.configInfo }}</span></div><br>
-          <div class="marage">其他 : <span>{{ fromCreateData.others }}</span></div><br>
+          <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>
         </el-form>
       </div>
     </div>
-  </div></template>
+
+    <el-dialog title="邮件预览" width="70%" center :visible.sync="dialogTableVisible" @open="dasd()">
+      <div align="center">
+        <el-button type="primary" size="mini" @click="promptEmail(fromCreateData)">确定发送</el-button>
+        <el-button size="mini" @click="download()">确定下载</el-button>
+      </div>
+      <div id="resumeId" class="eleStyle">
+        <div style="height:100%;width:94%; background:#ffffff; margin: 3%; border-radius: 8px; 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>
+
+            <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="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; 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>
+
+                <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>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
 
 <script>
 import { launchTestSendmail } from '@/api/ResultPage'
@@ -130,6 +207,7 @@ export default {
       dependentComponents1: { color: 'green' },
       lateStatus1: { color: 'red' },
       safeStatus1: { color: 'green' },
+      dialogTableVisible: false,
       dependentCom: '',
       config: '',
       showDelay: false,
@@ -148,10 +226,12 @@ export default {
     }
   },
   created() {
-    // this.getRouterData()
     this.idGet()
   },
   methods: {
+    dasd() {
+      this.idGet()
+    },
     download() {
       this.getPdf('resumeId', this.name)
     },
@@ -222,6 +302,7 @@ export default {
           var sendImgData = imgData.substring(imgData.indexOf(',') + 1)
           var postData = { 'reportId': ele.id, 'imgStr': sendImgData, 'url': window.location.href, 'emailUser': e }
           launchTestSendmail(postData).then(res => {
+            that.dialogTableVisible = false
             res.code === 200 ? that.$message.success('发送测试报告成功') : that.$message.error('发送测试报告失败，请联系管理员！')
           })
         })

src/views/Platform/presentation/testPresenyL.vue

@@ -183,6 +183,7 @@ export default {
           url = url.toString().substring(url.indexOf(',') + 1)
           var postData = { 'reportId': ele.id, 'imgStr': url, 'url': window.location.href, 'emailUser': e }
           dailyReportSendmail(postData).then(res => {
+            that.dialogTableVisible = false
             res.code === 200 ? that.$message({ type: 'success', message: '发送测试报告成功' }) : that.$message({ type: 'error', message: '发送测试报告失败，请联系管理员！' })
           })
         })