修改

src/components/TravelContractDetail.vue

@@ -23,7 +23,7 @@
         border-bottom: 1px solid #cdcdcd;
         background-color: #efefef;
     }
-    .blockTitle span.icon{
+    .TD_MainContent .blockTitle span.icon{
         border-right: 1px solid #CDCDCD;
         position: absolute;
         left: 10px;
@@ -31,7 +31,7 @@
         padding-right: 10px;
         padding-top: 8px;
     }
-    .blockTitle h2 {
+    .TD_MainContent .blockTitle h2 {
         font-size: 15px;
         min-height: 40px;
         margin: 0;
@@ -41,7 +41,7 @@
         padding-left: 48px;
         line-height: 40px;
     }
-    .blockTitle h2 span{
+    .TD_MainContent .blockTitle h2 span{
         position: absolute;
         right:10px;
         top:0;
@@ -134,15 +134,7 @@
      .TD_MainContent h1,.TD_MainContent h2,.TD_MainContent h3{
         line-height: 40px!important;
     }
-    /* .TD_MainContent .contract h1,.TD_MainContent .contract h2,..TD_MainContent .contract h3,..TD_MainContent .contract h4,..TD_MainContent .contract h5,..TD_MainContent .contract h6 {
-        margin: 10px 0;
-        font-family: inherit;
-        font-weight: bold;
-        line-height: 20px;
-        color: inherit;
-        text-rendering: optimizelegibility;
-    } */
-    .checkedNav{
+    .TD_MainContent .checkedNav{
         display: block!important;
     }
     .TD_MainContent .SignTable {
@@ -197,23 +189,20 @@
         margin: 20px 30px 30px 30px;
         display: none;
     }
-    .ZTable {
+    .TD_MainContent .ZTable {
         width: 100%;
         border: none;
         table-layout: fixed;
         border-collapse: collapse;
         border-spacing: 0;
     }
-    .ZTable>tbody>tr>td {
+    .TD_MainContent .ZTable>tbody>tr>td {
         word-break: break-word;
         border: solid #ddd 1px;
         padding: 8px;
         line-height: 25px;
     }
-    .convention h1 {
-    /* font-size: 24px; */
-    }
-    .text_center{
+    .TD_MainContent .text_center{
         text-align: center;
     }
     .TD_MainContent .page_break_avoid p{

src/components/TravelContractNew.vue

@@ -11,14 +11,14 @@
         color:#555;   
         height:auto!important;
     }
-    .fixedMenu {
+    .TC-MainContent .fixedMenu {
         position: fixed;
         left: 20px;
         top: 75px;
         margin: 0;
         padding-top: 10px;
     }
-    .fixedMenu li {
+    .TC-MainContent .fixedMenu li {
         padding: 5px 15px;
         position: relative;
         border-right: 2px solid #e2e2e2;
@@ -26,7 +26,7 @@
         list-style: none;
         font-size:13px;
     }
-    .fixedMenu li:after {
+    .TC-MainContent .fixedMenu li:after {
         content: '';
         display: block;
         width: 0;
@@ -37,7 +37,7 @@
         right: -12px;
         top: 11px;
     }
-    .contractTit {
+    .TC-MainContent .contractTit {
         position: fixed;
         left: 0;
         top:0;
@@ -50,29 +50,29 @@
         font-size: 18px;
         color: #555;
     }
-    .contractTit span{
+    .TC-MainContent .contractTit span{
         font-size: 21px;
         font-weight: bold;
     }
-    .block {
+    .TC-MainContent .block {
         border: 1px solid #cdcdcd;
         background: #f9f9f9;
         position: relative;
         margin-bottom: 20px;
     }
-    .container-fluid {
+    .TC-MainContent .container-fluid {
         padding-right: 20px;
         padding-left: 20px;
         *zoom: 1;
     }
-    .mtop15{
+    .TC-MainContent .mtop15{
         margin-top:15px;
     }
-    .blockTitle {
+    .TC-MainContent .blockTitle {
         border-bottom: 1px solid #cdcdcd;
         background-color: #efefef;
     }
-    .blockTitle span.icon {
+    .TC-MainContent .blockTitle span.icon {
         border-right: 1px solid #CDCDCD;
         position: absolute;
         left: 10px;
@@ -80,7 +80,7 @@
         padding-right: 10px;
         padding-top: 8px;
     }
-    .blockTitle h2 {
+    .TC-MainContent .blockTitle h2 {
         font-size: 15px;
         min-height: 40px;
         margin: 0;
@@ -90,7 +90,7 @@
         padding-left: 48px;
         line-height: 40px;
     }
-    .blockTitle h2 {
+    .TC-MainContent .blockTitle h2 {
         font-size: 15px;
         min-height: 40px;
         margin: 0;
@@ -99,16 +99,16 @@
         padding-right: 15px;
         padding-left: 48px;
     }
-    .block em {
+    .TC-MainContent .block em {
         font-style: normal;
     }
-    div.createTableTitle {
+    TC-MainContent .createTableTitle {
         padding: 10px 0;
         margin: 5px 30px 0;
         border-bottom: 1px dashed #ccc;
         font: normal 15px 'microsoft yahei';
     }
-    .createTable{
+    .TC-MainContent .createTable{
         background-color: #f9f9f9;
         width:100%;
     }
@@ -127,7 +127,7 @@
     .TC-MainContent .singeRowTable tr:nth-child(2n+1){background:#fafafa; }
     .TC-MainContent .singeRowTable tr:hover{background: #f2f2f2;}
     .TC-MainContent .singeRowTable tr td{font-size: 12px;border: 1px solid #E5E5E5;}
-    .TC_NewAddBtn{
+   .TC-MainContent .TC_NewAddBtn{
         background-color: #006dcc;
         width:83px;
         height:26px;
@@ -139,21 +139,21 @@
     .TC-MainContent .singeRowTable .el-button.is-circle{
         padding:5px;
     }
-    .TcNewTable td{
+   .TC-MainContent .TcNewTable td{
         padding:5px;
     }
-    .fixedMenu li.active {
+    .TC-MainContent .fixedMenu li.active {
         background: #90b7ec;
         color: #fff;
         border-right-color: #5882bb;
     }
-    .fixedMenu li.active:after {
+    .TC-MainContent .fixedMenu li.active:after {
         border-left-color: #5882bb;
     }
-    .pull-right{
+    .TC-MainContent .pull-right{
         float:right;
     }
-    .TCbtn-info {
+    .TC-MainContent .TCbtn-info {
         color: #ffffff;
         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
         background-color: #49afcd;
@@ -172,7 +172,7 @@
         outline: none;
         cursor: pointer;
     }
-    .btn-warning{
+    .TC-MainContent .btn-warning{
         color: #ffffff;
         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
         background-color: #faa732;
@@ -823,7 +823,7 @@
                             <tr>
                                 <td>
                                     <el-form-item label="投诉电话">
-                                        <el-input type="text" class="w210" v-model="CtObj.companyComplainCall"></el-input>
+                                        <el-input type="text" class="w300" v-model="CtObj.companyComplainCall"></el-input>
                                     </el-form-item>
                                 </td>
                             </tr>

src/components/TravelManager/TravelList/RegistrationList.vue

@@ -938,7 +938,7 @@
     color: blue;
     display: block;
     cursor: pointer;
-    width: 60px;
+    width: 200px;
   }
   .RegistrationList .leftSetInfo,.RegistrationList .GO_TPright{
     float:left;