调整图片上传样式

This commit is contained in:
icssoa 2022-05-17 01:11:33 +08:00
parent e622e50f22
commit 5945fb80ba
5 changed files with 37 additions and 19 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "front-next", "name": "front-next",
"version": "5.1.5", "version": "5.1.6",
"scripts": { "scripts": {
"dev": "vite --host", "dev": "vite --host",
"build": "vite build", "build": "vite build",

View File

@ -5,7 +5,7 @@ import { isArray, isEmpty } from "lodash";
// 获取标签名 // 获取标签名
function getNames(v: any) { function getNames(v: any) {
return Object.getOwnPropertyNames(v.constructor.prototype).filter( return [...Object.getOwnPropertyNames(v.constructor.prototype), ...Object.keys(v)].filter(
(e) => !["namespace", "constructor", "request", "permission"].includes(e) (e) => !["namespace", "constructor", "request", "permission"].includes(e)
); );
} }

View File

@ -7,7 +7,7 @@ import { href, storage } from "/@/cool/utils";
import { useBaseStore } from "/$/base"; import { useBaseStore } from "/$/base";
axios.defaults.timeout = 30000; axios.defaults.timeout = 30000;
axios.defaults.withCredentials = true; axios.defaults.withCredentials = false;
NProgress.configure({ NProgress.configure({
showSpinner: false showSpinner: false

View File

@ -294,13 +294,14 @@ export default defineComponent({
d = list.value[0] || {}; d = list.value[0] || {};
} }
//
const prem = service.base.sys.department._permission;
ContextMenu.open(e, { ContextMenu.open(e, {
list: [ list: [
{ {
label: "新增", label: "新增",
hidden: hidden: (n && n.level >= props.level) || !prem.add,
(n && n.level >= props.level) ||
!service.base.sys.department.permission.add,
callback(done) { callback(done) {
rowEdit({ rowEdit({
name: "", name: "",
@ -312,7 +313,7 @@ export default defineComponent({
}, },
{ {
label: "编辑", label: "编辑",
hidden: !service.base.sys.department.permission.update, hidden: !prem.update,
callback(done) { callback(done) {
rowEdit(d); rowEdit(d);
done(); done();
@ -320,7 +321,7 @@ export default defineComponent({
}, },
{ {
label: "删除", label: "删除",
hidden: !d.parentId || !service.base.sys.department.permission.delete, hidden: !d.parentId || !prem.delete,
callback(done) { callback(done) {
rowDel(d); rowDel(d);
done(); done();

View File

@ -89,8 +89,8 @@
<template #header> <template #header>
<el-upload <el-upload
ref="Upload" ref="Upload"
class="un-drag"
action="" action=""
class="un-drag"
:accept="accept" :accept="accept"
:show-file-list="false" :show-file-list="false"
:before-upload="beforeUpload" :before-upload="beforeUpload"
@ -108,7 +108,7 @@
</template> </template>
<template v-else-if="type == 'file'"> <template v-else-if="type == 'file'">
<div> <div class="cl-upload__btn">
<el-button type="success">{{ text }}</el-button> <el-button type="success">{{ text }}</el-button>
</div> </div>
</template> </template>
@ -308,7 +308,7 @@ async function httpRequest(req: any, item?: any) {
const data = new FormData(); const data = new FormData();
for (const i in params) { for (const i in params) {
if (i != "host") { if (!["host", "publicDomain", "fileKey", "uploadUrl", "preview"].includes(i)) {
data.append(i, params[i]); data.append(i, params[i]);
} }
} }
@ -344,7 +344,7 @@ async function httpRequest(req: any, item?: any) {
if (mode === "local") { if (mode === "local") {
item.url = res; item.url = res;
} else { } else {
item.url = `${params.host}/${fileName}`; item.url = `${params.preview}/${fileName}`;
} }
emit("success", item); emit("success", item);
@ -352,10 +352,12 @@ async function httpRequest(req: any, item?: any) {
update(); update();
}) })
.catch((err) => { .catch((err) => {
ElMessage.error(err.message); if (mode == "local") {
item.error = err.message; ElMessage.error(err.message);
emit("error", item); item.error = err.message;
reject(err); emit("error", item);
reject(err);
}
}); });
} }
@ -364,7 +366,16 @@ async function httpRequest(req: any, item?: any) {
host: "/admin/base/comm/upload" host: "/admin/base/comm/upload"
}); });
} else { } else {
service.base.comm.upload().then(next).catch(reject); service.base.comm
.upload()
.then((res) => {
next({
host: res.uploadUrl,
preview: res.host || res.publicDomain,
...res
});
})
.catch(reject);
} }
}); });
} catch (err) { } catch (err) {
@ -464,7 +475,13 @@ defineExpose({
} }
.un-drag { .un-drag {
margin-right: 5px; .cl-upload__item {
margin-right: 5px;
}
.cl-upload__btn {
margin-bottom: 5px;
}
} }
&--file { &--file {
@ -473,7 +490,6 @@ defineExpose({
.un-drag { .un-drag {
width: 100%; width: 100%;
margin-bottom: 5px;
} }
} }
} }
@ -531,6 +547,7 @@ defineExpose({
color: #333; color: #333;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
user-select: none;
&:hover { &:hover {
border-color: currentColor; border-color: currentColor;