Browse Source

总部移动端筛选全国数据

zhujindu 6 months ago
parent
commit
6921bbfe67
2 changed files with 793 additions and 731 deletions
  1. 364 360
      src/views/week/doubleWeeklyHistorical.vue
  2. 429 371
      src/views/week/weeklyHistorical.vue

+ 364 - 360
src/views/week/doubleWeeklyHistorical.vue

@@ -2,153 +2,151 @@
   <div class="bgcolor">
     <!--        顶部条-->
     <van-nav-bar
-        class="navBar"
-        title="下属大区主管历史半月报"
-        left-arrow
-        @click-left="onClickLeft"
-    />
+      class="navBar"
+      title="下属大区主管历史半月报"
+      left-arrow
+      @click-left="onClickLeft" />
     <div class="container contentpd16 containers">
       <van-row gutter="20">
         <van-col span="12">
-          <van-cell :title="companyName" :disabled="powerGrade<5" is-link arrow-direction="down" @click="regionClick"/>
+          <van-cell
+            :title="companyName"
+            :disabled="powerGrade < 5"
+            is-link
+            arrow-direction="down"
+            @click="regionClick" />
         </van-col>
         <van-col span="12">
-          <van-cell :title="regionName"  is-link @click="SalesRegionClick" arrow-direction="down"/>
+          <van-cell :title="regionName" is-link @click="SalesRegionClick" arrow-direction="down" />
         </van-col>
-<!--        <van-col span="12">-->
-<!--          <div style="width: 20px;height: 48px"></div>-->
-<!--&lt;!&ndash;          <van-cell :title="deptName" is-link @click="SalesDepartmentClick" arrow-direction="down"/>&ndash;&gt;-->
-<!--        </van-col>-->
-<!--        <van-col span="12">-->
-<!--          <div style="width: 20px;height: 48px"></div>-->
-<!--          &lt;!&ndash;          <van-cell :title="userName" is-link @click="StaffClick" arrow-direction="down"/>&ndash;&gt;-->
-<!--          &lt;!&ndash;           <van-cell  is-link arrow-direction="down"/>&ndash;&gt;-->
-<!--        </van-col>-->
+        <!--        <van-col span="12">-->
+        <!--          <div style="width: 20px;height: 48px"></div>-->
+        <!--&lt;!&ndash;          <van-cell :title="deptName" is-link @click="SalesDepartmentClick" arrow-direction="down"/>&ndash;&gt;-->
+        <!--        </van-col>-->
+        <!--        <van-col span="12">-->
+        <!--          <div style="width: 20px;height: 48px"></div>-->
+        <!--          &lt;!&ndash;          <van-cell :title="userName" is-link @click="StaffClick" arrow-direction="down"/>&ndash;&gt;-->
+        <!--          &lt;!&ndash;           <van-cell  is-link arrow-direction="down"/>&ndash;&gt;-->
+        <!--        </van-col>-->
         <van-col span="12">
           <van-cell :title="formData.startTime" is-link @click="StartTimeClick">
             <template #right-icon>
-              <van-icon :name="timeico" class="search-icon"/>
+              <van-icon :name="timeico" class="search-icon" />
             </template>
           </van-cell>
         </van-col>
         <van-col span="12">
           <van-cell :title="formData.endTime" is-link @click="EndTimeClick">
             <template #right-icon>
-              <van-icon :name="timeico" class="search-icon"/>
+              <van-icon :name="timeico" class="search-icon" />
             </template>
           </van-cell>
         </van-col>
       </van-row>
-      <br>
+      <br />
       <van-button type="info" size="small" plain class="Btn100" @click="searchBtn">查找</van-button>
     </div>
-<!--    <div class="container">-->
-<!--      <div class="cellcontent brud" style="padding: 16px 16px;background-color: #fff;">-->
-<!--        <el-table class="elTreeTableLsiy" style="text-align: center;" :data="tableList" row-key="id" border lazy :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">-->
-<!--          <el-table-column prop="month"  label="月份" width="60" />-->
-<!--          <el-table-column prop="commitRate"  label="提交率%" />-->
-<!--          <el-table-column prop="approvalRate"  label="审批率%" />-->
-<!--        </el-table>-->
-<!--    </div>-->
-<!--  </div>-->
+    <!--    <div class="container">-->
+    <!--      <div class="cellcontent brud" style="padding: 16px 16px;background-color: #fff;">-->
+    <!--        <el-table class="elTreeTableLsiy" style="text-align: center;" :data="tableList" row-key="id" border lazy :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">-->
+    <!--          <el-table-column prop="month"  label="月份" width="60" />-->
+    <!--          <el-table-column prop="commitRate"  label="提交率%" />-->
+    <!--          <el-table-column prop="approvalRate"  label="审批率%" />-->
+    <!--        </el-table>-->
+    <!--    </div>-->
+    <!--  </div>-->
     <div class="container">
       <van-list
-          v-model="loading"
-          :finished="finished"
-          @load="onLoad"
-          finished-text="--已经到底了--"
-      >
-      <div class="cellcontent brud" v-for="(item,index) in list" :key="index">
-        <van-cell>
-          <div class="cardContent" @click="dailyFn(item)">
-            <div class="title"  >
-              <p class="textLeft">{{item.pnickName}}的半月报({{item.date}})</p>
-              <p class="textRight" v-if="item.status==3">已审批</p>
-              <p class="textRight" v-if="item.status==-1">过期未汇报</p>
-              <p class="textRight" v-if="item.status==0">待汇报</p>
-              <p class="textRight" v-if="item.status==2">退回待处理</p>
-              <p class="textRight" v-if="item.status==1">待审批</p>
+        v-model="loading"
+        :finished="finished"
+        @load="onLoad"
+        finished-text="--已经到底了--">
+        <div class="cellcontent brud" v-for="(item, index) in list" :key="index">
+          <van-cell>
+            <div class="cardContent" @click="dailyFn(item)">
+              <div class="title">
+                <p class="textLeft">{{ item.pnickName }}的半月报({{ item.date }})</p>
+                <p class="textRight" v-if="item.status == 3">已审批</p>
+                <p class="textRight" v-if="item.status == -1">过期未汇报</p>
+                <p class="textRight" v-if="item.status == 0">待汇报</p>
+                <p class="textRight" v-if="item.status == 2">退回待处理</p>
+                <p class="textRight" v-if="item.status == 1">待审批</p>
+              </div>
+              <div class="info" v-if="item.status > 0 && item.status < 3">
+                提交时间:{{ item.commitTime }}
+              </div>
+              <div class="info" v-if="item.status < 1">创建时间:{{ dateFn(item.date) }}</div>
+              <div class="info" v-if="item.status == 3">提交时间:{{ item.commitTime }}</div>
+              <div class="info" v-if="item.status == 3">审批时间:{{ item.approvalTime }}</div>
             </div>
-            <div class="info" v-if="item.status>0&&item.status<3">提交时间:{{item.commitTime}}</div>
-            <div class="info" v-if="item.status<1">创建时间:{{dateFn(item.date)}}</div>
-            <div class="info" v-if="item.status==3">提交时间:{{item.commitTime}}</div>
-            <div class="info" v-if="item.status==3">审批时间:{{item.approvalTime}}</div>
-
-          </div>
-        </van-cell>
-      </div>
-      <van-empty  v-if="list.length==0"/>
+          </van-cell>
+        </div>
+        <van-empty v-if="list.length == 0" />
       </van-list>
     </div>
-    <br>
-    <br>
+    <br />
+    <br />
     <van-popup v-model="RegionShow" capture position="bottom">
       <van-picker
-          show-toolbar
-          :columns="companyList"
-          value-key="deptName"
-          @confirm="onregionConfirm"
-          @cancel="RegionShow = false"
-      />
+        show-toolbar
+        :columns="companyList"
+        value-key="deptName"
+        @confirm="onregionConfirm"
+        @cancel="RegionShow = false" />
     </van-popup>
     <van-popup v-model="SalesRegionShow" capture position="bottom">
       <van-picker
-          show-toolbar
-          :columns="regionList"
-          value-key="deptName"
-          @confirm="onSalesRegionConfirm"
-          @cancel="SalesRegionShow = false"
-      />
+        show-toolbar
+        :columns="regionList"
+        value-key="deptName"
+        @confirm="onSalesRegionConfirm"
+        @cancel="SalesRegionShow = false" />
     </van-popup>
     <van-popup v-model="SalesDepartmentShow" capture position="bottom">
       <van-picker
-          show-toolbar
-          :columns="deptList"
-          value-key="deptName"
-          @confirm="onSalesDepartmentConfirm"
-          @cancel="SalesDepartmentShow = false"
-      />
+        show-toolbar
+        :columns="deptList"
+        value-key="deptName"
+        @confirm="onSalesDepartmentConfirm"
+        @cancel="SalesDepartmentShow = false" />
     </van-popup>
     <van-popup v-model="StaffShow" capture position="bottom">
       <van-picker
-          show-toolbar
-          :columns="userList"
-          @confirm="onStaffConfirm"
-          value-key="nickName"
-          @cancel="StaffShow = false"
-      />
+        show-toolbar
+        :columns="userList"
+        @confirm="onStaffConfirm"
+        value-key="nickName"
+        @cancel="StaffShow = false" />
     </van-popup>
 
     <van-popup v-model="StartTimeShow" capture position="bottom">
       <van-datetime-picker
-          v-model="strtcurrentDate"
-          type="date"
-          title="选择查找开始时间"
-          :min-date="strtminDate"
-          :max-date="strtmaxDate"
-          @confirm="onStartTimeConfirm"
-          @cancel="StartTimeShow = false"
-      />
+        v-model="strtcurrentDate"
+        type="date"
+        title="选择查找开始时间"
+        :min-date="strtminDate"
+        :max-date="strtmaxDate"
+        @confirm="onStartTimeConfirm"
+        @cancel="StartTimeShow = false" />
     </van-popup>
     <van-popup v-model="EndTimeShow" capture position="bottom">
       <van-datetime-picker
-          v-model="endcurrentDate"
-          type="date"
-          title="选择查找结束时间"
-          :min-date="endminDate"
-          :max-date="endmaxDate"
-          @confirm="onEndTimeConfirm"
-          @cancel="EndTimeShow = false"
-      />
+        v-model="endcurrentDate"
+        type="date"
+        title="选择查找结束时间"
+        :min-date="endminDate"
+        :max-date="endmaxDate"
+        @confirm="onEndTimeConfirm"
+        @cancel="EndTimeShow = false" />
     </van-popup>
   </div>
 </template>
 
 <script>
-import timeico from "@/assets/Icon/datatims.png";
-import {getDeptInfo,querySubReport} from "@/api/index";
+import timeico from '@/assets/Icon/datatims.png';
+import { getDeptInfo, querySubReport } from '@/api/index';
 export default {
-  name: "MyHistoricalWeekly",
+  name: 'MyHistoricalWeekly',
   data() {
     return {
       timeico: timeico,
@@ -158,156 +156,158 @@ export default {
       StaffShow: false,
       StartTimeShow: false,
       EndTimeShow: false,
-      PhotoTypeList: [{text: "009", value: "09"}],
+      PhotoTypeList: [{ text: '009', value: '09' }],
       strtminDate: new Date(2022, 0, 1),
       endminDate: new Date(2022, 0, 1),
       strtmaxDate: new Date(),
       endmaxDate: new Date(),
       strtcurrentDate: new Date(),
       endcurrentDate: new Date(),
-      companyName:"全部公司",
-      deptName:"全部",
-      regionName:"全部大区",
-      userName:"全部",
-      companyCode:"",
-      deptCode:"",
-      regionCode:"",
-      userCode:"",
-      companyList:[],
-      deptList:[],
-      regionList:[],
-      userList:[],
-      deptForm:{type:"",parentId:""},
-      list:[],
+      companyName: '全部公司',
+      deptName: '全部',
+      regionName: '全部大区',
+      userName: '全部',
+      companyCode: '',
+      deptCode: '',
+      regionCode: '',
+      userCode: '',
+      companyList: [],
+      deptList: [],
+      regionList: [],
+      userList: [],
+      deptForm: { type: '', parentId: '' },
+      list: [],
       loading: false,
       finished: true,
-      formData:{
-        type:"3", // 汇报类型或入口 1-下属业务员日报 2-下属销售部主管周报 3-下属大区主管半月报
-        companyId:"", // 公司id,必传 Long类型
-        regionId:"", // 大区id,必传  Long类型
-        deptId:"", // 部门id,如果为周报或日报为必传  Long类型
-        userId:"", // 业务员id,如果为日报为必传      Long类型
-        startTime:"", // 开始时间,必传  格式:yyyy-MM-dd  String类型
-        endTime:"", // 结束时间,必传  格式:yyyy-MM-dd  String类型
-        pageNum:1 , // 当前页码  int类型
-        pageSize:10, // 当前每页条数  int类型
+      formData: {
+        type: '3', // 汇报类型或入口 1-下属业务员日报 2-下属销售部主管周报 3-下属大区主管半月报
+        companyId: '', // 公司id,必传 Long类型
+        regionId: '', // 大区id,必传  Long类型
+        deptId: '', // 部门id,如果为周报或日报为必传  Long类型
+        userId: '', // 业务员id,如果为日报为必传      Long类型
+        startTime: '', // 开始时间,必传  格式:yyyy-MM-dd  String类型
+        endTime: '', // 结束时间,必传  格式:yyyy-MM-dd  String类型
+        pageNum: 1, // 当前页码  int类型
+        pageSize: 10, // 当前每页条数  int类型
       },
-      tableList:[]
-    }
+      tableList: [],
+    };
   },
   created() {
     // this.formData.startTime = this.GetPreMonthDay(this.parseTime(new Date(), '{y}-{m}-{d}'),1)
-    this.formData.startTime=this.getThreeDaysAgo()
+    this.formData.startTime = this.getThreeDaysAgo();
     // this.strtcurrentDate=new Date(this.GetPreMonthDay(this.parseTime(new Date(), '{y}-{m}-{d}'),1))
-    this.strtcurrentDate=new Date(this.getThreeDaysAgo())
-    this.formData.endTime = this.parseTime(new Date(), '{y}-{m}-{d}') + ""
-    this.endminDate=new Date(this.GetPreMonthDay(this.parseTime(new Date(), '{y}-{m}-{d}'),1))
-    this.powerGrade = localStorage.getItem("powerGrade")
-    this.getDeptInfo("dept")
-    if(this.powerGrade==5){
-      setTimeout(()=>{
-        if(this.$route.query.regionCode==undefined){
-        this.companyName=this.companyList[0].deptName;
-        this.companyCode=this.companyList[0].deptId;
+    this.strtcurrentDate = new Date(this.getThreeDaysAgo());
+    this.formData.endTime = this.parseTime(new Date(), '{y}-{m}-{d}') + '';
+    this.endminDate = new Date(this.GetPreMonthDay(this.parseTime(new Date(), '{y}-{m}-{d}'), 1));
+    this.powerGrade = localStorage.getItem('powerGrade');
+    this.getDeptInfo('dept');
+    if (this.powerGrade == 5) {
+      setTimeout(() => {
+        if (this.$route.query.regionCode == undefined) {
+          this.companyName = this.companyList[0].deptName;
+          this.companyCode = this.companyList[0].deptId;
         }
-        this.getDeptInfo("dept",1)
-      },1000)
+        this.getDeptInfo('dept', 1);
+      }, 1000);
     }
-    if(this.powerGrade==4){
-      setTimeout(()=>{
-        this.getDeptInfo("dept",1)
-      },1000)
+    if (this.powerGrade == 4) {
+      setTimeout(() => {
+        this.getDeptInfo('dept', 1);
+      }, 1000);
     }
-    if(this.powerGrade==3){
-      setTimeout(()=>{
-        this.getDeptInfo("dept",2)
-      },1000)
+    if (this.powerGrade == 3) {
+      setTimeout(() => {
+        this.getDeptInfo('dept', 2);
+      }, 1000);
     }
-    if(this.powerGrade==2){
-      setTimeout(()=>{
-        this.getDeptInfo("user")
-      },2000)
+    if (this.powerGrade == 2) {
+      setTimeout(() => {
+        this.getDeptInfo('user');
+      }, 2000);
     }
-    if(this.$route.query.regionCode!=undefined){
-      this.companyName=this.$route.query.companyName
-      this.companyCode=this.$route.query.companyCode
-      this.regionName=this.$route.query.regionName
-      this.regionCode=this.$route.query.regionCode
-      this.formData.startTime=this.$route.query.startTime
-      this.formData.endTime=this.$route.query.endTime
-        this.searchBtn()
-    }else{
-      setTimeout(()=>{
-        this.searchBtn()
-      },1000)
+    if (this.$route.query.regionCode != undefined) {
+      this.companyName = this.$route.query.companyName;
+      this.companyCode = this.$route.query.companyCode;
+      this.regionName = this.$route.query.regionName;
+      this.regionCode = this.$route.query.regionCode;
+      this.formData.startTime = this.$route.query.startTime;
+      this.formData.endTime = this.$route.query.endTime;
+      this.searchBtn();
+    } else {
+      setTimeout(() => {
+        this.searchBtn();
+      }, 1000);
     }
   },
   watch: {
     $route(to, from) {
-      this.powerGrade = localStorage.getItem("powerGrade")
-      if(to.path=="/doubleWeeklyHistorical"&&from.path!="/doubleHistoricalWeeklyDetils"){
-        if(this.$route.query.regionCode!=undefined){
-          this.companyName=this.$route.query.companyName
-          this.companyCode=this.$route.query.companyCode
-          this.regionName=this.$route.query.regionName
-          this.regionCode=this.$route.query.regionCode
-          this.formData.startTime=this.$route.query.startTime
-          this.formData.endTime=this.$route.query.endTime
-          this.searchBtn()
-        }else{
-          this.regionName="全部大区"
-          this.regionCode=""
-          this.formData.pageNum=1
+      this.powerGrade = localStorage.getItem('powerGrade');
+      if (to.path == '/doubleWeeklyHistorical' && from.path != '/doubleHistoricalWeeklyDetils') {
+        if (this.$route.query.regionCode != undefined) {
+          this.companyName = this.$route.query.companyName;
+          this.companyCode = this.$route.query.companyCode;
+          this.regionName = this.$route.query.regionName;
+          this.regionCode = this.$route.query.regionCode;
+          this.formData.startTime = this.$route.query.startTime;
+          this.formData.endTime = this.$route.query.endTime;
+          this.searchBtn();
+        } else {
+          this.regionName = '全部大区';
+          this.regionCode = '';
+          this.formData.pageNum = 1;
           this.list = [];
-          this.tableList=[];
-          this.getDeptInfo("dept")
-          if(this.powerGrade==5){
-            setTimeout(()=>{
-              if(this.$route.query.regionCode==undefined){
-              this.companyName=this.companyList[0].deptName;
-              this.companyCode=this.companyList[0].deptId;}
-              this.getDeptInfo("dept",1)
-            },1000)
+          this.tableList = [];
+          this.getDeptInfo('dept');
+          if (this.powerGrade == 5) {
+            setTimeout(() => {
+              if (this.$route.query.regionCode == undefined) {
+                this.companyName = this.companyList[0].deptName;
+                this.companyCode = this.companyList[0].deptId;
+              }
+              this.getDeptInfo('dept', 1);
+            }, 1000);
           }
-          if(this.powerGrade==4){
-            setTimeout(()=>{
-              this.getDeptInfo("dept",1)
-            },1000)
+          if (this.powerGrade == 4) {
+            setTimeout(() => {
+              this.getDeptInfo('dept', 1);
+            }, 1000);
           }
-          if(this.powerGrade==3){
-            setTimeout(()=>{
-              this.getDeptInfo("dept",2)
-            },1000)
+          if (this.powerGrade == 3) {
+            setTimeout(() => {
+              this.getDeptInfo('dept', 2);
+            }, 1000);
           }
-          if(this.powerGrade==2){
-            setTimeout(()=>{
-              this.getDeptInfo("user")
-            },2000)
+          if (this.powerGrade == 2) {
+            setTimeout(() => {
+              this.getDeptInfo('user');
+            }, 2000);
           }
-          setTimeout(()=>{
-            this.searchBtn()},1000)
+          setTimeout(() => {
+            this.searchBtn();
+          }, 1000);
         }
       }
-    }
+    },
   },
   methods: {
-    dateFn(val){
-      return val.slice(0,4)+"-"+val.slice(4,6)+"-"+val.slice(6,8)
+    dateFn(val) {
+      return val.slice(0, 4) + '-' + val.slice(4, 6) + '-' + val.slice(6, 8);
     },
-    onLoad(){
-      this.querySubReport()
+    onLoad() {
+      this.querySubReport();
     },
-    searchBtn(){
+    searchBtn() {
       // if(this.regionCode==""){
       //   this.$toast("大区未选择")
       // }else{
-        this.formData.pageNum=1
-        this.list = [];
-        this.querySubReport()
+      this.formData.pageNum = 1;
+      this.list = [];
+      this.querySubReport();
       // }
     },
-    querySubReport(){
-      let loading1=this.$toast.loading({
+    querySubReport() {
+      let loading1 = this.$toast.loading({
         duration: 0,
         message: '加载中...',
         forbidClick: true,
@@ -316,24 +316,24 @@ export default {
         this.list = [];
         this.refreshing = false;
       }
-      this.formData.companyId=this.companyCode; // 公司id,必传 Long类型
-      this.formData.regionId=this.regionCode; // 大区id,必传  Long类型
-      this.formData.deptId=this.deptCode; // 部门id,如果为周报或日报为必传  Long类型
-      this.formData.userId=this.userCode; // 业务员id,如果为日报为必传      Long类型
-      querySubReport(this.formData).then(res=>{
-        loading1.clear()
-        if(res.code==200){
-          this.loading=false
-          this.list = this.list.concat(res.data)
-          if (this.list.length >=res.total) {
+      this.formData.companyId = this.companyCode; // 公司id,必传 Long类型
+      this.formData.regionId = this.regionCode; // 大区id,必传  Long类型
+      this.formData.deptId = this.deptCode; // 部门id,如果为周报或日报为必传  Long类型
+      this.formData.userId = this.userCode; // 业务员id,如果为日报为必传      Long类型
+      querySubReport(this.formData).then((res) => {
+        loading1.clear();
+        if (res.code == 200) {
+          this.loading = false;
+          this.list = this.list.concat(res.data);
+          if (this.list.length >= res.total) {
             this.finished = true;
-          }else{
+          } else {
             this.finished = false;
           }
-          this.formData.pageNum=this.formData.pageNum+1
+          this.formData.pageNum = this.formData.pageNum + 1;
           // this.tableList=res.data.rates
         }
-      })
+      });
     },
     getThreeDaysAgo() {
       let myDate = new Date();
@@ -342,14 +342,10 @@ export default {
       let lastM = lw.getMonth() + 1;
       let lastD = lw.getDate();
       let startData =
-          lastY +
-          "-" +
-          (lastM < 10 ? "0" + lastM : lastM) +
-          "-" +
-          (lastD < 10 ? "0" + lastD : lastD); //三十天之前日期
+        lastY + '-' + (lastM < 10 ? '0' + lastM : lastM) + '-' + (lastD < 10 ? '0' + lastD : lastD); //三十天之前日期
       return startData;
     },
-    GetPreMonthDay(date, monthNum,type) {
+    GetPreMonthDay(date, monthNum, type) {
       var dateArr = date.split('-');
       var year = dateArr[0]; //获取当前日期的年份
       var month = dateArr[1]; //获取当前日期的月份
@@ -372,115 +368,119 @@ export default {
       if (month2 < 10) {
         month2 = '0' + month2;
       }
-      var t2 =""
-      if(monthNum>0){
-        t2= year2 + '-' + month2 + '-01';
-      }else{
-        if(type=="end"){
-          var Months=new Date().getMonth()+1
-          var days111=new Date().getDate()
+      var t2 = '';
+      if (monthNum > 0) {
+        t2 = year2 + '-' + month2 + '-01';
+      } else {
+        if (type == 'end') {
+          var Months = new Date().getMonth() + 1;
+          var days111 = new Date().getDate();
           if (Months < 10) {
             Months = '0' + Months;
           }
           if (days111 < 10) {
             days111 = '0' + days111;
           }
-          if(new Date().getFullYear()==year){
-            if(parseInt(month2)>=new Date().getMonth()+1){
-              t2= year2 + '-' + Months + '-' + days111;
-            }else{
-              var daysd=this.getMonthDays(year2,month2)
-              t2= year2 + '-' + month2 + '-' + daysd;
+          if (new Date().getFullYear() == year) {
+            if (parseInt(month2) >= new Date().getMonth() + 1) {
+              t2 = year2 + '-' + Months + '-' + days111;
+            } else {
+              var daysd = this.getMonthDays(year2, month2);
+              t2 = year2 + '-' + month2 + '-' + daysd;
             }
-          }else{
-            var daysd=this.getMonthDays(year2,month2)
-            t2= year2 + '-' + month2 + '-' + daysd;
+          } else {
+            var daysd = this.getMonthDays(year2, month2);
+            t2 = year2 + '-' + month2 + '-' + daysd;
           }
-        }else{
-          t2= year2 + '-' + month2 + '-' + day2;
+        } else {
+          t2 = year2 + '-' + month2 + '-' + day2;
         }
       }
       return t2;
     },
-    getMonthDays(year,month){
-      var stratDate = new Date(year,month-1,1),
-          endData = new Date(year,month,1);
-      var days = (endData -stratDate)/(1000*60*60*24);
+    getMonthDays(year, month) {
+      var stratDate = new Date(year, month - 1, 1),
+        endData = new Date(year, month, 1);
+      var days = (endData - stratDate) / (1000 * 60 * 60 * 24);
       return days;
     },
-    getDeptInfo(type,grade){
-      this.deptForm.type=type
-      if(type=="dept"){
-        if(grade=="1"){
-          this.deptForm.parentId=this.companyCode
-        }else if(grade=="2"){
-          this.deptForm.parentId=this.regionCode
-        }else{
-          this.deptForm.type=""
-          this.deptForm.parentId=""
+    getDeptInfo(type, grade) {
+      this.deptForm.type = type;
+      if (type == 'dept') {
+        if (grade == '1') {
+          this.deptForm.parentId = this.companyCode;
+        } else if (grade == '2') {
+          this.deptForm.parentId = this.regionCode;
+        } else {
+          this.deptForm.type = '';
+          this.deptForm.parentId = '';
         }
-      }else if(type=="user"){
-        this.deptForm.parentId=this.deptCode
+      } else if (type == 'user') {
+        this.deptForm.parentId = this.deptCode;
       }
-      getDeptInfo(this.deptForm).then(res=>{
-        if(type=="dept"){
-          if(grade=="1"){
-            if(res.data.region!=null){
-              this.regionList=[{deptName:"全部大区",deptId:""}].concat(res.data.region)
+      getDeptInfo(this.deptForm).then((res) => {
+        if (type == 'dept') {
+          if (grade == '1') {
+            if (res.data.region != null) {
+              this.regionList = [{ deptName: '全部大区', deptId: '' }].concat(res.data.region);
             }
-          }else if(grade=="2"){
-            if(res.data.dept!=null){
-              this.deptList=[{deptName:"全部销售部",deptId:""}].concat(res.data.dept)
+          } else if (grade == '2') {
+            if (res.data.dept != null) {
+              this.deptList = [{ deptName: '全部销售部', deptId: '' }].concat(res.data.dept);
             }
-          }else{
-            this.companyList=res.data.company
-            if(this.$route.query.regionCode==undefined){
-            this.companyName=res.data.company[0].deptName
-            this.companyCode=res.data.company[0].deptId}
-            if(res.data.dept!=null){
-              this.deptName=res.data.dept[0].deptName
-              this.deptCode=res.data.dept[0].deptId
-              this.deptList=res.data.dept
+          } else {
+            // this.companyList=res.data.company
+            this.companyList = [{ deptName: '全部公司', deptId: '' }].concat(res.data.company);
+            if (this.$route.query.regionCode == undefined) {
+              this.companyName = res.data.company[0].deptName;
+              this.companyCode = res.data.company[0].deptId;
             }
-            if(res.data.region!=null){
-              this.regionName=res.data.region[0].deptName
-              this.regionCode=res.data.region[0].deptId
-              this.regionList=res.data.region
+            if (res.data.dept != null) {
+              this.deptName = res.data.dept[0].deptName;
+              this.deptCode = res.data.dept[0].deptId;
+              this.deptList = res.data.dept;
             }
-            if(res.data.user!=null){
-              this.userList=res.data.user
-              this.userCode=""
+            if (res.data.region != null) {
+              this.regionName = res.data.region[0].deptName;
+              this.regionCode = res.data.region[0].deptId;
+              this.regionList = res.data.region;
+            }
+            if (res.data.user != null) {
+              this.userList = res.data.user;
+              this.userCode = '';
             }
           }
-        }else if(type=="user"){
-          if(res.data.user!=null){
-            this.userList=[{nickName:"全部",userId:""}].concat(res.data.user)
+        } else if (type == 'user') {
+          if (res.data.user != null) {
+            this.userList = [{ nickName: '全部', userId: '' }].concat(res.data.user);
           }
         }
-      })
+      });
     },
     dailyFn(row) {
-      if(row.status!='0'){
-        if(row.status==-1){
-          var dayTime=row.date;
-          var times=new Date(dayTime.slice(0, 4)+"-"+dayTime.slice(4, 6)+"-"+dayTime.slice(6, 8)).getTime()
-          var time=new Date("2022-08-25").getTime()
-          if(times<time){
+      if (row.status != '0') {
+        if (row.status == -1) {
+          var dayTime = row.date;
+          var times = new Date(
+            dayTime.slice(0, 4) + '-' + dayTime.slice(4, 6) + '-' + dayTime.slice(6, 8)
+          ).getTime();
+          var time = new Date('2022-08-25').getTime();
+          if (times < time) {
             this.$dialog.alert({
               title: '系统提示',
               message: '非常抱歉,8月25日前历史报告数据不存在',
-            })
-          }else{
+            });
+          } else {
             this.$router.push({
-              path: "/doubleHistoricalWeeklyDetils",
-              query: {reportId: row.id,}
-            })
+              path: '/doubleHistoricalWeeklyDetils',
+              query: { reportId: row.id },
+            });
           }
-        }else{
+        } else {
           this.$router.push({
-            path: "/doubleHistoricalWeeklyDetils",
-            query: {reportId: row.id,}
-          })
+            path: '/doubleHistoricalWeeklyDetils',
+            query: { reportId: row.id },
+          });
         }
       }
 
@@ -489,21 +489,21 @@ export default {
       // }
     },
     onClickLeft() {
-      this.$router.go(-1)
+      this.$router.go(-1);
     },
     regionClick() {
       // if(this.powerGrade>4){
-        this.RegionShow = true;
+      this.RegionShow = true;
       // }
     },
     SalesRegionClick(val) {
       // if(this.powerGrade>3){
-        this.SalesRegionShow = true;
+      this.SalesRegionShow = true;
       // }
     },
     SalesDepartmentClick() {
       // if(this.powerGrade>2){
-        this.SalesDepartmentShow = true;
+      this.SalesDepartmentShow = true;
       // }
     },
     StaffClick() {
@@ -517,70 +517,72 @@ export default {
     },
     onregionConfirm(val) {
       this.RegionShow = false;
-      this.companyName=val.deptName;
-      this.companyCode=val.deptId;
-      this.regionName="全部大区";
-      this.regionCode="";
-      this.deptName="全部";
-      this.deptCode="";
-      this.userName="全部";
-      this.userCode="";
-      this.getDeptInfo("dept",1)
+      this.companyName = val.deptName;
+      this.companyCode = val.deptId;
+      this.regionName = '全部大区';
+      this.regionCode = '';
+      this.deptName = '全部';
+      this.deptCode = '';
+      this.userName = '全部';
+      this.userCode = '';
+      this.getDeptInfo('dept', 1);
     },
     onSalesRegionConfirm(val) {
       this.SalesRegionShow = false;
-      this.regionName=val.deptName;
-      this.regionCode=val.deptId;
-      if(val.deptId!=""){
-        this.getDeptInfo("dept",2)
+      this.regionName = val.deptName;
+      this.regionCode = val.deptId;
+      if (val.deptId != '') {
+        this.getDeptInfo('dept', 2);
       }
-      this.deptName="全部";
-      this.deptCode="";
-      this.userName="全部";
-      this.userCode="";
-      this.userList=[]
+      this.deptName = '全部';
+      this.deptCode = '';
+      this.userName = '全部';
+      this.userCode = '';
+      this.userList = [];
     },
     onSalesDepartmentConfirm(val) {
       this.SalesDepartmentShow = false;
-      this.deptName=val.deptName;
-      this.deptCode=val.deptId;
-      if(val.deptId!=""){
-
-        this.getDeptInfo("user")
+      this.deptName = val.deptName;
+      this.deptCode = val.deptId;
+      if (val.deptId != '') {
+        this.getDeptInfo('user');
       }
-      this.userName="全部";
-      this.userCode="";
+      this.userName = '全部';
+      this.userCode = '';
     },
     onStaffConfirm(val) {
       this.StaffShow = false;
-      this.userName=val.nickName;
-      this.userCode=val.userId;
+      this.userName = val.nickName;
+      this.userCode = val.userId;
     },
     onStartTimeConfirm(val) {
-      this.formData.startTime = this.parseTime(new Date(val), '{y}-{m}-{d}') + ""
+      this.formData.startTime = this.parseTime(new Date(val), '{y}-{m}-{d}') + '';
       this.StartTimeShow = false;
-        this.endminDate = new Date(val)
-        this.endmaxDate=new Date(this.GetPreMonthDay(this.formData.startTime,-2,"end"))
-      if((new Date(this.formData.startTime).getTime()>new Date(this.formData.endTime).getTime())||(new Date(this.endmaxDate).getTime()<new Date(this.formData.endTime).getTime())) {
-        this.formData.endTime = this.parseTime(new Date(val), '{y}-{m}-{d}') + ""
-        this.endcurrentDate=  this.GetPreMonthDay(this.formData.startTime,-2)
+      this.endminDate = new Date(val);
+      this.endmaxDate = new Date(this.GetPreMonthDay(this.formData.startTime, -2, 'end'));
+      if (
+        new Date(this.formData.startTime).getTime() > new Date(this.formData.endTime).getTime() ||
+        new Date(this.endmaxDate).getTime() < new Date(this.formData.endTime).getTime()
+      ) {
+        this.formData.endTime = this.parseTime(new Date(val), '{y}-{m}-{d}') + '';
+        this.endcurrentDate = this.GetPreMonthDay(this.formData.startTime, -2);
       }
 
-      this.list=[];
-      this.formData.pageNum=1;
+      this.list = [];
+      this.formData.pageNum = 1;
     },
     onEndTimeConfirm(val) {
-      this.formData.endTime = this.parseTime(new Date(val), '{y}-{m}-{d}')
-      this.strtmaxDate = new Date(val)
-      if(new Date(this.formData.startTime).getTime()>new Date(this.formData.endTime).getTime()){
-        this.formData.startTime=this.formData.endTime
+      this.formData.endTime = this.parseTime(new Date(val), '{y}-{m}-{d}');
+      this.strtmaxDate = new Date(val);
+      if (new Date(this.formData.startTime).getTime() > new Date(this.formData.endTime).getTime()) {
+        this.formData.startTime = this.formData.endTime;
       }
-      this.list=[];
-      this.formData.pageNum=1;
+      this.list = [];
+      this.formData.pageNum = 1;
       this.EndTimeShow = false;
     },
-  }
-}
+  },
+};
 </script>
 <style>
 .cardContent {
@@ -597,7 +599,7 @@ export default {
 
 .cardContent .title p {
   padding: 0;
-  margin: 0
+  margin: 0;
 }
 
 .cardContent .title .textLeft {
@@ -641,23 +643,25 @@ export default {
   color: #fff !important;
   background-color: #0057ba;
   border: 1px solid #0057ba;
-  height: 36px
+  height: 36px;
 }
 
 .contentpd16 .van-cell {
-  background-color: #EBF4FF;
+  background-color: #ebf4ff;
   margin: 8px 0;
   border-radius: 5px;
   padding: 4px 16px;
 }
-.elTreeTableLsiy  th.el-table__cell>.cell{text-align: center;}
-.elTreeTableLsiy td.el-table__cell div{
+.elTreeTableLsiy th.el-table__cell > .cell {
+  text-align: center;
+}
+.elTreeTableLsiy td.el-table__cell div {
   text-align: right;
 }
-.elTreeTableLsiy .el-table__cell{
+.elTreeTableLsiy .el-table__cell {
   padding: 2px 0;
 }
-.elTreeTableLsiy .el-table__cell:first-child .cell{
+.elTreeTableLsiy .el-table__cell:first-child .cell {
   text-align: center;
 }
-</style>
+</style>

File diff suppressed because it is too large
+ 429 - 371
src/views/week/weeklyHistorical.vue