Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
3 changed files
with
162 additions
and
1 deletions
... | @@ -120,3 +120,14 @@ export function submit (data) { | ... | @@ -120,3 +120,14 @@ export function submit (data) { |
120 | data:data | 120 | data:data |
121 | }) | 121 | }) |
122 | } | 122 | } |
123 | |||
124 | /** | ||
125 | * 添加附件 | ||
126 | */ | ||
127 | export function insertFile(data) { | ||
128 | return request({ | ||
129 | url:'/file', | ||
130 | method:'post', | ||
131 | data:data | ||
132 | }) | ||
133 | } | ... | ... |
src/views/systemZD/fjcl/fjcl.vue
0 → 100644
1 | <template> | ||
2 | <div class="main"> | ||
3 | <el-upload | ||
4 | class="upload-demo" | ||
5 | action="/api/file/uploadList" | ||
6 | :on-preview="handlePreview" | ||
7 | :on-remove="handleRemove" | ||
8 | :before-remove="beforeRemove" | ||
9 | :on-success="uploadSuccess" | ||
10 | :on-error="uploadError" | ||
11 | multiple | ||
12 | :limit="3" | ||
13 | :on-exceed="handleExceed" | ||
14 | > | ||
15 | <el-button size="small" type="primary">上传</el-button> | ||
16 | </el-upload> | ||
17 | <table border="2"> | ||
18 | <tr> | ||
19 | <th>序号</th> | ||
20 | <th>文件名称</th> | ||
21 | <th>文件类型</th> | ||
22 | <th>操作</th> | ||
23 | </tr> | ||
24 | <tr v-for="(item,index) in list" :key="index"> | ||
25 | <td>{{index+1}}</td> | ||
26 | <td>{{item.wjmc}}</td> | ||
27 | <td>{{item.wjlx}}</td> | ||
28 | <td> | ||
29 | <span>下载</span> | ||
30 | <span>预览</span> | ||
31 | </td> | ||
32 | </tr> | ||
33 | </table> | ||
34 | </div> | ||
35 | </template> | ||
36 | |||
37 | <script> | ||
38 | import {insertFile} from "./../../../api/common" | ||
39 | import {Message} from "element-ui" | ||
40 | export default { | ||
41 | name: "fjcl", | ||
42 | data() { | ||
43 | return { | ||
44 | list: [ | ||
45 | { | ||
46 | wjmc: '调查文档1', | ||
47 | wjlx: 'doc', | ||
48 | url: '' | ||
49 | }, | ||
50 | { | ||
51 | wjmc: '调查文档2', | ||
52 | wjlx: 'doc', | ||
53 | url: '' | ||
54 | }, | ||
55 | { | ||
56 | wjmc: '调查文档3', | ||
57 | wjlx: 'doc', | ||
58 | url: '' | ||
59 | }, | ||
60 | { | ||
61 | wjmc: '调查文档4', | ||
62 | wjlx: 'doc', | ||
63 | url: '' | ||
64 | }, | ||
65 | ], | ||
66 | filesData:{ | ||
67 | dylx: "", | ||
68 | glbsm: "", | ||
69 | list: [ | ||
70 | { | ||
71 | filename: "", | ||
72 | filepostfix: "", | ||
73 | fileurl: "" | ||
74 | } | ||
75 | ] | ||
76 | }, | ||
77 | } | ||
78 | }, | ||
79 | mounted(){ | ||
80 | switch (this.$route.name) { | ||
81 | case "宗地": | ||
82 | this.filesData.dylx='zd'; | ||
83 | this.filesData.glbsm=this.$store.state.zdbsm | ||
84 | break; | ||
85 | case "自然幢": | ||
86 | this.filesData.dylx='zrz'; | ||
87 | this.filesData.glbsm=this.$store.state.zrzbsm | ||
88 | break | ||
89 | default: | ||
90 | break | ||
91 | } | ||
92 | }, | ||
93 | methods: { | ||
94 | uploadError(err,file,fileList){ | ||
95 | console.log("上传文件失败",err) | ||
96 | }, | ||
97 | uploadSuccess(res, file, fileList) { | ||
98 | this.filesData.list = res.result; | ||
99 | console.log(res,"res=========") | ||
100 | insertFile(this.filesData).then(res=>{ | ||
101 | if (res.success) { | ||
102 | Message.warning("上传成功") | ||
103 | }else { | ||
104 | Message.error(res.message) | ||
105 | } | ||
106 | }) | ||
107 | }, | ||
108 | handleRemove(file, fileList) { | ||
109 | console.log(file, fileList); | ||
110 | }, | ||
111 | handlePreview(file) { | ||
112 | console.log(file); | ||
113 | }, | ||
114 | handleExceed(files, fileList) { | ||
115 | console.log(fileList) | ||
116 | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | ||
117 | }, | ||
118 | beforeRemove(file, fileList) { | ||
119 | return this.$confirm(`确定移除 ${ file.name }?`); | ||
120 | } | ||
121 | }, | ||
122 | watch:{ | ||
123 | } | ||
124 | } | ||
125 | </script> | ||
126 | |||
127 | <style scoped lang="less"> | ||
128 | .main { | ||
129 | box-sizing: border-box; | ||
130 | padding: 18px; | ||
131 | height: auto; | ||
132 | width: 80%; | ||
133 | } | ||
134 | |||
135 | table { | ||
136 | margin-top: 10px; | ||
137 | background-color: #fff; | ||
138 | font-size: 14px; | ||
139 | width: 100%; | ||
140 | td, th { | ||
141 | text-align: center; | ||
142 | height: 36px; | ||
143 | min-width: 50px; | ||
144 | } | ||
145 | } | ||
146 | |||
147 | |||
148 | </style> |
... | @@ -7,6 +7,7 @@ | ... | @@ -7,6 +7,7 @@ |
7 | <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> | 7 | <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> |
8 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 8 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
9 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> | 9 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> |
10 | <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane> | ||
10 | </el-tabs> | 11 | </el-tabs> |
11 | </div> | 12 | </div> |
12 | </template> | 13 | </template> |
... | @@ -18,10 +19,11 @@ import jzd from "./jzd"; | ... | @@ -18,10 +19,11 @@ import jzd from "./jzd"; |
18 | import jzx from "./jzx"; | 19 | import jzx from "./jzx"; |
19 | import djb from "./djb"; | 20 | import djb from "./djb"; |
20 | import lshs from "./lshs"; | 21 | import lshs from "./lshs"; |
22 | import fjcl from "./fjcl/fjcl" | ||
21 | export default { | 23 | export default { |
22 | name: "", | 24 | name: "", |
23 | components: { | 25 | components: { |
24 | zddcb,mjftb,jzd,jzx,djb,lshs | 26 | zddcb,mjftb,jzd,jzx,djb,lshs,fjcl |
25 | }, | 27 | }, |
26 | props: {}, | 28 | props: {}, |
27 | data() { | 29 | data() { | ... | ... |
-
Please register or sign in to post a comment