Merge branch 'site-manage' of wangfan/adweb3-web into master

package.json

@@ -43,6 +43,7 @@
     "emoji-mart-vue-fast": "^15.0.1",
     "enquire.js": "^2.1.6",
     "intro.js": "^7.2.0",
+    "jquery": "^3.7.1",
     "lodash-es": "^4.17.21",
     "lodash.get": "^4.4.2",
     "markdown-it": "^14.0.0",
@@ -61,7 +62,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "showdown": "^2.1.0",
     "sortablejs": "^1.15.2",
-    "tinymce": "6.6.2",
+    "tinymce": "6.8.0",
     "vditor": "^3.9.9",
     "vue": "^3.4.19",
     "vue-cropper": "^0.6.4",
@@ -72,6 +73,7 @@
     "vue-router": "^4.3.0",
     "vue-types": "^5.1.1",
     "vuedraggable": "^4.1.0",
+    "vuex": "^3.6.2",
     "vxe-table": "4.6.17",
     "vxe-table-plugin-antd": "4.0.7",
     "xe-utils": "3.5.26",

src/assets/less/TableExpand.less

@@ -0,0 +1,15 @@
+/** [表格主题样式一] 表格强制列不换行 */
+.j-table-force-nowrap {
+  td, th {
+    white-space: nowrap;
+  }
+
+  .ant-table-selection-column {
+    padding: 12px 22px !important;
+  }
+
+  /** 列自适应，弊端会导致列宽失效 */
+  &.ant-table-wrapper .ant-table-content {
+    overflow-x: auto;
+  }
+}

src/components/adweb/selectSite.vue

@@ -0,0 +1,190 @@
+<template>
+  <span>
+    <a-select show-search
+              option-filter-prop="children"
+              :filter-option="filterOption"
+              v-model="siteCode" @change="changeUser"  :style="'width:'+selectWidth">
+      <a-select-option v-for="data in siteinfo" :key="data.code" :value="data.code" :info="data">
+        {{ data.name }}
+      </a-select-option>
+    </a-select>
+
+    <a-modal
+      title="温馨提示"
+      :visible="visible"
+      :closable="false"
+      :keyboard="false"
+      :maskClosable="false"
+      :footer="null"
+      centered
+      dialogClass="wp-tips"
+    >
+      <div style="text-align: center;line-height: 2">
+         <p>您当前选择的是 WordPress 嵌套网站，需要在系统操作之前，请返回首页重新选择站点操作。本网站的产品类型是 {{ productType }}。</p>
+          <router-link :to="{ path: '/websiteManage/dashboard/analysis' }">
+            <a-button type="primary">返回首页</a-button>
+          </router-link>
+      </div>
+    </a-modal>
+  </span>
+
+</template>
+
+<script>
+import { getAction, postAction } from '/@/api/manage/manage'
+import { mapActions } from 'vuex'
+import {store}  from '/@/store'
+import { generateIndexRouter } from '/@/utils/util'
+import { router } from '/@/router';
+
+export default {
+  data(){
+    return{
+      siteinfo:[],
+      siteCode:'',
+      selectSiteInfo:{},
+      visible:false,
+      productType:''
+    }
+  },
+  props:{
+    comProps:{},
+    siteListUrl:{
+      default:'/sys/api/getSiteListByUid'
+    },
+    selectWidth:{
+      default:'300px'
+    }
+  },
+  mounted() {
+    this.getSiteInfo()
+  },
+  methods:{
+    ...mapActions(['GetPermissionList']),
+    //进入获取站点code
+    getSiteInfo() {
+      let route = this.$route.name
+      let that = this
+      getAction(that.siteListUrl).then(function (res) {
+        if (res.code == 0) {
+          that.siteinfo = res.data
+          let isInSite = false
+          for (let i in res.data){
+            if(localStorage.getItem('siteCode') !== null && res.data[i].code === localStorage.getItem('siteCode')){
+              isInSite = true
+              that.selectSiteInfo = res.data[i]
+            }
+          }
+          if (localStorage.getItem('siteCode') !== null && isInSite) {
+            that.siteCode = localStorage.getItem("siteCode")
+          }else {
+            that.siteCode = res.data[0].code
+            that.selectSiteInfo = res.data[0]
+            localStorage.setItem("siteCode",res.data[0].code)
+          }
+          that.$nextTick(()=>{
+            that.$emit('setSiteInfo',res.data,that.selectSiteInfo)
+          })
+          if(route == 'websiteManage-dashboard-analysis'){
+            that.getPermissionList(that.siteCode)
+          }
+          // that.getAllInfo()
+        } else {
+          that.$message.error('站点获取失败，请刷新重试')
+        }
+      })
+    },
+
+
+    //改变站点
+    changeUser(value,e) {
+      let that = this
+      let route = this.$route.name
+      that.siteCode = value
+      localStorage.setItem("siteCode",value)
+      postAction('/adweb/adwebSiteManage/queryWordPressConfig', {  siteCode: value }).then(function (res) {
+        if(res.code == 200 && res.result.wordpressSwitch && res.result.wordpressSwitch == 1
+          && (route == 'pageManage-allPage'
+            || route == 'pageManage-addPage'
+
+            || route == 'website-enterpriseInfo-baseInfo'
+            || route == 'website-enterpriseInfo-bannerAdv'
+            || route == 'website-enterpriseInfo-customRevier'
+            || route == 'website-enterpriseInfo-enterpriseintroduction'
+            || route == 'company-advantage'
+            || route == 'website-enterpriseInfo-projectApplication'
+            || route == 'website-enterpriseInfo-honor'
+            || route == 'website-productSummary-productList5684'
+
+            || route == 'website-productSummary-category'
+            || route == 'website-productSummary-productsTag'
+            || route == 'product-draft'
+            || route == 'website-productSummary-productList'
+            || route == 'website-productSummary-downloadDocument'
+            || route == 'website-productSummary-faq'
+            || route == 'website-productSummary-productAdd'
+
+            || route == 'website-newsSummary-category'
+            || route == 'website-newsSummary-contentTag'
+            || route == 'website-newsSummary-AdwebMaterialNewsList'
+            || route == 'websit-newsSummary-addContent'
+            || route == 'website-enterpriseInfo-enterprisehistory'
+            || route == 'website-enterpriseInfo-FactoryEnvironment'
+            || route == 'website-enterpriseInfo-serviceGuarantee'
+            || route == 'website-enterpriseInfo-QuestionList'
+            || route == 'website-enterpriseInfo-socialmedialinks'
+
+            || route == 'website-productSummary-category1'
+            || route == 'website-productSummary-productList1'
+            || route == 'website-newsSummary-category1'
+            || route == 'operate-blog-update')
+
+        ){
+          that.productType = res.result.productType
+          that.visible = true;
+        }else{
+          that.getPermissionList(value)
+          that.$emit('comMethods',value,e)
+        }
+      })
+    },
+    //站点搜索
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
+
+    getPermissionList(value){
+      let that = this
+      that.$store.dispatch('GetPermissionList', value).then(res => {
+        const menuData = res.result.menu;
+        if (menuData === null || menuData === "" || menuData === undefined) {
+          return;
+        }
+        let constRoutes = [];
+        constRoutes = generateIndexRouter(menuData);
+        that.$store.dispatch('UpdateAppRouter',  { constRoutes }).then(() => {
+          router.addRoutes(store.getters.addRouters)
+        })
+      })
+    }
+
+
+  }
+}
+</script>
+
+<style lang="less">
+.wp-tips{
+  .ant-modal-header{
+    padding: 10px;
+  }
+  .ant-modal-body{
+    padding: 24px;
+    p{
+      margin-bottom: 10px;
+    }
+  }
+}
+</style>

src/hooks/component/useIframe.js

@@ -0,0 +1,118 @@
+import { postAction } from '/@/api/manage/manage'
+
+// TODO 先兼容vue2代码迁移，后期替换为vue3的写法， 当前from src/mixins/iframeMixin.js
+export const useIframe = {
+  data() {
+    return {
+      src: '',
+      loading: true,
+      isUsing: true,
+      wordpressSwitch: '3',
+      pageError: false,
+      wpConfig: {},
+      wordpressSetting: '',
+      openSetting: []
+    }
+  },
+
+  mounted() {
+    // 监听子页面的消息
+    if (typeof window.addEventListener != 'undefined') {
+      window.addEventListener('message', this.dealMessage, false)
+    } else if (typeof window.attachEvent != 'undefined') {
+      window.attachEvent('onmessage', this.dealMessage)
+    }
+    this.queryWordPressConfig()
+  },
+
+  methods: {
+    dealMessage(e) {
+      if (e.data.status == 2000) {
+        if (!e.data.data['wp-auth-check']) {
+          this.src = ''
+          this.queryWordPressConfig()
+        }
+      }
+    },
+    // 调用方法
+    iframeLoad() {
+      this.$nextTick(() => {
+        this.loading = true
+        const iframe = this.$refs.a.$refs.b
+        // 兼容处理
+        if (iframe.attachEvent) {
+          // IE
+          iframe.attachEvent('onload', () => {
+            this.loading = false
+          })
+        } else {
+          //表示页面加载错误
+          this.pageError = true
+          // 非IE
+          iframe.onload = () => {
+            this.loading = false
+          }
+        }
+      })
+
+    },
+
+    async queryWordPressConfig() {
+      let that = this
+      that.wordpressSwitch = ''
+      that.pageError = false
+      let url = ''
+      let params = {
+        siteCode: localStorage.getItem('siteCode'),
+      }
+      await postAction('/adweb/adwebSiteManage/queryWordPressConfig', params).then(function (res) {
+        if (res.code == 200) {
+          that.wordpressSwitch = res.result.wordpressSwitch ? res.result.wordpressSwitch : 2
+          if (res.result.wordpressSetting != null) {
+            that.wordpressSetting = res.result.wordpressSetting
+          }
+          if (res.result.openSetting != null) {
+            that.openSetting = res.result.openSetting
+          }
+          console.log(res.result)
+          if (res.result.productType == 'woocommerce') {
+            url = that.wooUrl ? that.wooUrl : that.url
+          }else{
+            url = that.url
+          }
+
+          let isIframe = 0
+          if (that.wordpressSwitch == 1 && (that.wordpressSetting == 'all' || that.openSetting.includes(that.iframePage))) {
+            isIframe = 1
+          }
+
+          if (that.parantEvent) {
+            that.parantEvent(res.result.wordpressSwitch)
+          }
+
+          if (res.result.wordpressSwitch == 1 &&
+            (that.wordpressSetting == 'all' || that.openSetting.includes('product') || that.openSetting.includes('article')) &&
+            isIframe == 1) {
+            let domainUrl = res.result.domain
+            let token = res.result.wordpressToken
+            let username = res.result.wordpressName
+            let page_no_login = domainUrl + '/wp-html.php?token=' + token + '&username=' + username + '&jumpUrl=' + encodeURIComponent(url)
+            // let page_ready =  domainUrl + "/wp-admin/"+ that.loginUrl +""
+            // let ssoResKey =  res.result.ssoResKey
+            // if(ssoResKey){
+            //   that.src =   page_ready
+            // }else{
+            that.src = page_no_login
+            // }
+            that.iframeLoad()
+          }
+        }
+      }).catch((err) => {
+        console.log(err)
+        that.wordpressSwitch = '3'
+      })
+    },
+
+  }
+
+}

src/views/adweb/marketPlan/SeoMarketPlan.api.ts → src/views/adweb/subscribePlan/SubscribePlan.api.ts

@@ -4,13 +4,13 @@ import { useMessage } from '/src/hooks/web/useMessage';
 const { createConfirm } = useMessage();
 
 enum Api {
-  list = '/adweb/seoMarketPlan/list',
-  save = '/adweb/seoMarketPlan/add',
-  edit = '/adweb/seoMarketPlan/edit',
-  deleteOne = '/adweb/seoMarketPlan/delete',
-  deleteBatch = '/adweb/seoMarketPlan/deleteBatch',
-  importExcel = '/adweb/seoMarketPlan/importExcel',
-  exportXls = '/adweb/seoMarketPlan/exportXls',
+  list = '/adweb/subscribePlan/list',
+  save = '/adweb/subscribePlan/add',
+  edit = '/adweb/subscribePlan/edit',
+  deleteOne = '/adweb/subscribePlan/delete',
+  deleteBatch = '/adweb/subscribePlan/deleteBatch',
+  importExcel = '/adweb/subscribePlan/importExcel',
+  exportXls = '/adweb/subscribePlan/exportXls',
 }
 
 /**

src/views/adweb/marketPlan/SeoMarketPlanList.vue → src/views/adweb/subscribePlan/SubscribePlanList.vue

@@ -87,7 +87,7 @@
     </BasicTable>
     <!-- 表单区域 -->
     <SeoMarketPlanModal ref="registerModal" @success="handleSuccess" />
-    <IntegrityCheckingDrawer ref="integrityCheckingDrawer" />
+<!--    <IntegrityCheckingDrawer ref="integrityCheckingDrawer" />-->
   </div>
 </template>
 
@@ -95,10 +95,11 @@
   import { reactive, ref } from 'vue';
   import { BasicTable, TableAction } from '/src/components/Table';
   import { useListPage } from '/src/hooks/system/useListPage';
-  import { columns, superQuerySchema } from './SeoMarketPlan.data';
-  import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './SeoMarketPlan.api';
-  import SeoMarketPlanModal from './components/SeoMarketPlanModal.vue';
-  import IntegrityCheckingDrawer from './components/IntegrityCheckingDrawer.vue';
+  import { columns, superQuerySchema } from './SubscribePlan.data';
+  import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './SubscribePlan.api';
+  import SeoMarketPlanModal from './components/SubscribePlanModal.vue';
+  // import IntegrityCheckingDrawer from './components/IntegrityCheckingDrawer.vue';
+
   import { useUserStore } from '/src/store/modules/user';
   // import JSearchSelect from '/@/components/Form/src/jeecg/components/JSearchSelect.vue';
   import JDictSelectTag from "@/components/Form/src/jeecg/components/JDictSelectTag.vue";
@@ -223,10 +224,10 @@
         label: '编辑',
         onClick: handleEdit.bind(null, record),
       },
-      {
-        label: '检测指标',
-        onclick: integrityChecking.bind(null, record),
-      }
+      // {
+      //   label: '检测指标',
+      //   onclick: integrityChecking.bind(null, record),
+      // }
     ];
   }
 

src/views/adweb/marketPlan/components/SeoMarketPlanForm.vue → src/views/adweb/subscribePlan/components/SubscribePlanForm.vue

@@ -34,6 +34,45 @@
                 <a-input-number v-model:value="formData.price" placeholder="请输入价格" style="width: 100%" />
               </a-form-item>
             </a-col>
+
+            <div class="ant-modal-title" id="vcDialogTitle0" style="margin-bottom: 15px;">SEO指标</div>
+
+            <a-col :span="24">
+              <a-form-item label="文章" v-bind="validateInfos.article">
+                <a-input-number v-model:value="formData.article" placeholder="文章数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="24">
+              <a-form-item label="客座博客" v-bind="validateInfos.blog">
+                <a-input-number v-model:value="formData.blog" placeholder="博客数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="24">
+              <a-form-item label="指定词" v-bind="validateInfos.specifyKeyword">
+                <a-input-number v-model:value="formData.specifyKeyword" placeholder="指定词数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="24">
+              <a-form-item label="长尾词" v-bind="validateInfos.longTailKeyword">
+                <a-input-number v-model:value="formData.longTailKeyword" placeholder="长尾词数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="24">
+              <a-form-item label="外链" v-bind="validateInfos.externalLinks">
+                <a-input-number v-model:value="formData.externalLinks" placeholder="外链数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="24">
+              <a-form-item label="访问量" v-bind="validateInfos.pageView">
+                <a-input-number v-model:value="formData.pageView" placeholder="访问数量" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+
           </a-row>
         </a-form>
       </template>
@@ -47,7 +86,7 @@
   import { useMessage } from '/src/hooks/web/useMessage';
   import JDictSelectTag from '/src/components/Form/src/jeecg/components/JDictSelectTag.vue';
   import { getValueType } from '/src/utils';
-  import { saveOrUpdate } from '../SeoMarketPlan.api';
+  import { saveOrUpdate } from '../SubscribePlan.api';
   import { Form } from 'ant-design-vue';
   import JFormContainer from '/src/components/Form/src/container/JFormContainer.vue';
 
@@ -67,6 +106,12 @@
     target: undefined,
     serviceTime: undefined,
     price: undefined,
+    article: undefined,
+    blog: undefined,
+    specifyKeyword: undefined,
+    longTailKeyword: undefined,
+    externalLinks: undefined,
+    pageView: undefined,
   });
   const { createMessage } = useMessage();
   const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
@@ -80,6 +125,12 @@
     target: [{ required: true, message: '请输入关键词达标目标!' }],
     serviceTime: [{ required: true, message: '请输入服务时间!' }],
     price: [{ required: true, message: '请输入价格!' }],
+    article: [{ required: true, message: '请输入文章数量!' }],
+    blog: [{ required: true, message: '请输入客座博客数量!' }],
+    specifyKeyword: [{ required: true, message: '请输入指定关键词数量!' }],
+    longTailKeyword: [{ required: true, message: '请输入长尾词数量!' }],
+    externalLinks: [{ required: true, message: '请输入外链数量!' }],
+    pageView: [{ required: true, message: '请输入访问数量!' }],
   });
   const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
 

src/views/adweb/marketPlan/components/SeoMarketPlanModal.vue → src/views/adweb/subscribePlan/components/SubscribePlanModal.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts" setup>
   import { ref, nextTick, defineExpose } from 'vue';
-  import SeoMarketPlanForm from './SeoMarketPlanForm.vue';
+  import SeoMarketPlanForm from './SubscribePlanForm.vue';
   import JModal from '/src/components/Modal/src/JModal/JModal.vue';
 
   const title = ref<string>('');

src/views/adweb/theme/AdwebTheme.api.ts

@@ -0,0 +1,72 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/adweb/adwebTheme/list',
+  save='/adweb/adwebTheme/add',
+  edit='/adweb/adwebTheme/edit',
+  deleteOne = '/adweb/adwebTheme/delete',
+  deleteBatch = '/adweb/adwebTheme/deleteBatch',
+  importExcel = '/adweb/adwebTheme/importExcel',
+  exportXls = '/adweb/adwebTheme/exportXls',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ * @param params
+ * @param handleSuccess
+ */
+export const deleteOne = (params,handleSuccess) => {
+  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+    handleSuccess();
+  });
+}
+
+/**
+ * 批量删除
+ * @param params
+ * @param handleSuccess
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+
+/**
+ * 保存或者更新
+ * @param params
+ * @param isUpdate
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+}

src/views/adweb/theme/AdwebTheme.data.ts

@@ -0,0 +1,55 @@
+import {BasicColumn} from '/@/components/Table';
+import {FormSchema} from '/@/components/Table';
+import { rules} from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+import { getWeekMonthQuarterYear } from '/@/utils';
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '上架状态：0:未上架；1：已上架；默认0',
+    align: "center",
+    dataIndex: 'putaway'
+  },
+  {
+    title: '图片路径',
+    align: "center",
+    dataIndex: 'images',
+    customRender: render.renderImage,
+  },
+  {
+    title: '模板价格',
+    align: "center",
+    dataIndex: 'templatePrice'
+  },
+  {
+    title: '模板标签',
+    align: "center",
+    dataIndex: 'templateTags'
+  },
+  {
+    title: '站点域名',
+    align: "center",
+    dataIndex: 'domain'
+  },
+  {
+    title: '站点备注',
+    align: "center",
+    dataIndex: 'descirbe'
+  },
+  {
+    title: '站点状态：0：创建失败，1：正常运行，2：运行异常 3:站点停止',
+    align: "center",
+    dataIndex: 'runStatus'
+  },
+];
+
+// 高级查询数据
+export const superQuerySchema = {
+  putaway: {title: '上架状态：0:未上架；1：已上架；默认0',order: 0,view: 'number', type: 'number',},
+  images: {title: '图片路径',order: 1,view: 'image', type: 'string',},
+  templatePrice: {title: '模板价格',order: 2,view: 'number', type: 'number',},
+  templateTags: {title: '模板标签',order: 3,view: 'text', type: 'string',},
+  domain: {title: '站点域名',order: 4,view: 'text', type: 'string',},
+  descirbe: {title: '站点备注',order: 5,view: 'text', type: 'string',},
+  runStatus: {title: '站点状态：0：创建失败，1：正常运行，2：运行异常 3:站点停止',order: 6,view: 'number', type: 'number',},
+};

src/views/adweb/theme/AdwebThemeList.vue

@@ -0,0 +1,235 @@
+<template>
+  <div class="p-2">
+    <!--查询区域-->
+    <div class="jeecg-basic-table-form-container">
+      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!--引用表格-->
+<!--    <AdwebThemeCList></AdwebThemeCList>-->
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+        <a-button  type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+        <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined"></Icon>
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>批量操作
+            <Icon icon="mdi:chevron-down"></Icon>
+          </a-button>
+        </a-dropdown>
+        <!-- 高级查询 -->
+        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
+      </template>
+      <template v-slot:bodyCell="{ column, record, index, text }">
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <AdwebThemeModal ref="registerModal" @success="handleSuccess"></AdwebThemeModal>
+  </div>
+</template>
+
+<script lang="ts" name="adweb-adwebTheme" setup>
+  import { ref, reactive } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, superQuerySchema } from './AdwebTheme.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './AdwebTheme.api';
+  import { downloadFile } from '/@/utils/common/renderUtils';
+  import AdwebThemeModal from './components/AdwebThemeModal.vue'
+  import { useUserStore } from '/@/store/modules/user';
+  import AdwebThemeCList from './components/AdwebThemeCList.vue'
+
+  const formRef = ref();
+  const queryParam = reactive<any>({});
+  const toggleSearchStatus = ref<boolean>(false);
+  const registerModal = ref();
+  const userStore = useUserStore();
+  //注册table数据
+  const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: 'adweb主题库',
+      api: list,
+      columns,
+      canResize:false,
+      useSearchForm: false,
+      actionColumn: {
+        width: 120,
+        fixed: 'right',
+      },
+      beforeFetch: (params) => {
+        return Object.assign(params, queryParam);
+      },
+    },
+    exportConfig: {
+      name: "adweb主题库",
+      url: getExportUrl,
+      params: queryParam,
+    },
+	  importConfig: {
+	    url: getImportUrl,
+	    success: handleSuccess
+	  },
+  });
+  const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+  const labelCol = reactive({
+    xs:24,
+    sm:4,
+    xl:6,
+    xxl:4
+  });
+  const wrapperCol = reactive({
+    xs: 24,
+    sm: 20,
+  });
+
+  // 高级查询配置
+  const superQueryConfig = reactive(superQuerySchema);
+
+  /**
+   * 高级查询事件
+   */
+  function handleSuperQuery(params) {
+    Object.keys(params).map((k) => {
+      queryParam[k] = params[k];
+    });
+    searchQuery();
+  }
+
+  /**
+   * 新增事件
+   */
+  function handleAdd() {
+    registerModal.value.disableSubmit = false;
+    registerModal.value.add();
+  }
+
+  /**
+   * 编辑事件
+   */
+  function handleEdit(record: Recordable) {
+    registerModal.value.disableSubmit = false;
+    registerModal.value.edit(record);
+  }
+
+  /**
+   * 详情
+   */
+  function handleDetail(record: Recordable) {
+    registerModal.value.disableSubmit = true;
+    registerModal.value.edit(record);
+  }
+
+  /**
+   * 删除事件
+   */
+  async function handleDelete(record) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  /**
+   * 批量删除事件
+   */
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  /**
+   * 成功回调
+   */
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  /**
+   * 操作栏
+   */
+  function getTableAction(record) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  /**
+   * 下拉操作栏
+   */
+  function getDropDownAction(record) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      }, {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+          placement: 'topLeft',
+        }
+      }
+    ]
+  }
+
+  /**
+   * 查询
+   */
+  function searchQuery() {
+    reload();
+  }
+
+  /**
+   * 重置
+   */
+  function searchReset() {
+    formRef.value.resetFields();
+    selectedRowKeys.value = [];
+    //刷新数据
+    reload();
+  }
+
+
+
+
+</script>
+
+<style lang="less" scoped>
+  .jeecg-basic-table-form-container {
+    padding: 0;
+    .table-page-search-submitButtons {
+      display: block;
+      margin-bottom: 24px;
+      white-space: nowrap;
+    }
+    .query-group-cust{
+      min-width: 100px !important;
+    }
+    .query-group-split-cust{
+      width: 30px;
+      display: inline-block;
+      text-align: center
+    }
+    .ant-form-item:not(.ant-form-item-with-help){
+      margin-bottom: 16px;
+      height: 32px;
+    }
+    :deep(.ant-picker),:deep(.ant-input-number){
+      width: 100%;
+    }
+  }
+</style>

src/views/adweb/theme/components/AdwebThemeCList.vue

@@ -0,0 +1,685 @@
+<template>
+  <a-row>
+    <a-col class="theme-wrap">
+      <a-col class="tag-wrap">
+        <a-button type="link" v-for="(item,index) in templateTag" :key="item.tagValue"
+                  @click="showTemplate(item.tagValue,index)" :class="{act:index==ins}">
+          {{ item.tagName }}({{ item.templateCount }})
+        </a-button>
+      </a-col>
+      <a-list
+        :grid="{ gutter: 16, column: 4 }"
+        :data-source="dataSource"
+        :loading="loading"
+        class="j-table-force-nowrap template_list" :style="{height:'100%'}">
+        <a-list-item slot="renderItem" slot-scope="item, index">
+          <a-card :title="item.name +'-'+item.templateTags_dictText" class="text-center">
+            <div class="item" @mouseover="hoverThis()">
+              <div class="Pic">
+                <a class="img">
+                  <img v-if="checkUrl(item.images)" v-lazy="domainUrl+'/sys/common/static/'+item.images"
+                       :key="item.code" :alt="item.name" />
+                  <img v-else v-lazy=item.images />
+                </a>
+                <template v-if="item.putaway == 1 && item.externalTemplate != 1 && item.developmentStatus != 1">
+                  <div class="Content">
+                    <a-button class="fl" block @click="visit(item)">模板预览</a-button>
+                    <a-button v-has="'show:createSite'" type="primary" block class="fr" @click="createSite(item)">创建站点</a-button>
+                  </div>
+                </template>
+                <template v-else-if="item.putaway == 1 && item.developmentStatus  == 1 && item.siteType == 3 && (item.externalTemplateUrl == null || item.externalTemplateUrl == '')">
+                  <div class="Content">
+                    <a-button type="primary" block @click="visitImage(item)">模板预览</a-button>
+                  </div>
+                </template>
+                <template v-else-if="item.putaway == 1 && item.developmentStatus  == 1 && item.siteType == 3 && item.externalTemplateUrl != null && item.externalTemplateUrl != ''">
+                  <div class="Content">
+                    <a-button type="primary" block @click="visitOut(item)">模板预览</a-button>
+                  </div>
+                </template>
+                <template v-else-if="item.putaway == 1 && item.externalTemplate == 1 && item.externalTemplateUrl != null">
+                  <div class="Content">
+                    <a-button type="primary" block @click="visitOut(item)">模板预览</a-button>
+                  </div>
+                </template>
+                <template v-else-if="item.putaway == 1 && item.externalTemplate == 1 && (item.externalTemplateUrl == null || item.externalTemplateUrl == '')">
+                  <div class="Content">
+                    <a-button type="dashed" block>bb敬请期待</a-button>
+                  </div>
+                </template>
+                <template v-else-if="item.putaway == 1 && item.developmentStatus  == 1 && item.siteType == 3">
+                  <div class="Content">
+                    <a-button type="dashed" block>{{item.externalTemplateUrl}}敬请期待 {{item.siteType}}</a-button>
+                  </div>
+                </template>
+              </div>
+              <div class="clear"></div>
+            </div>
+          </a-card>
+        </a-list-item>
+      </a-list>
+      <a-modal
+        v-model="modalVisible"
+        :title="modalTitle"
+        centered
+        :confirm-loading="confirmLoading"
+        @ok="handleOk"
+        @cancel="handleCancel"
+        :closable="false"
+        :keyboard="false"
+        :maskClosable="false"
+        width="50%"
+        :ok-button-props="okBtnStatus"
+        :cancel-button-props="cancelBtnStatus"
+        :okText="okText"
+        :cancelText="cancelText"
+      >
+        <template v-if="showCreateSite">
+          <a-spin :spinning="spinning" :tip="tipTitle">
+            <a-form-model
+              ref="createSiteForms"
+              :model="createSiteForm"
+              :rules="createSiteFormRules"
+              :label-col="labelCol"
+              :wrapper-col="wrapperCol"
+            >
+              <a-form-model-item>
+                我们将为您新建站点，稍后请移至“站群管理”对网站内容进行编辑<br />
+                在建站完成后，需要您将域名解析到指定的CNAME将网站发布上线<br />
+                您可在“站群管理”中查看建站进度和CNAME
+              </a-form-model-item>
+              <a-form-model-item ref="name" label="用户名称" prop="uid">
+                <a-select v-model="createSiteForm.uid"
+                          show-search
+                          :filter-option="filterOption"
+                          placeholder="请选择用户名称">
+                  <a-select-option v-for="user in userList"
+                                   :key="user.id"
+                                   :value="user.id">
+                    {{ user.realname }}
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+              <a-form-model-item ref="name" label="站点名称" prop="name">
+                <a-input v-model="createSiteForm.name" placeholder="请输入站点名称" />
+              </a-form-model-item>
+              <a-form-model-item ref="languageCode" label="站点语言" prop="languageCode">
+                <j-search-select-tag placeholder="请选择站点语言" v-model="createSiteForm.languageCode"
+                                     dict="adweb_language" />
+              </a-form-model-item>
+              <a-form-model-item ref="planId" label="营销方案" prop="planId">
+                <a-row :gutter="8">
+                  <a-col :span="21">
+                    <j-search-select-tag
+                      placeholder="请选择营销方案"
+                      v-model="createSiteForm.planId"
+                      dict="seo_market_plan,plan_name,id,status=1"
+                    />
+                  </a-col>
+                  <a-col :span="3">
+                    <router-link :to="{ path: '/deliver/serp/seoMarketPlan/list',query:{from:'themeList'}}">
+                      <a-button type="primary" block>新增</a-button>
+                    </router-link>
+                  </a-col>
+                </a-row>
+              </a-form-model-item>
+
+              <a-form-model-item label="赠送天数"  prop="giveDay" v-show="createSiteForm.planId!==undefined">
+                <a-input-number :min="0" :max="1000" style="width: 100%;" placeholder="赠送天数" v-model="createSiteForm.giveDay" />
+              </a-form-model-item>
+              <a-form-model-item label="补偿天数"  prop="compensateDay" v-show="createSiteForm.planId!==undefined">
+                <a-input-number :min="0" :max="1000" style="width: 100%;" placeholder="补偿天数" v-model="createSiteForm.compensateDay" />
+              </a-form-model-item>
+            </a-form-model>
+          </a-spin>
+        </template>
+
+        <template v-if="showResult">
+          <a-result
+            status="success"
+            title="站点创建完成!"
+          >
+          </a-result>
+        </template>
+      </a-modal>
+      <a-modal
+        :visible="visible"
+        width="80%"
+        @cancel="visitImageCancel"
+        :footer="null"
+        class="self_buy_modal"
+      >
+        <div slot="title">
+            <div>
+              <p class="ant-modal-title">
+                模板预览
+                <template v-if="(userRole.indexOf('admin')>-1 || userRole.indexOf('adweb_admin')>-1  || userRole.indexOf('adweb_seo_manager')>-1 || userRole.indexOf('adweb_site_manager')>-1) && modelText != null && modelText != ''">
+                  <a :href="modelText" target="_blank" style="font-size: 14px;text-decoration: underline"><span>购买链接</span></a>
+                </template>
+              </p>
+
+            </div>
+        </div>
+
+        <img alt="example" style="width: 100%" :src="theImage" />
+      </a-modal>
+    </a-col>
+  </a-row>
+</template>
+
+<script>
+
+import '/@/assets/less/TableExpand.less'
+import '/@/assets/less/common.less'
+
+import Qs from 'qs'
+import { getAction, postAction} from '/@/api/manage/manage'
+import $ from 'jquery'
+import { useUserStore } from '/@/store/modules/user'
+
+export default {
+  name: 'AdwebThemeCList',
+  components: {},
+  data() {
+    return {
+      description: 'adweb_theme管理页面',
+      // 表头
+      columns: [
+        {
+          title: '站点名称',
+          align: 'left',
+          dataIndex: 'name'
+        },
+        {
+          title: '图片路径',
+          align: 'left',
+          dataIndex: 'images',
+          scopedSlots: { customRender: 'imgSlot' }
+        }
+      ],
+      url: {
+        list: '/adweb/adwebTheme/list',
+        delete: '/adweb/adwebTheme/delete',
+        deleteBatch: '/adweb/adwebTheme/deleteBatch',
+        createSiteUrl: 'siteManage/createSite',
+        addSiteLanguageUrl: 'siteManage/addSiteLanguage',
+        getTemplateTagsUrl: '/adweb/adwebTheme/getTemplateTags',
+        wpSiteCreateUrl: 'wpWebSite/addWebsite',
+        getAdwebVipUrl: 'adweb/adwebSiteManage/getAdwebVip'
+      },
+      dictOptions: {},
+      superFieldList: [],
+      domainUrl: window._CONFIG['domianURL'],
+      modalVisible: false,
+      modalTitle: '',
+      userRole: '',
+      confirmLoading: false,
+      showCreateSite: false,
+      createSiteForm: {
+        uid: undefined,
+        source: '',
+        name: '',
+        languageCode: 'en',
+        parentCode: '',
+        planId: undefined,
+        giveDay: 0,
+        compensateDay: 0,
+      },
+      createSiteFormRules: {
+        uid: [
+          { required: true, message: '请选择用户名称', trigger: 'blur' }
+        ],
+        name: [
+          { required: true, message: '请输入站点名称', trigger: 'blur' }
+        ],
+        languageCode: [{ required: true, message: '站点语言不能为空', trigger: 'change' }],
+        planId: [
+          { required: true, message: '请选择营销方案', trigger: 'blur' }
+        ],
+      },
+      showResult: false,
+      spinning: false,
+      tipTitle: '',
+      labelCol: { span: 3 },
+      wrapperCol: { span: 21 },
+      modalStatus: false,
+      okBtnStatus: {},
+      okText: '',
+      cancelText: '',
+      modelText: '',
+      theImage: '',
+      showResultForm: {},
+      cancelBtnStatus: {},
+      templateTag: [],
+      ins: 0,
+      dataSource: [],
+      loading: false,
+      isHeight: $(window).height() - 59 - 52 - 12 - 62 - 12 - 93,
+      siteCreating: false,
+      isWpSiteCreate: false,
+      wpTemplateData: {
+        name: '',
+        tempId: '',
+        domain: '',
+        uid:'',
+      },
+      userList: [],
+      visible:false
+    }
+  },
+  created() {
+    this.userRole = useUserStore().roleList
+    this.getTemplateTags()
+    this.getTemplateList(-1)
+  },
+  methods: {
+    getTemplateTags() {
+      let that = this
+      let getTemplateTagsUrl = `${that.url.getTemplateTagsUrl}`
+      getAction(getTemplateTagsUrl).then(function(res) {
+        if (res.code == 200) {
+          that.templateTag = res.result
+        } else {
+          that.$message.error('模板分类获取失败！')
+        }
+      })
+    },
+    checkUrl: function(val) {
+      if (val != null) {
+        if (val.substr(0, 7).toLowerCase() == 'http://' || val.substr(0, 8).toLowerCase() == 'https://') {
+          return false
+        } else {
+          return true
+        }
+      } else {
+        return false
+      }
+    },
+    hoverThis() {
+      $('.item').hover(
+        function() {
+          if ($(this).height() >= $(this).find('.Pic img').height()) {
+            return
+          } else {
+            $(this).find('.Pic img').stop().animate({ top: $(this).height() - $(this).find('.Pic img').height() }, 5000)
+          }
+        },
+        function() {
+          $(this).find('.Pic img').stop().animate({ top: 0 }, 'fast')
+        }
+      )
+    },
+    //预览
+    visit(data) {
+      let that = this
+      if (data.siteType === 1) {
+        if(data.domainDev != null && data.domainDev != ''){
+          return window.open(that.domainUrl + data.domainDev, '_blank')
+        }else{
+          that.visitImage(data)
+        }
+      }
+      if (data.siteType === 3) {
+        if(data.externalTemplateUrl != null && data.externalTemplateUrl != ''){
+          return window.open(data.externalTemplateUrl, '_blank')
+        }else{
+          that.visitImage(data)
+        }
+      }
+    },
+
+    visitImage(data) {
+      this.visible = true
+      this.modelText = data.buyLinks;
+      this.theImage = this.domainUrl+'/sys/common/static/' + data.images;
+    },
+
+    visitImageCancel() {
+      this.visible = false
+      this.modelText = '';
+      this.theImage = ''
+    },
+
+    visitOut(data) {
+      if(data.externalTemplateUrl != null && data.externalTemplateUrl != ''){
+        return window.open(data.externalTemplateUrl, '_blank')
+      }else{
+        this.visitImage(data)
+      }
+    },
+
+    cleanAllFormData() {
+      let that = this
+      that.confirmLoading = false
+      that.templateInfo = {}
+      that.spinning = false
+      that.tipTitle = ''
+      that.modalVisible = false
+      that.modalTitle = ''
+      that.modalCopyTemplateStatus = false
+      that.copyTemplateForm = {
+        name: ''
+      }
+      that.showCreateSite = false
+      that.createSiteForm = {
+        uid: undefined,
+        languageCode: 'en',
+        source: '',
+        name: '',
+        parentCode: '',
+        planId: undefined,
+        giveDay: 0,
+        compensateDay: 0,
+      }
+      that.showResult = false
+      that.okBtnStatus = {}
+      that.cancelBtnStatus = {}
+      that.ins = 0
+      that.loading = false
+    },
+
+    //创建站点
+    createSite(item) {
+      let that = this
+      that.getUserList()
+      if (item.siteType === 3) {
+        that.isWpSiteCreate = true
+        that.wpTemplateData.tempId = item.id
+      } else {
+        that.createSiteForm.source = item.source
+        that.createSiteForm.parentCode = item.code
+        that.createSiteForm.id = item.id
+        that.createSiteForm.languageCode = 'en'
+      }
+      that.modalVisible = true
+      that.modalTitle = '创建站点'
+      that.showCreateSite = true
+      that.okText = '确定'
+      that.cancelText = '取消'
+    },
+
+    createSiteData() {
+      let that = this
+      that.confirmLoading = false
+      that.spinning = true
+      that.tipTitle = '正在创建站点'
+      let createSiteUrl = `${that.url.createSiteUrl}`
+      that.okBtnStatus = { props: { disabled: true } }
+      that.cancelBtnStatus = { props: { disabled: true } }
+      postAction(createSiteUrl, Qs.stringify(that.createSiteForm), 1000 * 60 * 5).then(function(res) {
+          that.spinning = false
+          that.tipTitle = ''
+          if (res.code == 200) {
+            that.showCreateSite = false
+            that.showResult = true
+            that.modalTitle = '系统提示'
+            that.okText = '预览站点'
+            that.cancelText = '关闭'
+            that.showCreateSite = false
+            that.okBtnStatus = {}
+            that.cancelBtnStatus = {}
+            that.newCreateSiteInfo = res.data
+          } else {
+            that.cancelBtnStatus = {}
+            that.$message.error('网站创建失败，请重试！')
+          }
+        }
+      ).catch(function() {
+        that.modalVisible = true
+        that.$message.error('网络超时，请重试!')
+      })
+    },
+
+    handleOk() {
+      let that = this
+      if (that.showCreateSite && !that.isWpSiteCreate) {
+        that.$refs.createSiteForms.validate(valid => {
+          if (valid) {
+            that.createSiteData()
+          } else {
+            return false
+          }
+        })
+      }
+      if (that.showCreateSite && that.isWpSiteCreate) {
+        that.$refs.createSiteForms.validate(valid => {
+          if (valid) {
+            that.wpSiteCreate(that.createSiteForm.name)
+          } else {
+            return false
+          }
+        })
+      }
+      if (that.showResult && !that.isWpSiteCreate) {
+        that.toMySite()
+      }
+      if (that.showResult && that.isWpSiteCreate) {
+        that.toMyWPSite()
+      }
+    },
+
+    handleCancel() {
+      let that = this
+      that.cleanAllFormData()
+    },
+
+    toMySite() {
+      let that = this
+      return window.open(that.domainUrl + that.newCreateSiteInfo, '_blank')
+    },
+
+    //wp站点创建成功预览
+    toMyWPSite() {
+      let that = this
+      return window.open('http://' + that.newCreateSiteInfo, '_blank')
+    },
+    showTemplate(tagId, i) {
+      let that = this
+      that.loading = true
+      if (i == undefined) {
+        that.ins = 0
+      } else {
+        that.ins = i
+      }
+      that.getTemplateList(tagId)
+    },
+
+    getTemplateList(tagId) {
+      let that = this
+      that.loading = true
+      let listUrl = `${that.url.list}` + '?templateTags=' + tagId
+      getAction(listUrl).then(function(res) {
+        if (res.code == 200) {
+          that.loading = false
+          that.dataSource = res.result.records
+        } else {
+          that.loading = false
+          that.$message.error('模板获取失败！')
+        }
+      })
+    },
+
+    //wp站点创建
+    wpSiteCreate(siteName) {
+      let that = this
+      if(that.siteCreating){
+        that.$message.warning('站点创建中，请勿重复点击！')
+        return;
+      }
+      that.siteCreating = true
+      that.confirmLoading = false
+      that.spinning = true
+      that.tipTitle = '正在创建站点'
+      that.okBtnStatus = { props: { disabled: true } }
+      that.cancelBtnStatus = { props: { disabled: true } }
+      that.wpTemplateData.name = siteName
+      that.wpTemplateData.uid = that.createSiteForm.uid
+      that.wpTemplateData.planId = that.createSiteForm.planId
+      that.wpTemplateData.giveDay = that.createSiteForm.giveDay
+      that.wpTemplateData.compensateDay = that.createSiteForm.compensateDay
+      postAction(that.url.wpSiteCreateUrl, Qs.stringify(that.wpTemplateData),1000 * 60 * 5).then(function(res) {
+          if (res.code === 200 && res.result === 'ignore') {
+            that.$message.error('您距离上个站点创建不足两分钟，请两分钟后再次尝试！')
+            return;
+          }
+          if (res.code === 200) {
+            that.showCreateSite = false
+            that.showResult = true
+            that.modalTitle = '系统提示'
+            that.okText = '预览站点'
+            that.cancelText = '关闭'
+            that.showCreateSite = false
+            that.okBtnStatus = {}
+            that.cancelBtnStatus = {}
+            that.newCreateSiteInfo = res.result
+            that.wpSitePreviewUrl = ''
+          } else {
+            that.cancelBtnStatus = {}
+            that.$message.error('网站创建失败，请重试！')
+          }
+        }
+      ).catch(function() {
+        that.modalVisible = true
+        that.$message.error('网络超时，请重试!')
+      }).finally(()=>{
+        that.siteCreating = false
+        that.spinning = false
+        that.tipTitle = ''
+      })
+
+    },
+
+    getUserList() {
+      let that = this
+      getAction(this.url.getAdwebVipUrl).then(function(res) {
+        if (res.code == 200) {
+          that.userList = res.result
+        }
+      })
+    },
+
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    }
+  }
+}
+</script>
+<style scoped lang="less">
+
+.mt-20 {
+  margin-top: 20px
+}
+
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.template-image {
+  width: 100%;
+  height: 300px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.template_list /deep/ .ant-card-body {
+  padding: 0;
+}
+
+.template_list .item {
+  width: 100%;
+  display: block;
+  height: 467px;
+  position: relative;
+  transition: all 0.4s ease-out;
+}
+
+.template_list .item .Pic {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.template_list .item .Pic img {
+  width: 100%;
+  max-height: unset;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.template_list .item .Pic .Content {
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  opacity: 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  top: 0;
+  left: 0;
+  font-size: 0;
+  transition: all 0.4s ease-out;
+  padding-bottom: 20px;
+}
+
+.template_list .item .Pic .Content button {
+  margin: 0 10px;
+}
+
+.template_list .item:hover {
+  box-shadow: 3px 3px 12px 2px #aaaaaad4;
+}
+
+.template_list .item:hover .Pic .Content {
+  opacity: 1;
+}
+
+.tag-wrap .ant-btn.ant-btn-link.act{
+  color:  @primary-color!important;
+  background-color: #fff!important;
+  font-weight: 600;
+  border-bottom: 1px solid #fff;
+}
+
+.tag-wrap {
+  margin-bottom: 12px;
+}
+
+.tag-wrap .ant-btn-link {
+  color: #fff!important;
+  width: 10%;
+  margin: 5px 0.5%;
+}
+
+.template_list {
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+.ant-btn-link {
+  margin-right: 10px;
+}
+
+img[lazy="error"], img[lazy="loading"] {
+  top: calc(50% - 140px) !important;
+  position: relative !important;
+  margin: 0 auto;
+  width: 240px !important;
+}
+
+.self_buy_modal{
+  /deep/ .ant-modal-body{
+    padding: 0;
+  }
+}
+</style>

src/views/adweb/theme/components/AdwebThemeForm.vue

@@ -0,0 +1,173 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <JFormContainer :disabled="disabled">
+      <template #detail>
+        <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-row>
+						<a-col :span="24">
+							<a-form-item label="上架状态：0:未上架；1：已上架；默认0" v-bind="validateInfos.putaway">
+								<a-input-number v-model:value="formData.putaway" placeholder="请输入上架状态：0:未上架；1：已上架；默认0" style="width: 100%" />
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="图片路径" v-bind="validateInfos.images">
+								<j-image-upload :fileMax="0" v-model:value="formData.images" ></j-image-upload>
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="模板价格" v-bind="validateInfos.templatePrice">
+								<a-input-number v-model:value="formData.templatePrice" placeholder="请输入模板价格" style="width: 100%" />
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="模板标签" v-bind="validateInfos.templateTags">
+								<a-input v-model:value="formData.templateTags" placeholder="请输入模板标签"  allow-clear ></a-input>
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="站点域名" v-bind="validateInfos.domain">
+								<a-input v-model:value="formData.domain" placeholder="请输入站点域名"  allow-clear ></a-input>
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="站点备注" v-bind="validateInfos.descirbe">
+								<a-input v-model:value="formData.descirbe" placeholder="请输入站点备注"  allow-clear ></a-input>
+							</a-form-item>
+						</a-col>
+						<a-col :span="24">
+							<a-form-item label="站点状态：0：创建失败，1：正常运行，2：运行异常 3:站点停止" v-bind="validateInfos.runStatus">
+								<a-input-number v-model:value="formData.runStatus" placeholder="请输入站点状态：0：创建失败，1：正常运行，2：运行异常 3:站点停止" style="width: 100%" />
+							</a-form-item>
+						</a-col>
+          </a-row>
+        </a-form>
+      </template>
+    </JFormContainer>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
+  import { getValueType } from '/@/utils';
+  import { saveOrUpdate } from '../AdwebTheme.api';
+  import { Form } from 'ant-design-vue';
+  import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
+  
+  const props = defineProps({
+    formDisabled: { type: Boolean, default: false },
+    formData: { type: Object, default: () => ({})},
+    formBpm: { type: Boolean, default: true }
+  });
+  const formRef = ref();
+  const useForm = Form.useForm;
+  const emit = defineEmits(['register', 'ok']);
+  const formData = reactive<Record<string, any>>({
+    id: '',
+    putaway: undefined,
+    images: '',   
+    templatePrice: undefined,
+    templateTags: '',   
+    domain: '',   
+    descirbe: '',   
+    runStatus: undefined,
+  });
+  const { createMessage } = useMessage();
+  const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
+  const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
+  const confirmLoading = ref<boolean>(false);
+  //表单验证
+  const validatorRules = reactive({
+  });
+  const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
+
+  // 表单禁用
+  const disabled = computed(()=>{
+    if(props.formBpm === true){
+      if(props.formData.disabled === false){
+        return false;
+      }else{
+        return true;
+      }
+    }
+    return props.formDisabled;
+  });
+
+  
+  /**
+   * 新增
+   */
+  function add() {
+    edit({});
+  }
+
+  /**
+   * 编辑
+   */
+  function edit(record) {
+    nextTick(() => {
+      resetFields();
+      const tmpData = {};
+      Object.keys(formData).forEach((key) => {
+        if(record.hasOwnProperty(key)){
+          tmpData[key] = record[key]
+        }
+      })
+      //赋值
+      Object.assign(formData, tmpData);
+    });
+  }
+
+  /**
+   * 提交数据
+   */
+  async function submitForm() {
+    // 触发表单验证
+    await validate();
+    confirmLoading.value = true;
+    const isUpdate = ref<boolean>(false);
+    //时间格式化
+    let model = formData;
+    if (model.id) {
+      isUpdate.value = true;
+    }
+    //循环数据
+    for (let data in model) {
+      //如果该数据是数组并且是字符串类型
+      if (model[data] instanceof Array) {
+        let valueType = getValueType(formRef.value.getProps, data);
+        //如果是字符串类型的需要变成以逗号分割的字符串
+        if (valueType === 'string') {
+          model[data] = model[data].join(',');
+        }
+      }
+    }
+    await saveOrUpdate(model, isUpdate.value)
+      .then((res) => {
+        if (res.success) {
+          createMessage.success(res.message);
+          emit('ok');
+        } else {
+          createMessage.warning(res.message);
+        }
+      })
+      .finally(() => {
+        confirmLoading.value = false;
+      });
+  }
+
+
+  defineExpose({
+    add,
+    edit,
+    submitForm,
+  });
+</script>
+
+<style lang="less" scoped>
+  .antd-modal-form {
+    padding: 14px;
+  }
+</style>

src/views/adweb/theme/components/AdwebThemeModal.vue

@@ -0,0 +1,77 @@
+<template>
+  <j-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
+    <AdwebThemeForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></AdwebThemeForm>
+  </j-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, nextTick, defineExpose } from 'vue';
+  import AdwebThemeForm from './AdwebThemeForm.vue'
+  import JModal from '/@/components/Modal/src/JModal/JModal.vue';
+  
+  const title = ref<string>('');
+  const width = ref<number>(800);
+  const visible = ref<boolean>(false);
+  const disableSubmit = ref<boolean>(false);
+  const registerForm = ref();
+  const emit = defineEmits(['register', 'success']);
+
+  /**
+   * 新增
+   */
+  function add() {
+    title.value = '新增';
+    visible.value = true;
+    nextTick(() => {
+      registerForm.value.add();
+    });
+  }
+  
+  /**
+   * 编辑
+   * @param record
+   */
+  function edit(record) {
+    title.value = disableSubmit.value ? '详情' : '编辑';
+    visible.value = true;
+    nextTick(() => {
+      registerForm.value.edit(record);
+    });
+  }
+  
+  /**
+   * 确定按钮点击事件
+   */
+  function handleOk() {
+    registerForm.value.submitForm();
+  }
+
+  /**
+   * form保存回调事件
+   */
+  function submitCallback() {
+    handleCancel();
+    emit('success');
+  }
+
+  /**
+   * 取消按钮回调事件
+   */
+  function handleCancel() {
+    visible.value = false;
+  }
+
+  defineExpose({
+    add,
+    edit,
+    disableSubmit,
+  });
+</script>
+
+<style lang="less">
+  /**隐藏样式-modal确定按钮 */
+  .jee-hidden {
+    display: none !important;
+  }
+</style>
+<style lang="less" scoped></style>

src/views/adweb/website/enterpriseInfo/baseInfo/baseInfoForm.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <iframe-com ref="a" :src="src"/>
+<!--    <base-info-form-back-->
+<!--      v-if="(wordpressSwitch == 2) || (wordpressSwitch == 1 && wordpressSetting != 'all' && !openSetting.includes('baseInfo'))"/>-->
+  </div>
+</template>
+
+<script>
+// import BaseInfoFormBack from './baseInfoFormBack.vue'
+
+import iframeCom from '/@/views/adweb/wpInTo/iframeCom.vue'
+import { useIframe } from '/src/hooks/component/useIframe'
+
+export default {
+  components:{ iframeCom },
+  mixins: [ useIframe ],
+  data(){
+    return{
+      noloading:true,
+      url:'admin.php?page=material_management',
+      loginUrl:'admin.php?page=material_management',
+      iframePage:'baseInfo'
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/adweb/website/enterpriseInfo/baseInfo/baseInfoFormBack.vue

@@ -0,0 +1,555 @@
+<template>
+  <div>
+    <a-card :bordered="true" style="width: 100%">
+      <template #title>
+        <div style="font-size: 14px">
+          <span style="color: red;margin-right: 8px">说明:</span>
+          <span style="color: #666">企业介绍可体现公司的实力及产品的竞争力，增加海外客户的信任度，提升购买信心。</span>
+        </div>
+      </template>
+      <a-spin :spinning="formSpinning" size="large">
+        <a-form :form="form" v-if="this.siteList.length !== 0">
+          <a-row>
+            <a-col :span="16" v-if="this.siteList.length >= 2">
+              <a-form-item label="站点名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                <select-site @comMethods="changeSite" selectWidth="100%"/>
+<!--                <a-select @change="changeSite"-->
+<!--                          :defaultValue="siteCode"-->
+<!--                          show-search-->
+<!--                          :filter-option="filterOption"-->
+<!--                          placeholder="请选择站点">-->
+<!--                  <a-select-option v-for="site in siteList"-->
+<!--                                   :key="site.id"-->
+<!--                                   :value="site.code"-->
+<!--                  >-->
+<!--                    {{ site.name }}-->
+<!--                  </a-select-option>-->
+<!--                </a-select>-->
+              </a-form-item>
+            </a-col>
+            <template v-if="siteCode !== undefined">
+              <a-col :span="16">
+                <a-form-item label="公司中文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" hasFeedback>
+                  <a-input id="companyCnName" v-decorator="['companyCnName',validatorRules.companyCnName]"
+                           placeholder="请输入公司中文名称"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司英文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" hasFeedback>
+                  <a-input id="companyEnName" v-decorator="['companyEnName',validatorRules.companyEnName]"
+                           placeholder="请输入公司英文名称"></a-input>
+                </a-form-item>
+              </a-col>
+<!--              <a-col :span="16">-->
+<!--                <a-form-item label="网站首页标题" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback-->
+<!--                             extra="包含1个产品关键词，40-80个字符之内">-->
+<!--                  <a-input v-decorator="['homepageTitle',validatorRules.homepageTitle]" placeholder="请输入网站首页标题"-->
+<!--                           :maxLength=80></a-input>-->
+<!--                </a-form-item>-->
+<!--              </a-col>-->
+              <a-col :span="16">
+                <a-form-item label="企业LOGO" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <div slot="extra">
+                    <div><a href="https://squoosh.app/" target="_blank">>>图片剪裁、压缩工具<<</a></div>
+                    <div>1、限制图片格式：JPG,JPEG,PNG；</div>
+                    <div>2、限制图片大小：不超过2MB</div>
+                    <div>3、图片命名：'品牌名-logo'</div>
+                  </div>
+                  <a-upload
+                    style="width: 20%;"
+                    name="file"
+                    list-type="picture-card"
+                    :headers="headers"
+                    :action="uploadAction"
+                    :file-list="fileList"
+                    :data="{biz:'public/material/' + this.siteCode + '/' +this.materialCode}"
+                    :showUploadList="isMultiple"
+                    :isMultiple="isMultiple"
+                    :multiple="isMultiple"
+                    @change="handleChange"
+                    @preview="handlePreview"
+                    :before-upload="beforeUpload"
+                    v-decorator="['enterpriseLogo',validatorRules.enterpriseLogo]"
+                  >
+                    <img v-if="!isMultiple && picUrl" :src="getImgView(this.imageUrl)" style="width:100%;height:100%" />
+                    <div v-else>
+                      <a-icon :type="loading ? 'loading' : 'plus'" />
+                      <div class="ant-upload-text">
+                        上传
+                      </div>
+                    </div>
+                    <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+                      <img alt="example" style="width: 100%" :src="previewImage" />
+                    </a-modal>
+                  </a-upload>
+                  <a-button v-if="imageUrl" icon="download" style="position: absolute;margin-top: 68px" type="primary"
+                            ghost @click="downloadFile(imageUrl)">下载
+                  </a-button>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="联系人（英文）" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['enterpriseContactName',validatorRules.enterpriseContactName]"
+                           placeholder="请输入联系人（英文）"></a-input>
+                </a-form-item>
+              </a-col>
+
+              <a-col :span="16">
+                <a-form-item label="公司固定电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback
+                             extra="如+86-514-88594521">
+                  <a-input v-decorator="['enterpriseLandline',validatorRules.enterpriseLandline]"
+                           placeholder="请输入公司固定电话"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['enterpriseContactPhone',{initialValue:''}]"
+                           placeholder="请输入公司联系电话"></a-input>
+                </a-form-item>
+              </a-col>
+
+              <a-col :span="16">
+                <a-form-item label="公司电子邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['enterpriseEmail',validatorRules.enterpriseEmail]"
+                           placeholder="请输入公司电子邮箱"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司办公地址（英文）" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['enterpriseOfficeAddress',validatorRules.enterpriseOfficeAddress]"
+                           placeholder="请输入公司办公地址"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback
+                             extra="填写真实注册商标，不可提供虚假内容，或冒用其他公司信息，以免网站侵权。">
+                  <a-input v-decorator="['enterpriseBrand',validatorRules.enterpriseBrand]"
+                           placeholder="请输入公司品牌"></a-input>
+                </a-form-item>
+              </a-col>
+
+              <a-col :span="16">
+                <a-form-item label="公司工厂地址（英文）" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-input v-decorator="['enterpriseFactoryAddress',{initialValue:''}]"
+                           placeholder="请输入公司工厂地址"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司工厂面积" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <a-input addon-after="m²" v-decorator="['enterpriseFactoryArea',validatorRules.enterpriseFactoryArea]"
+                           placeholder="请输入公司工厂面积"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司人数" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <j-search-select-tag v-decorator="['employeeCount',validatorRules.employeeCount]" dict="adwebEmployeeCount"
+                                       placeholder="请选择公司人数" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="研发人数或研发占比" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['developerCount',validatorRules.developerCount]"
+                           placeholder="请输入研发人数或研发占比"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="专利数量" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback extra="拥有的专利数量可以反映出企业创新能力,并因此更容易获得新的商业机会。">
+                  <a-input v-decorator="['patentCount',validatorRules.patentCount]"
+                           placeholder="请输入专利数量"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="服务客户数" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-input v-decorator="['customerCount',validatorRules.customerCount]"
+                           placeholder="服务客户数"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="资质与荣誉（英文）" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback extra="企业拥有资质和荣誉可以提升企业的信誉，使它更容易获得新的业务机会。">
+                  <a-textarea v-decorator="['honorInfo',validatorRules.honorInfo]"
+                              placeholder="请输入资质与荣誉（英文）" :autoSize="{ minRows: 10, maxRows: 20 }"
+                              :maxLength="1000"></a-textarea>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16">
+                <a-form-item label="公司概述（英文）" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+                  <a-textarea v-decorator="['enterpriseOverview',validatorRules.enterpriseOverview]"
+                              placeholder="请输入公司概述（英文）" :autoSize="{ minRows: 10, maxRows: 20 }"
+                              :maxLength="1000"></a-textarea>
+                  <template slot="extra">
+                    <div>1、用一段话概述公司性质、主营行业，以及主要产品等，且携带主营关键词，提升客户点击，文字会显示在网站首页描述中</div>
+                    <div>2、最少200字，最多不超1000字</div>
+                  </template>
+                </a-form-item>
+              </a-col>
+              <a-col :span="16" style="text-align: center">
+                <a-button @click="submitForm" type="primary">保 存</a-button>
+              </a-col>
+            </template>
+
+          </a-row>
+        </a-form>
+        <a-empty v-else>
+          <span slot="description">暂无站点</span>
+        </a-empty>
+      </a-spin>
+    </a-card>
+  </div>
+</template>
+
+<script>
+import { getAction, getFileAccessHttpUrl, httpAction } from '/@/api/manage/manage'
+import pick from 'lodash.pick'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import selectSite from '@/components/adweb/selectSite'
+
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.readAsDataURL(file)
+    reader.onload = () => resolve(reader.result)
+    reader.onerror = error => reject(error)
+  })
+}
+
+export default {
+  name: 'baseInfoForm',
+  components: {
+    selectSite
+  },
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      formSpinning: true,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        siteCode: {
+          rules: [
+            { required: true, message: '请选择站点!' }
+          ]
+        },
+        companyCnName: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司中文名称!' }
+            // { pattern: '^[a-zA-Z]+$', message: '英文名称格式不正确' }
+          ]
+        },
+        companyEnName: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司英文名称!' }
+            // { pattern: '^[a-zA-Z]+$', message: '英文名称格式不正确' }
+          ]
+        },
+        // homepageTitle: {
+        //   initialValue: '',
+        //   rules: [
+        //     { required: true, message: '请输入网站首页标题!' },
+        //     { min: 40, max: 80, message: '网站首页标题字数范围40~80', trigger: 'blur' }
+        //   ]
+        // },
+        enterpriseLogo: {
+          rules: [
+            { required: true, message: '请上传企业LOGO!' }
+          ]
+        },
+        enterpriseContactName: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司联系人姓名!' }
+          ]
+        },
+        enterpriseLandline: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司固定电话!' }
+            // { pattern: '^([0-9]{3,4}-)?[0-9]{7,8}$', message: '固定电话格式不正确' }
+          ]
+        },
+        enterpriseFactoryArea:{
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司工厂面积!' },
+            { pattern: '^([1-9]\\d*|0)(\\.\\d{1,2})?$', message: '公司工厂面积格式不正确' }
+          ]
+        },
+        developerCount:{
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入研发人员数量或研发占比!' },
+            { pattern: '^[0-9%/\\.]*$', message: '研发人员数量或研发占比格式不正确' }
+          ]
+        },
+        patentCount:{
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入专利数量!' },
+            { pattern: '^[0-9]*$', message: '专利数量格式不正确' }
+          ]
+        },
+        customerCount:{
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入服务客户数!' },
+            { pattern: '^[0-9]*$', message: '服务客户数格式不正确' }
+          ]
+        },
+        enterpriseContactPhone: {
+          initialValue: '',
+          rules: [
+            { required: false, message: '请输入公司联系电话!' },
+            { pattern: '^1(3|4|5|7|8)\\d{9}$', message: '联系电话格式不正确' }
+          ]
+        },
+        enterpriseEmail: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司电子邮箱!' },
+            { type: 'email', message: '邮箱格式不正确' }
+          ]
+        },
+        enterpriseOfficeAddress: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司办公地址!' }
+          ]
+        },
+        enterpriseOverview: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司概述!' },
+            { min: 200, max: 1000, message: '公司概述字数范围200~1000', trigger: 'blur' }
+          ]
+        },
+        employeeCount: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请选择公司人数!' }
+          ]
+        },
+        honorInfo: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入资质与荣誉!' },
+            { max: 1000, message: '资质与荣誉字数在1000以内', trigger: 'blur' }
+          ]
+        },
+        enterpriseBrand: {
+          initialValue: '',
+          rules: [
+            { required: true, message: '请输入公司品牌!' }
+          ]
+        }
+      },
+      model: {},
+      url: {
+        initUrl: '/adwebMaterial/list',
+        add: '/adwebMaterial/commonAdd',
+        edit: '/adwebMaterial/commonEdit',
+        getMySiteUrl: '/adwebMaterial/getSiteByLoginUser'
+      },
+      siteList: [],
+      siteCode: '',
+      materialCode: 'baseInfo',
+      headers: {
+        'X-Access-Token': Vue.ls.get(ACCESS_TOKEN)
+      },
+      fileList: [],
+      uploadAction: window._CONFIG['domianURL'] + '/sys/upload/uploadMinio',
+      previewVisible: false,
+      previewImage: '',
+      loading: false,
+      imageUrl: '',
+      isMultiple: false,
+      picUrl: false
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    init() {
+      let that = this
+      getAction(this.url.getMySiteUrl).then(function(res) {
+        if (res.code === 200 && res.result.length !== 0) {
+          that.siteList = 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
+            }
+          }
+          if (localStorage.getItem('siteCode') !== null && isInSite) {
+            that.siteCode = localStorage.getItem('siteCode')
+            that.initForm(localStorage.getItem('siteCode'))
+          } else {
+            that.siteCode = that.siteList[0].code
+            localStorage.setItem('siteCode', that.siteList[0].code)
+            that.initForm(that.siteList[0].code)
+          }
+        } else {
+          that.formSpinning = false
+          that.$message.error('您当前暂无站点！')
+        }
+      })
+    },
+    initForm(siteCode) {
+      let that = this
+      getAction(this.url.initUrl + '?siteCode=' + siteCode + '&materialCode=' + that.materialCode).then(function(res) {
+        if (res.code === 200) {
+          that.formSpinning = false
+          that.model = Object.assign({}, res.result)
+          if (res.result.enterpriseLogo != null) {
+            that.picUrl = true
+            that.imageUrl = res.result.enterpriseLogo
+          } else {
+            that.imageUrl = undefined
+            that.picUrl = false
+          }
+          that.$nextTick(() => {
+            that.form.setFieldsValue(pick(that.model,'honorInfo','customerCount','patentCount','developerCount','enterpriseFactoryArea','companyCnName', 'companyEnName', 'homepageTitle', 'enterpriseContactName', 'enterpriseLogo', 'enterpriseLandline',
+              'enterpriseContactPhone', 'enterpriseEmail', 'enterpriseOfficeAddress', 'enterpriseFactoryAddress', 'enterpriseOverview', 'enterpriseBrand', 'employeeCount'))
+          })
+        } else {
+          that.$message.error('网络错误！')
+        }
+      })
+    },
+
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
+
+    changeSite(value) {
+      this.form.resetFields()
+      this.siteCode = value
+      // localStorage.setItem('siteCode', value)
+      this.initForm(value)
+    },
+
+    async handlePreview(file) {
+      if (!file.url && !file.preview) {
+        file.preview = await getBase64(file.originFileObj)
+      }
+      this.previewVisible = true
+      this.previewImage = file.url || file.preview
+    },
+
+    beforeUpload(file) {
+      const index = file.name.indexOf('-logo')
+      let isConfirm = true
+      if (index <= 0) {
+        isConfirm = false
+        this.$message.error('上传失败，图片命名错误!')
+      }
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/webp'
+      if (!isJpgOrPng) {
+        this.$message.error('上传失败，图片格式错误!')
+      }
+      const isLt100K = file.size / 1024 < 2048
+      if (!isLt100K) {
+        this.$message.error('上传失败，图片大小限制2MB!')
+      }
+      return isLt100K && isJpgOrPng && isConfirm
+    },
+
+    handleChange(info) {
+      if (info.file.status === 'uploading') {
+        this.fileList = info.fileList.slice(-1)
+      } else if (info.file.status === 'done') {
+        if (info.file.response.code !== 500) {
+          this.$message.success(`${info.file.name} 文件上传成功！`)
+          this.imageUrl = info.file.response.message
+          this.picUrl = true
+          this.fileList = info.fileList.slice(-1)
+        } else {
+          this.$message.error('上传失败，请刷新页面重试！')
+        }
+      } else if (info.file.status === 'removed') {
+        this.$message.success(`${info.file.name} 文件删除成功！`)
+        this.fileList = info.fileList.slice(-1)
+      }
+    },
+
+    /* 图片预览 */
+    getImgView(text) {
+      if (text && text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      return getFileAccessHttpUrl(text)
+    },
+
+    downloadFile(text) {
+      if (!text) {
+        this.$message.warning('未知的文件')
+        return
+      }
+      if (text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      let url = getFileAccessHttpUrl(text)
+      window.open(url)
+    },
+
+    handleCancel() {
+      this.previewVisible = false
+    },
+
+    submitForm() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          let httpurl = ''
+          let method = ''
+          if (!this.model.materialId) {
+            httpurl += this.url.add
+            method = 'post'
+          } else {
+            httpurl += this.url.edit
+            method = 'put'
+          }
+          let formData = Object.assign(this.model, values)
+          if (formData.employeeCount === undefined) {
+            formData.employeeCount = ''
+          }
+          if (this.imageUrl === undefined) {
+            formData.enterpriseLogo = null
+          } else {
+            formData.enterpriseLogo = this.imageUrl
+          }
+          formData.siteCode = that.siteCode
+          formData.materialCode = that.materialCode
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.result)
+              that.initForm(that.siteCode)
+            } else {
+              that.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.ant-form-extra {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.65);
+  line-height: 2em;
+}
+</style>

src/views/adweb/wpInTo/iframeCom.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="vesselBox" >
+    <Spin :spinning="loading" size="large">
+      <iframe ref="b" width="100%" height="100%" frameborder="0" :src="src" class="self_iframe"></iframe>
+    </Spin>
+  </div>
+</template>
+
+<script>
+
+import {Spin} from "ant-design-vue";
+
+export default {
+  components: {Spin},
+  props:['loading','src']
+}
+</script>
+
+<style scoped lang="less">
+.vesselBox{
+  .self_iframe{
+    width: 100%;
+    min-height: 92vh;
+    background: #fff;
+    border: none;
+  }
+  .ant-empty{
+    height: 94vh;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    font-size: 20px;
+  }
+}
+
+</style>

src/views/adweb/wpInTo/setting.js

@@ -0,0 +1,5 @@
+
+export default {
+  token : "111",
+  username : "adweb-user"
+}

src/views/dashboard/Analysis/chart/DashChartDemo.vue

@@ -0,0 +1,117 @@
+<template>
+  <div :style="{ padding: '0' }">
+    <div ref="main" style="width: 100%; height: 180px"></div>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    name:"DashChartDemo",
+    props:{
+      color:{
+        default:'#E96B5F'
+      },
+      dataSource:{
+        default:70
+      }
+    },
+    mounted(){
+     this.drawChart()
+    },
+    data() {
+      return {
+        myChart: null,
+      }
+    },
+    watch:{
+      dataSource:function (newv,oldv){
+        this.drawChart()
+      }
+    },
+
+    methods:{
+      drawChart() {
+        let that =  this
+        // 基于准备好的dom，初始化echarts实例  这个和上面的main对应
+        that.myChart = that.$echarts.init(that.$refs.main);
+        // 指定图表的配置项和数据
+        let option = {
+          series: [
+            {
+              type: 'gauge',
+              radius:'100%',
+              center: ['50%', '70%'],
+              startAngle: 180,
+              endAngle: 0,
+              itemStyle: {
+                color: that.color,
+                 shadowColor: 'rgba(255,255,255,0.45)',
+                shadowBlur: 10,
+                shadowOffsetX: 2,
+                shadowOffsetY: 2
+              },
+              progress: {
+                show: true,
+                width: 12,
+                roundCap: true,
+              },
+              axisLine: {
+                roundCap: true,
+                lineStyle: {
+                  width: 12,
+                  color: [
+                    [1, '#F1F8FF']
+                  ]
+                }
+              },
+              axisTick: {
+                show: false
+              },
+              splitLine: {
+                show:false,
+
+              },
+              axisLabel: {
+                show:false,
+
+              },
+              pointer: {
+                show: false
+              },
+              title: {
+                show: false
+              },
+              detail: {
+                fontSize: 20,
+                fontWeight:300,
+                offsetCenter: [0, '-20%'],
+                valueAnimation: true,
+                formatter: function (value) {
+                  return value + '%';
+                },
+                color: 'auto'
+              },
+              data: [
+                {
+                  value: that.dataSource
+                }
+              ]
+            }
+          ]
+        };
+        // 使用刚指定的配置项和数据显示图表。
+        that.myChart.setOption(option);
+        window.addEventListener("resize", () => {
+          that.myChart.resize();
+        });
+      },
+    },
+    beforeDestroy() {
+      window.removeEventListener("resize", () => {
+        this.myChart.resize();
+      });
+    },
+
+  };
+</script>

src/views/dashboard/Analysis/chart/areaChart.vue

@@ -0,0 +1,168 @@
+<template>
+  <div :style="{ padding: '0' }">
+    <div ref="area" style="width: 100%; height: 350px"></div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name:"areaChart",
+  props:{
+    dataSource:{
+      default:{
+        x:[],
+        pv:[],
+        uv:[]
+      }
+    },
+  },
+  data() {
+    return {
+      myChart: null,
+    }
+  },
+  mounted(){
+    this.drawChart()
+
+  },
+
+  watch:{
+    dataSource:{
+      handler:function (n,o){
+        this.drawChart()
+      },
+      deep:true
+    },
+
+  },
+
+  methods:{
+    drawChart() {
+      let that =  this
+      // 基于准备好的dom，初始化echarts实例  这个和上面的main对应
+      that.myChart = that.$echarts.init(that.$refs.area);
+      // 指定图表的配置项和数据
+      let option = {
+        color:['#544BEB','#F0B358'],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+
+        grid: {
+          left: '20px',
+          right: '40px',
+          bottom: '0',
+          top:'40px',
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisTick: {
+              show: false
+            },
+            data: this.dataSource.x
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value'
+          }
+        ],
+        series: [
+          {
+            name: 'UV',
+            type: 'line',
+            stack: 'Total',
+            symbol: 'circle',  //设定为实心点
+            symbolSize: 6,   //设定实心点的大小
+            color:"#544BEB",     //设定实线点的颜色
+            areaStyle: {
+              color:{
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [{
+                  offset: 0, color: '#544BEB' // 0% 处的颜色
+                }, {
+                  offset: 1, color: '#fff' // 100% 处的颜色
+                }],
+
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            smooth:true,
+            lineStyle:{
+              color:'#544BEB',
+              width:2
+            },
+
+            data: this.dataSource.uv
+          },
+          {
+            name: 'PV',
+            type: 'line',
+            symbol: 'circle',  //设定为实心点
+            symbolSize: 6,   //设定实心点的大小
+            color:"#F0B358",     //设定实线点的颜色
+            stack: 'Total2',
+            areaStyle: {
+              color:{
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [{
+                  offset: 0, color: '#F0B358' // 0% 处的颜色
+                }, {
+                  offset: 1, color: '#fff' // 100% 处的颜色
+                }],
+
+              }
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            smooth:true,
+            lineStyle:{
+              color:'#F0B358',
+              width:2
+            },
+
+            data: this.dataSource.pv
+          }
+        ]
+      };
+      // 使用刚指定的配置项和数据显示图表。
+      that.myChart.setOption(option);
+      window.addEventListener("resize", () => {
+        that.myChart.resize();
+      });
+    },
+  },
+
+  beforeDestroy() {
+    window.removeEventListener("resize", () => {
+      this.myChart.resize();
+    });
+  },
+
+};
+</script>
+
+<style scoped>
+
+</style>

src/views/dashboard/Analysis/homePage/adwebHomeV2-7.vue

@@ -0,0 +1,1000 @@
+<template>
+  <div class="home">
+<!--网站概况-->
+    <a-row class="top-title">
+      <a-col :span="24">
+          <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>
+      </a-col>
+    </a-row>
+
+    <!--基础信息-->
+    <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>
+              <span v-if="baseInfo.runStatus == 3">站点停止</span>
+            </p>
+            <p>网站运行：{{baseInfo.runDays | filter_Null_format}}天</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>
+          </div>
+        </a-spin>
+      </a-col>
+      <a-col :span="12">
+        <div class="wrap">
+          <a-row>
+            <a-col :span="8">
+              <p class="big imgtitle">更多推广：</p>
+            </a-col>
+            <a-col :span="8">
+              <img src="../../assets/home2-7/Google.png" />
+            </a-col>
+            <a-col :span="8">
+              <img src="../../assets/home2-7/Facebook.png" />
+            </a-col>
+            <a-col :span="8">
+              <img src="../../assets/home2-7/YouTube.png" />
+            </a-col>
+            <a-col :span="8">
+              <img src="../../assets/home2-7/LinkedIn.png" />
+            </a-col>
+            <a-col :span="8">
+              <img src="../../assets/home2-7/Yandex.png" />
+            </a-col>
+          </a-row>
+        </div>
+      </a-col>
+    </a-row>
+
+    <!--网站物料完成情况-->
+    <a-row v-if="showMaterialStatistics"  class="r3">
+      <a-col>
+        <p class="title">网站物料完成情况
+<!--            <a class="detail_link" >-->
+<!--              <router-link :to="{ path: '/website/detective' }">-->
+<!--                详细检测>-->
+<!--              </router-link>-->
+<!--            </a>-->
+        </p>
+      </a-col>
+    </a-row>
+    <a-row v-if="showMaterialStatistics" class="r4" >
+      <a-col :span="8">
+        <p class="title">企业信息</p>
+        <a-spin :spinning="infoLoading">
+          <dash-chart  color="#E96B5F" :dataSource="enterpriseInfoPercent"></dash-chart>
+          <div class="wrap" v-if="enterpriseInfoOK != 0">
+            <div class="left">
+              <p>已完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in enterpriseInfoList">
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+          <div class="wrap" v-if="enterpriseInfoNO != 0">
+            <div class="left">
+              <p>未完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in enterpriseInfoList">
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="!item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+        </a-spin>
+
+      </a-col>
+      <a-col :span="8" class="c2">
+        <p class="title">产品信息</p>
+        <a-spin :spinning="infoLoading">
+          <dash-chart  color="#58CCA8" :dataSource="productInfoPercent"></dash-chart>
+          <div class="wrap" v-if="productInfoOK != 0">
+            <div class="left">
+              <p>已完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in productInfoList" >
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+          <div class="wrap" v-if="productInfoNO != 0">
+            <div class="left">
+              <p>未完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in productInfoList" >
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="!item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+        </a-spin>
+      </a-col>
+      <a-col :span="8">
+        <p class="title">内容中心</p>
+        <a-spin :spinning="infoLoading">
+          <dash-chart  color="#F0B358" :dataSource="newsInfoPercent"></dash-chart>
+          <div class="wrap" v-if="newsInfoOK != 0">
+            <div class="left">
+              <p>已完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in newsInfoList">
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+          <div class="wrap" v-if="newsInfoNO != 0">
+            <div class="left">
+              <p>未完成：</p>
+            </div>
+            <div class="right">
+              <template v-for="(item, index) in newsInfoList">
+                <router-link :to="{ path: item.menuPath}">
+                  <span class="theme-color" v-if="!item.finish">{{ item.label }}</span>
+                </router-link>
+              </template>
+            </div>
+          </div>
+        </a-spin>
+      </a-col>
+    </a-row>
+
+    <!--核心数据-->
+    <a-row v-if="selectSiteInfo.status == 1"  class="r3">
+      <a-col><p class="title">核心数据</p></a-col>
+    </a-row>
+    <a-row v-if="selectSiteInfo.status == 1"  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'} }">
+              <img src="../../assets/home2-7/weekEnquiry.svg" />
+              <div class="fr">
+                <p>本周询盘数</p>
+                <p class="theme-color">{{currentWeekEnquiryCount | filter_Null_format}}</p>
+              </div>
+            </router-link>
+          </a-spin>
+        </div>
+      </a-col>
+      <a-col :span="4">
+        <div class="wrap effect">
+          <a-spin :spinning="coreInfoLoading">
+            <router-link :to="{ path: '/inquiry/list',query:{timeType:'thisMonth'} }">
+              <img src="../../assets/home2-7/monthEnquiry.svg" />
+              <div class="fr">
+                <p>本月询盘数</p>
+                <p class="theme-color">{{currentMonthEnquiryCount | filter_Null_format}}</p>
+              </div>
+            </router-link>
+          </a-spin>
+        </div>
+      </a-col>
+      <a-col :span="4">
+        <router-link :to="{ path: '/inquiry/list' }">
+            <div class="wrap effect">
+              <a-spin :spinning="coreInfoLoading">
+                <img src="../../assets/home2-7/totalEnquiry.svg" />
+                <div class="fr">
+                  <p>累计询盘数</p>
+                  <p class="theme-color">{{ totalEnquiryCount  | filter_Null_format}}</p>
+                </div>
+              </a-spin>
+            </div>
+        </router-link>
+      </a-col>
+<!--      SEO套餐展示seo指标-->
+      <template v-if="isShow && baseInfo.planName.indexOf('SEO') !== -1">
+      <a-col :span="4" >
+        <div class="wrap blue">
+          <a-spin :spinning="coreInfoLoading">
+            <img src="../../assets/home2-7/seoReach.svg" />
+            <div class="fr">
+              <p>SEO目标达成数</p>
+              <p >{{appointWordCount | filter_Null_format}}</p>
+            </div>
+          </a-spin>
+        </div>
+      </a-col>
+        <a-col :span="4">
+          <router-link :to="{ path: '/marketing/keywordsWatch/' }">
+            <div class="wrap blue">
+              <a-spin :spinning="coreInfoLoading">
+                <img src="../../assets/home2-7/nowReach.svg"/>
+                <div class="fr">
+                  <p>实际达成数</p>
+                  <p class="theme-color">{{ currentAchieveCount | filter_Null_format }}</p>
+                </div>
+              </a-spin>
+            </div>
+          </router-link>
+        </a-col>
+      <a-col :span="4">
+        <div class="wrap blue">
+          <a-spin :spinning="coreInfoLoading">
+            <img src="../../assets/home2-7/seoReachRate.svg" />
+            <div class="fr">
+              <p>目标达成率</p>
+              <p >{{achievePercent | filter_Null_format}}</p>
+            </div>
+          </a-spin>
+
+        </div>
+      </a-col>
+      </template>
+<!--      非SEO套餐展示流量指标-->
+      <template v-else>
+        <a-col :span="4" >
+          <div class="wrap blue">
+            <a-spin :spinning="coreInfoLoading">
+              <img src="../../assets/home2-7/seoReach.svg" />
+              <div class="fr">
+                <p>本周流量</p>
+                <p >{{flowIndicator.uvWeekCount | filter_Null_format}}</p>
+              </div>
+            </a-spin>
+          </div>
+        </a-col>
+        <a-col :span="4">
+          <div class="wrap blue">
+            <a-spin :spinning="coreInfoLoading">
+              <img src="../../assets/home2-7/nowReach.svg" />
+              <div class="fr">
+                <p>本月流量</p>
+                <p >{{flowIndicator.uvMonthCount  | filter_Null_format}}</p>
+              </div>
+            </a-spin>
+          </div>
+        </a-col>
+        <a-col :span="4">
+          <div class="wrap blue">
+            <a-spin :spinning="coreInfoLoading">
+              <img src="../../assets/home2-7/seoReachRate.svg" />
+              <div class="fr">
+                <p>累计流量</p>
+                <p >{{flowIndicator.uvAllCount  | filter_Null_format}}</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">
+<!--          <template slot="b" slot-scope="text,record">-->
+<!--            {{text}}<a-icon type="arrow-up" style="color:red" />-->
+<!--          </template>-->
+<!--          <template slot="c" slot-scope="text,record">-->
+<!--            {{text}}<a-icon type="arrow-down" style="color:#58CBA8" />-->
+<!--          </template>-->
+        </a-table>
+        <p style="color: #999;font-size: 13px">注：今日数据每小时更新一次。</p>
+      </a-col>
+
+      <a-row  class="r5-1">
+          <a-col :span="18" >
+            <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>
+            </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>
+          </a-col>
+          <a-col :span="6"  >
+            <a-spin :spinning="coreDetailLoading">
+              <a-row :gutter="[20,20]">
+                <a-col :span="12">
+                  <div class="box b1">
+                    <p class="num">{{averageVisit}}</p>
+                    <p><img src="../../assets/home2-7/rijunfangwenshu.svg" />日均访问数</p>
+                  </div>
+                </a-col>
+                <a-col :span="12">
+                  <div class="box b2">
+                    <p class="num">{{ averageVisitDuration }}</p>
+                    <p><img src="../../assets/home2-7/pingjunfangwenshichang.svg" />平均会话时长</p>
+                  </div>
+                </a-col>
+                <a-col :span="12">
+                  <div class="box b3">
+                    <p class="num">{{bounceRate}}</p>
+                    <p><img src="../../assets/home2-7/tiaochulv.svg" />跳出率</p>
+                  </div>
+                </a-col>
+                <a-col :span="12">
+                  <div class="box b4">
+                    <p class="num">{{averageVisitPage}}</p>
+                    <p><img src="../../assets/home2-7/fangkepingjunfangwen.svg" />访客平均访问页面数</p>
+                  </div>
+                </a-col>
+              </a-row>
+            </a-spin>
+
+          </a-col>
+        </a-row>
+
+
+    </a-row>
+
+    <!--快捷使用-->
+    <a-row  class="r3">
+      <a-col><p class="title">快捷使用</p></a-col>
+    </a-row>
+
+
+    <!--建站角色-->
+    <a-row class="r6" :gutter="[10,0]" v-if="userRole == 'adweb_site_manager'">
+      <a-col :span="6">
+        <router-link :to="{ path: '/website/productSummary/productList' }">
+          <div class="wrap">
+            <p>产品明细<img src="../../assets/home2-7/zhutiku.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/deliver/AdwebSiteManageList' }">
+          <div class="wrap">
+            <p>站点管理<img src="../../assets/home2-7/zhandianguanli.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/deliver/adwebsite' }">
+          <div class="wrap">
+            <p>建站进度<img src="../../assets/home2-7/jianzhanjindu.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/deliver/serp/packagePurchaseHistory/list' }">
+          <div class="wrap">
+            <p>套餐绑定<img src="../../assets/home2-7/wuliaojiance.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+    </a-row>
+
+    <!--SEO角色-->
+    <a-row class="r6" :gutter="[10,0]" v-else-if="userRole == 'adweb_seo_manager'">
+      <a-col :span="6">
+        <router-link :to="{ path: '/marketing/keywordsWatch' }">
+          <div class="wrap">
+            <p>SEO关键词排名<img src="../../assets/home2-7/taocanguanli.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/deliver/serp/seoMarketPlan/list2' }">
+          <div class="wrap">
+            <p>套餐管理<img src="../../assets/home2-7/taocanbangding.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/operate/process' }">
+          <div class="wrap">
+            <p>SEO实施<img src="../../assets/home2-7/SEOshishi.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :span="6">
+        <router-link :to="{ path: '/operate/keywordsManage' }">
+          <div class="wrap">
+            <p>关键词管理<img src="../../assets/home2-7/guanjianciguanli.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+    </a-row>
+
+    <!--其他角色-->
+    <a-row class="r6" type="flex" :gutter="[10,0]" v-else>
+      <a-col :flex="1">
+        <router-link :to="{ path: '/website/productSummary/productList' }">
+          <div class="wrap">
+            <p>产品明细<img src="../../assets/home2-7/chanpingmingxi.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :flex="1">
+        <router-link :to="{ path: '/inquiry/list' }">
+          <div class="wrap">
+            <p>询盘列表<img src="../../assets/home2-7/xunpanliebiao.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :flex="1">
+        <router-link :to="{ path: '/marketing/keywordsWatch' }">
+          <div class="wrap">
+            <p>关键词排名<img src="../../assets/home2-7/SEOxiaoguo.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :flex="1">
+        <router-link :to="{ path: '/tools/home' }">
+          <div class="wrap">
+            <p>工具箱<img src="../../assets/home2-7/gongjuxiang.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+      <a-col :flex="1">
+        <router-link :to="{ path: '/seo/jobcontent' }">
+          <div class="wrap">
+            <p>SEO优化细节<img src="../../assets/home2-7/gongjuxiang.svg"/></p>
+          </div>
+        </router-link>
+      </a-col>
+    </a-row>
+
+    <!--服务团队-->
+    <a-row  class="r3" v-if="false">
+      <a-col><p class="title">服务团队</p></a-col>
+    </a-row>
+    <a-row class="r7" v-if="false">
+      <a-col :span="12" v-for="item in customerList">
+        <div class="wrap">
+            <span>{{ item.serviceType }}</span>
+            <span>{{ item.serviceName }}    {{item.phone}}    {{item.email}}</span>
+        </div>
+      </a-col>
+    </a-row>
+
+    <!-- 发版通知 -->
+    <a-modal v-model="showHomeMsg" wrapClassName="faban" :footer="null" width="700px" :maskClosable="false" centered>
+      <template slot="closeIcon">
+        <span class="self-close"><a-icon type="close" /></span>
+      </template>
+      <div class="top-bg">
+        <p>{{message.msgTitle}}</p>
+      </div>
+      <div class="info-wrap">
+        <div v-html="splitText(message.msgContent)"></div>
+        <img src="../../assets/home2-7/faban/bottom.svg" />
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import dashChart from '../chart/DashChartDemo.vue'
+import areaChart from '../chart/areaChart.vue'
+import {getAction, getFileAccessHttpUrl, postAction} from '/@/api/manage/manage'
+import {store}  from '/@/store'
+import { useUserStore } from '/@/store/modules/user';
+// import selectSite from '/@/components/adweb/selectSite.vue'
+
+import '/@/views/dashboard/Analysis/less/home3.0.less';
+
+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: 'adwebHomeV2-7',
+  components:{dashChart,areaChart},
+  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,
+      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;
+    },
+    getFileAccessHttpUrl,
+    //保证先获取到站点列表，获取到siteCode及siteId后再进行此方法
+    getAllInfo(){
+      this.getBaseInfo()
+      this.getMaterialStatistics()
+      this.getCoreData()
+      this.getCoreDataChart()
+    },
+    //进入获取站点code
+    getSiteInfo() {
+      let that = this
+      getAction('/sys/api/getSiteListByUid').then(function (res) {
+        if (res.code == 0) {
+          that.siteinfo = res.data
+          let isInSite = false
+          for (let i in res.data){
+            if(localStorage.getItem('siteCode') !== null && res.data[i].code === localStorage.getItem('siteCode')){
+              isInSite = true
+              that.selectSiteInfo = res.data[i]
+            }
+          }
+          if (localStorage.getItem('siteCode') !== null && isInSite) {
+            that.siteCode = localStorage.getItem("siteCode")
+          }else {
+            that.siteCode = res.data[0].code
+            that.selectSiteInfo = res.data[0]
+            localStorage.setItem("siteCode",res.data[0].code)
+          }
+          that.getAllInfo()
+        } else {
+          that.$message.error('站点获取失败，请刷新重试')
+        }
+      })
+    },
+
+    //改变站点
+    changeUser(value,e) {
+
+      this.siteCode = value
+      this.selectSiteInfo = e.data.attrs.info
+      this.showMaterialStatistics = false
+      this.getAllInfo()
+    },
+    //站点搜索
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
+    //获取基础信息
+    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('获取站点基础信息失败，请刷新重试')
+        }
+      })
+    },
+    //获取物料完成情况
+    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
+    },
+    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('获取站点获取物料完成情况失败，请刷新重试')
+        }
+      })
+    },
+
+    //获取核心数据
+    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('获取核心数据图表信息失败，请刷新重试')
+        }
+      })
+    },
+
+  }
+}
+</script>
+
+<style lang="less">
+.home{
+  .ant-select{
+    color: #fff;
+    .ant-select-selection{
+      background-color: transparent;
+    }
+    .ant-select-arrow{
+      color: #fff;
+    }
+  }
+}
+
+</style>
+
+<style scoped lang="less">
+p,span{
+  color: #000;
+  margin: 0;
+}
+.theme-color{
+  color: @primary-color;
+}
+.title{
+  font-size: 18px;
+  color: #000;
+}
+
+
+</style>
+
+<style lang="less">
+.pop-wrap{
+  .ant-popover-inner-content{
+    padding: 0;
+  }
+
+  .wrap{
+    width: 400px;
+    padding: 20px 20px;
+    background: url("../../assets/home2-7/pop-bg.svg") no-repeat;
+    background-position: bottom right;
+    p{
+      line-height: 1.8;
+      i{
+        color: @primary-color;
+        margin-right: 10px;
+      }
+    }
+    .name{
+      font-size: 18px;
+      margin-bottom: 20px;
+    }
+
+    .job{
+      font-size: 15px;
+      color: #9f9f9f;
+    }
+
+    .ant-col-8{
+      text-align: right;
+    }
+  }
+}
+.faban{
+  .ant-modal{
+    .ant-modal-content{
+      background-color: transparent;
+      box-shadow: none;
+      .ant-modal-close{
+        top: 70px;
+        right: -10px;
+        .ant-modal-close-x{
+          width: auto;
+          height: auto;
+        }
+      }
+      .self-close{
+        i{
+          color: #fff;
+          border: 1px solid #fff;
+          border-radius: 50%;
+          width: 25px;
+          height: 25px;
+          display: block;
+          line-height: 25px;
+        }
+      }
+      .ant-modal-body{
+        .top-bg{
+          background: url("../../assets/home2-7/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;
+          }
+        }
+        .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/home2-7/faban/dot.svg");
+              background-repeat: no-repeat;
+              top: 3px;
+            }
+          }
+          img{
+            width: 70px;
+            float: right;
+            padding: 40px 0;
+          }
+        }
+      }
+
+    }
+
+  }
+}
+</style>

src/views/dashboard/Analysis/index.vue

@@ -12,6 +12,8 @@
       <a-radio :value="3">我的任务</a-radio>
     </a-radio-group>
   </div>
+
+  <adweb-home-v27 v-if="userRole != 'presale_vip'"></adweb-home-v27>
 </template>
 <script lang="ts" setup>
   import { ref } from 'vue';
@@ -19,6 +21,7 @@
   import IndexChart from './homePage/IndexChart.vue';
   import IndexBdc from './homePage/IndexBdc.vue';
   import IndexTask from './homePage/IndexTask.vue';
+  import adwebHomeV27 from './homePage/adwebHomeV2-7.vue'
 
   const indexStyle = ref(0);
 </script>

src/views/dashboard/Analysis/less/home3.0.less

@@ -0,0 +1,336 @@
+
+.home{
+  .top-title{
+    margin-bottom: 15px;
+    .t1{
+      color: #fff;
+      font-size: 18px;
+      margin-right:5px
+    }
+    .t2{
+      font-size: 15px;
+      text-decoration: underline;
+      margin-left: 5px;
+    }
+    .ant-select{
+      color: #fff;
+      /deep/ .ant-select-selection{
+        background-color: transparent;
+      }
+      /deep/ .ant-select-arrow{
+        color: #fff;
+      }
+    }
+  }
+  .r2{
+    .c1 .wrap{
+      background: url("../../../assets/home2-7/left.svg") no-repeat #fff;
+      background-position: right top;
+    }
+    .c2 .wrap{
+      background: url("../../../assets/home2-7/right.svg") no-repeat #fff;
+      background-position: left top;
+    }
+    .wrap{
+      border-radius: 10px;
+      background: #fff;
+      padding: 20px 30px;
+      box-shadow: 0px 0px 15px 0px #544beb17;
+      height: 145px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      .mb{
+        margin-bottom: 20px;
+      }
+      p{
+        margin-bottom: 5px;
+        color: #000;
+        font-size: 13px;
+      }
+      .big{
+        font-size: 16px;
+      }
+      .btn_self{
+        font-size: 14px;
+        border-radius: 0;
+        height: auto;
+        padding: 3px 30px;
+        margin-top: 6%;
+        width: 120px;
+      }
+      img{
+        display: block;
+        width: 50%;
+      }
+      .imgtitle{
+        margin-bottom: 0;
+        margin-top: 8%;
+      }
+    }
+  }
+
+  .r3{
+    margin: 20px 0 10px;
+    .detail_link{
+      float: right;
+      font-size: 14px;
+    }
+  }
+
+  .r4{
+    background: #fff;
+    padding: 20px 20px 0 20px;
+    border-radius: 10px;
+    .title{
+      font-size: 15px;
+      margin: 0;
+    }
+    .wrap{
+      display: block;
+      overflow: hidden;
+      .left{
+        float: left;
+        width: 20%;
+        p{
+          margin-bottom: 15px;
+        }
+      }
+      .right{
+        float: right;
+        width: 80%;
+        span{
+          width: 33.33%;
+          display: block;
+          float: left;
+          margin-bottom: 15px;
+        }
+      }
+    }
+    .c2{
+      position: relative;
+      &:before{
+        content: '';
+        display: block;
+        width: 1px;
+        height: 70%;
+        background: #efefef;
+        position: absolute;
+        left: -25px;
+        top: 15%;
+      }
+      &:after{
+        content: '';
+        display: block;
+        width: 1px;
+        height: 70%;
+        background: #efefef;
+        position: absolute;
+        right: 25px;
+        top: 15%;
+      }
+    }
+  }
+
+  .r5{
+    background: #fff;
+    padding: 10px ;
+    border-radius: 10px;
+    margin: 0!important;
+    .wrap{
+      box-shadow: 0px 2px 4px 0px rgba(84,75,235,.3);
+      padding: 15px;
+      border-radius: 10px;
+      overflow: hidden;
+      background: #fff;
+      transition: all .3s;
+      &.blue{
+        box-shadow: 0px 2px 4px 0px rgba(88,203,168,.3);
+      }
+      &.effect:hover{
+        box-shadow: none;
+        background: rgb(241,248,255);
+      }
+      img{
+        width: 15px;
+      }
+      .fr{
+        float: right;
+        width: calc(100% - 15px);
+        text-align: center;
+        p:last-child{
+          font-size: 30px;
+          text-align: center;
+          margin-top: 10px;
+
+        }
+      }
+    }
+    /deep/ .ant-table-thead>tr>th{
+      background: rgb(241,248,255);
+      border: none;
+      color: #000;
+      padding: 10px;
+    }
+    /deep/ .ant-table-tbody .ant-table-row td{
+      padding: 10px;
+      color: #000;
+    }
+
+    .r5-1{
+      display: inline-block;
+      width: 100%;
+      margin-top: 30px;
+      .fl{
+        float: left;
+        position: relative;
+        .ant-btn{
+          border-radius: 0;
+          border: none;
+          margin-right: 10px;
+        }
+      }
+      .fr{
+        float: right;
+        line-height: 2;
+        span{
+          margin-right: 30px;
+          i{
+            display: inline-block;
+            width: 25px;
+            height: 3px;
+            background: #544BEB;
+            position: relative;
+            top: -4px;
+            margin-right: 20px;
+          }
+          &:last-child i{
+            background: #F0B358;
+          }
+        }
+      }
+    }
+    .box{
+      border-radius: 10px;
+      text-align: center;
+      min-height: 180px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      p{
+        color: #fff;
+        img{
+          width: 19px;
+          margin: -5px 10px 0 0;
+        }
+      }
+      .num{
+        font-size: 30px;
+        margin-bottom: 10px;
+      }
+      &.b1{
+        background: rgb(233,107,95);
+      }
+      &.b2{
+        background: rgb(88,204,168);
+      }
+      &.b3{
+        background: rgb(124,152,252);
+      }
+      &.b4{
+        background: #F0B358;
+      }
+    }
+  }
+
+  .r6{
+    background: #fff;
+    padding: 10px 5px;
+    border-radius: 10px;
+    margin: 0!important;
+    .ant-col:not(:last-child) .wrap:after{
+      content: '';
+      display: block;
+      position: absolute;
+      right: 0;
+      top: 10%;
+      height: 70%;
+      width: 2px;
+      background: #f1f1f1;
+    }
+    .wrap{
+      padding: 45px 60px;
+      background: #fff;
+      transition: all .3s;
+      cursor: pointer;
+      border-radius: 10px;
+      &:hover{
+        background: #f1f8ff;
+      }
+      p{
+        line-height: 30px;
+        font-size: 18px;
+        img{
+          width: 30px;
+          float: right;
+        }
+      }
+    }
+  }
+
+  .r7{
+    background: #fff;
+    padding: 15px 5px;
+    border-radius: 10px;
+    margin: 0!important;
+    .ant-col{
+      padding: 20px 0 20px 30px;
+    }
+    .wrap{
+      display: flex;
+      span:first-child{
+        background: #f1f8ff;
+        float: left;
+        padding: 0px 20px;
+        border-radius: 50%;
+        width: 70px;
+        height: 70px;
+        text-align: center;
+        font-size: 15px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      span:last-child{
+        display: flex;
+        align-items: center;
+        padding-left: 50px;
+      }
+    }
+  }
+
+}
+
+
+
+@media (max-width: 1600px) {
+  .home .r2 .wrap .imgtitle{
+    margin-top: 1%;
+  }
+  .home .r2 .wrap .btn_self{
+    font-size: 12px;
+    margin-top: 4%;
+    width: auto;
+  }
+}
+
+
+@media (min-width: 2000px) {
+  .home .r2 .wrap img {
+    display: block;
+    width: 45%;
+  }
+  .home .r2 .wrap .imgtitle{
+    margin-top: 7%;
+  }
+}