页面字段调整

hailu

2023-01-04 12394bbe3fd4592c4457caaf46fcc487294e42b9

页面字段调整

 dist.rar

Binary files differ

 src/components/MainFooter.vue

@@ -1,17 +1,32 @@
<template>
  <footer>
    <div>
      Copyright 2022 探数狗（镇江）信息技术有限公司 | 
      Copyright {{ year }} 探数狗（镇江）信息技术有限公司 |
      <span style="cursor:pointer" @click="copyClick">版权所有 苏ICP备2022016855号</span>
    </div>
  </footer>
</template>
<script>
export default {
  methods:{
    copyClick(){
  data() {
    return {
      year:'2023'
     
    }
  },
  mounted() {

    var myDate = new Date()
    this.year=myDate.getFullYear()



  },
  methods: {
    copyClick() {
      window.open('https://beian.miit.gov.cn/')
    },

  }
}
</script>
@@ -28,6 +43,7 @@
  font-style: normal;
  font-size: 14px;
  text-align: center;

  // @media (max-width: 1280px) {
  //   position: relative;
  //   top: var(--height);

 src/views/AboutView.vue

@@ -48,12 +48,8 @@
          <li>
            <div class="title">公司成立</div>
            <div class="num">
              <span
                data-purecounter-start="0"
                data-purecounter-end="521"
                data-purecounter-duration="1"
                class="purecounter"
              >2022</span>
              <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1"
                class="purecounter">2022</span>
              <span>年</span>
            </div>
          </li>
@@ -128,21 +124,11 @@
        <ul>
          <li>
            <p>*您的姓名</p>
            <input
              type="text"
              placeholder=""
              v-model="name"
              required="required"
            />
            <input type="text" placeholder="" v-model="name" required="required" />
          </li>
          <li>
            <p>*您的手机号码</p>
            <input
              type="tel"
              placeholder=""
              v-model="mobile"
              required="required"
            />
            <input type="tel" placeholder="" v-model="mobile" required="required" />
          </li>
          <li>
            <p>您的微信</p>
@@ -150,31 +136,21 @@
          </li>
          <li>
            <p>*您的邮箱</p>
            <input
              type="email"
              placeholder=""
              v-model="email"
              required="required"
            />
            <input type="email" placeholder="" v-model="email" required="required" />
          </li>
          <li>
            <p>*公司全称</p>
            <input
              type="text"
              placeholder="请填写公司全名"
              required="required"
              v-model="company"
            />
            <input type="text" placeholder="请填写公司全名" required="required" v-model="company" />
          </li>
          <li>
            <p>您的职位</p>
            <input
              type="text"
              placeholder="请选择您的职位"
              v-model="posution"
            />
            <input type="text" placeholder="请选择您的职位" v-model="posution" />
          </li>
        </ul>
        <div style="text-align: left;
    width: 80%;
    margin: 10px auto -30px;
    padding-left: 22px;">*如果您对我们系统有任何意见或者建议，请将信息发送至探数狗（镇江）信息科技有限公司邮箱tanshugou@139.com，我们将在第一时间联系您！</div>
        <div class="request" @click="application()">申请开通免费账号</div>
      </section>
    </main>
@@ -209,12 +185,12 @@
  computed: {},
  //监控data中的数据变化
  watch: {
    ScrollHeight() {},
    ScrollHeight() { },
  },
  //方法集合
  methods: {
    quit(){
     this.confirm()
    quit() {
      this.confirm()
    },
    confirm() {
      this.$confirm({
@@ -242,16 +218,16 @@
        company: this.company,
        position: this.position,
      };
      if (this.email === "" || this.mobile === ""||this.name===''||this.company==='') {
      if (this.email === "" || this.mobile === "" || this.name === '' || this.company === '') {
        this.$message.warn("请将信息补充完整", 10);
      } else {
        addTryApply(data).then(res => {
        // console.log(res.Data);
        // for (let i = 0; i < res.Data.length; i++) {
        // this.applyData = res.Data
        // }
        // this.hotLoading=false
      })
          // console.log(res.Data);
          // for (let i = 0; i < res.Data.length; i++) {
          // this.applyData = res.Data
          // }
          // this.hotLoading=false
        })


        // this.$axios
@@ -271,19 +247,19 @@
      }
    },
  },
  beforeCreate() {}, //生命周期 - 创建之前
  beforeCreate() { }, //生命周期 - 创建之前
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  beforeMount() {}, //生命周期 - 挂载之前
  created() { },
  beforeMount() { }, //生命周期 - 挂载之前
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    window.addEventListener("scroll", this.handleScroll);
  },
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang="scss" scoped>
@@ -344,6 +320,7 @@
  height: 100%;
  text-align: center;
  position: relative;

  @media screen and (max-width: 1280px) {
    min-width: 768px;
    height: var(height);
@@ -354,25 +331,30 @@
    position: relative;
    display: flex;
    justify-content: space-between;

    .logo {
      width: 40%;
      height: 62px;
      position: relative;

      img {
        position: absolute;
        left: 50px;
        top: 0;
        width: 145px;
        height: 62px;

        @media screen and (max-width: 1280px) {
          left: 0;
        }
      }
    }

    .features {
      width: 60%;
      display: flex;
      justify-content: space-between;

      .home_icon,
      .login,
      .nav {
@@ -380,31 +362,38 @@
        height: 62px;
        line-height: 70px;
      }

      .login {
        .icon-201yonghu_yonghu2 {
          font-size: 25px;
          cursor: pointer;
        }
      }

      .home_icon {
        position: relative;
        top: 5px;

        a {
          color: #ef8201;

          .icon-shouye {
            font-size: 25px;
          }
        }
      }

      .nav {
        @media (min-width: 1280px) {
          min-width: 80px;
        }

        cursor: pointer;
        background: #ef8201;
        color: #ffffff;
        font-size: 16px;
        position: relative;

        .menuList {
          width: 100%;
          position: absolute;
@@ -413,6 +402,7 @@
          border: 1px solid #c2c2c2;
          z-index: 999;
          display: none;

          li {
            height: 40px;
            line-height: 40px;
@@ -421,18 +411,22 @@
            color: black;
            text-align: center;
          }

          a:hover {
            color: #ef8201;
          }
        }
      }

      .nav:hover .menuList {
        display: block;
      }

      .classList {
        width: 70%;
        display: flex;
        justify-content: space-around;

        .item {
          height: 50px;
          margin-top: 12px;
@@ -443,27 +437,35 @@
          font-style: normal;
          font-size: 20px;
          cursor: pointer;

          a {
            color: #333333;
          }

          a:hover {
            color: #ef8201;
          }

          span:hover {
            color: #ef8201;
          }
        }

        .item:hover {
          border-bottom: 5px solid #ef8201;
        }

        .secItem {
          border-bottom: 5px solid #ef8201;

          span {
            color: #ef8201;
          }
        }

        .patent {
          position: relative;

          .patentShow {
            display: none;
            position: absolute;
@@ -472,22 +474,27 @@
            border: 1px solid #c2c2c2;
            // box-shadow: 0px 0px 3px 1px;
            z-index: 999;

            li {
              margin: 2px 0;
              text-align: center;
              font-size: 16px;
              color: black;
            }

            li:hover a {
              color: #ef8201;
            }
          }
        }

        .patent:hover .patentShow {
          display: block;
        }

        .Retrieval {
          position: relative;

          .RetrievalShow {
            display: none;
            position: absolute;
@@ -496,30 +503,36 @@
            border: 1px solid #c2c2c2;
            // box-shadow: 0px 0px 3px 1px;
            z-index: 999;

            li {
              height: 40px;
              line-height: 40px;
              text-align: center;
              font-size: 16px;
              color: black;

              span {
                font-size: 20px;
              }
            }

            li:hover a {
              color: #ef8201;
            }
          }
        }

        .Retrieval:hover .RetrievalShow {
          display: block;
        }
      }

      .language {
        cursor: pointer;
        width: 10%;
        display: flex;
        justify-content: space-around;

        li {
          height: 62px;
          line-height: 73px;
@@ -529,10 +542,12 @@
          font-style: normal;
          font-size: 16px;
        }

        li:nth-child(1) {
          color: #ef8201;
        }
      }

      .home_icon,
      .classList,
      .language,
@@ -541,6 +556,7 @@
          display: none;
        }
      }

      .nav {
        @media screen and (max-width: 1280px) {
          position: absolute;
@@ -585,12 +601,14 @@
        width: 100%;
        display: flex;
        justify-content: space-around;

        @media (max-width: 1280px) {
          flex-direction: column;
        }

        .left {
          width: 40%;

          @media (max-width: 1280px) {
            width: 100%;
          }
@@ -602,6 +620,7 @@

        .right {
          width: 50%;

          @media (max-width: 1280px) {
            width: 100%;
          }
@@ -708,6 +727,7 @@
            background: #fafafa;
            position: relative;
            top: 5px;

            @media (max-width: 1280px) {
              display: none;
            }
@@ -729,6 +749,7 @@

        li {
          width: 30%;

          // img:nth-child(2){
          //   width: 105px;
          //   height: 105px;
@@ -782,6 +803,7 @@

        li {
          width: 30%;

          @media (max-width: 1280px) {
            width: 45%;
          }
@@ -829,6 +851,7 @@
  font-style: normal;
  font-size: 14px;
  text-align: center;

  // @media (max-width: 1280px) {
  //   position: relative;
  //   top: var(--height);
@@ -838,6 +861,7 @@
    margin: 0 auto;
    line-height: 80px;
    justify-content: space-between;

    @media (max-width: 1280px) {
      width: 90%;
    }

 src/views/AnalystView.vue

@@ -51,7 +51,9 @@
      <a-table :columns="columns" :data-source="tableList" :rowKey="record => record.Id" :bordered="border"
        :pagination="false">
        <template slot="action" slot-scope='text'>
          <a :href="text.Links" target="_Blank"><a-icon type="link" /></a>
          <!-- <a :href="text.Links" target="_Blank"> -->
            <a-icon type="link" @click="download(text)" />
          <!-- </a> -->
        </template>
      </a-table>
      <!--  -->
@@ -131,7 +133,7 @@
          className: 'AheaderStyle'
        },
        {
          title: '发起机构',
          title: '发布机构',
          dataIndex: 'Description',
          className: 'AheaderStyle'
        },
@@ -186,6 +188,20 @@
  },
  //方法集合
  methods: {
    download(text){
      console.log(text);
      if(text.Attachment){
        var a = document.createElement('a');
      var filename = 'XXX.zip';
      a.href = `http://36.156.46.165/jeecg-boot/sys/common/static/${text.Attachment}`;
      // a.href = `http://36.156.46.165/jeecg-boot/sys/common/static/temp/fi_f-term_1672628543531.pdf`;
      a.download = filename;
      a.click();
      }else{
        this.$message.warning('暂无数据！')
      }
      
    },
    search() {
      getAnalystPage({
        title: this.keyword.trim(),

 src/views/BatchView.vue

@@ -7,10 +7,10 @@
        <!-- <p>1. 可以批量输入公开号、申请号或申请人，检索对应的专利文献。</p>
          <p>2. 输入号码时，可以用逗号、分号、空格或者回车分隔。输入申请人时需要用回车分隔，每个申请人一行。</p>
          <p>3. 进行批量号码检索时，最多可输入5000个号码。</p> -->
         <p>1、可以批量输入公开号、申请号或申请人，检索对应的专利文献。</p>
         <p>2、输入号码时，可以用逗号、分号、空格或者回车分隔，输入申请人时需要用回车分隔，每个申请人一行。</p>
         <p>3、进行批量号码检索时，最多可输入5000个号码。</p>
         <p>4、点击“检索”按钮，即可查找相关匹配内容。当有未匹配上的号码如：“CN100317B”，会显示“暂无数据”。</p>
        <p>1、可以批量输入公开号、申请号或申请人，检索对应的专利文献。</p>
        <p>2、输入号码时，可以用逗号、分号、空格或者回车分隔，输入申请人时需要用回车分隔，每个申请人一行。</p>
        <p>3、进行批量号码检索时，单次输入公开号上限是5000，单次输入申请号上限是5000，单次输入申请人上限是2000。</p>
        <p>4、点击“检索”按钮，即可查找相关匹配内容。当有未匹配上的号码如：“CN100317B”，会显示“暂无数据”。</p>
        <!-- <p>
          1.可以批量输入公开(公告)号、申请号或优先权号或申请人,或从本地导入专利号列表,检索对应的专利文献,也可以直接批量下载PDF全文.
        </p>
@@ -44,9 +44,9 @@
          <!-- <a-tab-pane key="4" tab="所有号码">
            <textarea name="" id="" cols="30" rows="10"></textarea>
          </a-tab-pane> -->
          <a-tab-pane key="assigneeHarmonizedNameArray" tab="申请人">
            <a-textarea v-model="searchParams.assigneeHarmonizedNameArray" cols="30" rows="6"
              placeholder="系统将根据申请人列表返回所有匹配的专利信息，单次输入申请人上限是200"></a-textarea>
          <a-tab-pane key="assigneeList" tab="申请人">
            <a-textarea v-model="searchParams.assigneeList" cols="30" rows="6"
              placeholder="系统将根据申请人列表返回所有匹配的专利信息，单次输入申请人上限是2000"></a-textarea>
          </a-tab-pane>
        </a-tabs>
        <ul>
@@ -115,29 +115,29 @@
      searchParams: {
        publicationNumber: '',
        applicationNumber: '',
        assigneeHarmonizedNameArray: ''
        assigneeList: ''
      },
      phoData:[],
      phoData: [],
      columns: [
        {
          title: '号码',
          fontWeight: 'holder',
          align: 'center',
          width: 50,
        

        },
        {
          title: '状态',
          align: 'center',
          dataIndex: 'Name',
           width: 50,
          width: 50,

        },
        {
          title: '监测到的号码',
          dataIndex: 'Url',
          width: 80,
         

        },


@@ -154,6 +154,7 @@
    },
    callback(key) {
      this.currentTab = key
      // console.log(this.currentTab);
    },
    clear() {
      this.searchParams[this.currentTab] = ''
@@ -164,17 +165,29 @@
        return
      }
      JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',')
      if (JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length > 10000) {
        this.$message.warning('输入内容超过限制');
        return
      if (this.currentTab === 'assigneeList') {
        console.log(JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length);
        if (JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length > 2000) {
          console.log(JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length);
          this.$message.warning('输入内容超过限制');
          return
        }
       } else {
        console.log(JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length);
        if (JSON.stringify(this.searchParams[this.currentTab]).replace('\n', ',').replace(';', ',').replace(' ', ',').split(',').length > 5000) {
         
          this.$message.warning('输入内容超过限制');
          return
        }
      }

      let params = {
        keywordField: this.currentTab,
        content: this.searchParams[this.currentTab]
      }
      localStorage.setItem('namiParams','')
      localStorage.setItem('namiParams', '')
      // console.log(JSON.stringify(params));
      // console.log(params);
      console.log(params);
      this.$router.push({
        path: "/smart",
        query: {
@@ -474,7 +487,7 @@
    background: #fff;
    box-shadow: 0 0 2px 0;
    margin-left: 40px;
    

    // border-right: 2px solid #c2c2c2;

    .title {
@@ -504,6 +517,7 @@
    background: #fff;
    margin-right: 40px;
    margin-left: 40px;

    .title {
      width: 100%;
      height: 40px;
@@ -512,6 +526,7 @@
      font-weight: 600;
      padding-left: 5%;
    }

    .tab {
      width: 100%;
      text-align: left;

 src/views/SeniorView.vue

@@ -440,7 +440,7 @@
            let obj = {
              field: item.select,
              childFieldLevel: 0,
              rule: key == "date" ? 'range' : item.select.indexOf('|') < 0 ? "like" : 'or',
              rule: key == "date" ? 'range' : item.select.indexOf('|') < 0 ? "or like" : 'or',
              val: item.text,
            }
            if (key == 'date') {

 src/views/SmartView.vue

@@ -811,7 +811,13 @@
        console.log(this.currentParams);
        params.conditionAnd = [{ childFieldLevel: 0, field: this.currentParams.keywordField, name: type, rule: 'like', val: this.currentParams.content }]
        params.conditionFilter = [{ "countryCode": "", "countryText": "", "kindText": "" }],
        console.log(this.conditionFilter);
        if(this.conditionFilter){
          params.pageNo = this.conditionFilter.pageNo
        }else{
          params.pageNo = 1
        }
          
        params.pageSize = 10
        params.sortFields = [{
          direction: this.direction,
@@ -1190,7 +1196,7 @@
  display: flex;

  .left {
    width: 20%;
    width: 25%;

    .left_search {
      padding: 0 25px;
@@ -1320,7 +1326,7 @@
  }

  .right {
    width: 80%;
    width: 75%;
    padding: 0 20px;

    .header {