no message

src/components/FinancialModule/GroupRateQuery.vue

@@ -233,6 +233,26 @@
   /deep/.line-heigh .el-input-number{
     line-height: 32px;
   }
+  .TC_teamType {
+    position: absolute;
+    left: 0px;
+    top: -29px;
+}
+.TC_teamType span {
+    width: 20px;
+    height: 20px;
+    float: left;
+    margin: 2px 0 0 2px;
+    border-radius: 50%;
+    line-height: 20px;
+    text-align: center;
+    background-color: #E95252;
+    /* transform: scale(0.8); */
+    color: #fff;
+}
+/deep/.el-table .cell{
+    overflow: inherit !important;
+}
 </style>
 
 <template >
@@ -302,16 +322,28 @@
                     @selection-change="handleSelectionChange">
                     <el-table-column
                     type="selection"
+                    :selectable="selected"
                     width="55">
                     </el-table-column>
                     <el-table-column
                     prop="TCID"
                     label="团ID"
-                    width="50"/>
+                    width="80"/>
                     <el-table-column
                     prop="TCNUM"
                     label="团号"
-                    width="170"/>
+                    width="190">
+                        <template slot-scope="scope">
+                            <div style="position: relative;">
+                                {{scope.row.TCNUM}}
+                                <div class="TC_teamType" v-if="scope.row.TCStatus!=1">
+                                    <span v-if="scope.row.TCStatus==2" title="结团" style="background: #ff9c00;">团</span>
+                                    <span v-if="scope.row.TCStatus==5" title="结团审核中" style="background: #2aaef2;">审</span>
+                                </div>
+                            </div>
+                            
+                        </template>
+                    </el-table-column>
                     <el-table-column
                     prop="OutBranchName"
                     label="出团公司"
@@ -466,6 +498,7 @@ import Vue from 'vue'
 export default {
     data(){
         return{
+            single: true,
             msg:{
                 pageIndex:1,
                 pageSize:5,
@@ -598,16 +631,26 @@ export default {
             })
         },
         handleSelectionChange(val) {
+            // this.ids = val.map(item => item.TCStatus);// 需要根据数据情况调整id名称
+            // this.single = val.length != 1;
+            console.log(val,'---')
             this.multipleSelection = val;
         },
         handleCurrentChanges(val){
             this.msg.pageIndex = val;
             this.getPageList();
         },
+        selected(row, index) {
+            if (row.TCStatus != 1) {
+                return false; //不可勾选
+            } else {
+                return true; //可勾选
+            }
+        },
         getPageList(){  // 获取列表数据
             if(this.transactionDate){
-                this.msg.QStartDate = this.transactionDate[0]
-                this.msg.QEndDate = this.transactionDate[1]
+                this.msg.QStartDate = this.transactionDate[0]?'2019-01-01':''
+                this.msg.QEndDate = this.transactionDate[1]?'2019-02-01':''
             }
             this.loading= true;
             this.apipost('Financial_post_GetTravelFinanceRateSetPageList',this.msg,res=>{

src/components/index.vue

@@ -4634,6 +4634,7 @@
     float: left;
     z-index: 2019128;
     cursor: pointer;
+    white-space: nowrap;
   }
 
   .red-theme .nav .nav-middle ul li {