adweb主题库，基本信息资料

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",

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/views/adweb/theme/AdwebThemeList.vue

@@ -8,6 +8,7 @@
       </a-form>
     </div>
     <!--引用表格-->
+<!--    <AdwebThemeCList></AdwebThemeCList>-->
     <BasicTable @register="registerTable" :rowSelection="rowSelection">
       <!--插槽:table标题-->
       <template #tableTitle>
@@ -51,6 +52,7 @@
   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>({});
@@ -115,7 +117,7 @@
     registerModal.value.disableSubmit = false;
     registerModal.value.add();
   }
-  
+
   /**
    * 编辑事件
    */
@@ -123,7 +125,7 @@
     registerModal.value.disableSubmit = false;
     registerModal.value.edit(record);
   }
-   
+
   /**
    * 详情
    */
@@ -131,28 +133,28 @@
     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();
   }
-   
+
   /**
    * 操作栏
    */
@@ -164,7 +166,7 @@
       },
     ];
   }
-   
+
   /**
    * 下拉操作栏
    */
@@ -190,7 +192,7 @@
   function searchQuery() {
     reload();
   }
-  
+
   /**
    * 重置
    */
@@ -200,7 +202,7 @@
     //刷新数据
     reload();
   }
-  
+
 
 
 

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/website/enterpriseInfo/baseInfo/baseInfoForm.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+      <iframe-com :loading="false"  ref="a" :src="src" v-if="wordpressSwitch == 1 && (wordpressSetting == 'all' || openSetting.includes('baseInfo'))" />
+    <base-info-form-back v-if="(wordpressSwitch == 2) || (wordpressSwitch == 1 && wordpressSetting != 'all' && !openSetting.includes('baseInfo'))"/>
+  </div>
+</template>
+
+<script>
+import BaseInfoFormBack from '/@/views/adweb/website/enterpriseInfo/baseInfo/baseInfoFormBack'
+import iframeCom from '/@/views/adweb/wpInTo/iframeCom'
+import { iframeMixin } from '/@/mixins/iframeMixin'
+
+export default {
+  components:{BaseInfoFormBack,iframeCom},
+  mixins: [iframeMixin],
+  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'
+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,35 @@
+<template>
+  <div class="vesselBox" >
+    <a-spin :spinning="loading">
+      <iframe  ref="b" width="100%" height="100%" frameborder="0" :src="src" class="self_iframe"></iframe>
+    </a-spin>
+  </div>
+</template>
+
+<script>
+
+export default {
+  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"
+}