对象存储页面重构，优化页面水印显示

src/App.vue

@@ -7,11 +7,14 @@ import watermark from '@/utils/watermark.js';
 
 const setWater = () => {
   const userInfo = localStorage.getItem('TWMS-userInfo');
+  const WarehouseName = localStorage.getItem('WarehouseName');
   if (!userInfo) {
     return;
   }
 
-  watermark.set(userInfo ? '货无忧 - ' + JSON.parse(userInfo).content.nick_name : '货无忧');
+  watermark.set(
+    userInfo ? WarehouseName + ' - ' + JSON.parse(userInfo).content.nick_name : '货无忧'
+  );
 };
 
 setWater();

src/api/resource/oss.js

@@ -1,14 +1,10 @@
 import request from '@/axios';
 
-export const getList = (current, size, params) => {
+export const getList = params => {
   return request({
     url: '/blade-resource/oss/list',
     method: 'get',
-    params: {
+    params,
-      ...params,
-      current,
-      size,
-    },
   });
 };
 

src/option/resource/oss.js

@@ -0,0 +1,116 @@
+export const columnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'categoryName',
+    label: '分类',
+    type: 3,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'ossCode',
+    label: '资源编号',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'endpoint',
+    label: '资源地址',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'bucketName',
+    label: '空间名',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'accessKey',
+    label: 'accessKey',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'secretKey',
+    label: 'secretKey',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'statusName',
+    label: '是否启用',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    label: '备注',
+    prop: 'remark',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+];

src/utils/watermark.js

@@ -10,12 +10,12 @@ let setWatermark = str => {
   }
 
   let can = document.createElement('canvas');
-  can.width = 800;
+  can.width = 400;
-  can.height = 800;
+  can.height = 400;
 
   let cans = can.getContext('2d');
   cans.rotate((-15 * Math.PI) / 150);
-  cans.font = '50px Vedana';
+  cans.font = '25px Vedana';
   cans.fillStyle = 'rgba(17, 17, 17, 0.10)';
   cans.textAlign = 'left';
   cans.textBaseline = 'Middle';
@@ -24,13 +24,13 @@ let setWatermark = str => {
   let div = document.createElement('div');
   div.id = id;
   div.style.pointerEvents = 'none';
-  div.style.top = '50px';
+  div.style.top = '0px';
-  div.style.left = '500px';
+  div.style.left = '0px';
   div.style.position = 'fixed';
   div.style.zIndex = '1000000';
   div.style.width = document.documentElement.clientWidth + 'px';
   div.style.height = document.documentElement.clientHeight + 'px';
-  div.style.background = 'url(' + can.toDataURL('image/png') + ') left top no-repeat';
+  div.style.background = 'url(' + can.toDataURL('image/png') + ') left top ';
   document.body.appendChild(div);
   return id;
 };