解决方案详情 无数据隐藏

pages/main/index/solution_detail.vue

@@ -111,54 +111,58 @@
       </el-row>
     </el-row>
     <br>
-    <el-row style=" box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
-      <el-row style="padding: 5px">
-        当前申请认证解决方案
-      </el-row>
-      <el-row style="padding: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
-        <el-col :span="3">
-          <el-image
-            style="width: 100px; height: 100px"
-            :src="detailData.verifying.images"
-            :fit="fit"></el-image>
-        </el-col>
-        <el-col :span="15">
-          <h3>{{detailData.verifying.title}}</h3>
-          <br>
-          <p>方案简介:{{detailData.verifying.description}}</p>
-          <p>成功案例:{{detailData.verifying.successful_case_list}}</p>
-        </el-col>
-        <el-col :span="6">
-          <p>当前状态:{{detailData.verifying.status}}</p>
-        </el-col>
-      </el-row>
-    </el-row>
-    <br>
-    <el-row>
-      <el-radio @change="refuse()" v-model="radio" label="3">拒绝</el-radio>
-      <el-radio @change="pass()" v-model="radio" label="2">通过</el-radio>
-    </el-row>
-    <br>
-    <el-row>
-      <h4 style="border-bottom: solid 1px brown">邮件内容</h4>
-      <el-row v-if="show" id="emailRefuseInfo">
-        <p>Hi,{{detailData.verifying.nickname}},您好!</p>
-        <p>谢谢您的申请</p>
-        <p>您的解决方案 {{detailData.verifying.title}} 暂时不符合我们的认证标准,主要原因是:</p>
-        <el-input v-model="reason" placeholder="请输入内容"></el-input>
-        <p>您可以满足以上要求后,继续申请认证.</p>
-        <p>谢谢您的支持!</p>
-        <p>程序员客栈敬上:)</p>
+    <div v-if="detailData.verifying.id">
+
+      <el-row style=" box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)"
+      >
+        <el-row style="padding: 5px">
+          当前申请认证解决方案
+        </el-row>
+        <el-row style="padding: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
+          <el-col :span="3">
+            <el-image
+              style="width: 100px; height: 100px"
+              :src="detailData.verifying.images"
+              :fit="fit"></el-image>
+          </el-col>
+          <el-col :span="15">
+            <h3>{{detailData.verifying.title}}</h3>
+            <br>
+            <p>方案简介:{{detailData.verifying.description}}</p>
+            <p>成功案例:{{detailData.verifying.successful_case_list}}</p>
+          </el-col>
+          <el-col :span="6">
+            <p>当前状态:{{detailData.verifying.status}}</p>
+          </el-col>
+        </el-row>
       </el-row>
-      <el-row v-else id="emailPassInfo">
-        <p>Hi,{{detailData.verifying.nickname}},您好!</p>
-        <p>恭喜您的解决方案 {{detailData.verifying.title}} 通过审核！</p>
-        <p>谢谢您的支持!</p>
-        <p>程序员客栈敬上:)</p>
+      <br>
+      <el-row>
+        <el-radio @change="refuse()" v-model="radio" label="3">拒绝</el-radio>
+        <el-radio @change="pass()" v-model="radio" label="2">通过</el-radio>
       </el-row>
       <br>
-      <el-button @click="sendEmail(detailData.verifying)" size="mini" type="primary">确定并发送邮件</el-button>
-    </el-row>
+      <el-row>
+        <h4 style="border-bottom: solid 1px brown">邮件内容</h4>
+        <el-row v-if="show" id="emailRefuseInfo">
+          <p>Hi,{{detailData.verifying.nickname}},您好!</p>
+          <p>谢谢您的申请</p>
+          <p>您的解决方案 {{detailData.verifying.title}} 暂时不符合我们的认证标准,主要原因是:</p>
+          <el-input v-model="reason" placeholder="请输入内容"></el-input>
+          <p>您可以满足以上要求后,继续申请认证.</p>
+          <p>谢谢您的支持!</p>
+          <p>程序员客栈敬上:)</p>
+        </el-row>
+        <el-row v-else id="emailPassInfo">
+          <p>Hi,{{detailData.verifying.nickname}},您好!</p>
+          <p>恭喜您的解决方案 {{detailData.verifying.title}} 通过审核！</p>
+          <p>谢谢您的支持!</p>
+          <p>程序员客栈敬上:)</p>
+        </el-row>
+        <br>
+        <el-button @click="sendEmail(detailData.verifying)" size="mini" type="primary">确定并发送邮件</el-button>
+      </el-row>
+    </div>
     <br>
     <el-row style="border-bottom: solid 3px green">
       审核记录