提交

ruoyi-ui/src/api/official/partnerSupplier.js

@@ -16,3 +16,11 @@ export function delPartnerSupplier(id) {
     method: 'delete'
   })
 }
+
+export function downFile(url) {
+  return request({
+    url: '/system/oss/download?imageUrl='+ url,
+    method: 'get',
+    responseType: 'blob',
+  })
+}

ruoyi-ui/src/views/official/businessPartner/index.vue

@@ -3,12 +3,7 @@
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
 
       <el-form-item label="公司名称(个人)" prop="companyName">
-        <el-input
+        <el-input v-model="queryParams.companyName" placeholder="请输入公司名称(个人)" clearable @keyup.enter.native="handleQuery" />
-          v-model="queryParams.companyName"
-          placeholder="请输入公司名称(个人)"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
 
       <el-form-item>
@@ -19,37 +14,36 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['official:businessPartner:remove']">删除</el-button>
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['official:businessPartner:remove']"
-        >删除</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="slideshowList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键id" align="center" prop="id" v-if="false"/>
+      <el-table-column label="主键id" align="center" prop="id" v-if="false" />
       <el-table-column label="公司名称(个人)" width="130" align="center" prop="companyName" />
       <el-table-column label="地址" width="230" align="center" prop="address" />
       <el-table-column label="联系电话" width="110" align="center" prop="phoneNumber" />
       <el-table-column label="电子邮箱" width="180" align="center" prop="email" />
-      <el-table-column label="擅长方向" align="center" prop="fieldType" />
+      <el-table-column label="擅长方向" width="320" align="center" prop="fieldType" />
-      <el-table-column label="优势概念" align="center" prop="advantageConcept">
+      <el-table-column label="优势概念" width="320" align="center" prop="advantageConcept">
         <template slot-scope="{ row }">
           <div class="multiple-line-content-show" style="cursor: pointer;" @click="dialogContent(row.advantageConcept, '优势概念')" v-html="row.advantageConcept"></div>
         </template>
       </el-table-column>
-      <el-table-column label="合作意向概述" align="center" prop="cooperationIntention">
+      <el-table-column label="合作意向概述" width="320" align="center" prop="cooperationIntention">
         <template slot-scope="{ row }">
           <div class="multiple-line-content-show" style="cursor: pointer;" @click="dialogContent(row.cooperationIntention, '合作意向概述')" v-html="row.cooperationIntention"></div>
         </template>
       </el-table-column>
+      <el-table-column label="附件" width="400" align="center" prop="imageurl">
+        <template slot-scope="{ row }" v-if="row.imageurl">
+          <div class="line-content-show" style="cursor: pointer;" v-for="(url, index) in row.imageurl.split(',')" :key="'file'+ index" @click="handleDownFile(url)">
+            {{ getFileName(url) }}
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
@@ -57,141 +51,168 @@
       </el-table-column>
       <el-table-column label="操作" width="100" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['official:businessPartner:remove']">删除</el-button>
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['official:businessPartner:remove']"
-          >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
+    <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
   </div>
 </template>
 
 <script>
-import { listPartnerSupplier, delPartnerSupplier } from "@/api/official/partnerSupplier";
+  import {
+    listPartnerSupplier,
+    delPartnerSupplier,
+    downFile
+  } from '@/api/official/partnerSupplier'
 
-export default {
+  export default {
-  name: "FeedBack",
+    name: 'FeedBack',
-  data() {
+    data() {
-    return {
+      return {
-      // 按钮loading
+        // 按钮loading
-      buttonLoading: false,
+        buttonLoading: false,
-      // 遮罩层
+        // 遮罩层
-      loading: true,
+        loading: true,
-      // 选中数组
+        // 选中数组
-      ids: [],
+        ids: [],
-      // 非单个禁用
+        // 非单个禁用
-      single: true,
+        single: true,
-      // 非多个禁用
+        // 非多个禁用
-      multiple: true,
+        multiple: true,
-      // 显示搜索条件
+        // 显示搜索条件
-      showSearch: true,
+        showSearch: true,
-      // 总条数
+        // 总条数
-      total: 0,
+        total: 0,
-      // 表格数据
+        // 表格数据
-      slideshowList: [],
+        slideshowList: [],
-      // 是否显示弹出层
+        // 是否显示弹出层
-      open: false,
+        open: false,
-      // 查询参数
+        // 查询参数
-      queryParams: {
+        queryParams: {
-        pageNum: 1,
+          pageNum: 1,
-        pageSize: 10,
+          pageSize: 10,
-        propertiesType: 1,
+          propertiesType: 1,
-        companyName: undefined,
+          companyName: undefined
+        }
+      }
+    },
+    created() {
+      this.getList()
+    },
+    methods: {
+      // 获取文件名称
+      getFileName(name) {
+        // 如果是url那么取最后的名字 如果不是直接返回
+        if (name.lastIndexOf('/') > -1) {
+          return name.slice(name.lastIndexOf('/') + 1)
+        } else {
+          return name
+        }
       },
-    };
+      handleDownFile(url) {
-  },
+        downFile(url).then(res => {
-  created() {
+          // 通过a标签打开新页面下载文件
-    this.getList();
+          const downLoadName = this.getFileName(url)
-  },
+          const a = document.createElement('a')
-  methods: {
+          a.href = URL.createObjectURL(res)
-    /** 查询新闻信息
+          // a标签里有download属性可以自定义文件名
-列表 */
+          a.setAttribute('download', downLoadName)
-    getList() {
+          document.body.appendChild(a)
-      this.loading = true;
+          a.click()
-      listPartnerSupplier(this.queryParams).then(response => {
+          document.body.removeChild(a)
-        this.slideshowList = response.rows;
+        })
-        this.total = response.total;
+      },
-        this.loading = false;
+      /** 查询新闻信息
-      });
+  列表 */
-    },
+      getList() {
-    // 取消按钮
+        this.loading = true
-    cancel() {
+        listPartnerSupplier(this.queryParams).then(response => {
-      this.open = false;
+          this.slideshowList = response.rows
-      this.reset();
+          this.total = response.total
-    },
+          this.loading = false
-    // 表单重置
+        })
-    reset() {
+      },
-      this.form = {
+      // 取消按钮
-        id: undefined,
+      cancel() {
-        captionName: undefined,
+        this.open = false
-      };
+        this.reset()
-      this.resetForm("form");
+      },
-    },
+      // 表单重置
-    /** 搜索按钮操作 */
+      reset() {
-    handleQuery() {
+        this.form = {
-      this.queryParams.pageNum = 1;
+          id: undefined,
-      this.getList();
+          captionName: undefined
-    },
+        }
-    /** 重置按钮操作 */
+        this.resetForm('form')
-    resetQuery() {
+      },
-      this.resetForm("queryForm");
+      /** 搜索按钮操作 */
-      this.handleQuery();
+      handleQuery() {
-    },
+        this.queryParams.pageNum = 1
-    // 多选框选中数据
+        this.getList()
-    handleSelectionChange(selection) {
+      },
-      this.ids = selection.map(item => item.id)
+      /** 重置按钮操作 */
-      this.single = selection.length!==1
+      resetQuery() {
-      this.multiple = !selection.length
+        this.resetForm('queryForm')
-    },
+        this.handleQuery()
-    /** 删除按钮操作 */
+      },
-    handleDelete(row) {
+      // 多选框选中数据
-      const ids = row.id || this.ids;
+      handleSelectionChange(selection) {
-      this.$modal.confirm('是否确认删除编号为"' + ids + '"的数据项？').then(() => {
+        this.ids = selection.map(item => item.id)
-        this.loading = true;
+        this.single = selection.length !== 1
-        return delPartnerSupplier(ids);
+        this.multiple = !selection.length
-      }).then(() => {
+      },
-        this.loading = false;
+      /** 删除按钮操作 */
-        this.getList();
+      handleDelete(row) {
-        this.$modal.msgSuccess("删除成功");
+        const ids = row.id || this.ids
-      }).catch(() => {
+        this.$modal
-      }).finally(() => {
+          .confirm('是否确认删除编号为"' + ids + '"的数据项？')
-        this.loading = false;
+          .then(() => {
-      });
+            this.loading = true
-    },
+            return delPartnerSupplier(ids)
-    dialogContent(feedContent, title) {
+          })
-      this.$alert(feedContent, title, {
+          .then(() => {
-        confirmButtonText: '确定',
+            this.loading = false
-        callback: action => {}
+            this.getList()
-      });
+            this.$modal.msgSuccess('删除成功')
+          })
+          .catch(() => {})
+          .finally(() => {
+            this.loading = false
+          })
+      },
+      dialogContent(feedContent, title) {
+        this.$alert(feedContent, title, {
+          confirmButtonText: '确定',
+          callback: action => {}
+        })
+      }
     }
   }
-};
 </script>
 
 <style scoped lang="scss">
-::v-deep .multiple-line-content-show p {
+  ::v-deep .multiple-line-content-show p {
-  margin: 0;
+    margin: 0;
-}
+  }
-// 修改对话框高度
+  .line-content-show {
-::v-deep .el-dialog {
+    overflow: hidden;
-  height: 92%;
+    text-overflow: ellipsis;
-  overflow: hidden;
+    display: -webkit-box;
-}
+    -webkit-box-orient: vertical;
-::v-deep .el-dialog__body {    
+    -webkit-line-clamp: 1;
-  padding: 30px 20px 0;
+    white-space: pre-wrap;
-  height: 89%;
+    text-align: left;
-  overflow-y: auto;
+  }
-}
+  // 修改对话框高度
+  ::v-deep .el-dialog {
+    height: 92%;
+    overflow: hidden;
+  }
+  ::v-deep .el-dialog__body {
+    padding: 30px 20px 0;
+    height: 89%;
+    overflow-y: auto;
+  }
 </style>

ruoyi-ui/src/views/official/supplier/index.vue

@@ -60,6 +60,13 @@
           <div class="multiple-line-content-show" style="cursor: pointer;" @click="dialogContent(row.cooperationIntention, '合作意向概述')" v-html="row.cooperationIntention"></div>
         </template>
       </el-table-column>
+      <el-table-column label="附件" width="400" align="center" prop="imageurl">
+        <template slot-scope="{ row }" v-if="row.imageurl">
+          <div class="line-content-show" style="cursor: pointer;" v-for="(url, index) in row.imageurl.split(',')" :key="'file'+ index" @click="handleDownFile(url)">
+            {{ getFileName(url) }}
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
@@ -89,7 +96,7 @@
 </template>
 
 <script>
-import { listPartnerSupplier, delPartnerSupplier } from "@/api/official/partnerSupplier";
+import { listPartnerSupplier, delPartnerSupplier, downFile } from "@/api/official/partnerSupplier";
 
 export default {
   name: "FeedBack",
@@ -126,6 +133,28 @@ export default {
     this.getList();
   },
   methods: {
+    // 获取文件名称
+    getFileName(name) {
+      // 如果是url那么取最后的名字 如果不是直接返回
+      if (name.lastIndexOf('/') > -1) {
+        return name.slice(name.lastIndexOf('/') + 1)
+      } else {
+        return name
+      }
+    },
+    handleDownFile(url) {
+      downFile(url).then(res => {
+        // 通过a标签打开新页面下载文件
+        const downLoadName = this.getFileName(url)
+        const a = document.createElement('a')
+        a.href = URL.createObjectURL(res)
+        // a标签里有download属性可以自定义文件名
+        a.setAttribute('download', downLoadName)
+        document.body.appendChild(a)
+        a.click()
+        document.body.removeChild(a)
+      })
+    },
     /** 查询新闻信息
 列表 */
     getList() {
@@ -194,6 +223,15 @@ export default {
 ::v-deep .multiple-line-content-show p {
   margin: 0;
 }
+.line-content-show {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  white-space: pre-wrap;
+  text-align: left;
+}
 // 修改对话框高度
 ::v-deep .el-dialog {
   height: 92%;