no message

src/components/guestManagement/ticketOrder.vue

@@ -180,13 +180,32 @@
   letter-spacing: 2px;
 }
 .Credentials-box{
-  display: flex;
-  flex-wrap: wrap;
+  /* display: flex; */
 }
 .Credentials-box .el-image{
-  width: 100px; 
-  height: 100px;
-  margin-right: 20px;
+  width: 80px; 
+  height: 80px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+.Credentials-text{
+  display: flex;
+  align-items:flex-start;
+}
+.Credentialstext-box{
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  
+}
+.Credentialstext-box p{
+  margin-bottom: 10px;
+  color: #409efe;
+}
+.Credentialsimg-box{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 </style>
 <template>
@@ -201,7 +220,7 @@
         </div>
         <div class="form-box" v-if="show">
             <el-form :model="form" ref="form" class="MyEditForm" :rules="rules">
-                <p class="form-box-tit" v-if="name!='操作日志'&&name!='凭据图'"><span class="radius"></span>
+                <p class="form-box-tit" v-if="name!='操作日志'&&name!='凭证图'"><span class="radius"></span>
                 {{name!='修改出票状态'?' 基本信息':' 上传'+text+'凭证'}}</p>
                 <el-row :gutter="30" v-if="name=='新建机票订单'||name=='编辑机票订单'">
                   <el-col :span="8">
@@ -322,14 +341,26 @@
                     </el-col>
                 </el-row>
             </el-form>
-            <div v-if="name=='凭据图'" class="Credentials-box">
-              <el-image v-for="(items,index) in obj.TicketVoucherList" :key="index"
-              :src="domainManager().ViittoFileUrl+items">
-            </el-image>
-              <el-image v-for="(items,index) in obj.CancelVoucherList" :key="index"
-              :src="domainManager().ViittoFileUrl+items">
-              </el-image>
-          
+            <div v-if="name=='凭证图'" class="Credentials-box">
+              <div class="Credentials-text">
+                <div class="Credentialstext-box">
+                  <p>熔断凭证</p>
+                  <div class="Credentialsimg-box">
+                    <el-image v-for="(items,index) in obj.CancelVoucherList" :key="index"
+                    :src="domainManager().ViittoFileUrl+items"></el-image>
+                  </div>
+                  
+                </div>
+                <div class="Credentialstext-box">
+                  <p>取消凭证</p>
+                  <div class="Credentialsimg-box">
+                    <el-image v-for="(items,index) in obj.TicketVoucherList" :key="index"
+                    :src="domainManager().ViittoFileUrl+items">
+                    </el-image>
+                  </div>
+                  
+                </div>
+              </div>
             </div>
             <div v-if="name=='操作日志'">
               <div v-for="(item,index) in logData" :key="index">
@@ -507,7 +538,7 @@ export default {
     if(this.name=='编辑订单金额'){
       this.width="600px"
     }
-    if(this.name=='凭据图'){
+    if(this.name=='凭证图'){
       this.width="600px"
     }
     let $this = this;

src/views/index.vue

@@ -346,7 +346,7 @@
         $this.dialogTicketOrderVisible = true;
       });
       this.MsgBus.$on("CredentialsOrderTicketOrderBoxOpen", function (GuestId, obj) {
-        $this.dialogTicketOrderVisibleName = "凭据图";
+        $this.dialogTicketOrderVisibleName = "凭证图";
         $this.GuestId = GuestId;
         $this.obj = obj;
         $this.dialogTicketOrderVisible = true;