|
@@ -25,15 +25,21 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="文件类型:">
|
|
|
- <el-select v-model="queryForm.type" class="m-2" clearable placeholder="请选择文件类型" size="large">
|
|
|
- <el-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item"
|
|
|
- :label="item"
|
|
|
- :value="item"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-select
|
|
|
+ v-model="queryForm.type"
|
|
|
+ class="m-2"
|
|
|
+ clearable
|
|
|
+ placeholder="请选择文件类型"
|
|
|
+ size="large"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in typeList"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="onSubmit">
|
|
@@ -93,7 +99,7 @@
|
|
|
:data="{
|
|
|
bucket_id: queryForm.bucket_id,
|
|
|
user_id: queryForm.user_id,
|
|
|
- doc_type_id:0
|
|
|
+ doc_type_id: 0,
|
|
|
}"
|
|
|
multiple
|
|
|
:on-change="handleFileChange"
|
|
@@ -120,7 +126,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getBucketContents, postUpload,getSuffixName } from "@/api/knowledge";
|
|
|
+import { getBucketContents, postUpload, getSuffixName } from "@/api/knowledge";
|
|
|
export default {
|
|
|
props: {
|
|
|
queryForm: {
|
|
@@ -202,8 +208,8 @@ export default {
|
|
|
uploadForm: {},
|
|
|
fileList: [],
|
|
|
url: "",
|
|
|
- typeList:[
|
|
|
- /* {
|
|
|
+ typeList: [
|
|
|
+ /* {
|
|
|
label:'xls',
|
|
|
value:'xls',
|
|
|
},
|
|
@@ -223,14 +229,14 @@ export default {
|
|
|
label:'png',
|
|
|
value:'png',
|
|
|
}, */
|
|
|
- ]
|
|
|
+ ],
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.url = process.env.VUE_APP_BASE_API;
|
|
|
this.queryForm.bucket_id = this.$route.query.id;
|
|
|
this.queryForm.user_id = this.$store.state.user.id;
|
|
|
- this.getType()
|
|
|
+ this.getType();
|
|
|
},
|
|
|
methods: {
|
|
|
onCreate(e) {
|
|
@@ -238,7 +244,6 @@ export default {
|
|
|
},
|
|
|
//搜索
|
|
|
onSubmit() {
|
|
|
-
|
|
|
this.$emit("bindSetQuery", this.$props.queryForm);
|
|
|
},
|
|
|
/* 创建模版 */
|
|
@@ -272,7 +277,18 @@ export default {
|
|
|
},
|
|
|
/* */
|
|
|
handleFileChange(file, fileList) {
|
|
|
- this.fileList = fileList.map((f) => f.raw);
|
|
|
+ // Update this method
|
|
|
+ this.fileList = fileList.map((f) => {
|
|
|
+ if (!f.uid) {
|
|
|
+ f.uid = Date.now() + this.randomString(); // Add a unique identifier
|
|
|
+ }
|
|
|
+ return f;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // Add this new method
|
|
|
+ randomString() {
|
|
|
+ return Math.random().toString(36).substring(2, 15);
|
|
|
},
|
|
|
|
|
|
handleRemove(file, fileList) {
|
|
@@ -280,7 +296,6 @@ export default {
|
|
|
},
|
|
|
handleAvatarSuccess(response, res, file) {
|
|
|
if (response.status == 200) {
|
|
|
-
|
|
|
this.$emit("bindSetQuery", this.$props.queryForm);
|
|
|
this.$message.success("添加成功!");
|
|
|
this.uploadVisible = false;
|
|
@@ -302,11 +317,11 @@ export default {
|
|
|
this.uploadVisible = false;
|
|
|
this.fileList = [];
|
|
|
},
|
|
|
- getType(){
|
|
|
- getSuffixName().then(res=>{
|
|
|
- this.typeList=res.data
|
|
|
- })
|
|
|
- }
|
|
|
+ getType() {
|
|
|
+ getSuffixName().then((res) => {
|
|
|
+ this.typeList = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
/* submitUpload() {
|
|
|
this.fileList.map((el) => {
|
|
|
postUpload({ bucket_name: this.queryForm.bucket_name, file: el }).then(
|