文章修改setContent，定时器问题，tags弹出关键词

src/components/bench-views/ArticleTemplate.vue

@@ -2,7 +2,7 @@
  <div class="searchList">
    <ul>
      <li class="list-item" v-for="(item, index) in dataList" :key="index" @click="kexiuExpert(item.articleId)">
        <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis+')'}" ></div>
        <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis(item)+')'}" ></div>
        <div class="list-info">
          <div class="list-tit">{{item.articleTitle}}</div>
          <ul class="list-tag" v-if="flag!=1">
@@ -60,7 +60,7 @@
        dataList: [],
        total: 0,
        orgDefaultImage: util.defaultSet.img.article,
        orgImageAddId: util.ImageUrl('article/', true),
        orgImageAddId: util.ImageUrl('article/'),
        platId: '',
        addText: '添加',
        ifDefault: false
@@ -72,11 +72,6 @@
        this.expertList();
      }
    },
    computed: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.articleImg : this.orgDefaultImage;
      }
    },
    created() {
      this.platId = Cookies.get('platId');
      this.expertParameters = {
@@ -95,7 +90,10 @@
    },
    methods: {
      revise(item) {
        this.$router.push({ path: '/PublishArticle?arId=' + item.articleId});
        this.$router.push({path: '/PublishArticle?arId=' + item.articleId});
      },
      imageDis: function (item) {
        return (item.articleImg) ? this.orgImageAddId + item.articleImg : this.orgDefaultImage;
      },
      comTime: util.dateChange,
      expertList() {
@@ -157,7 +155,17 @@
              aid: id
          }).then((res) => {
            if (res.success) {
              this.dataList.splice(index, 1);
              this.$alert('确认删除该文章', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true,
                callback: action => {
                  if (action === 'confirm') {
                    this.dataList.splice(index, 1);
                  };
                }
              });
            }
          });
      },

src/components/bench-views/BusTemplate.vue

@@ -1,7 +1,7 @@
<template>
  <ul>
    <li class="list-item" v-for="(item, index) in dataList" :key="index" @click="kexiuExpert(item.id)">
      <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis+')'}"></div>
      <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis(item)+')'}"></div>
      <div class="list-info">
        <div class="list-tit list-tig">
          {{(item.forShort) ? item.forShort : item.name}}
@@ -48,11 +48,6 @@
        this.expertList();
      }
    },
    computed: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.id + '.jpg' : this.orgDefaultImage;
      }
    },
    created() {
      this.platId = Cookies.get('platId');
      this.expertParameters = {
@@ -66,6 +61,9 @@
      this.expertList();
    },
    methods: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.id + '.jpg' : this.orgDefaultImage;
      },
      expertList() {
        this.dataList = [];
        this.$axios.get(util.ekexiuUrl + this.url, {

src/components/bench-views/contentManagement/PublishArticle.vue

@@ -1,7 +1,7 @@
<template>
  <div class="publishArticle block-wrapper main-content">
    <div class="wrapper-left content-wrapper">
      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="form-main">
      <el-form :model="ruleFormArt" :rules="rules" ref="ruleFormArt" class="form-main">
        <el-form-item class="upload-fa">
          <div class="update-rw">
            <div class="up">
@@ -16,38 +16,36 @@
            ref="uploadLogo"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload" prop="imageUrl">
            <div v-if="ruleForm.imageUrl" :style="{backgroundImage: 'url(' + ruleForm.imageUrl + ')'}" class="avatar"></div>
            <div v-if="ruleFormArt.imageUrl" :style="{backgroundImage: 'url(' + ruleFormArt.imageUrl + ')'}" class="avatar"></div>
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </el-form-item>
        <input type="hidden" v-model="articleId">
        <el-form-item label="文章标题" prop="artTit">
          <el-input v-model="ruleForm.artTit" placeholder="请填写文章标题"></el-input>
          <el-input v-model="ruleFormArt.artTit" placeholder="请填写文章标题"></el-input>
        </el-form-item>
        <dynamicTags :tagInfo="tagInfo" :industry="ruleForm.industry" ref="subjectTags" v-on:turnTags="turnTags($event)" :dy="dy" :dynamicTagsLength="5"></dynamicTags>
        <dynamicTags :tagInfo="tagInfo" :dyStr="ruleFormArt.industry" v-on:turnTags="turnTags($event)" :dynamicTagsLength="5"></dynamicTags>
        <el-form-item label="文章正文">
          <!-- <el-input type="textarea" :rows="4" v-model="ruleForm.artDesc" placeholder="
  请填写详细描述"></el-input> -->
          <UE :id="artUe" :text="ruleForm.artDesc" ref="ueBox"></UE>
          <UE :id="artUe" :contentText="ruleFormArt.artDesc" ref="ueBox"></UE>
        </el-form-item>
        <el-form-item></el-form-item>
      </el-form>
    </div>
    <div class="wrapper-right">
      <el-row class="content-wrapper operate-box">
        <el-col :span="8" @click.native="articleAdd('ruleForm')">
        <el-col :span="8" @click.native="articleAdd('ruleFormArt')">
          <em class="operateicon icon-issue"></em>
          <p style="color:#28b8fa">发布</p>
        </el-col>
        <el-col :span="8" @click.native="clickTiming('ruleForm')">
        <el-col :span="8" @click.native="clickTiming('ruleFormArt')">
          <em class="operateicon icon-timeissue"></em>
          <p>定时发布</p>
        </el-col>
        <el-col :span="8" @click.native="articleDraft('ruleForm', 2)">
        <el-col :span="8" @click.native="articleDraft('ruleFormArt', 2)">
          <em class="operateicon icon-preview"></em>
          <p>预览</p>
        </el-col>
        <el-col :span="8" @click.native="articleDraft('ruleForm', 1)">
        <el-col :span="8" @click.native="articleDraft('ruleFormArt', 1)">
          <em class="operateicon icon-draft"></em>
          <p>存草稿</p>
        </el-col>
@@ -95,9 +93,7 @@
  export default {
    data() {
      return {
        dy:'',
        plf_user: '',
        platSource: '',
        tagInfo: {
          lableTit: '关键词',
          placeholder: '请填写相关的关键词，如：腐蚀防护、石墨烯、纳米材料'
@@ -107,7 +103,7 @@
        articleId: '',
        timingDate: '',
        defaultTime: new Date().toISOString(),
        ruleForm: {
        ruleFormArt: {
          artTit: '',
          artDesc: '',
          industry: '',
@@ -129,9 +125,7 @@
        this.getArticle();
      }
      this.plf_user = Cookies.get('plf_user');
      this.platSource = Cookies.get('platSource');
      this.ifDelete = true;
      // this.$refs.subjectTags
    },
    computed: {
      placeTime: function() {
@@ -147,26 +141,25 @@
          }
        }).then((res) => {
          if (res.success) {
            this.ruleForm.artTit = res.data.articleTitle;
            this.ruleForm.imageUrl = util.ImageUrl('article/' + res.data.articleImg, false);
            this.ruleForm.industry = res.data.subject;
            this.dy = res.data.subject;
            this.$refs.ueBox.setUEContent(res.data.articleContent);
            this.ruleFormArt.artTit = res.data.articleTitle;
            this.ruleFormArt.imageUrl = util.ImageUrl('article/' + res.data.articleImg, false);
            this.ruleFormArt.industry = res.data.subject;
            this.ruleFormArt.artDesc = res.data.articleContent;
          }
        });
      },
      turnTags(msg) {
        this.ruleForm.industry = msg;
        this.ruleFormArt.industry = msg;
      },
      getDataParams(publishTime) {
        this.ruleForm.artDesc = this.$refs.ueBox.getUEContent(); // 调用子组件方法
        this.ruleFormArt.artDesc = this.$refs.ueBox.getUEContent(); // 调用子组件方法
        let $data = {};
        $data.ownerId = this.plf_user;
        $data.articleType = '3';
        $data.articleTitle = this.ruleForm.artTit;
        $data.articleContent = this.ruleForm.artDesc;
        $data.subject = this.ruleForm.industry;
        $data.articleImg = this.ruleForm.imgName;
        $data.articleTitle = this.ruleFormArt.artTit;
        $data.articleContent = this.ruleFormArt.artDesc;
        $data.subject = this.ruleFormArt.industry;
        $data.articleImg = this.ruleFormArt.imgName;
        $data.colNum = '7';
        if (this.articleId) {
          $data.articleId = this.articleId;
@@ -177,7 +170,7 @@
        return $data;
      },
      validImgIfVoid() { // 判断图片是否上传
        if (!this.ruleForm.imageUrl) {
        if (!this.ruleFormArt.imageUrl) {
          this.$alert('请上传文章封面图片', '提示', {
            confirmButtonText: '确定',
            type: 'warning',
@@ -315,8 +308,8 @@
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.ruleForm.imageUrl = URL.createObjectURL(file.raw);
        this.ruleForm.imgName = res.data[0].cacheKey;
        this.ruleFormArt.imageUrl = URL.createObjectURL(file.raw);
        this.ruleFormArt.imgName = res.data[0].cacheKey;
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg';

src/components/bench-views/contentManagement/editorUE.vue

@@ -4,10 +4,6 @@
  </div>
</template>
<script type="text/ecmascript-6">
  // import '../../../../static/ueditor/ueditor.config.js';
  // import '../../../../static/ueditor/ueditor.all.js';
  // import '../../../../static/ueditor/lang/zh-cn/zh-cn.js';
  // import '../../../../static/ueditor/ueditor.parse.js';
  import httpUrl from '@/libs/http';
  export default {
@@ -16,7 +12,7 @@
      id: {
        type: String
      },
      text: {
      contentText: {
        type: String
      }
    },
@@ -34,31 +30,19 @@
        serverUrl: httpUrl.kxQurey.editor,
        UEDITOR_HOME_URL: '/static/ueditor/' // 这个是静态资源的路径
      }); // 初始化UE
      this.editor.addListener('ready', function () {
        self.editor.setContent(''); // 确保UE加载完成后放入内容
      this.editor.addListener('ready', function () { // 确保UE加载完成后放入内容
        if (self.contentText) {
          self.editor.setContent(self.contentText);
        } else {
          self.editor.setContent('');
        }
      });
      console.log(this.text);
    },
    methods: {
      getUEContent() { // 获取内容方法
        return this.editor.getContent();
      },
      setUEContent(uhtml) { // 获取内容方法
        var self = this;
        this.editor.addListener('ready', function () {
          self.editor.setContent(uhtml); // 确保UE加载完成后放入内容
        });
      },
      testMsg() {
        const self = this;
        this.defaultMsg = this.text;
        console.log(this.defaultMsg);
        this.editor.setContent(self.defaultMsg); // 确保UE加载完成后放入内容
      }
    },
    watch: {
      'text': 'testMsg'
    },
    destroyed() {
      this.editor.destroy();
    }

src/components/form-views/AccountSettings.vue

@@ -102,7 +102,7 @@
      passxiu() {
        this.$router.push({ path: '/AccountSettings' });
      },
      mailUp(){
      mailUp() {
        this.$router.push({ path: '/BindAccount' });
      },
      open() {
@@ -169,5 +169,4 @@
        margin-top: 0px
        border-top: none
    
</style>

src/components/form-views/BindAccount.vue

@@ -47,6 +47,7 @@
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    data() {
      return {
@@ -62,68 +63,43 @@
      passxiu() {
        this.$router.push({ path: '/AccountSettings' });
      },
      mailUp(){
      mailUp() {
        this.$router.push({ path: '/BindAccount' });
      },
      loginMail() {
        var hash = {
              'qq.com': 'http://mail.qq.com',
              'gmail.com': 'http://mail.google.com',
              'sina.com': 'http://mail.sina.com.cn',
              '163.com': 'http://mail.163.com',
              '126.com': 'http://mail.126.com',
              'yeah.net': 'http://www.yeah.net/',
              'sohu.com': 'http://mail.sohu.com/',
              'tom.com': 'http://mail.tom.com/',
              'sogou.com': 'http://mail.sogou.com/',
              '139.com': 'http://mail.10086.cn/',
              'hotmail.com': 'http://www.hotmail.com',
              'live.com': 'http://login.live.com/',
              'live.cn': 'http://login.live.cn/',
              'live.com.cn': 'http://login.live.com.cn',
              '189.com': 'http://webmail16.189.cn/webmail/',
              'yahoo.com.cn': 'http://mail.cn.yahoo.com/',
              'yahoo.cn': 'http://mail.cn.yahoo.com/',
              'eyou.com': 'http://www.eyou.com/',
              '21cn.com': 'http://mail.21cn.com/',
              '188.com': 'http://www.188.com/',
              'ustb.edu.cn': 'http://mail.ustb.edu.cn/',
              'foxmail.coom': 'http://www.foxmail.com'
            };
            var url = this.emailName.split('@')[1];
            if (hash[url] === undefined) {
              location.href = 'http://mail.' + url;
            } else {
              location.href = hash[url];
            }
        var url = this.emailName.split('@')[1];
        if (util.mailHash[url] === undefined) {
          location.href = 'http://mail.' + url;
        } else {
          location.href = util.mailHash[url];
        }
      },
      cblur(ar) {
        var gunf = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if (gunf.test(this.emailName.trim())) {
          this.$axios.get(util.ekexiuUrl + '/ajax/platform/checkEmail', {
                    params: {
                      email: this.emailName
                    }
                  }).then((res) => {
                    if (res.success) {
                      if (res.data === false) {
                          this.titler = '该邮箱已绑定账户，请使用其他邮箱';
                      } else {
                            if (ar === 1) {
                              this.dialogFormVisible = false;
                              this.$axios.post(util.ekexiuUrl + '/ajax/platform/reqBindMail', {
                                  id: this.platId,
                                  mail: this.emailName,
                                  url: 'http://localhost:7070/upMail?sc'
                              }).then((res) => {
                                if (res.success) {
                                  this.dias = true;
                                }
                              });
                            }
                      }
        if (util.regular(this.emailName.trim(), 'mail')) {
          this.$axios.get(httpUrl.platUrl + '/ajax/platform/checkEmail', {
            params: {
              email: this.emailName
            }
          }).then((res) => {
            if (res.success) {
              if (res.data === false) {
                  this.titler = '该邮箱已绑定账户，请使用其他邮箱';
              } else {
                    if (ar === 1) {
                      this.dialogFormVisible = false;
                      this.$axios.post(httpUrl.platUrl + '/ajax/platform/reqBindMail', {
                          id: this.platId,
                          mail: this.emailName,
                          url: 'http://localhost:7070/upMail?sc'
                      }).then((res) => {
                        if (res.success) {
                          this.dias = true;
                        }
                      });
                    }
                  });
              }
            }
          });
        } else {
           this.titler = '请输入正确的邮箱地址。';
        }

src/components/form-views/DemandIssue.vue

@@ -77,7 +77,11 @@
      <el-col :span="12">
        <el-form-item label="短信验证码" prop="msgVerifyCode">
          <el-input v-model="ruleFormDem.msgVerifyCode" placeholder="请输入短信验证码" class="shortW">
          <el-button slot="append" :disabled="phoneCodeBol" @click="getPhoneCode">{{phoneCodeBtn}}</el-button></el-input>
            <el-button slot="append" :disabled="phoneCodeBol" @click="getPhoneCode">
              <span v-if="sendMsgDisabled">{{seconds + '秒后获取'}}</span>
              <span v-if="!sendMsgDisabled">获取短信验证码</span>
            </el-button>
          </el-input>
        </el-form-item>
      </el-col>
      <el-col :span="24" ><el-form-item style="height:20px"></el-form-item></el-col>
@@ -118,7 +122,8 @@
        kexiuLink: util.ekexiuUrl,
        platSource: '',
        phoneCodeBol: false,
        phoneCodeBtn: '获取短信验证码',
        sendMsgDisabled: false,
        seconds: 60,
        phoneResBack: '',
        imgVcUrl: httpUrl.kxQurey.sign.imgVC,
        optionsCity: provinceAndCityData,
@@ -202,22 +207,16 @@
        }
      },
      clickMsgVc() {
        this.phoneCodeBtn = '60s后重新获取';
        this.phoneCodeBol = true;
        var clickTime = new Date().getTime();
        var Timer = setInterval(function() {
          var nowTime = new Date().getTime();
          var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
          if (second > 0) {
            this.phoneCodeBtn = second + 's后重新获取';
            if (second === 1) {
              this.imgVcUrl = httpUrl.kxQurey.sign.imgVC + '?' + new Date().getTime();
            }
          } else {
            clearInterval(Timer);
            this.phoneCodeBtn = '获取短信验证码';
            this.phoneCodeBol = false;
          }
        let me = this;
        me.sendMsgDisabled = true;
        me.phoneCodeBol = true;
        let interval = window.setInterval(function() {
         if ((me.seconds--) <= 0) {
          me.seconds = 60;
          me.sendMsgDisabled = false;
          me.phoneCodeBol = false;
          window.clearInterval(interval);
         }
        }, 1000);
      },
      changeImgVc() {

src/components/form-views/DemandIssueLogin.vue

@@ -7,7 +7,11 @@
        </el-form-item>
        <el-form-item prop="msgVC">
          <el-input v-model="ruleLogin.msgVC" placeholder="请输入短信验证码" class="shortW">
          <el-button slot="append" :disabled="phoneCodeBolLogin" @click="clickMsgVcLogin">{{phoneCodeBtnLogin}}</el-button></el-input>
            <el-button slot="append" :disabled="phoneCodeBol" @click="clickMsgVcLogin">
              <span v-if="sendMsgDisabled">{{seconds + '秒后获取'}}</span>
              <span v-if="!sendMsgDisabled">获取短信验证码</span>
            </el-button>
         </el-input>
        </el-form-item>
        <el-form-item></el-form-item>
        <el-form-item>
@@ -119,13 +123,11 @@
        ifLogin: true,
        kxUserId: '',
        phoneResBackLogin: '',
        phoneCodeBtnLogin: '获取短信验证码',
        phoneCodeBolLogin: false,
        phoneCodeBol: false,
        sendMsgDisabled: false,
        seconds: 60,
        kexiuLink: util.ekexiuUrl,
        platSource: '',
        phoneCodeBol: false,
        phoneCodeBtn: '获取短信验证码',
        phoneResBack: '',
        imgVcUrl: httpUrl.kxQurey.sign.imgVC,
        optionsCity: provinceAndCityData,
        selectCostRange: '',
@@ -252,19 +254,16 @@
          });
        } else {
          this.userRegisterOk();
          this.phoneCodeBtnLogin = '60s后重新获取';
          this.phoneCodeBolLogin = true;
          var clickTime = new Date().getTime();
          var Timer = setInterval(function() {
            var nowTime = new Date().getTime();
            var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
            if (second > 0) {
              this.phoneCodeBtnLogin = second + 's后重新获取';
            } else {
              clearInterval(Timer);
              this.phoneCodeBtnLogin = '获取短信验证码';
              this.phoneCodeBolLogin = false;
            }
          let me = this;
          me.sendMsgDisabled = true;
          me.phoneCodeBol = true;
          let interval = window.setInterval(function() {
           if ((me.seconds--) <= 0) {
            me.seconds = 60;
            me.sendMsgDisabled = false;
            me.phoneCodeBol = false;
            window.clearInterval(interval);
           }
          }, 1000);
          this.getPhoneLogin();
        };

src/components/form-views/UpdateInfo.vue

@@ -40,27 +40,7 @@
          <el-form-item label="官方网址" prop="website">
            <el-input v-model="ruleFormUpdate.website" placeholder="如：www.ekexiu.com"></el-input>
          </el-form-item>
          <el-form-item label="面向行业" prop="industry">
            <el-tag
              :key="tag"
              v-for="tag in dynamicTags"
              closable
              :disable-transitions="false"
              @close="handleClose(tag)">
              {{tag}}
            </el-tag>
            <el-input
              class="input-new-tag"
              v-if="inputVisible"
              v-model="inputValue"
              ref="saveTagInput"
              size="small"
              @keyup.enter.native="handleInputConfirm"
              @blur="handleInputConfirm"
            >
            </el-input>
            <el-button v-else class="button-new-tag" v-show="isShowAdd" size="small" @click="showInput">+ 请填写园区面向的行业，如：互联网/智能制造/新材料</el-button>
          </el-form-item>
          <dynamicTags :tagInfo="tagInfo" :dyStr="ruleFormUpdate.industry" v-on:turnTags="turnTags($event)" :dynamicTagsLength="10"></dynamicTags>
          <el-form-item label="平台介绍" prop="desc">
            <el-input type="textarea" :rows="8" v-model="ruleFormUpdate.desc" placeholder="请填写一个简单的介绍，让大家更好地了解平台"></el-input>
          </el-form-item>
@@ -87,6 +67,8 @@
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import dynamicTags from '../sub-component/DynamicTags';
  export default {
    props: {
      plat: {
@@ -95,6 +77,10 @@
    },
    data() {
      return {
        tagInfo: {
          lableTit: '面向行业',
          placeholder: '请填写园区面向的行业，如：互联网/智能制造/新材料'
        },
        plf_user: '',
        plf_name: '',
        imageUrl: '', // 临时地址
@@ -149,6 +135,9 @@
      this.getPlatInfo(this.plf_user);
    },
    methods: {
      turnTags(msg) {
        this.ruleFormUpdate.industry = msg;
      },
      getPlatInfo(id) {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          params: {
@@ -268,6 +257,9 @@
        this.inputValue = '';
      }
      // add tag
    },
    components: {
      dynamicTags
    }
  };
</script>

src/components/main-views/TheFooter.vue

@@ -48,7 +48,7 @@
        this.plf_user = Cookies.get('plf_user');
      },
      goWorkBench() {
        if (this.plf_user && this.plf_user != "null" && this.plf_user != null) {
        if (this.plf_user && this.plf_user !== 'null' && this.plf_user !== null) {
          this.$router.push({path: '/WorkHome'});
        } else {
          this.$router.push({path: '/loginPlat'});

src/components/main-views/ViewFindResource.vue

@@ -16,7 +16,7 @@
        </div> -->
        <div class="tab-contain">
          <div v-show="!ifDefault">
            <baseResource v-if="platResources.length" v-for="item in platResources" :key="item.index" :itemResources="item"></baseResource>
            <baseResource v-if="platResources.length" v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResource>
            <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
          </div>
          <defaultPage v-show="ifDefault"></defaultPage>

src/components/main-views/ViewFindServe.vue

@@ -16,7 +16,7 @@
				</div> -->
				<div class="tab-contain">
          <div v-show="!ifDefault">
            <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemServices="item"></baseService>
            <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
            <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
          </div>
          <defaultPage v-show="ifDefault"></defaultPage>

src/components/main-views/ViewHome.vue

@@ -66,7 +66,7 @@
              <li v-for="item in orgTrends" :key="item.index">
                <a :href="linkArticle(item)">
                  <span class="topic">{{item.articleTitle}}</span>
                  <span class="owner">北京科技大学北京科技大学</span>
                  <span class="owner">{{item.ownerName}}</span>
                  <span class="time">{{formTime(item)}}</span>
                </a>
              </li>
@@ -126,7 +126,7 @@
                <div class="item-text">
                  <p class="title">{{item.name}}</p>
                  <p class="desc">{{item.cnt}}</p>
                  <p class="owner">北京科袖科技有限公司北京科袖科技有限公司有限公司有限公司</p>
                  <p class="owner">{{item.ownerName}}</p>
                </div>
              </div>
            </a>
@@ -160,7 +160,7 @@
                <div class="item-text">
                  <p class="title">{{item.name}}</p>
                  <p class="desc">{{item.cnt}}</p>
                  <p class="owner">北京科袖科技</p>
                  <p class="owner">{{item.ownerName}}</p>
                </div>
              </div>
            </a>
@@ -307,7 +307,14 @@
          }
        }).then((res) => {
          if (res.success) {
            var _this = this;
            var $info = res.data;
            console.log(res);
            for (let i = 0; i < $info.length; i++) {
              (function(m) {
                _this.ownerByond($info[m], true);
              }(i));
            };
            this.orgTrends = $info;
          };
        });
@@ -319,7 +326,6 @@
            rows: this.rows
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            this.residentOrgs = $info;
@@ -333,9 +339,15 @@
            rows: this.rows
          }
        }).then((res) => {
          var _this = this;
          console.log(res);
          if (res.success) {
            var $info = res.data;
            for (let i = 0; i < $info.length; i++) {
              (function(m) {
                _this.ownerByond($info[m]);
              }(i));
            };
            this.platResources = $info;
          };
        });
@@ -347,9 +359,15 @@
            rows: this.rows
          }
        }).then((res) => {
          var _this = this;
          console.log(res);
          if (res.success) {
            var $info = res.data;
            for (let i = 0; i < $info.length; i++) {
              (function(m) {
                _this.ownerByond($info[m]);
              }(i));
            };
            this.platWares = $info;
          };
        });
@@ -410,6 +428,36 @@
            type: 'warning'
          });
        }
      },
      ownerByond(item, flag) {
        var _this = this;
        var type, id;
        if (flag) {
          type = item.articleType;
          id = item.ownerId;
        } else {
          type = item.otype;
          id = item.oid;
        };
        if (type === '1') {
          _this.$axios.get(httpUrl.kxQurey.professor.query + id, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              item.ownerName = $info.name;
              _this.$forceUpdate();
            }
          });
        } else if (type === '2') {
          _this.$axios.get(httpUrl.kxQurey.org.query + id, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              item.ownerName = $info.forShort ? $info.forShort : $info.name;
              _this.$forceUpdate();
            }
          });
        }
      }
    },
    components: {

src/components/main-views/ViewPlatTrendNews.vue

@@ -1,6 +1,6 @@
<template>
	<div class="tab-contain">
		<baseArticle v-for="item in paltNews" :key="item.index" :itemInfo="item"></baseArticle>
		<baseArticle v-for="item in paltNews" :key="item.index" :itemSingle="item" :showOwner="false"></baseArticle>
		<Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
	</div>
</template>
@@ -20,7 +20,7 @@
          bId: '',
          bTime: ''
        },
        paltNews: '',
        paltNews: [],
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载

src/components/main-views/ViewPlatTrendTrends.vue

@@ -1,6 +1,6 @@
<template>
	<div class="tab-contain">
		<baseArticle v-for="item in orgTrends" :key="item.index" :itemInfo="item"></baseArticle>
		<baseArticle v-for="item in orgTrends" :key="item.index" :itemSingle="item" :showOwner="true"></baseArticle>
		<Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
	</div>
</template>
@@ -28,8 +28,8 @@
      };
    },
    created() {
       this.platId = Cookies.get('platId');
       this.queryOrgTrends();
      this.platId = Cookies.get('platId');
      this.queryOrgTrends();
    },
    methods: {
      queryOrgTrends(id) {

src/components/sub-component/BaseArticle.vue

@@ -1,14 +1,14 @@
<template>
  <a class="list-item" :href="linkArticle(itemInfo)">
    <div class="list-head" :style="{backgroundImage: 'url(' + articleUrl(itemInfo) + ')'}"></div>
  <a class="list-item" :href="linkway">
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit">{{itemInfo.articleTitle}}</div>
      <div class="list-tit">{{itemSingle.articleTitle}}</div>
      <ul class="list-tag">
        <li>发布者</li>
        <li>{{formTime(itemInfo)}}</li>
        <li>阅读量 1000</li>
        <li>赞 99</li>
        <li>留言 109</li>
        <li v-if="showOwner">{{ownerName}}</li>
        <li>{{formTime}}</li>
        <li v-if="itemSingle.pageViews>0">阅读量 {{itemSingle.pageViews}}</li>
        <li v-if="itemSingle.articleAgree>0">赞 {{itemSingle.articleAgree}}</li>
        <li v-if="leverNumber>0">留言 {{leverNumber}}</li>
      </ul>
    </div>
  </a>
@@ -16,30 +16,59 @@
<script type="text/ecmascript-6">
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
      itemInfo: {
      itemSingle: {
        type: Object
      },
      showOwner: {
        type: Boolean
      }
    },
    // data() {
    //   return: {
    //     ownerInfo: util.ownerInfo(this, item.articleType, item.owmerId)
    //   };
    // },
    data() {
      return {
        linkway: util.pageUrl('a', this.itemSingle),
        imgUrl: this.itemSingle.articleImg ? util.ImageUrl('article/' + this.itemSingle.articleImg) : util.defaultSet.img.article,
        formTime: util.commenTime(this.itemSingle.publishTime),
        ownerName: '',
        leverNumber: ''
      };
    },
    created() {
      if (this.showOwner) {
        this.ownerByond(this.itemSingle);
      };
      this.leaveWordTotal(this.itemSingle);
    },
    methods: {
      articleUrl(item) {
        return item.articleImg ? util.ImageUrl('article/' + item.articleImg) : util.defaultSet.img.article;
      },
      linkArticle(item) {
        return util.pageUrl('a', item);
      leaveWordTotal(item) {
        var _this = this;
         this.$axios.get(httpUrl.kxQurey.leaveMsg.count, {
          params: {
            sid: item.articleId,
            stype: 1
          }
        }).then((res) => {
          if (res.success) {
            _this.leverNumber = res.data;
            _this.$forceUpdate();
          }
        });
      },
      // ownerBeyond(item) {
      //   return util.ownerInfo(this, item.articleType, item.owmerId);
      // },
      formTime(item) {
        return util.commenTime(item.publishTime);
      ownerByond(item) {
        var _this = this;
        if (item.articleType) {
          this.$axios.get(httpUrl.kxQurey.org.query + item.ownerId, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              _this.ownerName = $info.forShort ? $info.forShort : $info.name;
              _this.$forceUpdate();
            }
          });
        };
      }
    }
  };

src/components/sub-component/BaseExpert.vue

@@ -4,11 +4,8 @@
      <div class="show-head" :style="{backgroundImage:'url('+ headUrl(item) +')'}"></div>
      <div class="show-info">
        <div class="info-tit">{{item.name}}<em class="authicon" :class="headIcon(item)"></em></div>
        <div class="info-tag">职称/职位，所在机构</div>
        <div class="info-desc">
研究方向：研究方向A；研究方向B；研究方向C；研究方向A；研究方向B；研究方向C；研究方...
</div>
        <div class="info-tag">{{item.offt}}</div>
        <div class="info-desc" v-if="item.reserachs">研究方向：{{item.reserachs}}</div>
      </div>
    </a>
  </div>
@@ -52,13 +49,50 @@
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.bUid = $info[$info.length - 1].id;
              this.dataO.bTime = $info[$info.length - 1].buttedTime;
              this.userData = $info;
            };
            if ($info.length < this.rows) {
            var $data = res.data;
            if ($data.length > 0) {
              this.dataO.bUid = $data[$data.length - 1].id;
              this.dataO.bTime = $data[$data.length - 1].buttedTime;
              for (let i = 0; i < $data.length; i++) {
                if ($data[i].title) {
                  if ($data[i].orgName) {
                    $data[i].offt = $data[i].title + '，' + $data[i].orgName;
                  } else {
                    $data[i].offt = $data[i].title;
                  }
                } else {
                  if ($data[i].office) {
                    if ($data[i].orgName) {
                      $data[i].offt = $data[i].office + '，' + $data[i].orgName;
                    } else {
                      $data[i].offt = $data[i].office;
                    }
                  } else {
                    $data[i].offt = '';
                  }
                }
                $data[i].className = util.autho($data[i].authType, $data[i].orgAuth, $data[i].authStatus);
                if ($data[i].hasHeadImage) {
                  $data[i].image = util.ImageUrl('head/' + $data[i].id + '_l.jpg', true);
                } else {
                  $data[i].image = util.defaultSet.expert;
                }
                this.$axios.get(httpUrl.utilUrl + '/researchArea/' + $data[i].id).then(res => {
                  const $info = res.data;
                  let arr = [];
                  for (let j = 0; j < $info.length; j++) {
                    arr.push($info[i].caption);
                    if (j === $info.length - 1) {
                      $data[i].reserachs = arr.join('，');
                      this.$forceUpdate();
                    }
                  }
                  if ($info.lenth === 0) {
                    $data[i].reserachs = '';
                  }
                });
              }
              this.userData = $data;
            };
          };
        });

src/components/sub-component/BaseResource.vue

@@ -1,29 +1,56 @@
<template>
  <a class="list-item" :href="linkResource(itemResources)">
    <div class="list-head" :style="{backgroundImage: 'url(' + resourcesUrl(itemResources) + ')'}"></div>
  <a class="list-item" :href="linkway">
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemResources.name}}</div>
      <div class="list-owner">发布者<em class="authicon icon-pro"></em></div>
      <div class="list-desc">用途：{{itemResources.cnt}}</div>
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-owner">{{ownerName}}<em class="authicon" :class="ownerAuth"></em></div>
      <div class="list-desc" v-if="itemSingle.cnt">用途：{{itemSingle.cnt}}</div>
    </div>
  </a>
</template>
<script type="text/ecmascript-6">
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
      itemResources: {
      itemSingle: {
        type: Object
      }
    },
    data() {
      return {
        linkway: util.defaultSet.link.resource + this.itemSingle.id,
        imgUrl: this.itemSingle.images ? util.ImageUrl('resource/' + this.itemSingle.images.split(',')[0]) : util.defaultSet.img.resource,
        ownerName: '',
        ownerAuth: ''
      };
    },
    created() {
      this.ownerByond(this.itemSingle);
    },
    methods: {
      resourcesUrl(item) {
        return item.images ? util.ImageUrl('resource/' + item.images.split(',')[0]) : util.defaultSet.img.resource;
      },
      linkResource(item) {
        return util.defaultSet.link.resource + item.id;
      ownerByond(item) {
        if (item.otype === '1') {
          this.$axios.get(httpUrl.kxQurey.professor.query + item.oid, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              this.ownerName = $info.name;
              this.ownerAuth = util.autho($info.authType, $info.orgAuth, $info.authStatus);
            }
          });
        } else if (item.otype === '2') {
          this.$axios.get(httpUrl.kxQurey.org.query + item.oid, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              this.ownerName = $info.forShort ? $info.forShort : $info.name;
              this.ownerAuth = $info.authStatus === '3' ? 'icon-com' : '';
            }
          });
        }
      }
    }
  };

src/components/sub-component/BaseService.vue

@@ -1,29 +1,56 @@
<template>
  <a class="list-item" :href="linkWare(itemServices)">
    <div class="list-head" :style="{backgroundImage: 'url(' + waresUrl(itemServices) + ')'}"></div>
  <a class="list-item" :href="linkway">
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemServices.name}}</div>
      <div class="list-owner">发布者<em class="authicon icon-pro"></em></div>
      <div class="list-desc">内容：{{itemServices.cnt}}</div>
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-owner">{{ownerName}}<em class="authicon" :class="ownerAuth"></em></div>
      <div class="list-desc" v-if="itemSingle.cnt">内容：{{itemSingle.cnt}}</div>
    </div>
  </a>
</template>
<script type="text/ecmascript-6">
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
      itemServices: {
      itemSingle: {
        type: Object
      }
    },
    data() {
      return {
        linkway: util.defaultSet.link.service + this.itemSingle.id,
        imgUrl: this.itemSingle.images ? util.ImageUrl('ware/' + this.itemSingle.images.split(',')[0]) : util.defaultSet.img.service,
        ownerName: '',
        ownerAuth: ''
      };
    },
    created() {
      this.ownerByond(this.itemSingle);
    },
    methods: {
      waresUrl(item) {
        return item.images ? util.ImageUrl('ware/' + item.images.split(',')[0]) : util.defaultSet.img.service;
      },
      linkWare(item) {
        return util.defaultSet.link.service + item.id;
      ownerByond(item) {
        if (item.otype === '1') {
          this.$axios.get(httpUrl.kxQurey.professor.query + item.oid, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              this.ownerName = $info.name;
              this.ownerAuth = util.autho($info.authType, $info.orgAuth, $info.authStatus);
            }
          });
        } else if (item.otype === '2') {
          this.$axios.get(httpUrl.kxQurey.org.query + item.oid, {
            }).then((res) => {
            if (res.success) {
              let $info = res.data;
              this.ownerName = $info.forShort ? $info.forShort : $info.name;
              this.ownerAuth = $info.authStatus === '3' ? 'icon-com' : '';
            }
          });
        }
      }
    }
  };

src/components/sub-component/DynamicTags.vue

@@ -1,5 +1,5 @@
<template>
  <el-form-item :label="tagInfo.lableTit" prop="dynamicTags" ref="tagComponent">
  <el-form-item :label="tagInfo.lableTit" ref="tagComponent">
    <el-tag
      :key="tag"
      v-for="tag in dynamicTags"
@@ -19,25 +19,24 @@
      :trigger-on-focus="false"
      @select="handleSelect"
      @keyup.enter.native="handleInputConfirm"
      @blur="handleInputConfirm"
    ></el-autocomplete>
    >
      <template slot-scope="{ item }">
        <div class="name">{{ item.caption }}</div>
      </template>
    </el-autocomplete>
    <el-button v-else class="button-new-tag" v-show="isShowAdd" size="medium" @click="showInput">+ {{tagInfo.placeholder}}</el-button>
  </el-form-item>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  // import util from '@/libs/util';
  export default {
    props: {
      tagInfo: {
        type: Object
      },
      industry: {
        type: String
      },
      dy: {
      dyStr: {
        type: String
      },
      dynamicTagsLength: {
@@ -54,15 +53,14 @@
        loadAllKeys: []
      };
    },
    created() {
      this.dynamicTags = this.industry.split(',');
      if (this.dynamicTags.length === this.dynamicTagsLength) {
        this.isShowAdd = false;
      };
    },
    watch: {
      dy() {
        this.dynamicTags = this.dy.split(',');
      dyStr() {
        if (this.dyStr) {
          this.dynamicTags = this.dyStr.split(',');
          if (this.dynamicTags.length === this.dynamicTagsLength) {
            this.isShowAdd = false;
          };
        };
      }
    },
    methods: {
@@ -70,7 +68,7 @@
      handleClose(tag) {
        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
        this.$emit('turnTags', this.dynamicTags.join(',')); // 传给父组件
        if (this.dynamicTags.length < 10) {
        if (this.dynamicTags.length < this.dynamicTagsLength) {
          this.isShowAdd = true;
        }
      },
@@ -88,7 +86,7 @@
        if (this.dynamicTags.length === this.dynamicTagsLength) {
          this.isShowAdd = false;
        }
        if (inputValue && inputValue.length < 15 && this.dynamicTags.length < 10) {
        if (inputValue && inputValue.length < 15 && this.dynamicTags.length < this.dynamicTagsLength) {
          this.dynamicTags.push(inputValue);
        }
        this.$emit('turnTags', this.dynamicTags.join(',')); // 传给父组件
@@ -98,39 +96,27 @@
      // add tag
      querySearch(queryString, cb) {
        if (this.inputValue) {
          this.loadAllHotKey(this.inputValue);
          this.restaurants = this.loadAllKeys;
          var restaurants = this.restaurants;
          var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
          // 调用 callback 返回建议列表的数据
          cb(results);
        }
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
        };
      },
      loadAllHotKey(key) {
        this.$axios.get(httpUrl.kxQurey.qaHotKey, {
          params: {
            key: key
            key: queryString
          }
        }).then((res) => {
          if (res.success) {
            var $info = res.data;
            var oSr = [];
            for (var i = 0; i < Math.min($info.length, 5); i++) {
               oSr.push($info[i].caption);
            for (let i = 0; i < Math.min($info.length, 5); i++) {
              oSr[i] = $info[i];
            };
            this.loadAllKeys = oSr;
            console.log(this.loadAllKeys);
            // if (this.loadAllKeys.length === 0) {
            //   this.loadAllKeys = [{caption: '暂无数据'}]
            // };
            cb(this.loadAllKeys);
          };
        });
      },
      handleSelect(item) {
        console.log(item);
        this.inputValue = item.caption;
      }
    }
  };

src/libs/http.js

@@ -83,10 +83,14 @@ http.kxQurey = {
      pqpublish: utilUrl + '/article/pqpublish' // 已发布的文章列表
    },
    professor: {
      info: utilUrl + '/professor/baseInfo/' // 专家基础信息
      query: utilUrl + '/professor/baseInfo/', // 专家基础信息
      researchArea: utilUrl + '/researchArea/' // 研究方向
    },
    org: {
      info: utilUrl + '/org/' // 企业基础信息
      query: utilUrl + '/org/' // 企业基础信息
    },
    leaveMsg: {
      count: utilUrl + '/leavemsg/count' // 留言数量
    },
    cachedFile: utilUrl + '/cachedFileUpload', // 上传缓存地址
    qaHotKey: utilUrl + '/dataDict/qaHotKey', // 检索关键词

src/libs/util.js

@@ -268,25 +268,4 @@ util.dateChange = function(startTime) { // 默认返回yyyy月MM日dd HH:mm
    }
};
/**
 * 获取ownerInfo(org\professor)
 * fl === 'professor' 或者 fl === 'org'
 */
util.ownerInfo = function(vm, type, ownerId) {
  var url;
  if (type === '1') {
    url = httpUrl.kxQurey.professor.query;
  } else if (type === '2') {
    url = httpUrl.kxQurey.org.query;
  };
  vm.$axios.get(url + '/' + ownerId, {
  }).then((res) => {
    if (res.success) {
      var $info = res.data;
      return $info;
    };
  });
};
export default util;