duxianjin..
/
qn-sim-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix:修改图片大小限制

confidence
杜贤金 3 years ago
parent
0cdf36dd55
commit
ba9494b6fd
5 changed files with 469 additions and 356 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 765
      src/views/base/region.vue
  2. 45
      src/views/communicationmanage/flowpool/flowpool.vue
  3. 5
      src/views/mallmanagement/banner/index.vue
  4. 5
      src/views/mallmanagement/shopmanagement/index.vue
  5. 5
      src/views/mallmanagement/specification/index.vue

765
src/views/base/region.vue
Unescape View File

@ -4,7 +4,11 @@
<div class="box"> <div class="box">
<el-scrollbar> <el-scrollbar>
<basic-container> <basic-container>
<avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"/> <avue-tree
:option="treeOption"
:data="treeData"
@node-click="nodeClick"
/>
</basic-container> </basic-container>
</el-scrollbar> </el-scrollbar>
</div> </div>
@ -12,26 +16,75 @@
<el-col :span="15"> <el-col :span="15">
<basic-container> <basic-container>
<el-button-group> <el-button-group>
<el-button v-if="permission.region_add" type="primary" size="small" icon="el-icon-circle-plus-outline" @click="addChildren">新增下级</el-button> <el-button
<el-button v-if="permission.region_delete" type="primary" size="small" icon="el-icon-delete" @click="handleDelete">删除</el-button> v-if="permission.region_add"
<el-button v-if="permission.region_import" type="primary" size="small" icon="el-icon-upload2" @click="handleImport">导入</el-button> type="primary"
<el-button v-if="permission.region_export" type="primary" size="small" icon="el-icon-download" @click="handleExport">导出</el-button> size="small"
<el-button v-if="permission.region_debug" type="primary" size="small" icon="el-icon-video-play" @click="handleDebug">调试</el-button> icon="el-icon-circle-plus-outline"
@click="addChildren"
>新增下级</el-button
>
<el-button
v-if="permission.region_delete"
type="primary"
size="small"
icon="el-icon-delete"
@click="handleDelete"
>删除</el-button
>
<el-button
v-if="permission.region_import"
type="primary"
size="small"
icon="el-icon-upload2"
@click="handleImport"
>导入</el-button
>
<el-button
v-if="permission.region_export"
type="primary"
size="small"
icon="el-icon-download"
@click="handleExport"
>导出</el-button
>
<el-button
v-if="permission.region_debug"
type="primary"
size="small"
icon="el-icon-video-play"
@click="handleDebug"
>调试</el-button
>
</el-button-group> </el-button-group>
</basic-container> </basic-container>
<basic-container> <basic-container>
<avue-form ref="form" :option="regionOption" v-model="regionForm" @submit="handleSubmit"> <avue-form
ref="form"
:option="regionOption"
v-model="regionForm"
@submit="handleSubmit"
>
<template slot="code" slot-scope="{}"> <template slot="code" slot-scope="{}">
<el-input placeholder="请输入 区划子编号" v-model="regionForm.subCode"> <el-input
<template slot="prepend">{{regionForm.parentCode}}</template> placeholder="请输入 区划子编号"
v-model="regionForm.subCode"
>
<template slot="prepend">{{ regionForm.parentCode }}</template>
</el-input> </el-input>
</template> </template>
</avue-form> </avue-form>
<el-dialog title="行政区划数据导入" <el-dialog
append-to-body title="行政区划数据导入"
:visible.sync="excelBox" append-to-body
width="555px"> :visible.sync="excelBox"
<avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter"> width="555px"
>
<avue-form
:option="excelOption"
v-model="excelForm"
:upload-after="uploadAfter"
>
<template slot="excelTemplate"> <template slot="excelTemplate">
<el-button type="primary" @click="handleTemplate"> <el-button type="primary" @click="handleTemplate">
点击下载<i class="el-icon-download el-icon--right"></i> 点击下载<i class="el-icon-download el-icon--right"></i>
@ -39,11 +92,13 @@
</template> </template>
</avue-form> </avue-form>
</el-dialog> </el-dialog>
<el-dialog title="行政区划数据调试" <el-dialog
append-to-body title="行政区划数据调试"
:visible.sync="debugBox" append-to-body
width="350px"> :visible.sync="debugBox"
<avue-form :option="debugOption" v-model="debugForm"/> width="350px"
>
<avue-form :option="debugOption" v-model="debugForm" />
</el-dialog> </el-dialog>
</basic-container> </basic-container>
</el-col> </el-col>
@ -51,367 +106,399 @@
</template> </template>
<script> <script>
import {getLazyTree, getDetail, submit, remove} from "@/api/base/region"; import { getLazyTree, getDetail, submit, remove } from "@/api/base/region";
import {mapGetters} from "vuex"; import { mapGetters } from "vuex";
import {validatenull} from "@/util/validate"; import { validatenull } from "@/util/validate";
import {getToken} from "@/util/auth"; import { getToken } from "@/util/auth";
export default { export default {
data() { data() {
return { return {
topCode: '00', topCode: "00",
treeCode: '', treeCode: "",
treeParentCode: '', treeParentCode: "",
treeData: [], treeData: [],
treeOption: { treeOption: {
nodeKey: 'id', nodeKey: "id",
lazy: true, lazy: true,
treeLoad: function (node, resolve) { treeLoad: function (node, resolve) {
const parentCode = (node.level === 0) ? "00" : node.data.id; const parentCode = node.level === 0 ? "00" : node.data.id;
getLazyTree(parentCode).then(res => { getLazyTree(parentCode).then((res) => {
resolve(res.data.data.map(item => { resolve(
res.data.data.map((item) => {
return { return {
...item, ...item,
leaf: !item.hasChildren leaf: !item.hasChildren,
} };
})) })
}); );
}, });
addBtn: false,
menu: false,
size: 'small',
props: {
labelText: '标题',
label: 'title',
value: 'value',
children: 'children'
}
}, },
regionForm: {}, addBtn: false,
regionOption: { menu: false,
labelWidth: 100, size: "small",
column: [ props: {
{ labelText: "标题",
label: "父区划编号", label: "title",
prop: "parentCode", value: "value",
span: 24, children: "children",
disabled: true, },
rules: [{ },
regionForm: {},
regionOption: {
labelWidth: 100,
column: [
{
label: "父区划编号",
prop: "parentCode",
span: 24,
disabled: true,
rules: [
{
required: true, required: true,
message: "请输入父区划编号", message: "请输入父区划编号",
trigger: "blur" trigger: "blur",
}] },
}, ],
{ },
label: "父区划名称", {
prop: "parentName", label: "父区划名称",
span: 24, prop: "parentName",
disabled: true, span: 24,
}, disabled: true,
{ },
label: "区划编号", {
prop: "code", label: "区划编号",
formslot: true, prop: "code",
span: 24, formslot: true,
rules: [{ span: 24,
rules: [
{
required: true, required: true,
message: "请输入区划编号", message: "请输入区划编号",
trigger: "blur" trigger: "blur",
}] },
}, ],
{ },
label: "区划子编号", {
prop: "subCode", label: "区划子编号",
display: false, prop: "subCode",
}, display: false,
{ },
label: "区划名称", {
prop: "name", label: "区划名称",
span: 24, prop: "name",
rules: [{ span: 24,
rules: [
{
required: true, required: true,
message: "请输入区划名称", message: "请输入区划名称",
trigger: "blur" trigger: "blur",
}]
},
{
label: "区划等级",
prop: "regionLevel",
type: "radio",
dicUrl: "/api/iot-system/dict/dictionary?code=region",
props: {
label: "dictValue",
value: "dictKey"
}, },
dataType: "number", ],
span: 24, },
rules: [{ {
label: "区划等级",
prop: "regionLevel",
type: "radio",
dicUrl: "/api/iot-system/dict/dictionary?code=region",
props: {
label: "dictValue",
value: "dictKey",
},
dataType: "number",
span: 24,
rules: [
{
required: true, required: true,
message: "请选择区划等级", message: "请选择区划等级",
trigger: "blur" trigger: "blur",
}] },
}, ],
{ },
label: "区划排序", {
prop: "sort", label: "区划排序",
type: "number", prop: "sort",
span: 24, type: "number",
rules: [{ span: 24,
rules: [
{
required: true, required: true,
message: "请输入区划排序", message: "请输入区划排序",
trigger: "blur" trigger: "blur",
}]
},
{
label: "区划备注",
prop: "remark",
type: "textarea",
minRows: 6,
span: 24,
},
]
},
excelBox: false,
excelForm: {},
excelOption: {
submitBtn: false,
emptyBtn: false,
column: [
{
label: '模板上传',
prop: 'excelFile',
type: 'upload',
drag: true,
loadText: '模板上传中，请稍等',
span: 24,
propsHttp: {
res: 'data'
}, },
tip: '请上传 .xls,.xlsx 标准格式文件', ],
action: "/api/iot-system/region/import-region" },
}, {
{ label: "区划备注",
label: "数据覆盖", prop: "remark",
prop: "isCovered", type: "textarea",
type: "switch", minRows: 6,
align: "center", span: 24,
width: 80, },
dicData: [ ],
{ },
label: "否", excelBox: false,
value: 0 excelForm: {},
}, excelOption: {
{ submitBtn: false,
label: "是", emptyBtn: false,
value: 1 column: [
} {
], label: "模板上传",
value: 0, prop: "excelFile",
slot: true, type: "upload",
rules: [ drag: true,
{ loadText: "模板上传中，请稍等",
required: true, span: 24,
message: "请选择是否覆盖", propsHttp: {
trigger: "blur" res: "data",
}
]
}, },
{ tip: "请上传 .xls,.xlsx 标准格式文件",
label: '模板下载', action: "/api/iot-system/region/import-region",
prop: 'excelTemplate', },
formslot: true, {
span: 24, label: "数据覆盖",
} prop: "isCovered",
] type: "switch",
}, align: "center",
debugBox: false, width: 80,
debugForm: {}, dicData: [
debugOption: { {
labelWidth: 50, label: "否",
submitBtn: false, value: 0,
emptyBtn: false,
column: [
{
label: '省份',
prop: 'province',
type: 'select',
props: {
label: 'name',
value: 'code'
}, },
cascaderItem: ['city', 'district'], {
dicUrl: '/api/iot-system/region/select', label: "是",
span: 24, value: 1,
},
{
label: '地市',
prop: 'city',
type: 'select',
props: {
label: 'name',
value: 'code'
}, },
dicFlag: false, ],
dicUrl: '/api/iot-system/region/select?code={{key}}', value: 0,
span: 24, slot: true,
}, rules: [
{ {
label: '区县', required: true,
prop: 'district', message: "请选择是否覆盖",
type: 'select', trigger: "blur",
props: {
label: 'name',
value: 'code'
}, },
dicFlag: false, ],
dicUrl: '/api/iot-system/region/select?code={{key}}', },
span: 24, {
} label: "模板下载",
] prop: "excelTemplate",
} formslot: true,
}; span: 24,
}, },
watch: { ],
'regionForm.subCode'() {
this.regionForm.code = this.regionForm.parentCode + this.regionForm.subCode;
}, },
'excelForm.isCovered'() { debugBox: false,
if (this.excelForm.isCovered !== '') { debugForm: {},
const column = this.findObject(this.excelOption.column, "excelFile"); debugOption: {
column.action = `/api/iot-system/region/import-region?isCovered=${this.excelForm.isCovered}`; labelWidth: 50,
} submitBtn: false,
emptyBtn: false,
column: [
{
label: "省份",
prop: "province",
type: "select",
props: {
label: "name",
value: "code",
},
cascaderItem: ["city", "district"],
dicUrl: "/api/iot-system/region/select",
span: 24,
},
{
label: "地市",
prop: "city",
type: "select",
props: {
label: "name",
value: "code",
},
dicFlag: false,
dicUrl: "/api/iot-system/region/select?code={{key}}",
span: 24,
},
{
label: "区县",
prop: "district",
type: "select",
props: {
label: "name",
value: "code",
},
dicFlag: false,
dicUrl: "/api/iot-system/region/select?code={{key}}",
span: 24,
},
],
},
};
},
watch: {
"regionForm.subCode"() {
this.regionForm.code =
this.regionForm.parentCode + this.regionForm.subCode;
},
"excelForm.isCovered"() {
if (this.excelForm.isCovered !== "") {
const column = this.findObject(this.excelOption.column, "excelFile");
column.action = `/api/iot-system/region/import-region?isCovered=${this.excelForm.isCovered}`;
} }
}, },
computed: { },
...mapGetters(["permission"]), computed: {
permissionList() { ...mapGetters(["permission"]),
return { permissionList() {
addBtn: this.vaildData(this.permission.region_add, false), return {
viewBtn: this.vaildData(this.permission.region_view, false), addBtn: this.vaildData(this.permission.region_add, false),
delBtn: this.vaildData(this.permission.region_delete, false), viewBtn: this.vaildData(this.permission.region_view, false),
editBtn: this.vaildData(this.permission.region_edit, false) delBtn: this.vaildData(this.permission.region_delete, false),
}; editBtn: this.vaildData(this.permission.region_edit, false),
}, };
ids() { },
let ids = []; ids() {
this.selectionList.forEach(ele => { let ids = [];
ids.push(ele.id); this.selectionList.forEach((ele) => {
ids.push(ele.id);
});
return ids.join(",");
},
},
methods: {
initTree() {
this.treeData = [];
getLazyTree(this.topCode).then((res) => {
this.treeData = res.data.data.map((item) => {
return {
...item,
leaf: !item.hasChildren,
};
}); });
return ids.join(","); });
},
nodeClick(data) {
const column = this.findObject(this.regionOption.column, "parentCode");
column.disabled = true;
this.treeCode = data.id;
this.treeParentCode = data.parentId;
getDetail(this.treeCode).then((res) => {
this.regionForm = res.data.data;
this.regionForm.subCode = this.regionForm.code.replace(
this.regionForm.parentCode,
""
);
});
},
addChildren() {
if (
validatenull(this.regionForm.code) ||
validatenull(this.regionForm.name)
) {
this.$message.warning("请先选择一项区划");
return;
} }
this.regionForm.parentCode = this.regionForm.code;
this.regionForm.parentName = this.regionForm.name;
this.regionForm.code = "";
this.regionForm.subCode = "";
this.regionForm.name = "";
this.regionForm.regionLevel =
this.regionForm.regionLevel === 5 ? 5 : this.regionForm.regionLevel + 1;
}, },
methods: { handleSubmit(form, done, loading) {
initTree() { const parentCode =
this.treeData = []; form.parentCode === this.topCode ? "" : form.parentCode;
getLazyTree(this.topCode).then(res => { form.code = parentCode + form.subCode;
this.treeData = res.data.data.map(item => { submit(form).then(
return { () => {
...item,
leaf: !item.hasChildren
}
})
});
},
nodeClick(data) {
const column = this.findObject(this.regionOption.column, "parentCode");
column.disabled = true;
this.treeCode = data.id;
this.treeParentCode = data.parentId;
getDetail(this.treeCode).then(res => {
this.regionForm = res.data.data;
this.regionForm.subCode = this.regionForm.code.replace(this.regionForm.parentCode, '');
})
},
addChildren() {
if (validatenull(this.regionForm.code) || validatenull(this.regionForm.name)) {
this.$message.warning("请先选择一项区划");
return;
}
this.regionForm.parentCode = this.regionForm.code;
this.regionForm.parentName = this.regionForm.name;
this.regionForm.code = '';
this.regionForm.subCode = '';
this.regionForm.name = '';
this.regionForm.regionLevel = (this.regionForm.regionLevel === 5) ? 5 : this.regionForm.regionLevel + 1;
},
handleSubmit(form, done, loading) {
const parentCode = form.parentCode === this.topCode ? '' : form.parentCode;
form.code = parentCode + form.subCode;
submit(form).then(() => {
this.$message({ this.$message({
type: "success", type: "success",
message: "操作成功!" message: "操作成功!",
}); });
this.initTree(); this.initTree();
this.regionForm.subCode = ''; this.regionForm.subCode = "";
this.$refs.form.resetForm(); this.$refs.form.resetForm();
done(); done();
}, error => { },
(error) => {
loading(); loading();
window.console.log(error); window.console.log(error);
});
},
handleDelete() {
if (validatenull(this.regionForm.code)) {
this.$message.warning("请先选择一项区划");
return;
} }
this.$confirm(`确定将 [${this.regionForm.name}] 数据删除?`, { );
confirmButtonText: "确定", },
cancelButtonText: "取消", handleDelete() {
type: "warning" if (validatenull(this.regionForm.code)) {
this.$message.warning("请先选择一项区划");
return;
}
this.$confirm(`确定将 [${this.regionForm.name}] 数据删除?`, {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
return remove(this.treeCode);
}) })
.then(() => { .then(() => {
return remove(this.treeCode); this.$message({
}) type: "success",
.then(() => { message: "操作成功!",
this.$message({
type: "success",
message: "操作成功!"
});
this.initTree();
this.regionForm.subCode = '';
this.$refs.form.resetForm();
}); });
}, this.initTree();
uploadAfter(res, done, loading, column) { this.regionForm.subCode = "";
window.console.log(column); this.$refs.form.resetForm();
this.excelBox = false;
this.initTree();
done();
},
handleDebug() {
this.debugBox = true;
},
handleImport() {
this.excelBox = true;
},
handleExport() {
this.$confirm("是否导出行政区划数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
window.open(`/api/iot-system/region/export-region?${this.website.tokenHeader}=${getToken()}`);
}); });
}, },
handleTemplate() { uploadAfter(res, done, loading, column) {
window.open(`/api/iot-system/region/export-template?${this.website.tokenHeader}=${getToken()}`); window.console.log(column);
}, this.excelBox = false;
} this.initTree();
}; done();
},
handleDebug() {
this.debugBox = true;
},
handleImport() {
this.excelBox = true;
},
handleExport() {
this.$confirm("是否导出行政区划数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
window.open(
`/api/iot-system/region/export-region?${
this.website.tokenHeader
}=${getToken()}`
);
});
},
handleTemplate() {
window.open(
`/api/iot-system/region/export-template?${
this.website.tokenHeader
}=${getToken()}`
);
},
},
};
</script> </script>
<style> <style>
.box { .box {
height: 800px; height: 800px;
} }
.el-scrollbar { .el-scrollbar {
height: 100%; height: 100%;
} }
.box .el-scrollbar__wrap { .box .el-scrollbar__wrap {
overflow: scroll; overflow: scroll;
} }
</style> </style>

45
src/views/communicationmanage/flowpool/flowpool.vue
Unescape View File

@ -139,7 +139,7 @@ export default {
label: "流量池名称", label: "流量池名称",
prop: "name", prop: "name",
span: 12, span: 12,
disabled: false,
searchLabelWidth: 90, searchLabelWidth: 90,
search: true, search: true,
rules: [ rules: [
@ -154,12 +154,35 @@ export default {
label: "流量池总量(M)", label: "流量池总量(M)",
prop: "total", prop: "total",
span: 12, span: 12,
addDisplay: true,
editDisplay: true,
searchLabelWidth: 90,
width: 115,
search: false,
hide: true,
type: "number",
rules: [
{
required: true,
message: "请输入流量池总量",
trigger: "blur",
},
{
pattern: /^\d+(\.\d+)?$/,
message: "请输入正确的流量池总量",
trigger: "blur",
},
],
},
{
label: "流量池总量(M)",
prop: "totalM",
span: 12,
addDisplay: false, addDisplay: false,
editDisplay: false, editDisplay: false,
searchLabelWidth: 90, searchLabelWidth: 90,
width: 115, width: 115,
search: false, search: false,
hide: false,
type: "number", type: "number",
rules: [ rules: [
{ {
@ -199,7 +222,7 @@ export default {
], ],
}, },
{ {
label: "提醒阈值", label: "提醒阈值(%)",
prop: "remindRatio", prop: "remindRatio",
span: 12, span: 12,
searchLabelWidth: 90, searchLabelWidth: 90,
@ -212,9 +235,10 @@ export default {
message: "请输入提醒阈值", message: "请输入提醒阈值",
trigger: "blur", trigger: "blur",
}, },
{ {
pattern: /^\d+(\.\d+)?$/, pattern: /(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/,
message: "请输入正确的提醒阈值", message: "请输入0-100数字,最多可保留两位小数",
trigger: "blur", trigger: "blur",
}, },
], ],
@ -344,6 +368,16 @@ export default {
data: [], data: [],
}; };
}, },
watch: {
"form.name"() {
const column = this.findObject(this.option.column, "name");
if (this.form.name) {
column.disabled = true;
} else {
column.disabled = false;
}
},
},
computed: { computed: {
...mapGetters(["permission"]), ...mapGetters(["permission"]),
permissionList() { permissionList() {
@ -375,6 +409,7 @@ export default {
}, },
//新增 //新增
rowSave(row, done, loading) { rowSave(row, done, loading) {
console.log(row, "rowwwwww");
add(Object.assign(row, this.isSources)).then( add(Object.assign(row, this.isSources)).then(
() => { () => {
this.onLoad(this.page); this.onLoad(this.page);

5
src/views/mallmanagement/banner/index.vue
Unescape View File

@ -254,10 +254,7 @@ export default {
}); });
}, },
uploadBefore(file, done, loading) { uploadBefore(file, done, loading) {
if (file.size > 500 * 1024) { if (
this.$message.warning("图片大小切勿大于500kb");
loading();
} else if (
file.type !== "image/jpg" && file.type !== "image/jpg" &&
file.type !== "image/jpeg" && file.type !== "image/jpeg" &&
file.type !== "image/png" file.type !== "image/png"

5
src/views/mallmanagement/shopmanagement/index.vue
Unescape View File

@ -500,10 +500,7 @@ export default {
}); });
}, },
uploadBefore(file, done, loading) { uploadBefore(file, done, loading) {
if (file.size > 500 * 1024) { if (
this.$message.warning("图片大小切勿大于500kb");
loading();
} else if (
file.type !== "image/jpg" && file.type !== "image/jpg" &&
file.type !== "image/jpeg" && file.type !== "image/jpeg" &&
file.type !== "image/png" file.type !== "image/png"

5
src/views/mallmanagement/specification/index.vue
Unescape View File

@ -275,10 +275,7 @@ export default {
}); });
}, },
uploadBefore(file, done, loading) { uploadBefore(file, done, loading) {
if (file.size > 500 * 1024) { if (file.type !== "image/jpg" && file.type !== "image/jpeg") {
this.$message.warning("图片大小切勿大于500kb");
loading();
} else if (file.type !== "image/jpg" && file.type !== "image/jpeg") {
this.$message.warning("上传图片只能是 JPG 格式"); this.$message.warning("上传图片只能是 JPG 格式");
loading(); loading();
} else { } else {

Write Preview
Loading…
Cancel
Save