工作台

src/components/bench-views/ArticleTemplate.vue

@@ -1,42 +1,190 @@
<template>
  <div class="list-item">
    <div class="list-head"></div>
    <div class="list-info">
      <div class="list-tit">2017年“浙江杰出青年”揭晓，祝贺中科院宁波材料所王立平研究员上榜中科院宁波材料所王立平研究员上榜！</div>
       <ul class="list-tag">
        <li>企业名称</li>
        <li>发布于5月8日 18:00</li>
        <li>阅读量 1000</li>
        <li>赞 99</li>
        <li>留言 109</li>
      </ul>
      <ul class="list-tag">
        <li>发布于5月8日 18:00</li>
        <li>阅读量 1000</li>
        <li>赞 99</li>
        <li>留言 109</li>
      </ul>
      <ul class="list-tag">
        <li>修改于5月8日 18:00</li>
        <li class="coRed">草稿</li>
        <li class="coRed">将在 4月3日 08:00 定时发布</li>
      </ul>
    </div>
    <div class="dele">
      <el-button type="primary" size="small">修改</el-button>
      <el-button type="danger" icon="el-icon-delete" circle></el-button>
  <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-info">
          <div class="list-tit">{{item.articleTitle}}</div>
          <ul class="list-tag" v-if="flag!=1">
            <li>{{item.company}}</li>
            <li>发布于 {{timeChage(item)}}</li>
            <li>阅读量 {{item.pageViews}}</li>
            <li>赞 {{item.articleAgree}}</li>
            <li>留言 {{item.leverNumber}}</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==1)">
            <li>发布于</li>
            <li>阅读量 {{item.pageViews}}</li>
            <li>赞 {{item.articleAgree}}</li>
            <li>留言 {{item.leverNumber}}</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==2)">
            <li v-show="item.status">修改于{{timeChage(item)}}</li>
            <li class="coRed">草稿</li>
            <li class="coRed">将在 定时发布</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==0)">
            <li v-show="item.status">修改于</li>
            <li class="coRed">草稿</li>
          </ul>
        </div>
        <div class="dele" v-if="flag === 1">
          <el-button type="primary" size="small" v-if="(item.status == 0 || item.status == 2)">修改</el-button>
          <el-button type="danger" icon="el-icon-delete" circle  @click="dele(item.articleId,index)></el-button>
        </div>
        <div class="dele" v-else-if="flag === 2">
          <el-button type="danger" icon="el-icon-delete" circle @click="dele(item.articleId,index)"></el-button>
        </div>
        <div class="dele" v-else-if="flag === 2">
          <el-button type="primary" size="small" @click.once="add(item.articleId)">{{addText}}</el-button>
        </div>
      </li>
    </ul>
    <div class="taglist">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    props: ['keyValue', 'url', 'flag'],
    data() {
      return {
        expertParameters: {},
        dataList: [],
        total: 0,
        orgDefaultImage: util.defaultSet.img.article,
        orgImageAddId: util.ImageUrl('article/', true),
        platId: '',
        addText: '添加'
      };
    },
    watch: {
      keyValue: function () {
        this.expertParameters.key = this.keyValue;
        this.expertList();
      }
    },
    computed: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.articleImg  : this.orgDefaultImage;
      }
    },
    created() {
      this.platId = Cookies.get('platId');
      this.expertParameters = {
        key: this.keyValue,
        pageSize: 10,
        pageNo: 1
      };
      if (this.flag === 1) {
        this.expertParameters.ownerId = this.platId;
        this.expertParameters.articleType = 3;
      } else {
        this.expertParameters.pid = this.platId;
      }
      this.expertList();
    },
    methods: {
      timeChage(item) {
        var nowTimg = new Date();
        var startTime = (item.status !== 1) ? item.modifyTime : item.publishTime;
          if (item.status == 2) {
            startTime = item.publishTime;
          }
          if (nowTimg.getFullYear() === startTime.substring(0, 4)) {
            return startTime.substring(4, 6).replace(/\b(0+)/gi, '') + '月' + startTime.substring(6, 8).replace(/\b(0+)/gi, '') + '日 ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12);
          } else {
            return startTime.substring(0, 4) + "年" + startTime.substring(4, 6).replace(/\b(0+)/gi, '') + '月' + startTime.substring(6, 8).replace(/\b(0+)/gi, '') + '日 ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12);
          }
      },
      expertList() {
        this.dataList = [];
        this.$axios.get(util.ekexiuUrl + this.url, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.dataList = [];
            this.dataList = res.data.data;
            this.total = res.data.total;
            for (let i=0 ; i< res.data.data.length; i++) {
              if (this.flag !== 1) {
                this.leaveWordTotal(res.data.data[i]);
                this.companyName(res.data.data[i]);
              } else {
                if (res.data.data[i].status === 1) {
                  this.leaveWordTotal(res.data.data[i]);
                }
              }
            }
          }
        });
      },
      leaveWordTotal($data) {
         this.$axios.get(util.ekexiuUrl + '/ajax/leavemsg/count', {
          params: {
            sid: $data.articleId,
            stype: 1
          }
        }).then((res) => {
          if (res.success) {
            $data.leverNumber = res.data;
            this.$forceUpdate();
          }
        });
      },
      companyName($data) {
          this.$axios.get(util.ekexiuUrl + '/ajax/org/' + $data.ownerId, {
            }).then((res) => {
            if (res.success) {
              $data.company = (res.data.forShort) ? res.data.forShort : res.data.name;
              this.$forceUpdate();
            }
         });
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.article + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      },
      dele(id, index) {
        this.$axios.post(httpUrl.hQuery.orgTrends.del, {
            params: {
              pid: this.platId,
              aid: id
            }
          }).then((res) => {
            if (res.success) {
              this.dataList.splice(index, 1);
            }
          });
      },
      add(id) {
        this.$axios.post(httpUrl.hQuery.orgTrends.add, {
            params: {
              pid: this.platId,
              aid: id
            }
          }).then((res) => {
            if (res.success) {
              this.addText = '已添加';
            }
          });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../../common/stylus/listitem';
    .list-item
      cursor: pointer
      &:hover
        background: #EEEEEE
      &:hover .dele

src/components/bench-views/BusTemplate.vue

@@ -1,24 +1,106 @@
<template>
  <ul>
    <li class="list-item">
      <div class="list-head"></div>
    <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-info">
        <div class="list-tit list-tig">
          北京科大材料分析检测中心限公司
          <em class="authicon icon-com"></em>
          {{(item.forShort) ? item.forShort : item.name}}
          <em class="authicon icon-com" v-bind:class="{ active: (item.authStatus == 3)}"></em>
          {{keyValue}}
        </div>
        <ul class="list-tag">
          <li>企业类型</li>
          <li>所属行业 | 所属行业 | 所属行业</li>
          <li>{{(item.orgType == 2) ? '上市企业' : ''}}</li>
          <li>{{(item.industry) ? item.industry.split(',').join(' | ') : '' }}</li>
        </ul>
      </div>
      <div class="dele">
        <el-button type="danger" icon="el-icon-delete" circle></el-button>
      <div class="dele" v-show="(flag == 1)">
        <el-button type="danger" icon="el-icon-delete" circle @click="dele(item.id)"></el-button>
      </div>
    </li>
    <div class="taglist">
      <el-pagination background layout="prev, pager, next" :total="100">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </ul>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    props: ['keyValue', 'url', 'flag'],
    data() {
      return {
        expertParameters: {},
        dataList: [],
        total: 0,
        orgDefaultImage: util.defaultSet.img.org,
        orgImageAddId: util.ImageUrl('org/', true),
        platId: ''
      };
    },
    watch: {
      keyValue: function () {
        this.expertParameters.key = this.keyValue;
        this.expertList();
      }
    },
    computed: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.id + '.jpg' : this.orgDefaultImage;
      }
    },
    created() {
      this.platId = Cookies.get('platId');
      this.expertParameters = {
        pid: this.platId,
        pageSize: 10,
        pageNo: 1
      };
      if (this.flag === 1) {
        this.expertParameters.key = this.keyValue;
      }
      this.expertList();
    },
    methods: {
      expertList() {
        this.dataList = [];
        this.$axios.get(util.ekexiuUrl + this.url, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.dataList = [];
            this.dataList = res.data.data;
            this.total = res.data.total;
          }
        });
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.org + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      },
      dele(id, index) {
        this.$axios.post(httpUrl.hQuery.residentOrgs.del, {
            params: {
              pid: this.platId,
              oid: id
            }
          }).then((res) => {
            if (res.success) {
              this.dataList.splice(index, 1);
            }
          });
        }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  ul
    .list-tag
      cursor: pointer
</style>

src/components/bench-views/abutmentService/ButtService.vue

@@ -7,7 +7,8 @@
          <ExpertAdvisor></ExpertAdvisor>
        </el-tab-pane>
        <el-tab-pane label="合作机构" name="second">
          <BusTemplate></BusTemplate>
          <BusTemplate :url='url' :flag='2'>
          </BusTemplate>
        </el-tab-pane>
      </el-tabs>
    </div>
@@ -21,7 +22,8 @@
  export default {
    data() {
      return {
        activeName: 'first'
        activeName: 'first',
        url: '/ajax/platform/info/pqButtedOrgs'
      };
    },
    components: {

src/components/bench-views/abutmentService/ExpertAdvisor.vue

@@ -1,32 +1,124 @@
<template>
  <ul>
    <li class="list-item">
      <div class="list-head header"></div>
    <li class="list-item" v-for="(item,index) in dataList" :key="index" @click="kexiuExpert(item.id)">
      <div class="list-head header" :style="{ backgroundImage: 'url('+ item.image +')'}"></div>
      <div class="list-info">
        <div class="list-tit">专家姓名 <em class="authicon icon-pro"></em></div>
        <div class="list-tit list-tig">{{item.name}} <em class="authicon" :class='item.className'></em></div>
        <ul class="list-tag">
          <li>职称/职位,所在机构</li>
          <li>{{item.offt}}</li>
        </ul>
        <ul class="list-tag headerTag">
          <li>度假酒店几点交定金的就及点击但渐渐地就记得记得就到家就的家具家电渐渐地就家电家具度假酒店几点交定金的就及点击但渐渐地就记得记得就到家就的家具家电渐渐地就家电家具度假酒店几点交定金的就及点击但渐渐地就记得记得就到家就的家具家电渐渐地就家电家具度假酒店几点交定金的就及点击但渐渐地就记得记得就到家就的家具家电渐渐地就家电家具</li>
          <li>研究方向：{{item.reserachs}}</li>
        </ul>
      </div>
    </li>
    <div class="taglist">
      <el-pagination background layout="prev, pager, next" :total="100">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </ul>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    data() {
      return {
        expertParameters: {},
        dataList: [],
        total: 0
      };
    },
    created() {
      const platId = Cookies.get('platId');
      this.expertParameters = {
        pid: platId,
        pageSize: 10,
        pageNo: 1
      };
      this.expertList();
    },
    mounted() {
    },
    methods: {
      expertList() {
        this.dataList = [];
        this.$axios.get(httpUrl.hQuery.buttedProfessors.pq, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.disposeData(res.data.data);
            this.total = res.data.total;
          }
        });
      },
      disposeData($data) {
        this.dataList = $data;
        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 = '';
            }
          });
        }
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.expert + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
ul
  .list-item
    cursor: pointer
    .header
      width: 80px
      height: 80px
      border-radius: 50%
    .list-info
      .list-tig
        height: 30px
      .headerTag
        margin-top: 0px
</style>

src/components/bench-views/businessManagement/BusRight.vue

@@ -2,12 +2,12 @@
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词"></el-input>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
      </div>
    </div>
    <div class="searchList">
      <BusTemplate></BusTemplate>
      <BusTemplate :url='url' :keyValue='keyValue' :flag='1'></BusTemplate>
    </div>
  </div>
</template>
@@ -15,8 +15,20 @@
<script>
  import BusTemplate from '../BusTemplate.vue';
  export default {
    data() {
      return {
        keyValue: '',
        url: '/ajax/platform/info/pqResidentOrgs',
        inValue: ''
      };
    },
    components: {
      BusTemplate
    },
    methods: {
      search() {
        this.keyValue = this.inValue;
      }
    }
  };
</script>

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

@@ -2,27 +2,31 @@
  <div>
    <div class="search">
       <div class="search-wrapper">
         <el-input placeholder="输入关键词"></el-input>
         <el-button type="primary" icon="el-icon-search">搜索</el-button>
         <el-input placeholder="输入关键词" v-model="inValue"></el-input>
         <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
    </div>
    <div class="searchList">
      <ul>
        <ArticleTemplate></ArticleTemplate>
      </ul>
      <div class="taglist">
        <el-pagination background layout="prev, pager, next" :total="100">
        </el-pagination>
      </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='3'></ArticleTemplate>
  </div>
</template>
<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
   export default {
     data() {
      return {
        keyValue: '',
        url: '/ajax/article/pgPublishNotInPlatform',
        inValue: ''
       };
     },
     components: {
      ArticleTemplate
     },
     methods: {
       search() {
         this.keyValue = this.inValue;
       }
     }
	};
</script>

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

@@ -2,22 +2,14 @@
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词"></el-input>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
        <el-button type="primary" icon="el-icon-edit" @click="dialogVisible = true">
        添加文章
        </el-button>
      </div>
    </div>
    <div class="searchList">
      <ul>
        <ArticleTemplate></ArticleTemplate>
      </ul>
      <div class="taglist">
        <el-pagination background layout="prev, pager, next" :total="100">
        </el-pagination>
      </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='2'></ArticleTemplate>
    <el-dialog title="添加企业发布的文章至【企业动态】栏目" :visible.sync="dialogVisible" width="930px">
        <AlertBox></AlertBox>
    </el-dialog>
@@ -30,7 +22,10 @@
  export default {
    data() {
      return {
        dialogVisible: false
        dialogVisible: false,
        keyValue: '',
        url: '/ajax/article/pgPublishInPlatform',
        inValue: ''
      };
    },
    components: {
@@ -38,6 +33,9 @@
      AlertBox
    },
    methods: {
      search() {
        this.keyValue = this.inValue;
      }
    }
 };
</script>

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

@@ -2,28 +2,32 @@
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词"></el-input>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
        <el-button type="primary" icon="el-icon-edit">发布文章</el-button>
      </div>
    </div>
    <div class="searchList">
      <ul>
        <ArticleTemplate></ArticleTemplate>
      </ul>
      <div class="taglist">
        <el-pagination background layout="prev, pager, next" :total="100">
        </el-pagination>
      </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='1'></ArticleTemplate>
  </div>
</template>
<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
   export default {
     data() {
      return {
        keyValue: '',
        url: '/ajax/article/pageQueryPublish',
        inValue: ''
       };
     },
     components: {
          ArticleTemplate
     },
     methods: {
       search() {
         this.keyValue = this.inValue;
       }
     }
   };
</script>

src/components/bench-views/demandSearch/DemandComplete.vue

@@ -30,15 +30,7 @@
        </el-select>
      </div>
    </div>
    <div class="searchList">
      <ul>
        <DemandTemplate></DemandTemplate>
      </ul>
      <div class="taglist">
        <el-pagination background layout="prev, pager, next" :total="100">
        </el-pagination>
      </div>
    </div>
    <DemandTemplate></DemandTemplate>
  </div>
</template>

src/components/bench-views/demandSearch/DemandPublish.vue

@@ -9,7 +9,7 @@
    <div class="select">
      <div class="week">
        <span class="weekText">周期：</span>
        <el-select v-model="value" placeholder="请选择">
        <el-select v-model="value" placeholder="请选择" change="change">
          <el-option
            v-for="item in options"
            :key="item.value"
@@ -41,15 +41,7 @@
        </el-select>
      </div>
    </div>
    <div class="searchList">
      <ul>
        <DemandTemplate></DemandTemplate>
      </ul>
      <div class="taglist">
        <el-pagination background layout="prev, pager, next" :total="100">
        </el-pagination>
      </div>
    </div>
    <DemandTemplate></DemandTemplate>
  </div>
</template>
@@ -110,6 +102,11 @@
     },
     components: {
         DemandTemplate
     },
     methods:{
       change() {
         alert(this.value)
       }
     }
   };
</script>

src/components/bench-views/demandSearch/DemandTemplate.vue

@@ -1,22 +1,30 @@
<template>
  <div class="list-item">
    <div class="list-info">
      <div class="list-tit list-tig">2017年“浙江杰出青年”揭晓，祝贺中科院宁波材料所王立平研究员上榜中科院宁波材料所王立平研究员上榜！</div>
      <ul class="list-tag">
        <li>北京科袖科技有限公司</li>
        <li>发布于</li>
        <li>5月8日 18:00</li>
        <li>浏览量 1000</li>
      </ul>
      <ul class="list-tag list-tagl">
        <li>北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司11</li>
      </ul>
      <ul class="list-tag list-tagy">
        <li>所在城市：北京市</li>
        <li>预计周期：1个月内</li>
        <li>费用预算：1万元以内</li>
        <li class="coRed">有效期至：2018年8月17日</li>
      </ul>
  <div class="searchList">
    <ul>
      <li class="list-item">
        <div class="list-info">
          <div class="list-tit list-tig">2017年“浙江杰出青年”揭晓，祝贺中科院宁波材料所王立平研究员上榜中科院宁波材料所王立平研究员上榜！</div>
          <ul class="list-tag">
            <li>北京科袖科技有限公司</li>
            <li>发布于</li>
            <li>5月8日 18:00</li>
            <li>浏览量 1000</li>
          </ul>
          <ul class="list-tag list-tagl">
            <li>北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司北京科袖科技有限公司11</li>
          </ul>
          <ul class="list-tag list-tagy">
            <li>所在城市：北京市</li>
            <li>预计周期：1个月内</li>
            <li>费用预算：1万元以内</li>
            <li class="coRed">有效期至：2018年8月17日</li>
          </ul>
        </div>
      </li>
    </ul>
    <div class="taglist">
      <el-pagination background layout="prev, pager, next" :total="100">
      </el-pagination>
    </div>
  </div>
</template>