diff --git a/src/views/modules/visual/communityGovern/shijianchuli/lineOption copy.js b/src/views/modules/visual/communityGovern/shijianchuli/lineOption copy.js
new file mode 100644
index 00000000..04b4f950
--- /dev/null
+++ b/src/views/modules/visual/communityGovern/shijianchuli/lineOption copy.js	
@@ -0,0 +1,86 @@
+import * as echarts from 'echarts'
+export function lineOption () {
+
+  return {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+        label: {
+          backgroundColor: '#6a7985'
+        }
+      }
+    },
+    xAxis: {
+      type: 'category',
+      // boundaryGap: false,
+      axisLabel: {
+        color: '#8ec7dc',
+        fontSize: 16
+      },
+      axisTick: {
+        show: false
+      },
+      axisLine: {
+        lineStyle: {
+          color: '#0c4b59'
+        }
+      }
+    },
+    yAxis: {
+      nameTextStyle: {
+        color: '#8ec7dc',
+        fontSize: 18
+      },
+      splitNumber: 4,
+      minInterval: 1,
+      show: true,
+      type: 'value',
+      axisLabel: {
+        color: '#8ec7dc',
+        fontSize: 18
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        lineStyle: {
+          color: ['#145968'],
+          type: 'dotted'
+        }
+      },
+      axisLine: {
+        show: true,
+        symbol: ['none', 'arrow'],
+        symbolOffset: [0, 15],
+        lineStyle: {
+          color: '#0c4b59'
+        }
+      }
+    },
+    series: [
+      {
+        name: '项目数',
+        type: 'line',
+        smooth: true,
+        barWidth: 15,
+        areaStyle: {},
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(
+            0, 1, 0, 0,
+            [
+              { offset: 0, color: 'rgba(121, 55, 255, 0)' },
+              { offset: 1, color: '#6339FF' }
+            ]
+          )
+        }
+      },
+      // {
+      //   data: [820, 932, 901, 934, 1290, 1330, 1320],
+      //   type: 'line',
+      //   areaStyle: {}
+      // }
+    ]
+
+  }
+}
diff --git a/src/views/modules/visual/communityGovern/shijianchuli/pieOption copy.js b/src/views/modules/visual/communityGovern/shijianchuli/pieOption copy.js
new file mode 100644
index 00000000..5eb83bad
--- /dev/null
+++ b/src/views/modules/visual/communityGovern/shijianchuli/pieOption copy.js	
@@ -0,0 +1,183 @@
+
+export function pieOption (_charts) {
+const center= ['50%', '170px']
+  return {
+    title: {
+      text: '0',
+      top: 140,
+      left: 'center',
+      textStyle: {
+        width: '100%',
+        fontSize: 32,
+        color: '#FFFFFF',
+        fontWeight: 400
+      },
+      itemGap: 5,
+      subtext: '总数',
+      subtextStyle: {
+        fontSize: 20,
+        color: '#fff',
+        fontWeight: 400
+      }
+    },
+    tooltip: {
+      show: false
+    },
+    // legend: {
+      // top: 350,
+      // bottom: 0,
+      // itemWidth: 20,
+      // itemHeight: 10,
+      // textStyle: {
+      //   color: '#D2E7FF',
+      //   fontSize: 16,
+      //   lineHeight: 20,
+      // },
+    
+    // },
+    series: [
+      // 外侧圆环
+      {
+        type: 'pie',
+        // 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
+        startAngle: 0,
+        hoverAnimation: false,
+        // tooltip: {
+        // },
+        center: center,
+        radius: ['58%', '58.3%'],
+        label: {
+          normal: {
+            show: false
+          }
+        },
+        labelLine: {
+          normal: {
+            show: false
+          }
+        },
+        data: [{
+          value: 360,
+          itemStyle: {
+            normal: {
+              color: 'rgba(40, 101, 250, 0)',
+              width:0,
+              borderColor: 'rgba(40, 101, 250, 0.5)',
+              borderWidth: 1,
+              borderType: 'dotted'
+            }
+          }
+        }
+        ]
+      },
+
+      // 突出的
+      {
+        hoverAnimation: false,
+        // name: 'Access From',
+        type: 'pie',
+        center: center,
+        radius: ['35%', '48%'],
+        avoidLabelOverlap: false,
+        // top: top + '%',
+        // height: '80%',
+        selectedMode: 'single',
+        left: 'center',
+        width: 400,
+        label: {
+          // show: false,
+          position: 'outside',
+          alignTo: 'edge',
+          // formatter: '{a|{c}}\n\n{name|{b}}',
+          formatter: '{a|{c}%}\n{r|}\n{name|{b}}',
+          minMargin: 5,
+          edgeDistance: 1,
+          lineHeight: 15,
+          color: '#fff',
+          fontSize: 12,
+          // distanceToLabelLine: -60,
+          rich: {
+            name: {
+              padding: [0, 6, 0, 6]
+            },
+            a: {
+              fontSize: 30,
+              color: '#fff',
+              padding: [0, 6, 6, 6]
+            },
+            r: {
+              backgroundColor: 'auto',
+              borderRadius: 6,
+              width: 6,
+              height: 6,
+              // padding: [3, 3, 0, -12]
+            }
+          }
+        },
+        labelLine: {
+          show: false,
+          smooth: 0.2,
+          length: 30,
+          length2: 0,
+          maxSurfaceAngle: 80
+        },
+        labelLayout: function (params) {
+          
+          const isLeft = params.labelRect.x < _charts.getWidth() / 2;
+          const points = params.labelLinePoints;
+          // Update the end point.
+          if (points) {
+            points[2][0] = isLeft
+            ? params.labelRect.x
+            : params.labelRect.x + params.labelRect.width;
+          }
+          
+          return {
+            labelLinePoints: points
+          };
+        },
+        itemStyle: {
+           color:function(params) {
+          //自定义颜色
+          var colorList = [ '#FAC126', '#3DDA83'];
+            return colorList[params.dataIndex]
+          }
+        },
+        data: [],
+
+      },
+         // 中间圆环
+         {
+          type: 'pie',
+          // 起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。
+          startAngle: 0,
+          hoverAnimation: false,
+          center: center,
+          // tooltip: {
+          // },
+          radius: ['0%', '25%'],
+          label: {
+          
+              show: false
+           
+          },
+          labelLine: {
+           
+              show: false
+          
+          },
+          data: [{
+            value: 360,
+            itemStyle: {
+              normal: {
+                color: 'rgba(8, 37, 134, 1)',
+            
+              }
+            }
+          }
+          ]
+        },
+    ]
+
+  }
+}
diff --git a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue
new file mode 100644
index 00000000..301a60a9
--- /dev/null
+++ b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi copy.vue	
@@ -0,0 +1,740 @@
+<template>
+  <cpt-card>
+    <div class="title">
+      <img src="@/assets/img/shuju/title-tip.png" />
+      <span>事件处理分析</span>
+
+      <div class="search">
+        <div class="second-select cascader">
+          <el-cascader class="customer_cascader"
+                       ref="myCascader"
+                       v-model="agencyIdArray"
+                       :key="iscascaderShow"
+                       :options="casOptions"
+                       :props="optionProps"
+                       :show-all-levels="false"
+                       @change="handleChangeAgency"></el-cascader>
+        </div>
+        <div class="second-select">
+          <el-select v-model="dataType"
+                     :popper-append-to-body="false"
+                     placeholder="请选择">
+            <el-option v-for="(item) in dateArray"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value"
+                       @click.native="handleChangeDate(item.value)">
+            </el-option>
+          </el-select>
+        </div>
+
+        <div v-if="dataType==='0'"
+             class="second-select range-data">
+
+          <el-date-picker v-model="timeRange"
+                          type="daterange"
+                          range-separator="至"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          prefix-icon="el-icon-caret-bottom"
+                          format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd"
+                          @change="handleSelectChange">
+          </el-date-picker>
+        </div>
+      </div>
+
+    </div>
+    <div class="g-cpt-resi">
+      <div class="g-l">
+        <div class="l_top">
+
+          <div v-if="!pieNoData && !dataLoading"
+               class="g-pie">
+            <screen-echarts-frame class="echart-wr"
+                                  @myChartMethod="pieInitOk"
+                                  ref="pieChart"></screen-echarts-frame>
+
+            <div class="pie-legend">
+              <div :class="['legend_item',{'item_last':index===legendArray.length-1}]"
+                   v-for="(item,index) in legendArray"
+                   :key="index">
+                <div class="item_name">{{item.name}}</div>
+                <img :src="item.url" />
+                <!-- <div class="item_num">
+                  <span class="item_count">{{item.count}}</span>
+                  <span class="item_percent">{{item.percent}}</span>
+                </div> -->
+              </div>
+            </div>
+
+          </div>
+          <screen-nodata class="nodata"
+                         v-if="pieNoData&& !dataLoading"></screen-nodata>
+          <div class="table-status"
+               v-if="dataLoading">
+            <screen-loading>加载中</screen-loading>
+          </div>
+
+        </div>
+        <div class="l_bottom">
+          <div class="bottom_label">月度新增事件统计</div>
+          <screen-echarts-frame v-if="!lineNoData&& !dataLoading"
+                                class="echart-line"
+                                @myChartMethod="lineInitOk"
+                                ref="lineChart"></screen-echarts-frame>
+          <screen-nodata class="nodata"
+                         v-if="lineNoData&& !dataLoading"></screen-nodata>
+          <div class="table-status"
+               v-if="dataLoading">
+            <screen-loading>加载中</screen-loading>
+          </div>
+        </div>
+      </div>
+      <div class="g-r">
+        <div class="m-tb">
+
+          <div class="tb">
+            <cpt-tb :col-list="demand.colList"
+                    :loading="demand.loading"
+                    :header="demand.header"
+                    :list="demand.list"
+                    @operate="toEventInfo"></cpt-tb>
+
+          </div>
+          <div class="m-pagination">
+            <el-pagination :current-page="demand.pageNo"
+                           :page-size="demand.pageSize"
+                           :total="demand.total"
+                           background
+                           layout="prev, pager, next,total"
+                           @current-change="handlePageNoChange_demand">
+            </el-pagination>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+    <event-info v-if="showProject"
+                :eventId="eventId"
+                :orgId="orgId"
+                :orgType="orgType"
+                @close="showProject = false" />
+  </cpt-card>
+</template>
+
+<script>
+
+import { requestPost } from "@/js/dai/request";
+import cptCard from "@/views/modules/visual/cpts/card";
+import cptTb from "@/views/modules/visual/cpts/tb";
+import screenEchartsFrame from "@/views/modules/visual/components/screen-echarts-frame";
+
+import ScreenLoading from "@/views/modules/visual/components/screen-loading";
+import ScreenNodata from "@/views/modules/visual/components/screen-nodata";
+import eventInfo from "./event-info";
+
+import { pieOption } from './pieOption.js'
+import { lineOption } from './lineOption.js'
+import nextTick from 'dai-js/tools/nextTick'
+import dateFormat from "dai-js/tools/dateFormat";
+
+
+export default {
+  name: "shijianchulifenxi",
+  data () {
+    return {
+      dataLoading: true,
+      pieNoData: false,
+      lineNoData: false,
+      isfirstInit: true,//记录地图是否第一次加载
+
+      projectTotal: 0,
+      processingCount: 0,
+      processingRatio: 0,
+
+      lineChart: '',
+      lineOption: {},
+      lineInitState: false,
+      lineColorArray: [],
+      lineData: [],
+      lineXaxis: [],
+      lineSeriesData: [],
+
+      pieChartS: null,
+      pieChart: '',
+      pieOption: {},
+      pieInitState: false,
+
+
+      pieData: [],
+
+      legendArray: [
+        {
+          name: '未结案',
+          count: 0,
+          percent: '0%',
+          url: require('@/assets/img/shuju/measure/huang@2x.png')
+        },
+        {
+          name: '已结案',
+          count: 0,
+          percent: '0%',
+          url: require('@/assets/img/shuju/measure/lv@2x.png')
+        }
+      ],
+
+      timeRange: [],
+
+      orgId: '',
+      orgType: 'agency',
+      queryStartTime: '',
+      queryEndTime: '',
+      processStatus: 'closed_case',
+      dataType: '1',
+
+      casOptions: [],
+      agencyIdArray: [],
+      customerList: [],
+      iscascaderShow: 0,
+
+      optionProps: {
+        multiple: false,
+        value: 'agencyId',
+        label: 'agencyName',
+        children: 'subAgencyList',
+        checkStrictly: true
+      },
+      dateArray: [
+        {
+          label: '近一年',
+          value: '1'
+        },
+        {
+          label: '近一个月',
+          value: '2'
+        },
+        {
+          label: '近三个月',
+          value: '3'
+        },
+        {
+          label: '近半年',
+          value: '4'
+        },
+        {
+          label: '自定义',
+          value: '0'
+        },
+      ],
+
+      tableList: [],
+      demand: {
+        loading: true,
+        colList: [
+          {
+            align: "center",
+            width: "5%",
+          },
+          {
+            align: "center",
+            width: "15%",
+          },
+          {
+            align: "center",
+            width: "25%",
+          },
+          {
+            align: "center",
+            width: "10%",
+          },
+          {
+            align: "center",
+            width: "10%",
+          },
+          {
+            align: "center",
+            width: "10%",
+          },
+          {
+            align: "center",
+            width: "5%",
+          },
+
+          {
+            align: "center",
+            width: "10%",
+          },
+        ],
+        header: ["序号", "所属组织", "事件内容", "上报渠道", "报事人", "手机号", "状态", "操作"],
+        list: [],
+        pageSize: 10,
+        pageNo: 1,
+        total: 0,
+      },
+
+      showProject: false,
+      eventId: '',
+
+    };
+  },
+  // mixins: [animate]
+  beforeDestroy () {
+
+  },
+  async created () {
+
+  },
+
+  async mounted () {
+    this.dataLoading = true
+    //初始化时间、各组件
+    this.initData()
+    await this.getAgencylist()//获取组织级别
+    this.handleChangeDate(this.dataType)
+    //获取服务器数据
+    await this.getProjectTotal()
+    await this.getLineChart()
+
+    this.dataLoading = false
+
+
+    // this.assignData()
+
+  },
+
+  methods: {
+    async getApiData () {
+
+      await this.getProjectTotal()
+      await this.getLineChart()
+
+      this.assignData()
+
+    },
+
+    async handleChangeDate (index) {
+      let end = new Date();
+      let start = new Date();
+      if (index === '1') {//近一年
+        start.setFullYear(start.getFullYear() - 1);
+        console.log(start.getDate())
+      } else if (index === '2') {//近一个月
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+
+      } else if (index === '3') {//近三个月
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 91);
+
+      } else if (index === '4') {//近半年
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 183);
+      }
+      if (index != '0') {
+        this.queryStartTime = dateFormat(start, 'yyyy-MM-dd') + " 00:00:00"
+        this.queryEndTime = dateFormat(end, 'yyyy-MM-dd') + " 23:59:59"
+      }
+      if (index !== '0') {
+        await this.getApiData()
+        // this.assignPieChart()
+      }
+
+
+    },
+
+    assignData () {
+
+      this.getPie()
+      this.getLine()
+    },
+
+    handleSelectChange (value) {
+
+      this.queryStartTime = value[0] + " 00:00:00"
+      this.queryEndTime = value[1] + " 23:59:59"
+      this.getApiData();
+    },
+
+    // 获取当前登录人员信息及组织信息
+    async getAgencylist () {
+      const url = "/gov/org/customeragency/agencygridtree";
+      //const url = '/gov/org/customeragency/agencylist'
+
+      let params = {};
+
+      const { data, code, msg } = await requestPost(url, params);
+      if (code === 0) {
+
+        this.orgId = data.agencyId
+
+        //组织级联数据
+        ++this.iscascaderShow
+        this.casOptions = []
+        this.agencyIdArray.length = []
+
+        if (data) {
+          this.casOptions.push(data)
+          this.agencyIdArray.push(this.orgId)
+        }
+
+      } else {
+        this.$message.error(msg);
+      }
+
+    },
+
+    //加载项目
+    async getProjectTotal () {
+      if (this.$refs.pieChart) {
+        this.$refs.pieChart.showLoading()
+        this.$refs.pieChart.clear()
+      }
+
+      const url = "/gov/project/icEvent/processAnalysis/processStatusRatio";
+      //const url = "http://yapi.elinkservice.cn/mock/245/api/gov/project/icEvent/processAnalysis/processStatusRatio";
+      let params = {
+        orgId: this.orgId,
+        orgType: this.orgType,
+        queryStartTime: this.queryStartTime,
+        queryEndTime: this.queryEndTime,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+      if (this.$refs.pieChart) {
+        this.$refs.pieChart.hideLoading()
+      }
+      if (code === 0) {
+        this.projectTotal = parseInt(data.processingCount) + parseInt(data.closedCount);
+
+        this.legendArray = [
+          {
+            name: '已完成',
+            count: data.closedCount,
+            percent: data.closedRatio,
+            url: require('@/assets/img/shuju/measure/huang@2x.png')
+          },
+          {
+            name: '处理中',
+            count: data.processingCount,
+            percent: data.processingRatio,
+            url: require('@/assets/img/shuju/measure/lv@2x.png')
+          }
+        ]
+
+        this.pieData = [
+
+          {
+            name: "已完成",
+            value: Math.floor(data.closedRatio * 10000) / 100
+          },
+          {
+            name: "处理中",
+            value: Math.floor(data.processingRatio * 10000) / 100
+          },
+        ]
+
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async getTable () {
+      const url = "/gov/project/icEvent/processAnalysis/eventList";
+      //const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/processAnalysis/eventList";
+      let params = {
+        processStatus: this.processStatus,
+        orgId: this.orgId,
+        orgType: this.orgType,
+        queryStartTime: this.queryStartTime,
+        queryEndTime: this.queryEndTime,
+        pageNo: this.demand.pageNo,
+        pageSize: this.demand.pageSize,
+        biz: 'eventProcessAnalysis'
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+      this.demand.loading = false;
+
+      if (code === 0) {
+
+        this.demand.total = data.total;
+        this.tableList = data.list
+        this.demand.list = data.list.map((item, index) => {
+          return [
+            index + 1,
+            item.gridName ? item.gridName : '',
+            item.eventContent ? item.eventContent : '',
+            item.sourceTypeName ? item.sourceTypeName : '',
+            item.reportUserName ? item.reportUserName : '',
+            item.mobile ? item.mobile : 'processing',
+            item.processStatus ? item.processStatus === 'closed_case' ? '已完成' : '处理中' : '',
+
+            { type: "operate", list: ["查看"] },
+          ];
+        });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handlePageNoChange_demand (val) {
+      this.demand.pageNo = val;
+      this.getTable();
+    },
+
+
+    toEventInfo (index) {
+      const { tableList } = this;
+      this.eventId = tableList[index].eventId
+
+      this.showProject = true
+
+    },
+
+    pieInitOk (dom) {
+      this.pieChartS = dom
+      this.pieInitState = true
+    },
+    lineInitOk () {
+
+      this.lineInitState = true
+
+    },
+    getLine () {
+      if (this.lineInitState) {
+        this.assignLineChart()
+      } else {
+        setTimeout(() => {
+          this.getLine()
+        }, 500)
+      }
+    },
+    // 获取折线图
+    async getLineChart () {
+      if (this.$refs.lineChart) {
+        this.$refs.lineChart.clear()
+        this.$refs.lineChart.showLoading()
+      }
+      const _that = this
+      // this.$refs.pieChart.showLoading()
+      const url = "/gov/project/icEvent/processAnalysis/monthlyIncrement";
+      //const url = "http://yapi.elinkservice.cn/mock/245/api/gov/project/icEvent/processAnalysis/monthlyIncrement";
+      let params = {
+        orgId: this.orgId,
+        orgType: this.orgType,
+        queryStartTime: this.queryStartTime,
+        queryEndTime: this.queryEndTime,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        // 获取pieChart配置
+
+        this.lineXaxis = []
+        this.lineSeriesData = []
+        if (data && data.length > 0) {
+          this.lineNoData = false
+          data.forEach(item => {
+            this.lineXaxis.push(item.monthName)
+            this.lineSeriesData.push(item.increment)
+          });
+          this.lineData = data
+
+        } else {
+          this.lineNoData = true
+        }
+
+        if (this.$refs.lineChart) {
+          this.$refs.lineChart.hideLoading()
+        }
+
+      } else {
+        this.$message.error(msg);
+      }
+
+
+    },
+
+    assignLineChart () {
+
+      this.lineOption = lineOption()
+      this.$refs.lineChart.setOption(this.lineOption, true)
+      this.$refs.lineChart.setOption({
+        xAxis: { data: this.lineXaxis },
+        series: [
+          { data: this.lineSeriesData },
+
+        ]
+      }, true)
+    },
+
+    getPie () {
+
+      if (this.pieInitState) {
+        this.assignPieChart()
+      } else {
+        setTimeout(() => {
+          this.getPie()
+        }, 500)
+      }
+    },
+    // 获取饼状图
+    async assignPieChart () {
+
+      let maxIndex = 0
+
+      const _that = this
+
+      // 获取pieChart配置
+      this.pieOption = pieOption(this.pieChartS)
+
+      this.pieData[0].selected = false
+      this.pieData[1].selected = false
+
+      this.pieOption.title.text = this.projectTotal
+
+      this.clickPie()
+
+      let fun = function (params) {
+
+        _that.clickPie(params)
+      }
+      this.$refs.pieChart.handleClick(fun)
+
+    },
+
+    clickPie (params) {
+
+      let dataIndex = params ? params.dataIndex : null
+      let componentIndex = params ? params.componentIndex : null
+      if (componentIndex === 1) {//点击数据
+        if (dataIndex === 0) {
+          this.processStatus = 'closed_case'
+        } else if (dataIndex === 1) {
+          this.processStatus = 'processing'
+        }
+      } else if (componentIndex === 2) {//点击中心
+        this.processStatus = ''
+        dataIndex = 3
+      }
+
+      if (dataIndex === 3) {
+        this.$refs.pieChart.clear()
+      }
+      this.pieData.forEach((element, index) => {
+        if (index === dataIndex) {
+          element.selected = true
+          element.label = {
+            show: true,
+          };
+          element.labelLine = {
+            show: true,
+            lineStyle: {
+              opacity: 1,
+            }
+
+          };
+          // element.selected = !element.selected
+        } else {
+
+
+          element.selected = false
+          element.label = {
+            show: false,
+
+          };
+          element.labelLine = {
+            show: false,
+            lineStyle: {
+              opacity: 0,
+              color: 'rgba(255,255,255,0)'
+            }
+          };
+          element.selected = false
+        }
+      });
+
+
+
+      this.pieOption.series[1].data = this.pieData
+      this.demand.pageNo = 1
+      this.getTable()
+
+      // this.$refs.pieChart.hideLoading()
+      this.$refs.pieChart.setOption(this.pieOption)
+    },
+
+    handleChangeAgency () {
+      let obj = this.$refs["myCascader"].getCheckedNodes()[0].data
+      if (obj) {
+        this.orgType = obj.level === 'grid' ? 'grid' : 'agency'
+        this.orgId = obj.agencyId
+
+      } else {
+        this.orgId = ''
+        this.orgType = ''
+      }
+
+      this.getApiData()
+    },
+
+    //初始化时间
+    initData () {
+      var time = (new Date).getTime() - 24 * 60 * 60 * 1000;
+      var nowdate = new Date(time); // 获取的是前一天日期
+      var y = nowdate.getFullYear();
+      var m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
+      var d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate();
+      this.dateIdShow = y + '-' + m + '-' + d;
+    },
+
+  },
+  props: {
+    uid: {
+      type: String,
+      default: "",
+      // default: "8ada68cb6f1e4b9a8333348a39ef3aee",
+    },
+  },
+
+  computed: {},
+
+  components: {
+    cptCard,
+    cptTb,
+    screenEchartsFrame,
+    eventInfo,
+    ScreenLoading,
+    ScreenNodata
+  },
+
+  watch: {
+    dateIdShow () {
+
+      // let dataArray = this.dateIdShow.split('-')
+      // this.dateId = dataArray.join('')
+    },
+    uid (id) {
+      this.userId = id;
+    },
+    userId () {
+      // this.getApiData();
+      window.scrollTo(0, 0);
+    },
+  },
+};
+</script>
+
+<style
+  lang="scss"
+  src="@/assets/scss/modules/visual/shijianchulifenxi.scss"
+  scoped
+></style>
+<style
+  lang="scss"
+  src="@/assets/scss/modules/visual/search_1.scss"
+  scoped
+></style>
+
+