apply-clients 3.0.5-7 → 3.0.5-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "apply-clients",
|
|
3
|
-
"version": "3.0.5-
|
|
3
|
+
"version": "3.0.5-9",
|
|
4
4
|
"description": "报建前端模块",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"directories": {
|
|
@@ -33,7 +33,8 @@
|
|
|
33
33
|
"lib-flexible": "^0.3.2",
|
|
34
34
|
"px2rem-loader": "^0.1.9",
|
|
35
35
|
"vue": "^1.0.17",
|
|
36
|
-
"vue-bubble": "^1.0.3"
|
|
36
|
+
"vue-bubble": "^1.0.3",
|
|
37
|
+
"jsencrypt": "3.0.0-rc.1"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
39
40
|
"babel-core": "^6.0.0",
|
|
@@ -89,10 +90,10 @@
|
|
|
89
90
|
"sinon-chai": "^2.8.0",
|
|
90
91
|
"style": "0.0.3",
|
|
91
92
|
"style-loader": "^0.20.3",
|
|
92
|
-
"system-clients": "
|
|
93
|
+
"system-clients": "1.6.38-siyang",
|
|
93
94
|
"system-phone": "1.1.18",
|
|
94
95
|
"url-loader": "^0.5.7",
|
|
95
|
-
"vue-client": "1.
|
|
96
|
+
"vue-client": "1.22.20",
|
|
96
97
|
"vue-hot-reload-api": "^1.2.0",
|
|
97
98
|
"vue-html-loader": "^1.0.0",
|
|
98
99
|
"vue-loader": "^8.2.1",
|
|
@@ -1,287 +1,287 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="col-sm-12" style="background-color: #FFFFFF">
|
|
3
|
-
<div class="col-sm-12" style="padding:50px 100px;height: 25%">
|
|
4
|
-
<div class="form-group col-sm-5" v-if="issearch">
|
|
5
|
-
<v-select
|
|
6
|
-
class="select select_list"
|
|
7
|
-
:value.sync="useType"
|
|
8
|
-
width="90%"
|
|
9
|
-
v-model="useType"
|
|
10
|
-
:options='typeOfUse'
|
|
11
|
-
:valueSingle="true"></v-select>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="form-group col-sm-2" style="text-align: center" v-if="issearch">
|
|
14
|
-
<button type="button" class="btn btn-primary item_btn" @click="load">搜索</button>
|
|
15
|
-
</div>
|
|
16
|
-
<div class="form-group col-sm-2" style="text-align: center" v-if="isupload">
|
|
17
|
-
<button type="button" class="btn btn-primary item_btn" @click="showUpload = !showUpload">本地上传</button>
|
|
18
|
-
</div>
|
|
19
|
-
<!-- <div class="form-group col-sm-2" style="text-align: center" v-if="takeimg">-->
|
|
20
|
-
<!-- <button type="button" class="btn btn-primary item_btn" @click="upload()">拍照</button>-->
|
|
21
|
-
<!-- </div>-->
|
|
22
|
-
</div>
|
|
23
|
-
<hr style="width: 90%;margin: 0px auto;border: #999999 1px solid;"/>
|
|
24
|
-
<div class="col-sm-12" style="overflow: scroll;height: 75%">
|
|
25
|
-
<div :class="bootstraped ? bootstraped + ' showData' : 'col-sm-6 showData'" v-for="row in fileInfoData">
|
|
26
|
-
<div class="col-sm-12 item">
|
|
27
|
-
<div class="left col-sm-5">
|
|
28
|
-
<a href="#" class="thumbnail" style="width: 100%;height: 100%">
|
|
29
|
-
<img v-if="row.f_filetype === 'jpg'||row.f_filetype === 'png'||row.f_filetype === 'gif'||row.f_filetype === 'bmp'" :src="row.f_downloadURL" alt="..."/>
|
|
30
|
-
<img v-if="row.f_filetype === 'pdf'" src="../../../image/pdf.jpg" alt="" />
|
|
31
|
-
<img v-if="row.f_filetype === 'xls'||row.f_filetype === 'xlsx'" src="../../../image/excel.jpg" alt="" />
|
|
32
|
-
<img v-if="row.f_filetype === 'doc'||row.f_filetype === 'docx'" src="../../../image/doc.jpg" alt="" />
|
|
33
|
-
</a>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="right col-sm-7">
|
|
36
|
-
<p :title="row.f_filename" class="clears"><strong>文件名：</strong>{{row.f_filename}}</p>
|
|
37
|
-
<p :title="row.f_username" class="clears"><strong>操作员：</strong><span>{{row.f_username}}</span></p>
|
|
38
|
-
<p :title="row.fusetype" class="clears"><strong>使用类型：</strong><span>{{row.fusetype}}</span></p>
|
|
39
|
-
<p :title="row.f_uploaddate" class="clears"><strong>上传时间：</strong><span>{{row.f_uploaddate}}</span></p>
|
|
40
|
-
<p :title="row.fremarks" class="clears"><strong>文件说明：</strong>{{row.fremarks}}</p>
|
|
41
|
-
<p class="clears">
|
|
42
|
-
<a v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'" :href="row.f_downloadURL" style="background:#6aa6e2" class="btn btn-primary" target="_blank" role="button">预览</a>
|
|
43
|
-
<a v-else @click="downloadfile(row.f_downloadURL)" style="background:#6aa6e2" class="btn btn-primary" role="button">下载</a>
|
|
44
|
-
<a v-if="isdelete && $login.f.f_parentname !== '客服部'" @click="delet($index, row)" href="#" class="btn btn-default" role="button" role="button">删除</a>
|
|
45
|
-
</p>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
<apply-high-meter v-if="showhighmeter" :show.sync="showhighmeter" @photo-finish="newPhoto" v-ref:ltgao ></apply-high-meter>
|
|
52
|
-
<modal :show.sync="showUpload" v-ref:modal backdrop="false">
|
|
53
|
-
<header slot="modal-header" class="modal-header">
|
|
54
|
-
<button type="button" class="close" @click="close"><span class="glyphicon glyphicon-remove"></span></button>
|
|
55
|
-
<h4 class="modal-title" style="text-align: center">文件上传</h4>
|
|
56
|
-
</header>
|
|
57
|
-
<article slot="modal-body" class="modal-body form-horizontal">
|
|
58
|
-
<div class="form-group" style="text-align: center">
|
|
59
|
-
<file-upload class="my-file-uploader" :name="'myFile' + blodid"
|
|
60
|
-
action="rs/file/uploadFile" tagname="文件上传" :headers="headers" multiple v-ref:file></file-upload>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="form-group" v-if="isusetype">
|
|
63
|
-
<label class="col-sm-2 control-label">文件类型：</label>
|
|
64
|
-
<div class="col-sm-10">
|
|
65
|
-
<input-select
|
|
66
|
-
class="select select_list"
|
|
67
|
-
:value.sync="headers.fusetype"
|
|
68
|
-
v-model="headers.fusetype"
|
|
69
|
-
:options="$appdata.getParam('使用类型')"
|
|
70
|
-
:valueSingle="true"></input-select>
|
|
71
|
-
</div>
|
|
72
|
-
</div>
|
|
73
|
-
<div class="form-group" v-if="isremark">
|
|
74
|
-
<label class="col-sm-2 control-label">文件说明：</label>
|
|
75
|
-
<div class="col-sm-10">
|
|
76
|
-
<input class="form-control input_view" style=""
|
|
77
|
-
v-model="headers.fremarks"
|
|
78
|
-
:value="headers.fremarks"/>
|
|
79
|
-
</div>
|
|
80
|
-
</div>
|
|
81
|
-
</article>
|
|
82
|
-
<footer slot="modal-footer" class="modal-footer">
|
|
83
|
-
</footer>
|
|
84
|
-
</modal>
|
|
85
|
-
</template>
|
|
86
|
-
|
|
87
|
-
<script>
|
|
88
|
-
import {HttpResetClass} from 'vue-client'
|
|
89
|
-
import {isEmpty} from "../../../Util";
|
|
90
|
-
export default {
|
|
91
|
-
title: '附件',
|
|
92
|
-
props: ['blodid', 'businessid', 'isremark', 'isusetype', 'takeimg', 'defname', 'isupload', 'isdelete', 'bootstraped', 'issearch'],
|
|
93
|
-
data () {
|
|
94
|
-
return {
|
|
95
|
-
fileInfoData: [], // 数据库存储的文件记录对象数组
|
|
96
|
-
headers: {'username': this.$login.f.name, 'blodid': '','businessid':'', 'fremarks': '','defname':'','fusetype':''}, // 调用rs/file/uploadFile 的参数
|
|
97
|
-
showUpload: false, // 上传模态框控制
|
|
98
|
-
showhighmeter: false, // 高拍仪组件控制
|
|
99
|
-
useType: null
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
ready () {
|
|
103
|
-
this.headers.blodid = this.blodid
|
|
104
|
-
this.headers.businessid = this.businessid
|
|
105
|
-
this.headers.defname = this.defname
|
|
106
|
-
console.log("流程id--：" + this.blodid)
|
|
107
|
-
if (this.blodid || this.businessid) {
|
|
108
|
-
this.load()
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
methods: {
|
|
112
|
-
delet(index, row) {
|
|
113
|
-
this.$resetdelete('rs/entity/t_files', {id: row.id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
|
|
114
|
-
this.$dispatch("delResid",row.id)
|
|
115
|
-
this.load()
|
|
116
|
-
})
|
|
117
|
-
},
|
|
118
|
-
// 下载
|
|
119
|
-
downloadfile(filepath){
|
|
120
|
-
var link = document.createElement('a');
|
|
121
|
-
link.href = filepath;
|
|
122
|
-
link.target='_blank'
|
|
123
|
-
link.dispatchEvent(new MouseEvent('click'));
|
|
124
|
-
},
|
|
125
|
-
// 关闭文件上传对话框
|
|
126
|
-
close () {
|
|
127
|
-
this.showUpload = false
|
|
128
|
-
// 将选的文件清空
|
|
129
|
-
this.$refs.file.$el.querySelector('input').value = ''
|
|
130
|
-
this.headers.fusetype = ''
|
|
131
|
-
this.headers.fremarks = ''
|
|
132
|
-
this.load()
|
|
133
|
-
},
|
|
134
|
-
// 查询
|
|
135
|
-
async load() {
|
|
136
|
-
let condition = ''
|
|
137
|
-
if(this.businessid){
|
|
138
|
-
condition = `f_businessid= '${this.headers.businessid}' `
|
|
139
|
-
}else{
|
|
140
|
-
condition = `f_blobid= '${this.headers.blodid}' `
|
|
141
|
-
console.log("f_process_id--:" + condition)
|
|
142
|
-
}
|
|
143
|
-
if (!isEmpty(this.useType)) {
|
|
144
|
-
condition += `and fusetype like '${this.useType}'`
|
|
145
|
-
}
|
|
146
|
-
let http = new HttpResetClass()
|
|
147
|
-
if (this.$login.f.rolesnames.includes('部长')){
|
|
148
|
-
var data = {
|
|
149
|
-
tablename: 't_files',
|
|
150
|
-
condition: condition +` order by f_uploaddate desc `
|
|
151
|
-
}
|
|
152
|
-
}else {
|
|
153
|
-
data = {
|
|
154
|
-
tablename: 't_files',
|
|
155
|
-
condition: condition + ` and f_username = '${this.headers.username}'` +` order by f_uploaddate desc `
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
let getFile = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
|
|
160
|
-
warnMsg: null,
|
|
161
|
-
resolveMsg: null
|
|
162
|
-
})
|
|
163
|
-
|
|
164
|
-
for (var i = 0; i < getFile.data.length; i++) {
|
|
165
|
-
// 如果使用类型包含导入字样,则是execl文件导入的,不做显示
|
|
166
|
-
if(getFile.data[i].fusetype&&(getFile.data[i].fusetype.includes('execl导入'))){
|
|
167
|
-
getFile.data.splice(i,1)
|
|
168
|
-
i--
|
|
169
|
-
continue
|
|
170
|
-
}
|
|
171
|
-
let temp = getFile.data[i].f_downloadpath
|
|
172
|
-
let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
|
|
173
|
-
getFile.data[i].f_downloadURL = "http://" + location.host + "/" + URL
|
|
174
|
-
}
|
|
175
|
-
this.fileInfoData = []
|
|
176
|
-
this.fileInfoData = getFile.data
|
|
177
|
-
},
|
|
178
|
-
// 打开高拍仪
|
|
179
|
-
upload () {
|
|
180
|
-
if(this.showhighmeter){
|
|
181
|
-
this.$refs.ltgao.closeVideo()
|
|
182
|
-
}
|
|
183
|
-
this.showhighmeter = !this.showhighmeter
|
|
184
|
-
},
|
|
185
|
-
// 高拍仪回调
|
|
186
|
-
newPhoto(Imgbase64) {
|
|
187
|
-
let form = new FormData()
|
|
188
|
-
let xhr = new XMLHttpRequest()
|
|
189
|
-
let formDataBoundary = "----WebkitFormBoundary" + "GaoPaiYi";
|
|
190
|
-
form.append('Content-Type', 'multipart/form-data;boundary=' + formDataBoundary)
|
|
191
|
-
form.append('file', this.convertBase64ToBlob(Imgbase64), "GaoPaiYi.jpg")
|
|
192
|
-
xhr.open("POST", "rs/file/uploadFile")
|
|
193
|
-
|
|
194
|
-
if (this.headers) {
|
|
195
|
-
for (var header in this.headers) {
|
|
196
|
-
xhr.setRequestHeader(header, encodeURIComponent(this.headers[header]))
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
xhr.send(form)
|
|
200
|
-
setTimeout(() => {
|
|
201
|
-
this.load()
|
|
202
|
-
}, 5000)
|
|
203
|
-
},
|
|
204
|
-
convertBase64ToBlob(base64String) {
|
|
205
|
-
// 将base64解码
|
|
206
|
-
var bytes = atob(base64String);
|
|
207
|
-
//var bytes = base64;
|
|
208
|
-
var bytesCode = new ArrayBuffer(bytes.length);
|
|
209
|
-
// 转换为类型化数组
|
|
210
|
-
var byteArray = new Uint8Array(bytesCode);
|
|
211
|
-
|
|
212
|
-
// 将base64转换为ascii码
|
|
213
|
-
for (var i = 0; i < bytes.length; i++) {
|
|
214
|
-
byteArray[i] = bytes.charCodeAt(i);
|
|
215
|
-
}
|
|
216
|
-
// 生成Blob对象（文件对象）
|
|
217
|
-
return new Blob([bytesCode], {type: 'image/jpeg'});
|
|
218
|
-
},
|
|
219
|
-
},
|
|
220
|
-
computed: {
|
|
221
|
-
typeOfUse () {
|
|
222
|
-
return [{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]
|
|
223
|
-
}
|
|
224
|
-
},
|
|
225
|
-
events: {
|
|
226
|
-
onFileUpload: function (file, res) {
|
|
227
|
-
this.$dispatch("resid",res.id)
|
|
228
|
-
this.headers.fremarks=''
|
|
229
|
-
this.close()
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
|
-
watch: {
|
|
233
|
-
'blodid'(val) {
|
|
234
|
-
if (val) {
|
|
235
|
-
console.log('观察blodid', val)
|
|
236
|
-
this.headers.blodid = this.blodid
|
|
237
|
-
this.load(this)
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
'useType'() {
|
|
241
|
-
this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
|
|
242
|
-
},
|
|
243
|
-
'defname'() {
|
|
244
|
-
this.headers.defname=this.defname
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
</script>
|
|
249
|
-
|
|
250
|
-
<style scoped>
|
|
251
|
-
.clears{
|
|
252
|
-
overflow:hidden;
|
|
253
|
-
text-overflow:ellipsis;
|
|
254
|
-
white-space:nowrap;
|
|
255
|
-
}
|
|
256
|
-
.showData {
|
|
257
|
-
padding: 15px 10px 0px 10px;
|
|
258
|
-
box-sizing: border-box;
|
|
259
|
-
height: 230px;
|
|
260
|
-
font-family: "微软雅黑";
|
|
261
|
-
}
|
|
262
|
-
.showData .item{
|
|
263
|
-
padding-bottom: 10px;
|
|
264
|
-
border-bottom: solid 1px #c1c1c1;
|
|
265
|
-
}
|
|
266
|
-
.left {
|
|
267
|
-
padding-right: 10px;
|
|
268
|
-
}
|
|
269
|
-
.left img{
|
|
270
|
-
height: 100%;
|
|
271
|
-
width: 100%;
|
|
272
|
-
}
|
|
273
|
-
.right{
|
|
274
|
-
height: 100%;
|
|
275
|
-
/*display: -webkit-flex;*/
|
|
276
|
-
/*display: flex;*/
|
|
277
|
-
/*flex-direction: column;*/
|
|
278
|
-
/*justify-content: space-around;*/
|
|
279
|
-
}
|
|
280
|
-
.item_btn{
|
|
281
|
-
width: 80%;
|
|
282
|
-
background-color: #6aa6e2;
|
|
283
|
-
border-radius: 4px;
|
|
284
|
-
color: #FFFFFF;
|
|
285
|
-
font-family: PingFang;
|
|
286
|
-
}
|
|
287
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col-sm-12" style="background-color: #FFFFFF">
|
|
3
|
+
<div class="col-sm-12" style="padding:50px 100px;height: 25%">
|
|
4
|
+
<div class="form-group col-sm-5" v-if="issearch">
|
|
5
|
+
<v-select
|
|
6
|
+
class="select select_list"
|
|
7
|
+
:value.sync="useType"
|
|
8
|
+
width="90%"
|
|
9
|
+
v-model="useType"
|
|
10
|
+
:options='typeOfUse'
|
|
11
|
+
:valueSingle="true"></v-select>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="form-group col-sm-2" style="text-align: center" v-if="issearch">
|
|
14
|
+
<button type="button" class="btn btn-primary item_btn" @click="load">搜索</button>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="form-group col-sm-2" style="text-align: center" v-if="isupload">
|
|
17
|
+
<button type="button" class="btn btn-primary item_btn" @click="showUpload = !showUpload">本地上传</button>
|
|
18
|
+
</div>
|
|
19
|
+
<!-- <div class="form-group col-sm-2" style="text-align: center" v-if="takeimg">-->
|
|
20
|
+
<!-- <button type="button" class="btn btn-primary item_btn" @click="upload()">拍照</button>-->
|
|
21
|
+
<!-- </div>-->
|
|
22
|
+
</div>
|
|
23
|
+
<hr style="width: 90%;margin: 0px auto;border: #999999 1px solid;"/>
|
|
24
|
+
<div class="col-sm-12" style="overflow: scroll;height: 75%">
|
|
25
|
+
<div :class="bootstraped ? bootstraped + ' showData' : 'col-sm-6 showData'" v-for="row in fileInfoData">
|
|
26
|
+
<div class="col-sm-12 item">
|
|
27
|
+
<div class="left col-sm-5">
|
|
28
|
+
<a href="#" class="thumbnail" style="width: 100%;height: 100%">
|
|
29
|
+
<img v-if="row.f_filetype === 'jpg'||row.f_filetype === 'png'||row.f_filetype === 'gif'||row.f_filetype === 'bmp'" :src="row.f_downloadURL" alt="..."/>
|
|
30
|
+
<img v-if="row.f_filetype === 'pdf'" src="../../../image/pdf.jpg" alt="" />
|
|
31
|
+
<img v-if="row.f_filetype === 'xls'||row.f_filetype === 'xlsx'" src="../../../image/excel.jpg" alt="" />
|
|
32
|
+
<img v-if="row.f_filetype === 'doc'||row.f_filetype === 'docx'" src="../../../image/doc.jpg" alt="" />
|
|
33
|
+
</a>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="right col-sm-7">
|
|
36
|
+
<p :title="row.f_filename" class="clears"><strong>文件名：</strong>{{row.f_filename}}</p>
|
|
37
|
+
<p :title="row.f_username" class="clears"><strong>操作员：</strong><span>{{row.f_username}}</span></p>
|
|
38
|
+
<p :title="row.fusetype" class="clears"><strong>使用类型：</strong><span>{{row.fusetype}}</span></p>
|
|
39
|
+
<p :title="row.f_uploaddate" class="clears"><strong>上传时间：</strong><span>{{row.f_uploaddate}}</span></p>
|
|
40
|
+
<p :title="row.fremarks" class="clears"><strong>文件说明：</strong>{{row.fremarks}}</p>
|
|
41
|
+
<p class="clears">
|
|
42
|
+
<a v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'" :href="row.f_downloadURL" style="background:#6aa6e2" class="btn btn-primary" target="_blank" role="button">预览</a>
|
|
43
|
+
<a v-else @click="downloadfile(row.f_downloadURL)" style="background:#6aa6e2" class="btn btn-primary" role="button">下载</a>
|
|
44
|
+
<a v-if="isdelete && $login.f.f_parentname !== '客服部'" @click="delet($index, row)" href="#" class="btn btn-default" role="button" role="button">删除</a>
|
|
45
|
+
</p>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<apply-high-meter v-if="showhighmeter" :show.sync="showhighmeter" @photo-finish="newPhoto" v-ref:ltgao ></apply-high-meter>
|
|
52
|
+
<modal :show.sync="showUpload" v-ref:modal backdrop="false">
|
|
53
|
+
<header slot="modal-header" class="modal-header">
|
|
54
|
+
<button type="button" class="close" @click="close"><span class="glyphicon glyphicon-remove"></span></button>
|
|
55
|
+
<h4 class="modal-title" style="text-align: center">文件上传</h4>
|
|
56
|
+
</header>
|
|
57
|
+
<article slot="modal-body" class="modal-body form-horizontal">
|
|
58
|
+
<div class="form-group" style="text-align: center">
|
|
59
|
+
<file-upload class="my-file-uploader" :name="'myFile' + blodid"
|
|
60
|
+
action="rs/file/uploadFile" tagname="文件上传" :headers="headers" multiple v-ref:file></file-upload>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="form-group" v-if="isusetype">
|
|
63
|
+
<label class="col-sm-2 control-label">文件类型：</label>
|
|
64
|
+
<div class="col-sm-10">
|
|
65
|
+
<input-select
|
|
66
|
+
class="select select_list"
|
|
67
|
+
:value.sync="headers.fusetype"
|
|
68
|
+
v-model="headers.fusetype"
|
|
69
|
+
:options="$appdata.getParam('使用类型')"
|
|
70
|
+
:valueSingle="true"></input-select>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="form-group" v-if="isremark">
|
|
74
|
+
<label class="col-sm-2 control-label">文件说明：</label>
|
|
75
|
+
<div class="col-sm-10">
|
|
76
|
+
<input class="form-control input_view" style=""
|
|
77
|
+
v-model="headers.fremarks"
|
|
78
|
+
:value="headers.fremarks"/>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</article>
|
|
82
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
83
|
+
</footer>
|
|
84
|
+
</modal>
|
|
85
|
+
</template>
|
|
86
|
+
|
|
87
|
+
<script>
|
|
88
|
+
import {HttpResetClass} from 'vue-client'
|
|
89
|
+
import {isEmpty} from "../../../Util";
|
|
90
|
+
export default {
|
|
91
|
+
title: '附件',
|
|
92
|
+
props: ['blodid', 'businessid', 'isremark', 'isusetype', 'takeimg', 'defname', 'isupload', 'isdelete', 'bootstraped', 'issearch'],
|
|
93
|
+
data () {
|
|
94
|
+
return {
|
|
95
|
+
fileInfoData: [], // 数据库存储的文件记录对象数组
|
|
96
|
+
headers: {'username': this.$login.f.name, 'blodid': '','businessid':'', 'fremarks': '','defname':'','fusetype':''}, // 调用rs/file/uploadFile 的参数
|
|
97
|
+
showUpload: false, // 上传模态框控制
|
|
98
|
+
showhighmeter: false, // 高拍仪组件控制
|
|
99
|
+
useType: null
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
ready () {
|
|
103
|
+
this.headers.blodid = this.blodid
|
|
104
|
+
this.headers.businessid = this.businessid
|
|
105
|
+
this.headers.defname = this.defname
|
|
106
|
+
console.log("流程id--：" + this.blodid)
|
|
107
|
+
if (this.blodid || this.businessid) {
|
|
108
|
+
this.load()
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
methods: {
|
|
112
|
+
delet(index, row) {
|
|
113
|
+
this.$resetdelete('rs/entity/t_files', {id: row.id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
|
|
114
|
+
this.$dispatch("delResid",row.id)
|
|
115
|
+
this.load()
|
|
116
|
+
})
|
|
117
|
+
},
|
|
118
|
+
// 下载
|
|
119
|
+
downloadfile(filepath){
|
|
120
|
+
var link = document.createElement('a');
|
|
121
|
+
link.href = filepath;
|
|
122
|
+
link.target='_blank'
|
|
123
|
+
link.dispatchEvent(new MouseEvent('click'));
|
|
124
|
+
},
|
|
125
|
+
// 关闭文件上传对话框
|
|
126
|
+
close () {
|
|
127
|
+
this.showUpload = false
|
|
128
|
+
// 将选的文件清空
|
|
129
|
+
this.$refs.file.$el.querySelector('input').value = ''
|
|
130
|
+
this.headers.fusetype = ''
|
|
131
|
+
this.headers.fremarks = ''
|
|
132
|
+
this.load()
|
|
133
|
+
},
|
|
134
|
+
// 查询
|
|
135
|
+
async load() {
|
|
136
|
+
let condition = ''
|
|
137
|
+
if(this.businessid){
|
|
138
|
+
condition = `f_businessid= '${this.headers.businessid}' `
|
|
139
|
+
}else{
|
|
140
|
+
condition = `f_blobid= '${this.headers.blodid}' `
|
|
141
|
+
console.log("f_process_id--:" + condition)
|
|
142
|
+
}
|
|
143
|
+
if (!isEmpty(this.useType)) {
|
|
144
|
+
condition += `and fusetype like '${this.useType}'`
|
|
145
|
+
}
|
|
146
|
+
let http = new HttpResetClass()
|
|
147
|
+
if (this.$login.f.rolesnames.includes('部长')){
|
|
148
|
+
var data = {
|
|
149
|
+
tablename: 't_files',
|
|
150
|
+
condition: condition +` order by f_uploaddate desc `
|
|
151
|
+
}
|
|
152
|
+
}else {
|
|
153
|
+
data = {
|
|
154
|
+
tablename: 't_files',
|
|
155
|
+
condition: condition + ` and f_username = '${this.headers.username}'` +` order by f_uploaddate desc `
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
let getFile = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
|
|
160
|
+
warnMsg: null,
|
|
161
|
+
resolveMsg: null
|
|
162
|
+
})
|
|
163
|
+
|
|
164
|
+
for (var i = 0; i < getFile.data.length; i++) {
|
|
165
|
+
// 如果使用类型包含导入字样,则是execl文件导入的,不做显示
|
|
166
|
+
if(getFile.data[i].fusetype&&(getFile.data[i].fusetype.includes('execl导入'))){
|
|
167
|
+
getFile.data.splice(i,1)
|
|
168
|
+
i--
|
|
169
|
+
continue
|
|
170
|
+
}
|
|
171
|
+
let temp = getFile.data[i].f_downloadpath
|
|
172
|
+
let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
|
|
173
|
+
getFile.data[i].f_downloadURL = "http://" + location.host + "/" + URL
|
|
174
|
+
}
|
|
175
|
+
this.fileInfoData = []
|
|
176
|
+
this.fileInfoData = getFile.data
|
|
177
|
+
},
|
|
178
|
+
// 打开高拍仪
|
|
179
|
+
upload () {
|
|
180
|
+
if(this.showhighmeter){
|
|
181
|
+
this.$refs.ltgao.closeVideo()
|
|
182
|
+
}
|
|
183
|
+
this.showhighmeter = !this.showhighmeter
|
|
184
|
+
},
|
|
185
|
+
// 高拍仪回调
|
|
186
|
+
newPhoto(Imgbase64) {
|
|
187
|
+
let form = new FormData()
|
|
188
|
+
let xhr = new XMLHttpRequest()
|
|
189
|
+
let formDataBoundary = "----WebkitFormBoundary" + "GaoPaiYi";
|
|
190
|
+
form.append('Content-Type', 'multipart/form-data;boundary=' + formDataBoundary)
|
|
191
|
+
form.append('file', this.convertBase64ToBlob(Imgbase64), "GaoPaiYi.jpg")
|
|
192
|
+
xhr.open("POST", "rs/file/uploadFile")
|
|
193
|
+
|
|
194
|
+
if (this.headers) {
|
|
195
|
+
for (var header in this.headers) {
|
|
196
|
+
xhr.setRequestHeader(header, encodeURIComponent(this.headers[header]))
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
xhr.send(form)
|
|
200
|
+
setTimeout(() => {
|
|
201
|
+
this.load()
|
|
202
|
+
}, 5000)
|
|
203
|
+
},
|
|
204
|
+
convertBase64ToBlob(base64String) {
|
|
205
|
+
// 将base64解码
|
|
206
|
+
var bytes = atob(base64String);
|
|
207
|
+
//var bytes = base64;
|
|
208
|
+
var bytesCode = new ArrayBuffer(bytes.length);
|
|
209
|
+
// 转换为类型化数组
|
|
210
|
+
var byteArray = new Uint8Array(bytesCode);
|
|
211
|
+
|
|
212
|
+
// 将base64转换为ascii码
|
|
213
|
+
for (var i = 0; i < bytes.length; i++) {
|
|
214
|
+
byteArray[i] = bytes.charCodeAt(i);
|
|
215
|
+
}
|
|
216
|
+
// 生成Blob对象（文件对象）
|
|
217
|
+
return new Blob([bytesCode], {type: 'image/jpeg'});
|
|
218
|
+
},
|
|
219
|
+
},
|
|
220
|
+
computed: {
|
|
221
|
+
typeOfUse () {
|
|
222
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
events: {
|
|
226
|
+
onFileUpload: function (file, res) {
|
|
227
|
+
this.$dispatch("resid",res.id)
|
|
228
|
+
this.headers.fremarks=''
|
|
229
|
+
this.close()
|
|
230
|
+
}
|
|
231
|
+
},
|
|
232
|
+
watch: {
|
|
233
|
+
'blodid'(val) {
|
|
234
|
+
if (val) {
|
|
235
|
+
console.log('观察blodid', val)
|
|
236
|
+
this.headers.blodid = this.blodid
|
|
237
|
+
this.load(this)
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
'useType'() {
|
|
241
|
+
this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
|
|
242
|
+
},
|
|
243
|
+
'defname'() {
|
|
244
|
+
this.headers.defname=this.defname
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
</script>
|
|
249
|
+
|
|
250
|
+
<style scoped>
|
|
251
|
+
.clears{
|
|
252
|
+
overflow:hidden;
|
|
253
|
+
text-overflow:ellipsis;
|
|
254
|
+
white-space:nowrap;
|
|
255
|
+
}
|
|
256
|
+
.showData {
|
|
257
|
+
padding: 15px 10px 0px 10px;
|
|
258
|
+
box-sizing: border-box;
|
|
259
|
+
height: 230px;
|
|
260
|
+
font-family: "微软雅黑";
|
|
261
|
+
}
|
|
262
|
+
.showData .item{
|
|
263
|
+
padding-bottom: 10px;
|
|
264
|
+
border-bottom: solid 1px #c1c1c1;
|
|
265
|
+
}
|
|
266
|
+
.left {
|
|
267
|
+
padding-right: 10px;
|
|
268
|
+
}
|
|
269
|
+
.left img{
|
|
270
|
+
height: 100%;
|
|
271
|
+
width: 100%;
|
|
272
|
+
}
|
|
273
|
+
.right{
|
|
274
|
+
height: 100%;
|
|
275
|
+
/*display: -webkit-flex;*/
|
|
276
|
+
/*display: flex;*/
|
|
277
|
+
/*flex-direction: column;*/
|
|
278
|
+
/*justify-content: space-around;*/
|
|
279
|
+
}
|
|
280
|
+
.item_btn{
|
|
281
|
+
width: 80%;
|
|
282
|
+
background-color: #6aa6e2;
|
|
283
|
+
border-radius: 4px;
|
|
284
|
+
color: #FFFFFF;
|
|
285
|
+
font-family: PingFang;
|
|
286
|
+
}
|
|
287
|
+
</style>
|
|
@@ -1709,7 +1709,7 @@
|
|
|
1709
1709
|
//所有选择框/输入框遍历
|
|
1710
1710
|
for (let i = 0; i < this.$refs.service_show.data.fields.length; i++) {
|
|
1711
1711
|
//任何是否的选择框只要是否都不能提交
|
|
1712
|
-
if (this.selectdata.defname != '客户申请') {
|
|
1712
|
+
/*if (this.selectdata.defname != '客户申请') {
|
|
1713
1713
|
if (this.$refs.service_show.data.fields[i].value === '否') {
|
|
1714
1714
|
this.$refs.service_show.disable_button = false
|
|
1715
1715
|
console.log(this.$refs.service_show.data)
|
|
@@ -1719,7 +1719,7 @@
|
|
|
1719
1719
|
}else {
|
|
1720
1720
|
this.$refs.service_show.data.buttons[1].button_name = '提交'
|
|
1721
1721
|
}
|
|
1722
|
-
}
|
|
1722
|
+
}*/
|
|
1723
1723
|
//时间到期提醒
|
|
1724
1724
|
if (this.$refs.service_show.data.fields[i].label.includes("时间") || this.$refs.service_show.data.fields[i].label.includes("工期")) {
|
|
1725
1725
|
let setTime = this.$refs.service_show.data.fields[i].value
|
|
@@ -1730,14 +1730,14 @@
|
|
|
1730
1730
|
this.$showMessage("请注意，当前节点时间/工期已过期！")
|
|
1731
1731
|
}
|
|
1732
1732
|
}
|
|
1733
|
-
if (this.$refs.service_show.data.fields[i].label.includes("验收结果")) {
|
|
1733
|
+
/*if (this.$refs.service_show.data.fields[i].label.includes("验收结果")) {
|
|
1734
1734
|
|
|
1735
1735
|
if (this.$refs.service_show.data.fields[i].value.length == 0 || this.$refs.service_show.data.fields[i].value == undefined || this.$refs.service_show.data.fields[i].value == null){
|
|
1736
1736
|
this.$showMessage("验收结果未填写完毕，无法提交")
|
|
1737
1737
|
this.$refs.service_show.data.buttons[1].button_name = '保存'
|
|
1738
1738
|
}
|
|
1739
1739
|
|
|
1740
|
-
}
|
|
1740
|
+
}*/
|
|
1741
1741
|
}
|
|
1742
1742
|
|
|
1743
1743
|
|