index.vue
7.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="案卷类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择案卷类型" size="small">
<el-option v-for="item in caseType" :label="item.dictLabel" :value="item.dictValue" />
</el-select>
</el-form-item>
<el-form-item label="所属区域" prop="place">
<el-select v-model="queryParams.place" placeholder="请选择所属区域" size="small">
<el-option v-for="item in areas" :label="item.name" :value="item.code" />
</el-select>
</el-form-item>
<el-form-item label="时间" prop="createTime">
<el-date-picker size="small" style="width: 200px"
v-model="queryParams.createTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['caseOffline:caseOffline:add']"
>新增</el-button>
</el-col>
</el-row>
<a @click="handleUpdate(item)" v-for="item in caseOfflineList">
<el-card class="box-card" style="margin-bottom: 10px;"
>
<el-row class="card_row">
<el-col :span="24" class="card_grid">
<div class="card_title" style="font-weight: bold;">案卷编号:{{item.number}}</div>
</el-col>
</el-row>
<el-row class="card_row" style="margin-top:10px;margin-bottom:10px;">
<el-col :span="24">
<span >案卷类型:{{item.type}}</span>
</el-col>
</el-row>
<el-row class="card_row">
<el-col :span="24" class="card_grid" >
<span >所属区域:{{item.place}}</span>
</el-col>
</el-row>
<el-row class="card_row">
<el-col :span="24" class="card_grid" >
<div>时间:{{item.createTime}}</div>
</el-col>
</el-row>
<span>{{item.status == 0 ?"审批中" : (item.status == 2 ?"驳回" :"审批完成")}}</span>
</el-card>
</a>
<h5Page
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改线下交办案卷对话框 -->
<el-dialog :title="title" :visible.sync="open" width="300px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="案卷类型" prop="type">
<el-select v-model="form.type" placeholder="请选择案卷类型">
<el-option v-for="item in caseType" :label="item.dictLabel" :value="item.dictValue" />
</el-select>
</el-form-item>
<el-form-item label="所属区域" prop="place">
<el-select v-model="form.place" placeholder="请输入所属区域" size="small">
<el-option v-for="item in areas" :label="item.name" :value="item.code" />
</el-select>
</el-form-item>
<el-form-item label="类型" prop="siteType">
<el-select v-model="form.siteType" placeholder="请选择类型">
<el-option label="工地" value="0" />
<el-option label="处理场所" value="1" />
<el-option label="车辆" value="2" />
</el-select>
</el-form-item>
<el-form-item :label="form.siteType==0?'工地名称':form.siteType==1?'处理场所名称':'车牌号'" prop="siteName">
<el-select v-model="form.siteName" placeholder="请选择类型" allow-create filterable
:filter-method="getSite">
<el-option v-for="item in data[form.siteType]" :label="item.name" :value="item.name" />
</el-select>
</el-form-item>
<el-form-item label="问题描述" prop="caseDec">
<el-input v-model="form.caseDec" placeholder="请输入问题描述" type="text" maxlength="200" :rows="3"/>
</el-form-item>
<el-form-item label="位置描述" prop="locationDec">
<el-input v-model="form.locationDec" placeholder="请输入问题描述" type="text" maxlength="100" :rows="3"/>
</el-form-item>
<el-form-item label="案卷编号" prop="number">
<el-input v-model="form.number" placeholder="请输入案卷编号" disabled/>
</el-form-item>
<el-form-item label="附件" prop="attach">
<a style="color:blue;font-size: 12px;" @click="uploadImageDialog=true;">选择附件</a>
<br/>
<el-image v-for="item in slides"
style="width: 40px; height: 40px; margin: 5px;"
:src="item.url"
:preview-src-list="[item.url]"
:z-index="2000">
</el-image>
<div style="display: inline-block;margin: 5px;position: relative; width: 150px;height: 100px;overflow:hidden;" v-for="item in videoSrc" >
<video width="100%" controls="controls" height="100%" :src="item.url"></video>
</div>
<el-input v-model="form.attach" type="hidden"></el-input>
<div style="color: blue;" v-for="(img,index) in form.attach">{{ img.split("/")[img.split("/").length - 1] }}
<a @click="removeAttchItem(index,img)" style="color:red;">X</a></div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog title="查看详情" :visible.sync="open2" width="300px" append-to-body>
<el-button @click="androidPrint();">打印</el-button>
<h5Info :businessKey="businessKey" v-if="open2" />
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog title="附件" :visible.sync="uploadImageDialog" append-to-body :beforeClose="handleClose" width="300px">
<el-upload
accept="image/*"
:headers="upload.headers"
:action="upload.url"
:file-list="fileList"
:on-success="uploadSuccess" :before-upload="beforeUpload">
<el-button size="small" type="primary">选择附件</el-button>
<div slot="tip" class="el-upload__tip">只能上传不超过 20MB 的jpg pdf word文件</div>
</el-upload>
<div style="height: 40px;width:100%;">
<el-button type="primary" style="margin-top: 20px;float:right;" @click="handleClose">关闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script src="../../../api/caseoffline.js" />
<style scope>
.el-select-dropdown__item{
width:300px;
}
</style>