软件开发过程中遇到一个傻嘚业主能让你抓狂-CSDN博客

文章讨论了在网站项目中遇到的PDF文件处理问题，包括使用vue-pdf插件预览PDF并尝试将PDF首页作为封面替代原有的封面上传功能，以及业主要求去除排序字段的需求。同时，提到了按中文文字排序的问题，解决方案是在mybatis中根据字段进行desc排序，即使字段包含数字。

背景

之前的一个网站交付了之后，业主一直未验收，今天忽然间开始了他的扯淡需求调整。

问题1

有一个问题是pdf文件上传显示问题，目前是pdf有一个封面要上传，排序字段可自动调整控制。但是就这么好用的功能，被他给pass掉。非要去掉排序字段和封面。

封面去掉还可以理解，以pdf首页代替封面效果。但是这个排序你给去掉，是不是有点蠢呢，这样你怎么手动调整排序？

说说如何将这个pdf首页作为封面

使用vue-pdf插件实现预览功能

环境中安装vue-pdf插件
```
npm install --save vue-pdf
```

在我们的vue页面中应用下面代码实现

<template>
  <div class="scrollBox">
      <pdf v-for="item in numPages" :key="item" :src="pdfSrc" :page="item" ref="pdf"></pdf>
  </div>
</template>

业务逻辑的实现功能，如下代码

<script>
import pdf from 'vue-pdf'
export default {
  components:{
      pdf
  },
  data(){
      return {
          pdfSrc:"http://image.cache.timepack.cn/nodejs.pdf",
          # pdf 总页数
          numPages: null,
      }
  },
  mounted() {
      this.getNumPages()
  },
  methods: {
    # 计算pdf页码总数
    getNumPages() {
      let loadingTask = pdf.createLoadingTask(this.pdfSrc)
      loadingTask.promise.then(pdf => {
        this.numPages = pdf.numPages
      }).catch(err => {
        console.error('pdf已经加载失败了', err);
      })
    },
  }
</script>