Merge branch 'cpq-dev' of wangfan/adweb3-web into master

src/api/manage/manage.ts

@@ -9,7 +9,7 @@ const api = {
 };
 
 //post
-export function postAction(url, parameter, timeout) {
+export function postAction(url, parameter, timeout: 120000) {
   return defHttp.post(
     {
       url: url,

src/components/Adweb/selectSite.vue

@@ -18,11 +18,11 @@
   import { getAction } from '/@/api/manage/manage';
 
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { onBeforeMount, onMounted, reactive, ref, watch } from 'vue';
+  import { onBeforeMount, reactive, ref, watch } from 'vue';
 
   const { createMessage } = useMessage();
 
-  const emit = defineEmits(['setSiteInfo']);
+  const emit = defineEmits(['setSiteInfo', 'initSiteList']);
 
   const props = defineProps({
     label: {
@@ -49,7 +49,7 @@
   };
 
   let siteInfo = reactive([{ code: '', id: '', name: '' }]);
-  let selectSiteInfo = reactive({ code: '', id: '', name: '' });
+  let selectSiteInfo = reactive({ code: '', id: '', name: '', status: '' });
   let siteCode = ref();
 
   onBeforeMount(() => {
@@ -86,6 +86,8 @@
           localStorage.setItem('siteCode', res.result[0].code);
           localStorage.setItem('siteID', res.result[0].id);
         }
+
+        emit('initSiteList', siteInfo, selectSiteInfo);
       } else {
         createMessage.error('站点获取失败，请刷新重试');
       }

src/views/dashboard/Analysis/homePage/adweb3Home.vue

@@ -3,71 +3,55 @@
     <!--网站概况-->
     <a-row class="top-title">
       <a-col :span="24">
-        <div style="display: flex;margin-top: 20px">
-          <span class="t1">
-            站点：
-          </span>
-          <template v-if="siteinfo.length > 1">
-            <select-site @comMethods="changeUser" :comProps="parentValue" selectWidth="300px"
-                         ref="selectSite" />
-            <a v-if="selectSiteInfo.domain" :href="selectSiteInfo.domain" style="margin-left: 24px"
-               class="t1 t2" target="_blank">{{ selectSiteInfo.domain }}</a>
-            <a v-else-if="selectSiteInfo.domainDev" :href="'http://' + selectSiteInfo.domainDev"
-               style="margin-left: 24px" class="t1 t2"
-               target="_blank">http://{{ selectSiteInfo.domainDev }}</a>
-          </template>
-          <template v-else>
-            <a v-if="selectSiteInfo.domain" :href="selectSiteInfo.domain" style="margin-left: 24px"
-               class="t1 t2" target="_blank">{{ selectSiteInfo.domain }}</a>
-            <a v-else-if="selectSiteInfo.domainDev" :href="'http://' + selectSiteInfo.domainDev"
-               style="margin-left: 24px" class="t1 t2"
-               target="_blank">http://{{ selectSiteInfo.domainDev }}</a>
-          </template>
+        <div style="display: flex; margin-top: 20px">
+          <span class="t1"> 站点： </span>
+          <select-site @set-site-info="changeUser" selectWidth="300px" />
         </div>
       </a-col>
     </a-row>
 
     <!--基础信息-->
     <a-card title="网站概况">
-      <a-row :gutter="[16,16]" class="r2">
+      <a-row :gutter="[16, 16]" class="r2">
         <a-col :span="6" class="c1">
           <a-spin :spinning="baseInfoLoading">
             <div class="wrap">
-              <p class="mb">交付状态：<span
-                class="big">{{ baseInfo.deliveryProgress | filter_Null_format }}</span></p>
-              <p>运行状态：<span v-if="baseInfo.runStatus == 0">创建失败</span><span
-                v-if="baseInfo.runStatus == 1">正常运行</span><span v-if="baseInfo.runStatus == 2">运行异常</span>
+              <p class="mb"
+                >交付状态：<span class="big">{{ filter_Null_format(baseInfo.deliveryProgress) }}</span></p
+              >
+              <p
+                >运行状态：<span v-if="baseInfo.runStatus == 0">创建失败</span><span v-if="baseInfo.runStatus == 1">正常运行</span
+                ><span v-if="baseInfo.runStatus == 2">运行异常</span>
                 <span v-if="baseInfo.runStatus == 3">站点停止</span>
               </p>
-              <p>网站运行：{{ baseInfo.runDays | filter_Null_format }}天</p>
+              <p>网站运行：{{ filter_Null_format(baseInfo.runDays) }}天</p>
             </div>
           </a-spin>
         </a-col>
         <a-col :span="6" class="c2">
           <a-spin :spinning="baseInfoLoading">
             <div class="wrap">
-              <p class="big mb">{{ baseInfo.planName | filter_Null_format }}</p>
-              <p>提单时间：{{ baseInfo.createTime | filter_Null_format }}</p>
-              <p>预计服务到期时间：{{ baseInfo.endTime | filter_Null_format }}</p>
+              <p class="big mb">{{ filter_Null_format(baseInfo.planName) }}</p>
+              <p>提单时间：{{ filter_Null_format(baseInfo.createTime) }}</p>
+              <p>预计服务到期时间：{{ filter_Null_format(baseInfo.endTime) }}</p>
             </div>
           </a-spin>
         </a-col>
       </a-row>
     </a-card>
 
-    <!--核心数据-->
-    <a-row class="r3" v-if="selectSiteInfo.status == 1">
+    <a-row class="r3" v-if="siteStatus == 1">
       <a-col :span="24">
         <a-card title="核心数据">
-          <a-row class="r5" :gutter="[20,20]">
+          <a-row class="r5" :gutter="[20, 20]">
             <a-col :span="4">
               <div class="wrap effect">
                 <a-spin :spinning="coreInfoLoading">
-                  <router-link :to="{ path: '/inquiry/list',query:{timeType:'thisWeek'} }">
+                  <router-link :to="{ path: '/inquiry/list', query: { timeType: 'thisWeek' } }">
                     <img src="../../../../assets/home/weekEnquiry.svg" />
                     <div class="fr">
                       <p>本周询盘数</p>
-                      <p class="theme-color">{{ currentWeekEnquiryCount | filter_Null_format }}</p>
+                      <p class="theme-color">{{ filter_Null_format(currentWeekEnquiryCount) }}</p>
                     </div>
                   </router-link>
                 </a-spin>
@@ -76,11 +60,11 @@
             <a-col :span="4">
               <div class="wrap effect">
                 <a-spin :spinning="coreInfoLoading">
-                  <router-link :to="{ path: '/inquiry/list',query:{timeType:'thisMonth'} }">
+                  <router-link :to="{ path: '/inquiry/list', query: { timeType: 'thisMonth' } }">
                     <img src="../../../../assets/home/monthEnquiry.svg" />
                     <div class="fr">
                       <p>本月询盘数</p>
-                      <p class="theme-color">{{ currentMonthEnquiryCount | filter_Null_format }}</p>
+                      <p class="theme-color">{{ filter_Null_format(currentMonthEnquiryCount) }}</p>
                     </div>
                   </router-link>
                 </a-spin>
@@ -93,7 +77,7 @@
                     <img src="../../../../assets/home/totalEnquiry.svg" />
                     <div class="fr">
                       <p>累计询盘数</p>
-                      <p class="theme-color">{{ totalEnquiryCount  | filter_Null_format }}</p>
+                      <p class="theme-color">{{ filter_Null_format(totalEnquiryCount) }}</p>
                     </div>
                   </a-spin>
                 </div>
@@ -107,7 +91,7 @@
                     <img src="../../../../assets/home/seoReach.svg" />
                     <div class="fr">
                       <p>SEO目标达成数</p>
-                      <p>{{ appointWordCount | filter_Null_format }}</p>
+                      <p>{{ filter_Null_format(appointWordCount) }}</p>
                     </div>
                   </a-spin>
                 </div>
@@ -119,7 +103,7 @@
                       <img src="../../../../assets/home/nowReach.svg" />
                       <div class="fr">
                         <p>实际达成数</p>
-                        <p class="theme-color">{{ currentAchieveCount | filter_Null_format }}</p>
+                        <p class="theme-color">{{ filter_Null_format(currentAchieveCount) }}</p>
                       </div>
                     </a-spin>
                   </div>
@@ -131,10 +115,9 @@
                     <img src="../../../../assets/home/seoReachRate.svg" />
                     <div class="fr">
                       <p>目标达成率</p>
-                      <p>{{ achievePercent | filter_Null_format }}</p>
+                      <p>{{ filter_Null_format(achievePercent) }}</p>
                     </div>
                   </a-spin>
-
                 </div>
               </a-col>
             </template>
@@ -146,7 +129,7 @@
                     <img src="../../../../assets/home/seoReach.svg" />
                     <div class="fr">
                       <p>本周流量</p>
-                      <p>{{ flowIndicator.uvWeekCount | filter_Null_format }}</p>
+                      <p>{{ filter_Null_format(flowIndicator.uvWeekCount) }}</p>
                     </div>
                   </a-spin>
                 </div>
@@ -157,7 +140,7 @@
                     <img src="../../../../assets/home/nowReach.svg" />
                     <div class="fr">
                       <p>本月流量</p>
-                      <p>{{ flowIndicator.uvMonthCount  | filter_Null_format }}</p>
+                      <p>{{ filter_Null_format(flowIndicator.uvMonthCount) }}</p>
                     </div>
                   </a-spin>
                 </div>
@@ -168,16 +151,20 @@
                     <img src="../../../../assets/home/seoReachRate.svg" />
                     <div class="fr">
                       <p>累计流量</p>
-                      <p>{{ flowIndicator.uvAllCount  | filter_Null_format }}</p>
+                      <p>{{ filter_Null_format(flowIndicator.uvAllCount) }}</p>
                     </div>
                   </a-spin>
-
                 </div>
               </a-col>
             </template>
             <a-col :span="24" style="margin-top: 10px">
-              <a-table :loading="coreDetailLoading" :columns="columns" :rowKey="(record,index) => index"
-                       :pagination=false :data-source="coreDataTable">
+              <a-table
+                :loading="coreDetailLoading"
+                :columns="columns"
+                :rowKey="(record, index) => index"
+                :pagination="false"
+                :data-source="coreDataTable"
+              >
                 <!--          <template slot="b" slot-scope="text,record">-->
                 <!--            {{text}}<a-icon type="arrow-up" style="color:red" />-->
                 <!--          </template>-->
@@ -185,76 +172,68 @@
                 <!--            {{text}}<a-icon type="arrow-down" style="color:#58CBA8" />-->
                 <!--          </template>-->
               </a-table>
-              <p style="color: #999;font-size: 13px">注：今日数据每小时更新一次。</p>
+              <p style="color: #999; font-size: 13px">注：今日数据每小时更新一次。</p>
             </a-col>
 
-
             <a-row class="r5-1">
               <a-col :span="24">
                 <div class="fl">
-                  <a-button :type="timeChooseIndex == '7' ? 'primary' : ''" @click="changeTime('7')">
-                    最近7天
-                  </a-button>
-                  <a-button :type="timeChooseIndex == '30' ? 'primary' : ''" @click="changeTime('30')">
-                    最近30天
-                  </a-button>
-                  <a-button :type="timeChooseIndex == '180' ? 'primary' : ''"
-                            @click="changeTime('180')">最近六个月
-                  </a-button>
+                  <a-button :type="timeChooseIndex == '7' ? 'primary' : ''" @click="changeTime('7')"> 最近7天 </a-button>
+                  <a-button :type="timeChooseIndex == '30' ? 'primary' : ''" @click="changeTime('30')"> 最近30天 </a-button>
+                  <a-button :type="timeChooseIndex == '180' ? 'primary' : ''" @click="changeTime('180')">最近六个月 </a-button>
                 </div>
                 <div class="fr" v-if="coreDataChart.x.length > 0">
                   <span><i></i>访客数（UV）</span> <span><i></i>浏览量（PV）</span>
                 </div>
-                <a-spin :spinning="coreDetailLoading" style="float: left;width:100%">
-                  <area-chart v-if="coreDataChart.x.length > 0"
-                              :dataSource="coreDataChart"></area-chart>
-                  <a-empty v-else style="float: right;width: 100%;margin-top: 110px;"></a-empty>
+                <a-spin :spinning="coreDetailLoading" style="float: left; width: 100%">
+                  <area-chart v-if="coreDataChart.x.length > 0" :dataSource="coreDataChart" />
+                  <a-empty v-else style="float: right; width: 100%; margin-top: 110px" />
                 </a-spin>
               </a-col>
             </a-row>
-            <a-row class="r5-1" :gutter="[20,20]">
-              <a-col style="width: 20%;">
+            <a-row class="r5-1" :gutter="[20, 20]">
+              <a-col style="width: 20%">
                 <div class="wrap">
                   <img src="@/assets/trafficAnalysis/dailyVisitCount.svg" />
                   <div class="fr">
                     <p>日均访问量</p>
-                    <p style="font-size: 25px;">{{ averageVisit }}</p>
+                    <p style="font-size: 25px">{{ averageVisit }}</p>
                   </div>
                 </div>
               </a-col>
-              <a-col style="width: 20%;">
+              <a-col style="width: 20%">
                 <div class="wrap">
                   <img src="@/assets/trafficAnalysis/avgVisitTime.svg" />
                   <div class="fr">
                     <p>平均访问时长</p>
-                    <p style="font-size: 25px;">{{ averageVisitDuration }}</p>
+                    <p style="font-size: 25px">{{ averageVisitDuration }}</p>
                   </div>
                 </div>
               </a-col>
-              <a-col style="width: 20%;">
+              <a-col style="width: 20%">
                 <div class="wrap">
                   <img src="@/assets/trafficAnalysis/avgVisitPage.svg" />
                   <div class="fr">
                     <p>访客平均访问页面数</p>
-                    <p style="font-size: 25px;">{{ averageVisitPage }}</p>
+                    <p style="font-size: 25px">{{ averageVisitPage }}</p>
                   </div>
                 </div>
               </a-col>
-              <a-col style="width: 20%;">
+              <a-col style="width: 20%">
                 <div class="wrap">
                   <img src="@/assets/trafficAnalysis/tiaochu.svg" />
                   <div class="fr">
                     <p>跳出率</p>
-                    <p style="font-size: 25px;">{{ bounceRate }}</p>
+                    <p style="font-size: 25px">{{ bounceRate }}</p>
                   </div>
                 </div>
               </a-col>
-              <a-col style="width: 20%;">
+              <a-col style="width: 20%">
                 <div class="wrap">
                   <img src="@/assets/trafficAnalysis/uvTransfer.svg" />
                   <div class="fr">
                     <p>UV到询盘转化率</p>
-                    <p style="font-size: 25px;">{{ conversionRate }}</p>
+                    <p style="font-size: 25px">{{ conversionRate }}</p>
                   </div>
                 </div>
               </a-col>
@@ -263,530 +242,358 @@
         </a-card>
       </a-col>
     </a-row>
-
   </div>
 </template>
 
-<script>
-import dashChart from "../chart/DashChartDemo.vue";
-import areaChart from "../chart/areaChart.vue";
-import { getAction, getFileAccessHttpUrl, postAction } from "/@/api/manage/manage";
-import { useUserStore } from "/@/store/modules/user";
-import selectSite from "/@/components/Adweb/selectSite.vue";
-import "../../../../assets/less/home.less";
-import { useMessage } from "/@/hooks/web/useMessage";
-
-const { createMessage, createConfirm } = useMessage();
-
-const columns = [
-  {
-    title: "指标",
-    dataIndex: "targetName"
-  },
-  {
-    title: "今日",
-    dataIndex: "todayCount"
-  },
-  {
-    title: "昨日",
-    dataIndex: "yesterdayCount",
-    scopedSlots: { customRender: "yesterdayCount" }
-  },
-  {
-    title: "本周",
-    dataIndex: "currentWeekCount",
-    scopedSlots: { customRender: "currentWeekCount" }
-
-  },
-  {
-    title: "上周",
-    dataIndex: "lastWeekCount"
-  },
-  {
-    title: "本月",
-    dataIndex: "currentMonthCount"
-  },
-  {
-    title: "上月",
-    dataIndex: "lastMonthCount"
-  },
-  {
-    title: "全部",
-    dataIndex: "totalCount"
-  }
-];
-export default {
-  name: "adweb3Home",
-  components: { dashChart, areaChart, selectSite },
-  data() {
-    return {
-      parentValue: "父组件的值",
-      userRole: "",
-      columns,
-      timeChooseIndex: "7",
-      //网站概况
-      siteinfo: [],
-      selectSiteInfo: {},
-      siteCode: "",
-      baseInfo: {},
-      baseInfoLoading: false,
-      //物料完成情况
-      enterpriseInfoList: [],
-      enterpriseInfoOK: 0,
-      enterpriseInfoNO: 0,
-      enterpriseInfoPercent: 0,
-      newsInfoList: [],
-      newsInfoOK: 0,
-      newsInfoNO: 0,
-      newsInfoPercent: 0,
-      productInfoList: [],
-      productInfoOK: 0,
-      productInfoNO: 0,
-      productInfoPercent: 0,
-      infoLoading: false,
-      //服务团队
-      customerList: [],
-      //核心数据
-      coreInfoLoading: false,
-      coreDetailLoading: false,
-      achievePercent: 0,
-      appointWordCount: 0,
-      currentAchieveCount: 0,
-      currentMonthEnquiryCount: 0,
-      currentWeekEnquiryCount: 0,
-      totalEnquiryCount: 0,
-      flowIndicator: {},
-      coreDataTable: [],
-      coreDataChart: {
-        x: [],
-        uv: [],
-        pv: []
-      },
-      averageVisit: 0,
-      averageVisitDuration: 0,
-      averageVisitPage: 0,
-      bounceRate: 0,
-      conversionRate: 0,
-      showMaterialStatistics: false,
-      promoteCustomerService: {},
-      // 首页弹出消息
-      showHomeMsg: false,
-      message: {},
-      isShow: false
-    };
-  },
-  created() {
-    // 跳出消息通知弹窗
-    // this.getSysUpdateMsg();
-  },
-  mounted() {
-    this.userRole = useUserStore().roleList;
-    this.getSiteInfo();
-  },
-  filters: {
-    filter_Null_format(value) {
-      if (value === "" || value === null || value === undefined) {
-        return "--";
-      } else {
-        return value;
-      }
-    }
-  },
-  methods: {
-    // 从后台获取系统更新消息
-    // getSysUpdateMsg() {
-    //   let that = this
-    //   getAction('/message/adwebMessage/home/message').then(function (res) {
-    //     console.log('首页弹出信息', res);
-    //     if (res.code === 200 && res.result) {
-    //       that.message = res.result;
-    //       that.showHomeMsg = true;
-    //       let msgId = res.result.id;
-    //       postAction('/message/adwebMessage/readmessage?msgId=' + msgId);
-    //     }
-    //   })
-    // },
-    splitText(text) {
-      if (!text) {
-        return "";
-      }
-      let res = "";
-      let arr = text.split("\n");
-      for (let item of arr) {
-        res = res + "<p>" + item + "</p>\n";
-      }
-      return res;
+<script lang="ts" setup name="Adweb3Home">
+  import areaChart from '../chart/areaChart.vue';
+  import { getAction } from '/@/api/manage/manage';
+  import { useUserStore } from '/@/store/modules/user';
+  import selectSite from '/@/components/Adweb/selectSite.vue';
+  import '/@/assets/less/home.less';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { onMounted, reactive, ref } from 'vue';
+
+  const { createMessage } = useMessage();
+
+  const columns = [
+    {
+      title: '指标',
+      dataIndex: 'targetName',
     },
-    getFileAccessHttpUrl,
-    //保证先获取到站点列表，获取到siteCode及siteId后再进行此方法
-    getAllInfo() {
-      this.getBaseInfo();
-      this.getMaterialStatistics();
-      this.getCoreData();
-      this.getCoreDataChart();
+    {
+      title: '今日',
+      dataIndex: 'todayCount',
     },
-    //进入获取站点code
-    getSiteInfo() {
-      let that = this;
-      getAction("/adweb/adwebSite/getSiteListByUid").then(function(res) {
-        if (res.code == 200) {
-          that.siteinfo = res.result;
-          let isInSite = false;
-          for (let i in res.result) {
-            if (localStorage.getItem("siteCode") !== null && res.result[i].code === localStorage.getItem("siteCode")) {
-              isInSite = true;
-              that.selectSiteInfo = res.result[i];
-            }
-          }
-          if (localStorage.getItem("siteCode") !== null && isInSite) {
-            that.siteCode = localStorage.getItem("siteCode");
-          } else {
-            that.siteCode = res.result[0].code;
-            that.selectSiteInfo = res.result[0];
-            localStorage.setItem("siteCode", res.result[0].code);
-          }
-          that.getAllInfo();
-        } else {
-          createMessage.error("站点获取失败，请刷新重试");
-        }
-      });
+    {
+      title: '昨日',
+      dataIndex: 'yesterdayCount',
+      scopedSlots: { customRender: 'yesterdayCount' },
     },
-
-    //改变站点
-    changeUser(value, e) {
-      this.siteCode = value;
-
-      this.selectSiteInfo = e.info;
-      this.showMaterialStatistics = false;
-      this.getAllInfo();
+    {
+      title: '本周',
+      dataIndex: 'currentWeekCount',
+      scopedSlots: { customRender: 'currentWeekCount' },
     },
-    //站点搜索
-    filterOption(input, option) {
-      return (
-        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      );
+    {
+      title: '上周',
+      dataIndex: 'lastWeekCount',
     },
-    //获取基础信息
-    getBaseInfo() {
-      let that = this;
-      let d = {
-        siteCode: that.siteCode
-      };
-      that.baseInfoLoading = true;
-      getAction("/serp/averApiSearchKeywords/siteBasicInfo", d).then(function(res) {
-        that.baseInfoLoading = false;
-        if (res.code == 200) {
-          that.baseInfo = res.result;
-          that.isShow = true;
-        } else {
-          that.$message.error("获取站点基础信息失败，请刷新重试");
-        }
-      });
+    {
+      title: '本月',
+      dataIndex: 'currentMonthCount',
     },
-    //获取物料完成情况
-    resetMaterialStatistics() {
-      this.enterpriseInfoList = [];
-      this.enterpriseInfoOK = 0;
-      this.enterpriseInfoNO = 0;
-      this.enterpriseInfoPercent = 0;
-      this.newsInfoList = [];
-      this.newsInfoOK = 0;
-      this.newsInfoNO = 0;
-      this.newsInfoPercent = 0;
-      this.productInfoList = [];
-      this.productInfoOK = 0;
-      this.productInfoNO = 0;
-      this.productInfoPercent = 0;
+    {
+      title: '上月',
+      dataIndex: 'lastMonthCount',
     },
-    getMaterialStatistics() {
-      let that = this;
-      let d = {
-        siteCode: that.siteCode
-      };
-      that.infoLoading = true;
-      getAction("/materialcollect/materialStatistics", d).then(function(res) {
-        that.infoLoading = false;
-        that.resetMaterialStatistics();
-        if (res.code == 200) {
-          if (res.result.status == "已发布") {
-            that.showMaterialStatistics = false;
-          } else {
-            that.showMaterialStatistics = true;
-          }
-
-          that.enterpriseInfoList = res.result.enterpriseInfo.detectList;
-          if (res.result.enterpriseInfo.detectList.length > 0) {
-            for (let i in res.result.enterpriseInfo.detectList) {
-              if (res.result.enterpriseInfo.detectList[i].finish) {
-                that.enterpriseInfoOK++;
-              } else {
-                that.enterpriseInfoNO++;
-              }
-            }
-          }
-          that.enterpriseInfoPercent = res.result.enterpriseInfo.percent;
-          that.newsInfoList = res.result.newsInfo.detectList;
-          if (res.result.newsInfo.detectList.length > 0) {
-            for (let i in res.result.newsInfo.detectList) {
-              if (res.result.newsInfo.detectList[i].finish) {
-                that.newsInfoOK++;
-              } else {
-                that.newsInfoNO++;
-              }
-            }
-          }
-          that.newsInfoPercent = res.result.newsInfo.percent;
-          that.productInfoList = res.result.productInfo.detectList;
-          if (res.result.productInfo.detectList.length > 0) {
-            for (let i in res.result.productInfo.detectList) {
-              if (res.result.productInfo.detectList[i].finish) {
-                that.productInfoOK++;
-              } else {
-                that.productInfoNO++;
-              }
-            }
-          }
-          that.productInfoPercent = res.result.productInfo.percent;
-        } else if (res.code == 500) {
-          that.showMaterialStatistics = true;
-          that.$message.warning(res.message);
-        } else {
-          that.showMaterialStatistics = false;
-          that.$message.error("获取站点获取物料完成情况失败，请刷新重试");
-        }
-      });
+    {
+      title: '全部',
+      dataIndex: 'totalCount',
     },
+  ];
+
+  const userRole = ref('');
+  const timeChooseIndex = ref('7');
+  //网站概况
+
+  let selectSiteInfo = reactive<any>({});
+  const siteCode = ref('');
+  const siteStatus = ref(0);
+  let baseInfo = reactive<any>({});
+  const baseInfoLoading = ref(false);
+
+  //物料完成情况
+  // TODO
+
+  //核心数据
+  const coreInfoLoading = ref(false);
+  const coreDetailLoading = ref(false);
+  const achievePercent = ref(0);
+  const appointWordCount = ref(0);
+  const currentAchieveCount = ref(0);
+  const currentMonthEnquiryCount = ref(0);
+  const currentWeekEnquiryCount = ref(0);
+  const totalEnquiryCount = ref(0);
+  let flowIndicator = reactive({});
+  let coreDataTable = reactive([]);
+  const coreDataChart = reactive({
+    x: [],
+    uv: [],
+    pv: [],
+  });
+  const averageVisit = ref(0);
+  const averageVisitDuration = ref(0);
+  const averageVisitPage = ref(0);
+  const bounceRate = ref(0);
+  const conversionRate = ref(0);
+
+  const isShow = ref(false);
+
+  onMounted(() => {
+    userRole.value = useUserStore().roleList;
+  });
+
+  //改变站点
+  function changeUser(selectedParamSiteInfo: any) {
+    siteCode.value = selectedParamSiteInfo.code;
+
+    siteStatus.value = selectedParamSiteInfo.status;
+
+    getAllInfo();
+  }
 
-    //获取核心数据
-    getCoreData() {
-      // http://127.0.0.1:8080/adwebv21/adweb/dashboard/coreData/info?siteCode=2111237a6q9m&siteId=1069
-      let that = this;
-      let d = {
-        siteCode: that.siteCode
-        // siteId:'1069',
-        // siteCode:'2111237a6q9m'
-      };
-      that.coreInfoLoading = true;
-      that.flowIndicator = {};
-      getAction("/adweb/dashboard/coreData/info", d).then(function(res) {
-        that.coreInfoLoading = false;
-        if (res.code == 0) {
-          that.achievePercent = res.data.achievePercent;
-          that.appointWordCount = res.data.appointWordCount;
-          that.currentAchieveCount = res.data.currentAchieveCount;
-          that.currentMonthEnquiryCount = res.data.currentMonthEnquiryCount;
-          that.currentWeekEnquiryCount = res.data.currentWeekEnquiryCount;
-          that.totalEnquiryCount = res.data.totalEnquiryCount;
-          that.flowIndicator = res.data.flowIndicator;
-        } else {
-          that.$message.error("获取核心数据信息失败，请刷新重试");
-        }
-      });
-    },
-    //改变图表的时间维度
-    changeTime(time) {
-      this.timeChooseIndex = time;
-      this.getCoreDataChart();
-    },
-    //核心数据的面积图
-    getCoreDataChart() {
-      let that = this;
-      let d = {
-        siteCode: that.siteCode,
-        // siteId:'1069',
-        // siteCode:'2111237a6q9m',
-        days: that.timeChooseIndex
-      };
-      that.coreDetailLoading = true;
-      getAction("/adweb/dashboard/coreData/detail", d).then(function(res) {
-        that.coreDetailLoading = false;
-        if (res.code == 0) {
-          let r = res.data;
-          that.averageVisit = r.averageVisit == null ? "0" : r.averageVisit;
-          that.averageVisitDuration = r.averageVisitDuration == null ? "0" : r.averageVisitDuration;
-          that.averageVisitPage = r.averageVisitPage == null ? "0" : r.averageVisitPage;
-          that.bounceRate = r.bounceRate == null ? "0" : r.bounceRate;
-          that.coreDataTable = r.countInfo == null ? [] : r.countInfo;
-          let x = [], pv = [], uv = [];
-          if (r.trendInfo != null && r.trendInfo.length > 0) {
-            for (let i in r.trendInfo) {
-              x.push(r.trendInfo[i].date);
-              pv.push(r.trendInfo[i].pvCount);
-              uv.push(r.trendInfo[i].uvCount);
-            }
-          }
-          that.coreDataChart.x = x;
-          that.coreDataChart.pv = pv;
-          that.coreDataChart.uv = uv;
-        } else {
-          that.averageVisit = "0";
-          that.averageVisitDuration = "0";
-          that.averageVisitPage = "0";
-          that.bounceRate = "0";
-          that.coreDataTable = [];
-          that.coreDataChart.x = [];
-          that.coreDataChart.pv = [];
-          that.coreDataChart.uv = [];
-          that.$message.error("获取核心数据图表信息失败，请刷新重试");
-        }
-      });
+  function filter_Null_format(value) {
+    if (value === '' || value === null || value === undefined) {
+      return '--';
+    } else {
+      return value;
     }
+  }
+  //保证先获取到站点列表，获取到siteCode及siteId后再进行此方法
+  function getAllInfo() {
+    getBaseInfo();
+    getCoreData();
+    getCoreDataChart();
+  }
 
+  //获取基础信息
+  function getBaseInfo() {
+    let d = {
+      siteCode: siteCode.value,
+    };
+    baseInfoLoading.value = true;
+    getAction('/adweb/adwebSiteManage/siteBasicInfo', d).then(function (res) {
+      baseInfoLoading.value = false;
+      if (res.code == 200) {
+        baseInfo = res.result;
+        isShow.value = true;
+      } else {
+        createMessage.error('获取站点基础信息失败，请刷新重试');
+      }
+    });
+  }
+
+  //获取核心数据
+  function getCoreData() {
+    let d = {
+      siteCode: siteCode.value,
+    };
+    coreInfoLoading.value = true;
+    flowIndicator = {};
+    getAction('/adweb/dashboard/coreData/info', d).then(function (res) {
+      coreInfoLoading.value = false;
+      if (res.code == 0) {
+        achievePercent.value = res.data.achievePercent;
+        appointWordCount.value = res.data.appointWordCount;
+        currentAchieveCount.value = res.data.currentAchieveCount;
+        currentMonthEnquiryCount.value = res.data.currentMonthEnquiryCount;
+        currentWeekEnquiryCount.value = res.data.currentWeekEnquiryCount;
+        totalEnquiryCount.value = res.data.totalEnquiryCount;
+        flowIndicator = res.data.flowIndicator;
+      } else {
+        createMessage.error('获取核心数据信息失败，请刷新重试');
+      }
+    });
+  }
+  //改变图表的时间维度
+  function changeTime(time) {
+    timeChooseIndex.value = time;
+    getCoreDataChart();
+  }
+  //核心数据的面积图
+  function getCoreDataChart() {
+    let d = {
+      siteCode: siteCode.value,
+      // siteId:'1069',
+      // siteCode:'2111237a6q9m',
+      days: timeChooseIndex.value,
+    };
+    coreDetailLoading.value = true;
+    getAction('/adweb/dashboard/coreData/detail', d).then(function (res) {
+      coreDetailLoading.value = false;
+      if (res.code == 0) {
+        let r = res.data;
+        averageVisit.value = r.averageVisit == null ? '0' : r.averageVisit;
+        averageVisitDuration.value = r.averageVisitDuration == null ? '0' : r.averageVisitDuration;
+        averageVisitPage.value = r.averageVisitPage == null ? '0' : r.averageVisitPage;
+        bounceRate.value = r.bounceRate == null ? '0' : r.bounceRate;
+        coreDataTable = r.countInfo == null ? [] : r.countInfo;
+        let x = [],
+          pv = [],
+          uv = [];
+        if (r.trendInfo != null && r.trendInfo.length > 0) {
+          for (let i in r.trendInfo) {
+            x.push(r.trendInfo[i].date);
+            pv.push(r.trendInfo[i].pvCount);
+            uv.push(r.trendInfo[i].uvCount);
+          }
+        }
+        coreDataChart.x = x;
+        coreDataChart.pv = pv;
+        coreDataChart.uv = uv;
+      } else {
+        averageVisit.value = '0';
+        averageVisitDuration.value = '0';
+        averageVisitPage.value = '0';
+        bounceRate.value = '0';
+        coreDataTable = [];
+        coreDataChart.x = [];
+        coreDataChart.pv = [];
+        coreDataChart.uv = [];
+        createMessage.error('获取核心数据图表信息失败，请刷新重试');
+      }
+    });
   }
-};
 </script>
 
 <style lang="less">
-.home {
-  .ant-select {
-    color: #fff;
+  .home {
+    .ant-select {
+      color: #fff;
 
-    .ant-select-selection {
-      background-color: transparent;
-    }
+      .ant-select-selection {
+        background-color: transparent;
+      }
 
-    .ant-select-arrow {
-      color: #fff;
+      .ant-select-arrow {
+        color: #fff;
+      }
     }
   }
-}
-
 </style>
 
 <style scoped lang="less">
+  p,
+  span {
+    color: #000;
+    margin: 0;
+  }
 
-p, span {
-  color: #000;
-  margin: 0;
-}
-
-.theme-color {
-  color: @primary-color;
-}
-
-.title {
-  font-size: 18px;
-  color: #000;
-}
+  .theme-color {
+    color: @primary-color;
+  }
 
+  .title {
+    font-size: 18px;
+    color: #000;
+  }
 </style>
 
 <style lang="less">
-.pop-wrap {
-  .ant-popover-inner-content {
-    padding: 0;
-  }
+  .pop-wrap {
+    .ant-popover-inner-content {
+      padding: 0;
+    }
 
-  .wrap {
-    width: 400px;
-    padding: 20px 20px;
-    background: url("../../../../assets/home/pop-bg.svg") no-repeat;
-    background-position: bottom right;
+    .wrap {
+      width: 400px;
+      padding: 20px 20px;
+      background: url('../../../../assets/home/pop-bg.svg') no-repeat;
+      background-position: bottom right;
 
-    p {
-      line-height: 1.8;
+      p {
+        line-height: 1.8;
 
-      i {
-        color: @primary-color;
-        margin-right: 10px;
+        i {
+          color: @primary-color;
+          margin-right: 10px;
+        }
       }
-    }
 
-    .name {
-      font-size: 18px;
-      margin-bottom: 20px;
-    }
+      .name {
+        font-size: 18px;
+        margin-bottom: 20px;
+      }
 
-    .job {
-      font-size: 15px;
-      color: #9f9f9f;
-    }
+      .job {
+        font-size: 15px;
+        color: #9f9f9f;
+      }
 
-    .ant-col-8 {
-      text-align: right;
+      .ant-col-8 {
+        text-align: right;
+      }
     }
   }
-}
 
-.faban {
-  .ant-modal {
-    .ant-modal-content {
-      background-color: transparent;
-      box-shadow: none;
+  .faban {
+    .ant-modal {
+      .ant-modal-content {
+        background-color: transparent;
+        box-shadow: none;
 
-      .ant-modal-close {
-        top: 70px;
-        right: -10px;
+        .ant-modal-close {
+          top: 70px;
+          right: -10px;
 
-        .ant-modal-close-x {
-          width: auto;
-          height: auto;
-        }
-      }
-
-      .self-close {
-        i {
-          color: #fff;
-          border: 1px solid #fff;
-          width: 25px;
-          height: 25px;
-          display: block;
-          line-height: 25px;
+          .ant-modal-close-x {
+            width: auto;
+            height: auto;
+          }
         }
-      }
 
-      .ant-modal-body {
-        .top-bg {
-          background: url("../../../../assets/home/faban/topbg.png") no-repeat;
-          min-height: 242px;
-          background-size: 100% 100%;
-          display: flex;
-          justify-content: center;
-          align-items: flex-end;
-          font-size: 38px;
-          padding-bottom: 60px;
-
-          p {
+        .self-close {
+          i {
             color: #fff;
+            border: 1px solid #fff;
+            width: 25px;
+            height: 25px;
+            display: block;
+            line-height: 25px;
           }
         }
 
-        .info-wrap {
-          background: #fff;
-          padding: 0 40px;
-          overflow: hidden;
-          border-bottom-left-radius: 15px;
-          border-bottom-right-radius: 15px;
-          margin-top: -1px;
-
-          p {
-            position: relative;
-            padding-left: 30px;
-            margin-bottom: 5px;
-            letter-spacing: 1px;
-
-            &:before {
-              content: '';
-              position: absolute;
-              left: 0;
-              width: 15px;
-              height: 15px;
-              background: url("../../../../assets/home/faban/dot.svg");
-              background-repeat: no-repeat;
-              top: 3px;
+        .ant-modal-body {
+          .top-bg {
+            background: url('../../../../assets/home/faban/topbg.png') no-repeat;
+            min-height: 242px;
+            background-size: 100% 100%;
+            display: flex;
+            justify-content: center;
+            align-items: flex-end;
+            font-size: 38px;
+            padding-bottom: 60px;
+
+            p {
+              color: #fff;
             }
           }
 
-          img {
-            width: 70px;
-            float: right;
-            padding: 40px 0;
+          .info-wrap {
+            background: #fff;
+            padding: 0 40px;
+            overflow: hidden;
+            border-bottom-left-radius: 15px;
+            border-bottom-right-radius: 15px;
+            margin-top: -1px;
+
+            p {
+              position: relative;
+              padding-left: 30px;
+              margin-bottom: 5px;
+              letter-spacing: 1px;
+
+              &:before {
+                content: '';
+                position: absolute;
+                left: 0;
+                width: 15px;
+                height: 15px;
+                background: url('../../../../assets/home/faban/dot.svg');
+                background-repeat: no-repeat;
+                top: 3px;
+              }
+            }
+
+            img {
+              width: 70px;
+              float: right;
+              padding: 40px 0;
+            }
           }
         }
       }
-
     }
-
   }
-}
 </style>