no message

src/components/TravelContractDetail.vue

@@ -478,7 +478,17 @@
         <div class="contract">
           <div class="title">
             <h1>{{dataList.company}} 团队出境旅游合同</h1>
-            <p class="contractNo">{{$t('objFill.hetongbh')}}：<span>{{dataList.contractNum}}</span></p>
+            <p class="contractNo"
+                :class="[dataList.thirdContractFileUrl?'pointer':'']"
+                @click="dataList.thirdContractFileUrl?OpenNewUrl(dataList.thirdContractFileUrl):''">{{$t('objFill.hetongbh')}}：
+                <span>{{dataList.thirdContractID?dataList.thirdContractID:dataList.contractNum}}</span>
+                  <span v-if="dataList.thirdContractState==0" class="c9e">待上传</span>
+                  <span v-if="dataList.thirdContractState==1" class="c3FC4FF">待签名</span>
+                  <span v-if="dataList.thirdContractState==2" class="c20C997">已签署</span>
+                  <span v-if="dataList.thirdContractState==3" class="cF1416C">已作废</span>
+                  <span v-if="dataList.thirdContractState==4" class="cff9800">待签署</span>
+                  <span v-if="dataList.thirdContractState==5" class="c9e">待作废</span>
+              </p>
           </div>
           <div class="menu">
             <ul>

src/components/TravelContractNew.vue

 <style>
+@import "../assets/css/flex.css";
   * {
     margin: 0;
     padding: 0;
@@ -284,7 +285,7 @@
   }
   .ContractNum {
     font-size: 16px !important;
-    color: #5882bb;
+    color: #5882bb !important;
     margin-left: 20px;
   }
 
@@ -299,9 +300,19 @@
       </li>
     </ul>
     <div class="contractTit">
-      <span>
+      <span class="row">
         {{ CtObj.company }}团队出境旅游合同
-        <span class="ContractNum" v-if="CtObj.contractNum">合同编号：{{ CtObj.contractNum }}</span>
+        <span class="ContractNum"
+          :class="[CtObj.thirdContractFileUrl?'pointer':'']"
+          @click="CtObj.thirdContractFileUrl?OpenNewUrl(CtObj.thirdContractFileUrl):''">{{$t('objFill.hetongbh')}}：
+          <span>{{CtObj.thirdContractID?CtObj.thirdContractID:CtObj.contractNum}}</span>
+          <span v-if="CtObj.thirdContractState==0" class="c9e">待上传</span>
+          <span v-if="CtObj.thirdContractState==1" class="c3FC4FF">待签名</span>
+          <span v-if="CtObj.thirdContractState==2" class="c20C997">已签署</span>
+          <span v-if="CtObj.thirdContractState==3" class="cF1416C">已作废</span>
+          <span v-if="CtObj.thirdContractState==4" class="cff9800">待签署</span>
+          <span v-if="CtObj.thirdContractState==5" class="c9e">待作废</span>
+      </span>
       </span>
       <div class="pull-right">
         <input v-if="CtObj.thirdContractState == 1" type="button" class="TCbtn-info" value="发送短信通知" @click="SMSnotification()"/>