|
|
|
@ -45,6 +45,17 @@ |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="规模" |
|
|
|
prop="scaleTotal"> |
|
|
|
<el-input v-model="formData.scaleTotal" |
|
|
|
size="small" |
|
|
|
class="item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入规模"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<!-- <el-form-item label="规模" |
|
|
|
prop="scale"> |
|
|
|
<el-select class="item_width_1" |
|
|
|
size="small" |
|
|
|
@ -58,6 +69,21 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="场所类别" |
|
|
|
prop="placeCategory"> |
|
|
|
<el-select class="item_width_1" |
|
|
|
size="small" |
|
|
|
v-model="formData.placeCategory" |
|
|
|
placeholder="请选择" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in placeCategoryList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="场所类型" |
|
|
|
prop="ninePlaceVal"> |
|
|
|
@ -90,6 +116,10 @@ |
|
|
|
<el-button class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="handleExport">导出</el-button> |
|
|
|
|
|
|
|
<el-table class="table" |
|
|
|
:data="tableData" |
|
|
|
@ -115,6 +145,12 @@ |
|
|
|
label="场所地址" |
|
|
|
min-width="280"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="placeCategory" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="场所类别" |
|
|
|
min-width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ninePlaceName" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
@ -238,10 +274,24 @@ export default { |
|
|
|
scaleList: [],//规模list |
|
|
|
placeTypeList: [],//场所类型list |
|
|
|
|
|
|
|
placeCategoryList: [ |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
label: '九小场所' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
label: '企事业单位' |
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
formData: { |
|
|
|
placeCategory: '',//0九小场所、1企事业单位 |
|
|
|
placeOrgName: '',//场所名称 |
|
|
|
mobile: '',//联系电话 |
|
|
|
scale: '',//场所规模【 0:10人以下 1:10-20人 2:21-40人 3:41-100人 4:100人以上】 |
|
|
|
// scale: '',//场所规模【 0:10人以下 1:10-20人 2:21-40人 3:41-100人 4:100人以上】 |
|
|
|
scaleTotal: '', |
|
|
|
gridId: '',//场所区域【网格Id】 |
|
|
|
ninePlaceVal: '',//场所类型【九小场所Value值】 |
|
|
|
isPage: true,//是否分页(是:true 否:false) 有这个参数是给新增巡查记录时用的，默认是 |
|
|
|
@ -360,7 +410,70 @@ export default { |
|
|
|
} |
|
|
|
this.tableLoading = false |
|
|
|
}, |
|
|
|
//导出表格 |
|
|
|
async handleExport () { |
|
|
|
let title = "员工登记码"; |
|
|
|
|
|
|
|
const url = "/epmetuser/icVaccine/export"; |
|
|
|
|
|
|
|
await this.$http({ |
|
|
|
method: "POST", |
|
|
|
url, |
|
|
|
responseType: "blob", |
|
|
|
data: this.formData, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log("res----dddd", res); |
|
|
|
// this.download(res.data, title + '.xls') |
|
|
|
if (res.headers["content-disposition"]) { |
|
|
|
let fileName = window.decodeURI( |
|
|
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|
|
|
); |
|
|
|
console.log("filename", fileName); |
|
|
|
let blob = new Blob([res.data], { |
|
|
|
type: "application/vnd.ms-excel", |
|
|
|
}); |
|
|
|
var url = window.URL.createObjectURL(blob); |
|
|
|
var aLink = document.createElement("a"); |
|
|
|
aLink.style.display = "none"; |
|
|
|
aLink.href = url; |
|
|
|
aLink.setAttribute("download", fileName); |
|
|
|
document.body.appendChild(aLink); |
|
|
|
aLink.click(); |
|
|
|
document.body.removeChild(aLink); //下载完成移除元素 |
|
|
|
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|
|
|
} else this.$message.error("下载失败"); |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log("err", err); |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
// 下载文件 |
|
|
|
download (data, fileName) { |
|
|
|
if (!data) { |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
var csvData = new Blob([data]); |
|
|
|
|
|
|
|
if (window.navigator && window.navigator.msSaveOrOpenBlob) { |
|
|
|
window.navigator.msSaveOrOpenBlob(csvData, fileName); |
|
|
|
} |
|
|
|
// for Non-IE (chrome, firefox etc.) |
|
|
|
else { |
|
|
|
var a = document.createElement("a"); |
|
|
|
document.body.appendChild(a); |
|
|
|
a.style = "display: none"; |
|
|
|
var url = window.URL.createObjectURL(csvData); |
|
|
|
a.href = url; |
|
|
|
a.download = fileName; |
|
|
|
a.click(); |
|
|
|
a.remove(); |
|
|
|
window.URL.revokeObjectURL(url); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
diaClose () { |
|
|
|
@ -456,16 +569,18 @@ export default { |
|
|
|
//重置搜索条件 |
|
|
|
resetSearch () { |
|
|
|
this.formData = { |
|
|
|
placeCategory: '',//0九小场所、1企事业单位 |
|
|
|
placeOrgName: '',//场所名称 |
|
|
|
mobile: '',//联系电话 |
|
|
|
scale: '',//场所规模【 0:10人以下 1:10-20人 2:21-40人 3:41-100人 4:100人以上】 |
|
|
|
// scale: '',//场所规模【 0:10人以下 1:10-20人 2:21-40人 3:41-100人 4:100人以上】 |
|
|
|
scaleTotal: '', |
|
|
|
gridId: '',//场所区域【网格Id】 |
|
|
|
ninePlaceVal: '',//场所类型【九小场所Value值】 |
|
|
|
isPage: true,//是否分页(是:true 否:false) 有这个参数是给新增巡查记录时用的，默认是 |
|
|
|
} |
|
|
|
this.pageSize = 10 |
|
|
|
this.pageNo = 0 |
|
|
|
this.loadTable() |
|
|
|
// this.loadTable() |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
jiangyy
3 years ago