no message

src/components/temp/components/OrderList.vue

+<template>
+    <div>
+      <el-table border ref="multipleTable" :data="OrderList"
+        :default-sort="{prop: 'null', order: 'null'}"
+        :sort-by="['Money','Income','PreferTipAmount','PlatformTax','Refund','CostMoney','OrderProfit','DueInMoney']">
+          <el-table-column prop="Title" label="团名">
+          </el-table-column>
+          <el-table-column width="200" prop="CreateTimeStr" label="团号" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <div>
+                <p class=" fz14" :class="{'cursor-pointer c059FF6':scope.row.OrderType==2}"
+                  @click="scope.row.OrderType==2?goTuanDetails(scope.row):''">{{scope.row.TCNUM}}({{scope.row.TCID}})</p>
+                <p>出团日期：{{scope.row.StartDate}}</p>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="GuestNum" label="收客人数">
+          </el-table-column>
+          <el-table-column label="类型">
+            <template slot-scope="scope">
+              {{scope.row.TeamTypeName}}/{{scope.row.PriceTeamTypeName}}
+            </template>
+          </el-table-column>
+          <el-table-column label="线路/系列" show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{scope.row.LineName}}/{{scope.row.LtName}}
+            </template>
+          </el-table-column>
+          <el-table-column prop="StateName" label="状态" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span>{{scope.row.Status}}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+    </div>
+</template>
+<script>
+  export default {
+    props: {
+      OrderList: {
+          type: Array,
+          require: false
+      },
+    },
+    data() {
+      return {
+          loading: false,
+      };
+    },
+    watch: {
+      OrderList: {
+          handler (val, oldVal) {
+
+          },
+          deep: true
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+
+
+    },
+    methods: {
+
+    }
+  };
+
+</script>
+
+<style scoped>
+
+
+
+</style>

src/components/temp/components/details.vue

+<style scoped>
+
+</style>
+<template>
+    <el-tooltip class="item" effect="dark" :content="type==1?'出境提成详情':type==3?'提成明细':type==2?'国内提成详情':''" placement="top">
+      <!-- <img src="../../../assets/img/xiaosouYQ.png" @click="goDetails"
+      style="width: 12px;height: auto; cursor: pointer;color: #33B3FF;"></img> -->
+      <i class="el-icon-document" style="font-size: 18px;color: red;cursor: pointer;" @click="goDetails"></i>
+    </el-tooltip>
+</template>
+
+<script>
+  export default {
+    props:['type','obj','Month'],
+    data() {
+      return {
+
+      };
+    },
+    watch: {
+      obj:{
+        handler(val, oldVal){
+          this.obj = val
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    mounted() {
+
+    },
+    created() {
+
+    },
+    methods: {
+      goDetails(){
+        let nowdays = new Date()
+        let Year = new Date().getFullYear()
+        let LastMonthTime = new Date().getMonth()
+        let MonthTime = new Date().getMonth() + 1
+        let userInfo = this.getLocalStorage();
+        let MonthDayNum
+        let name
+        if(this.type!=3){
+          let DepartSTime
+          let DepartETime
+          if(this.Month==1){
+            DepartSTime = Year+'-'+(MonthTime>10?MonthTime:'0'+MonthTime)+'-01'
+            MonthDayNum = new Date(Year, MonthTime, 0).getDate();
+            DepartETime = Year+'-'+(MonthTime>10?MonthTime:'0'+MonthTime)+'-'+(MonthDayNum>10?MonthDayNum:'0'+MonthDayNum)
+          }else{
+            DepartSTime = Year+'-'+(LastMonthTime>10?LastMonthTime:'0'+LastMonthTime)+'-01'
+            MonthDayNum = new Date(Year, LastMonthTime, 0).getDate();
+            DepartETime = Year+'-'+(LastMonthTime>10?LastMonthTime:'0'+LastMonthTime)+'-'+(MonthDayNum>10?MonthDayNum:'0'+MonthDayNum)
+          }
+          name = 'erpMyCustomerOrder'
+          this.$router.push({
+            name: name,
+            query: {
+              DepartSTime: DepartSTime,
+              DepartETime: DepartETime,
+              CommissionType: String(this.type),
+              blank: 'y'
+            }
+          });
+        }else{
+          name = 'TradeTicketUserDetails'
+          this.$router.push({
+            name: name,
+            query: {
+              UserId: Number(userInfo.EmployeeId),
+              blank: 'y'
+            }
+          });
+        }
+
+      }
+    }
+  };
+
+</script>

src/components/temp/components/progressComm.vue

+<style scoped>
+  .progress-box{
+    flex: 1;
+    display: flex;
+    margin-bottom: 25px;
+  }
+  .relative-position{
+    /* min-width: 80px; */
+    flex: 1;
+    margin-right: 0;
+    position: relative;
+    }
+  .rate-box {
+        position: absolute;
+        top: 30px;
+        left: 50%;
+        transform: translateX(-50%);
+        color: #000;
+        z-index: 9;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+
+    }
+   .sanjiao {
+      width: 0;
+      height: 0;
+      margin-left: 5%;
+      border-right: 4px solid transparent;
+      border-left: 4px solid transparent;
+      border-bottom: 3px solid #CACACA;
+    }
+    .rate {
+      min-width: 20px;
+      padding: 2px 6px;
+      background-color: #CACACA !important;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #666666;
+      font-size: 0.62vw;
+      font-family: PingFang SC;
+      border-radius: 7px;
+      line-height:12px;
+      white-space:nowrap;
+    }
+    .active-rate{
+      background-color: #33B3FF !important;
+      color: #FFFFFF !important;
+    }
+    /deep/.relative-position .el-progress-bar__outer{
+        border-radius: 0 !important;
+    }
+    /deep/.relative-position .el-progress-bar__inner{
+        text-align: left;
+        text-indent: 10px;
+        border-radius: 0 !important;
+    }
+    /deep/.relative-position:first-child .el-progress{
+        border-top-left-radius: 15px !important;
+        border-bottom-left-radius: 15px !important;
+        overflow: hidden !important
+    }
+    /deep/.relative-position:last-child .el-progress{
+        border-top-right-radius: 15px !important;
+        border-bottom-right-radius: 15px !important;
+        overflow: hidden !important
+    }
+</style>
+<template>
+  <div>
+    <div class="progress-box">
+      <div v-for="(item,index) in CommissionRateList" :key="index"
+      class="relative-position">
+            <el-progress :text-inside="true" :stroke-width="20"
+            :percentage="setItemProgress(item)"
+            :status="setItemStatus(item)"
+            :format="setItemText(item)"
+            :text-color="'#666666'"
+            :color="customColor[0]">
+            </el-progress>
+          <div class="rate-box">
+          <div class="sanjiao"
+          :style="{'border-bottom-color':Profit>item.StartValue&&Profit<item.EndValue?'#33B3FF':'#CACACA'}"></div>
+              <div class="rate full-width"
+              :class="{'active-rate':Profit>item.StartValue&&Profit<item.EndValue}">
+                  <i v-if="Profit>item.StartValue&&Profit<item.EndValue" class="el-icon-check" style="font-size:8px"></i>
+                  {{item.Rate}}{{type==2?'%':''}}
+              </div>
+          </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    props:['CommissionRateList','Profit','type'],
+    data() {
+      return {
+        customColor: ['rgba(51,179,255,1)','rgba(222,225,230,1)'],
+      };
+    },
+    watch: {
+      CommissionRateList:{
+        handler(val, oldVal){
+          this.CommissionRateList = val
+        },
+        deep: true,
+        immediate: true
+      }
+    },
+    mounted() {
+
+    },
+    created() {
+
+    },
+    methods: {
+      // 设置进度
+      setItemProgress(data) {
+        if(this.Profit&&this.Profit>=data.StartValue&&this.Profit<=data.EndValue){
+          return data.EndValue<999999?this.Profit/data.StartValue:this.Profit/data.EndValue
+        }else{
+          return 0
+        }
+      },
+      // 自定义进度条文字
+      setItemText(row) {
+          if(this.type==2){
+            this.formatProgress(row)
+            return () => {
+              return `${row.EndValue2>99?'>'+row.StartValue2:row.StartValue2+' - '+row.EndValue2}w`
+            }
+          }else if(this.type==1){
+            return () => {
+              return `${row.EndValue>999?'>'+row.StartValue:row.StartValue+' - '+row.EndValue}人`
+            }
+          }
+
+      },
+      // 设置当前进度条状态，显示不同颜色
+      setItemStatus(data) {
+          if(this.AvgLureNum>=data.StartValue&&this.AvfOrderNum>=data.EndValue){
+              return 'exception'
+          }
+      },
+      formatProgress(data){
+        let obj = JSON.parse(JSON.stringify(data))
+        if(obj.StartValue>=10000) {
+          data.StartValue2 = (obj.StartValue/1000).toFixed(1)>0?(obj.StartValue/10000).toFixed(1):0 //Math.floor(obj.StartValue/10000)
+          if(data.StartValue2>=10&&data.StartValue2.indexOf('.0')!=-1){
+            data.StartValue2 = data.StartValue2.slice(0,2)
+          }else if(data.StartValue2.indexOf('.0')!=-1){
+            data.StartValue2 = data.StartValue2.slice(0,1)
+          }
+        }else{
+          data.StartValue2 = (obj.StartValue/10000).toFixed(1)>0?(obj.StartValue/10000).toFixed(1):0
+        }
+        if(obj.EndValue>=10000) {
+          data.EndValue2 = obj.EndValue/10000
+        }else{
+          data.EndValue2 = (obj.EndValue/1000).toFixed(1)>0?(obj.EndValue/10000).toFixed(1):0
+        }
+      },
+    }
+  };
+
+</script>