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

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

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

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save