背景

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

问题1

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

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

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

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

1. 环境中安装vue-pdf插件

   npm install --save vue-pdf

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

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

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

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

问题2

按照文字排序。之前有排序字段调整，非要用中文文字排序。

解决问题，这个问题正好因为文字中有数字，即可按照此字段排序，

mybatis中的字段支持中文排序。按照字段的desc排序即可