|
|
@ -1,5 +1,5 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class='EmergencyAgencies'> |
|
|
<div class="EmergencyAgencies"> |
|
|
<div class="filter"> |
|
|
<div class="filter"> |
|
|
<div> |
|
|
<div> |
|
|
<ButtonGradient @click.native="handleOpenDialogAddEdit()"> |
|
|
<ButtonGradient @click.native="handleOpenDialogAddEdit()"> |
|
|
@ -22,21 +22,39 @@ |
|
|
</ButtonGradient> |
|
|
</ButtonGradient> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<InputSearch style="width: 402px;" :formList="searchFormList" :formConfigOptions="{ labelWidth: '90px' }" |
|
|
<InputSearch |
|
|
@handleSearch="handleSearch" /> |
|
|
style="width: 402px" |
|
|
|
|
|
:formList="searchFormList" |
|
|
|
|
|
:formConfigOptions="{ labelWidth: '90px' }" |
|
|
|
|
|
@handleSearch="handleSearch" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class='body'> |
|
|
<div class="body"> |
|
|
<!-- <ElEmpty v-if="!data.length && !isFirst" description="暂无数据" style="width: 100%;height: 100%;position: absolute;" /> --> |
|
|
<!-- <ElEmpty v-if="!data.length && !isFirst" description="暂无数据" style="width: 100%;height: 100%;position: absolute;" /> --> |
|
|
<div v-if="!data.length && !isFirst" class="no-data" style="position: absolute">暂无数据</div> |
|
|
<div |
|
|
|
|
|
v-if="!dataList.length && !isFirst" |
|
|
|
|
|
class="no-data" |
|
|
|
|
|
style="position: absolute" |
|
|
|
|
|
> |
|
|
|
|
|
暂无数据 |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<template v-else> |
|
|
<template v-else> |
|
|
<Card v-for="(item, index) in data" :keyMap="keyMap" :cardData="item" :key="index"> |
|
|
<Card |
|
|
|
|
|
v-for="(item, index) in dataList" |
|
|
|
|
|
:keyMap="keyMap" |
|
|
|
|
|
:cardData="item" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
> |
|
|
<template #button> |
|
|
<template #button> |
|
|
<Button @click.native="() => handleOpenDialogAddEdit(item)"> |
|
|
<Button @click.native="() => handleOpenDialogAddEdit(item)"> |
|
|
修改 |
|
|
修改 |
|
|
</Button> |
|
|
</Button> |
|
|
<Button style="background-color: #FF5F5F;" @click.native="handleDelete(item)"> |
|
|
<Button |
|
|
|
|
|
style="background-color: #ff5f5f" |
|
|
|
|
|
@click.native="handleDelete(item)" |
|
|
|
|
|
> |
|
|
删除 |
|
|
删除 |
|
|
</Button> |
|
|
</Button> |
|
|
</template> |
|
|
</template> |
|
|
@ -49,30 +67,30 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import Card from "@screen/components/Card1/index.vue" |
|
|
import Card from "@screen/components/Card1/index.vue"; |
|
|
import InputSearch from '@screen/components/InputSearch/index.vue'; |
|
|
import InputSearch from "@screen/components/InputSearch/index.vue"; |
|
|
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue'; |
|
|
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; |
|
|
import Button from '@screen/components/Buttons/Button.vue'; |
|
|
import Button from "@screen/components/Buttons/Button.vue"; |
|
|
import AddNEditDialog from "./components/AddNEditDialog.vue" |
|
|
import AddNEditDialog from "./components/AddNEditDialog.vue"; |
|
|
|
|
|
|
|
|
import { searchFormList } from "./data"; |
|
|
import { searchFormList } from "./data"; |
|
|
import request from "@/utils/request"; |
|
|
import request from "@/utils/request"; |
|
|
import { setLoading } from "@screen/utils/index.js" |
|
|
import { setLoading } from "@screen/utils/index.js"; |
|
|
import { delay, exportFile, confirm } from "@screen/utils/common"; |
|
|
import { delay, exportFile, confirm } from "@screen/utils/common"; |
|
|
import { Message } from "element-ui"; |
|
|
import { Message } from "element-ui"; |
|
|
|
|
|
|
|
|
let vehicleTypeList = []; |
|
|
// let vehicleTypeList = []; |
|
|
|
|
|
|
|
|
// 应急机构 |
|
|
// 应急机构 |
|
|
export default { |
|
|
export default { |
|
|
name: 'EmergencyAgencies', |
|
|
name: "EmergencyAgencies", |
|
|
inject: ['getPagination', 'setTotal', 'setCurrentPage'], |
|
|
inject: ["getPagination", "setTotal", "setCurrentPage"], |
|
|
components: { |
|
|
components: { |
|
|
Card, |
|
|
Card, |
|
|
ButtonGradient, |
|
|
ButtonGradient, |
|
|
InputSearch, |
|
|
InputSearch, |
|
|
Button, |
|
|
Button, |
|
|
AddNEditDialog |
|
|
AddNEditDialog, |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
@ -85,15 +103,15 @@ export default { |
|
|
// direction: "117.123456", |
|
|
// direction: "117.123456", |
|
|
// direction2: "37.12234", |
|
|
// direction2: "37.12234", |
|
|
// })), |
|
|
// })), |
|
|
data: [], |
|
|
dataList: [], |
|
|
keyMap: [ |
|
|
keyMap: [ |
|
|
{ |
|
|
{ |
|
|
key: "dcOrganizations.organizationName", |
|
|
key: "dcOrganizations.organizationName", |
|
|
label: "机构名称" |
|
|
label: "机构名称", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
key: "dcOrganizations.organizationAddress", |
|
|
key: "dcOrganizations.organizationAddress", |
|
|
label: "机构地址" |
|
|
label: "机构地址", |
|
|
}, |
|
|
}, |
|
|
// { |
|
|
// { |
|
|
// key: "coordinate.longitude", |
|
|
// key: "coordinate.longitude", |
|
|
@ -105,24 +123,25 @@ export default { |
|
|
// }, |
|
|
// }, |
|
|
{ |
|
|
{ |
|
|
key: "dcOrganizations.stakeMark", |
|
|
key: "dcOrganizations.stakeMark", |
|
|
label: "桩号" |
|
|
label: "桩号", |
|
|
}, |
|
|
}, |
|
|
// { |
|
|
// { |
|
|
// key: "dcOrganizations.latitude", |
|
|
// key: "dcOrganizations.latitude", |
|
|
// label: "救援外协单位" |
|
|
// label: "救援外协单位" |
|
|
// }, |
|
|
// }, |
|
|
{ |
|
|
{ |
|
|
key: "car", |
|
|
key: "cars", |
|
|
label: "驻点车辆", |
|
|
label: "驻点车辆", |
|
|
value: "aaa" |
|
|
|
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
key: "employeesNum", |
|
|
key: "employeesNum", |
|
|
label: "驻点人员" |
|
|
label: "驻点人员", |
|
|
} |
|
|
suffix: "人", |
|
|
|
|
|
}, |
|
|
], |
|
|
], |
|
|
isFirst: true |
|
|
isFirst: true, |
|
|
} |
|
|
vehicleTypeList: [], |
|
|
|
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getData(); |
|
|
this.getData(); |
|
|
@ -130,24 +149,19 @@ export default { |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
getVehicleTypeList() { |
|
|
getVehicleTypeList() { |
|
|
if (vehicleTypeList.length) return; |
|
|
if (this.vehicleTypeList.length) return; |
|
|
|
|
|
|
|
|
request({ |
|
|
request({ |
|
|
url: `/system/dict/data/type/sys_vehicle_type`, |
|
|
url: `/system/dict/data/type/sys_vehicle_type`, |
|
|
method: "GET", |
|
|
method: "GET", |
|
|
params: {} |
|
|
params: {}, |
|
|
}) |
|
|
}) |
|
|
.then(({ data, code }) => { |
|
|
.then(({ data, code }) => { |
|
|
if (code != 200) return ;//Message.error("详情获取失败"); |
|
|
console.log("Success", data); |
|
|
|
|
|
if (code != 200) return; //Message.error("详情获取失败"); |
|
|
// vehicleTypeList = this.formList[5].options.options = data.map(item => ({ |
|
|
this.vehicleTypeList = data; |
|
|
// key: item.dictValue, |
|
|
|
|
|
// label: item.dictLabel |
|
|
|
|
|
// })) |
|
|
|
|
|
}) |
|
|
}) |
|
|
.catch((err) => { |
|
|
.catch((err) => {}); |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
}, |
|
|
async handleDelete(data) { |
|
|
async handleDelete(data) { |
|
|
await confirm({ message: "是否要删除该机构?" }); |
|
|
await confirm({ message: "是否要删除该机构?" }); |
|
|
@ -155,11 +169,11 @@ export default { |
|
|
request({ |
|
|
request({ |
|
|
url: `/business/organization/${data.dcOrganizations.id}`, |
|
|
url: `/business/organization/${data.dcOrganizations.id}`, |
|
|
method: "DELETE", |
|
|
method: "DELETE", |
|
|
data: {} |
|
|
data: {}, |
|
|
}) |
|
|
}) |
|
|
.then((result) => { |
|
|
.then((result) => { |
|
|
if (result.code != 200) return Message.error(`删除失败!`); |
|
|
if (result.code != 200) return Message.error(`删除失败!`); |
|
|
this.setCurrentPage(1) |
|
|
this.setCurrentPage(1); |
|
|
Message.success(`删除成功!`); |
|
|
Message.success(`删除成功!`); |
|
|
}) |
|
|
}) |
|
|
.catch((err) => { |
|
|
.catch((err) => { |
|
|
@ -182,8 +196,8 @@ export default { |
|
|
filename: "应急机构", |
|
|
filename: "应急机构", |
|
|
data: { |
|
|
data: { |
|
|
...this.searchData, |
|
|
...this.searchData, |
|
|
...this.getPagination() |
|
|
...this.getPagination(), |
|
|
} |
|
|
}, |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
async getData() { |
|
|
async getData() { |
|
|
@ -196,26 +210,47 @@ export default { |
|
|
method: "get", |
|
|
method: "get", |
|
|
params: { |
|
|
params: { |
|
|
...this.searchData, |
|
|
...this.searchData, |
|
|
...this.getPagination() |
|
|
...this.getPagination(), |
|
|
} |
|
|
}, |
|
|
}).then(result => { |
|
|
|
|
|
if (result.code != 200) return; |
|
|
|
|
|
|
|
|
|
|
|
this.data = result.rows; |
|
|
|
|
|
this.setTotal(result.total) |
|
|
|
|
|
}).finally(() => { |
|
|
|
|
|
closeLoading(); |
|
|
|
|
|
this.isFirst = false; |
|
|
|
|
|
}) |
|
|
}) |
|
|
} |
|
|
.then((result) => { |
|
|
} |
|
|
if (result.code != 200) return; |
|
|
|
|
|
|
|
|
} |
|
|
this.dataList = result.rows; |
|
|
|
|
|
let data = []; |
|
|
|
|
|
this.vehicleTypeList.forEach((items) => { |
|
|
|
|
|
this.dataList.forEach((item) => { |
|
|
|
|
|
if (item.car.length > 0) { |
|
|
|
|
|
for (var i = 0; i < item.car.length; i++) { |
|
|
|
|
|
if (item.car[i].vehicleType == items.dictValue) { |
|
|
|
|
|
// let data = |
|
|
|
|
|
data.push(items.dictLabel + "*" + item.car[i].carNum); |
|
|
|
|
|
// item.cars = items.dictLabel + "*" + item.car[i].carNum; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}); |
|
|
|
|
|
console.log(999, this.dataList); |
|
|
|
|
|
console.log(999, data); |
|
|
|
|
|
this.dataList.forEach((item) => { |
|
|
|
|
|
if (item.car.length > 0) { |
|
|
|
|
|
item.cars = data.join("、"); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
this.setTotal(result.total); |
|
|
|
|
|
}) |
|
|
|
|
|
.finally(() => { |
|
|
|
|
|
closeLoading(); |
|
|
|
|
|
this.isFirst = false; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
<style lang="scss" scoped> |
|
|
.EmergencyAgencies { |
|
|
.EmergencyAgencies { |
|
|
|
|
|
|
|
|
.body { |
|
|
.body { |
|
|
display: grid; |
|
|
display: grid; |
|
|
grid-template-columns: repeat(5, 1fr); |
|
|
grid-template-columns: repeat(5, 1fr); |
|
|
@ -227,15 +262,15 @@ export default { |
|
|
.endSpecial { |
|
|
.endSpecial { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
color: #00B3CC; |
|
|
color: #00b3cc; |
|
|
line-height: 16px; |
|
|
line-height: 16px; |
|
|
|
|
|
|
|
|
span:first-child { |
|
|
span:first-child { |
|
|
color: rgba(0, 179, 204, 1)#000; |
|
|
color: rgba(0, 179, 204, 1) #000; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
span:last-child { |
|
|
span:last-child { |
|
|
color: rgba(217, 0, 27, 1) |
|
|
color: rgba(217, 0, 27, 1); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
zhangzhang
1 year ago