suzhou-jichuang-lanhai
/
tcZz-pc
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文件上传

Browse Source
duhanyu
杜函宇 1 year ago
parent 5c7c6ef499
commit 5a99582c7f
5 changed files with 121 additions and 37 deletions
Show Stats Download Patch File Download Diff File

10
src/components/FileUpload/index.vue
Unescape View File

@ -29,7 +29,7 @@
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
<li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList"> <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
<el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank"> <el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">
<span class="el-icon-document"> {{ getFileName(file.name) }} </span> <span class="el-icon-document"> {{ file.name }} </span>
</el-link> </el-link>
<div class="ele-upload-list__item-content-action"> <div class="ele-upload-list__item-content-action">
<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link> <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
@ -60,7 +60,7 @@ export default {
// 文件类型, 例如['png', 'jpg', 'jpeg'] // 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: { fileType: {
type: Array, type: Array,
default: () => ["doc", "xls", "ppt", "txt", "pdf"], default: () => ["doc", "docx", "pdf"],
}, },
// 是否显示提示 // 是否显示提示
isShowTip: { isShowTip: {
@ -147,7 +147,7 @@ export default {
// 上传成功回调 // 上传成功回调
handleUploadSuccess(res, file) { handleUploadSuccess(res, file) {
if (res.code === 200) { if (res.code === 200) {
this.uploadList.push({ name: res.fileName, url: res.fileName }); this.uploadList.push({ name: res.originalFilename, url: res.fileName });
this.uploadedSuccessfully(); this.uploadedSuccessfully();
} else { } else {
this.number--; this.number--;
@ -160,7 +160,7 @@ export default {
// 删除文件 // 删除文件
handleDelete(index) { handleDelete(index) {
this.fileList.splice(index, 1); this.fileList.splice(index, 1);
this.$emit("input", this.listToString(this.fileList)); this.$emit("input", this.fileList);
}, },
// 上传结束处理 // 上传结束处理
uploadedSuccessfully() { uploadedSuccessfully() {
@ -168,7 +168,7 @@ export default {
this.fileList = this.fileList.concat(this.uploadList); this.fileList = this.fileList.concat(this.uploadList);
this.uploadList = []; this.uploadList = [];
this.number = 0; this.number = 0;
this.$emit("input", this.listToString(this.fileList)); this.$emit("input", this.fileList);
this.$modal.closeLoading(); this.$modal.closeLoading();
} }
}, },

36
src/views/tcZz/networkSecurity/bmtb/index.vue
Unescape View File

@ -177,14 +177,8 @@
<el-form-item label="部门名称" prop="depName"> <el-form-item label="部门名称" prop="depName">
<el-input v-model="form.depName" placeholder="请输入部门名称" /> <el-input v-model="form.depName" placeholder="请输入部门名称" />
</el-form-item> </el-form-item>
<el-form-item label="文件名称" prop="fileName"> <el-form-item label="上传文件" >
<el-input v-model="form.fileName" placeholder="请输入文件名称" /> <FileUpload v-model="fileNameS"></FileUpload>
</el-form-item>
<el-form-item label="文件路径(完整路径)" prop="fileUrl">
<el-input
v-model="form.fileUrl"
placeholder="请输入文件路径(完整路径)"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
@ -308,6 +302,7 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: {}, rules: {},
fileNameS: [],
}; };
}, },
created() { created() {
@ -401,21 +396,46 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.fileNameS = [];
this.open = true; this.open = true;
this.title = "添加部门通报"; this.title = "添加部门通报";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
this.fileNameS = [];
const id = row.id || this.ids; const id = row.id || this.ids;
getBmtb(id).then((response) => { getBmtb(id).then((response) => {
this.form = response.data; this.form = response.data;
if (response.data.fileName && response.data.fileUrl) {
let arr1 = response.data.fileName.split(",");
let arr2 = response.data.fileUrl.split(",");
arr1.forEach((value, index) => {
this.fileNameS.push({
name: value,
url: arr2[index],
});
});
}
this.open = true; this.open = true;
this.title = "修改部门通报"; this.title = "修改部门通报";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
let arr1 = [];
let arr2 = [];
if (this.fileNameS.length > 0) {
this.fileNameS.forEach((value) => {
arr1.push(value.name);
arr2.push(value.url);
});
this.form.fileName = arr1.join(",");
this.form.fileUrl = arr2.join(",");
} else {
this.form.fileName = "";
this.form.fileUrl = "";
}
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

38
src/views/tcZz/networkSecurity/sdtb/index.vue
Unescape View File

@ -181,15 +181,10 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="文件名称" prop="fileName"> <el-form-item label="上传文件" >
<el-input v-model="form.fileName" placeholder="请输入文件名称" /> <FileUpload v-model="fileNameS"></FileUpload>
</el-form-item>
<el-form-item label="文件路径(完整路径)" prop="fileUrl">
<el-input
v-model="form.fileUrl"
placeholder="请输入文件路径(完整路径)"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> </el-form-item>
@ -312,6 +307,8 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: {}, rules: {},
//文件
fileNameS: [],
}; };
}, },
created() { created() {
@ -405,21 +402,46 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.fileNameS = [];
this.open = true; this.open = true;
this.title = "添加属地通报"; this.title = "添加属地通报";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
this.fileNameS = [];
const id = row.id || this.ids; const id = row.id || this.ids;
getSdtb(id).then((response) => { getSdtb(id).then((response) => {
this.form = response.data; this.form = response.data;
if (response.data.fileName && response.data.fileUrl) {
let arr1 = response.data.fileName.split(",");
let arr2 = response.data.fileUrl.split(",");
arr1.forEach((value, index) => {
this.fileNameS.push({
name: value,
url: arr2[index],
});
});
}
this.open = true; this.open = true;
this.title = "修改属地通报"; this.title = "修改属地通报";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
let arr1 = [];
let arr2 = [];
if (this.fileNameS.length > 0) {
this.fileNameS.forEach((value) => {
arr1.push(value.name);
arr2.push(value.url);
});
this.form.fileName = arr1.join(",");
this.form.fileUrl = arr2.join(",");
} else {
this.form.fileName = "";
this.form.fileUrl = "";
}
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

37
src/views/tcZz/networkSecurity/tbcz/index.vue
Unescape View File

@ -218,14 +218,8 @@
<el-form-item label="处置情况" prop="czState"> <el-form-item label="处置情况" prop="czState">
<el-input v-model="form.czState" placeholder="请输入处置情况" /> <el-input v-model="form.czState" placeholder="请输入处置情况" />
</el-form-item> </el-form-item>
<el-form-item label="文件名称" prop="fileName"> <el-form-item label="上传文件" >
<el-input v-model="form.fileName" placeholder="请输入文件名称" /> <FileUpload v-model="fileNameS"></FileUpload>
</el-form-item>
<el-form-item label="文件路径(完整路径)" prop="fileUrl">
<el-input
v-model="form.fileUrl"
placeholder="请输入文件路径(完整路径)"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
@ -367,6 +361,8 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: {}, rules: {},
fileNameS: [],
}; };
}, },
created() { created() {
@ -466,21 +462,46 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.fileNameS = [];
this.open = true; this.open = true;
this.title = "添加通报处置"; this.title = "添加通报处置";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
this.fileNameS = [];
const id = row.id || this.ids; const id = row.id || this.ids;
getTbcz(id).then((response) => { getTbcz(id).then((response) => {
this.form = response.data; this.form = response.data;
if (response.data.fileName && response.data.fileUrl) {
let arr1 = response.data.fileName.split(",");
let arr2 = response.data.fileUrl.split(",");
arr1.forEach((value, index) => {
this.fileNameS.push({
name: value,
url: arr2[index],
});
});
}
this.open = true; this.open = true;
this.title = "修改通报处置"; this.title = "修改通报处置";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
let arr1 = [];
let arr2 = [];
if (this.fileNameS.length > 0) {
this.fileNameS.forEach((value) => {
arr1.push(value.name);
arr2.push(value.url);
});
this.form.fileName = arr1.join(",");
this.form.fileUrl = arr2.join(",");
} else {
this.form.fileName = "";
this.form.fileUrl = "";
}
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

37
src/views/tcZz/networkSecurity/zxyh/index.vue
Unescape View File

@ -221,14 +221,8 @@
<el-form-item label="隐患来源" prop="yhLy"> <el-form-item label="隐患来源" prop="yhLy">
<el-input v-model="form.yhLy" placeholder="请输入隐患来源" /> <el-input v-model="form.yhLy" placeholder="请输入隐患来源" />
</el-form-item> </el-form-item>
<el-form-item label="文件名称" prop="fileName"> <el-form-item label="上传文件" >
<el-input v-model="form.fileName" placeholder="请输入文件名称" /> <FileUpload v-model="fileNameS"></FileUpload>
</el-form-item>
<el-form-item label="文件路径(完整路径)" prop="fileUrl">
<el-input
v-model="form.fileUrl"
placeholder="请输入文件路径(完整路径)"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
@ -376,6 +370,8 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: {}, rules: {},
fileNameS: [],
}; };
}, },
created() { created() {
@ -477,21 +473,46 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.fileNameS = [];
this.open = true; this.open = true;
this.title = "添加最新隐患"; this.title = "添加最新隐患";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
this.fileNameS = [];
const id = row.id || this.ids; const id = row.id || this.ids;
getZxyh(id).then((response) => { getZxyh(id).then((response) => {
this.form = response.data; this.form = response.data;
if (response.data.fileName && response.data.fileUrl) {
let arr1 = response.data.fileName.split(",");
let arr2 = response.data.fileUrl.split(",");
arr1.forEach((value, index) => {
this.fileNameS.push({
name: value,
url: arr2[index],
});
});
}
this.open = true; this.open = true;
this.title = "修改最新隐患"; this.title = "修改最新隐患";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
let arr1 = [];
let arr2 = [];
if (this.fileNameS.length > 0) {
this.fileNameS.forEach((value) => {
arr1.push(value.name);
arr2.push(value.url);
});
this.form.fileName = arr1.join(",");
this.form.fileUrl = arr2.join(",");
} else {
this.form.fileName = "";
this.form.fileUrl = "";
}
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

Write Preview
Loading…
Cancel
Save