suzhou-jichuang-lanhai
/
park-shanghai
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

逻辑更改

Browse Source
main
许宏杰 2 weeks ago
parent 5b5df60f4b
commit c1b0c24d5a
7 changed files with 99 additions and 115 deletions
Show Stats Download Patch File Download Diff File

11
src/components/ImageUpload/index.vue
Unescape View File

@ -23,13 +23,16 @@
<!-- 上传提示 -->
<div class="el-upload__tip" v-if="showTip">
请上传
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> 的文件
</template>
<template >
，最多可上传<b style="color: #f56c6c">{{ limit }}张照片，</b>
</template>
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
</template>
的文件
</div>
<el-dialog

5
src/main.js
Unescape View File

@ -3,10 +3,15 @@ import { createApp } from 'vue'
import Cookies from 'js-cookie'
import ElementPlus from 'element-plus'
import { ElTable } from 'element-plus'
import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/dark/css-vars.css'
import locale from 'element-plus/es/locale/lang/zh-cn'
const TableProps = ElTable.props
// 全局el-table设置
TableProps.border = { type: Boolean, default: true } // 边框线
import '@/assets/styles/index.scss' // global css
import App from './App'

95
src/views/emergency/workOrder/components/operation.vue
Unescape View File

@ -33,6 +33,9 @@
<template #prepend>
<el-button icon="MapLocation" />
</template>
<template #append>
<span class="location-search" @click="handleSearch">搜索</span>
</template>
</el-input>
<div class="serch-list" v-show="gaodePOIList.length > 0">
@ -66,64 +69,38 @@
/>
</el-checkbox-group>
</el-form-item>
<el-form-item label="工单照片:" prop="gdtp">
<ImageUpload v-model="form.gdtp"></ImageUpload>
</el-form-item>
<el-form-item label="工单等级:" prop="gdLevel">
<el-radio-group v-model="form.gdLevel">
<el-radio
:value="parseInt(dict.value)"
v-for="dict in dict.gdlevel"
>{{ dict.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item label="处置方案:" prop="clfa">
<el-select v-model="form.clfa" placeholder="请选择" clearable>
<el-option
v-for="dict in dict.clfa"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="派遣人数:" prop="pqrs">
<el-input v-model="form.pqrs" placeholder="请输入" clearable>
<template #suffix>
<span>人</span>
</template>
</el-input>
</el-form-item>
<el-form-item label="派遣车辆:" prop="pqcl">
<el-input v-model="form.pqcl" placeholder="请输入" clearable>
<template #suffix>
<span>辆</span>
</template>
</el-input>
</el-form-item>
<el-form-item label="资源协调:" prop="zyxt">
<el-checkbox-group v-model="form.zyxt">
<el-form-item label="影响类型:" prop="gdtp">
<el-checkbox-group v-model="form.dflx">
<el-checkbox
v-for="dict in dict.zyxt"
v-for="dict in dict.yxlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-checkbox-group>
</el-form-item>
<el-form-item label="工单照片:" prop="gdtp">
<ImageUpload v-model="form.gdtp" :limit="3"></ImageUpload>
</el-form-item>
<el-form-item label="工单描述:" prop="gdms">
<el-input
v-model="form.gdms"
:rows="2"
type="textarea"
placeholder="请填写"
/>
</el-form-item>
</section>
<section v-else>
<el-form-item label="简要描述:" prop="gdms">
<el-select v-model="form.gdms" placeholder="请选择" clearable>
<el-option
v-for="dict in dict.gdms"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
/>
</el-select>
<el-input
v-model="form.gdms"
:rows="2"
type="textarea"
placeholder="请填写"
/>
</el-form-item>
<el-form-item label="选派人员:" prop="zzjg">
<el-cascader
@ -153,8 +130,6 @@ import mapOptions from "@/components/mars-work/mapOptions";
import markerIcon from "@/assets/images/map-marker.png";
import { gaodeAddress, gaodePOI } from "@/utils/common.js";
const { proxy } = getCurrentInstance();
const gaodePOIList = ref([]);
const currentId = ref(0);
@ -229,12 +204,6 @@ const data = reactive({
dflx: [{ required: true, message: "请选择倒伏类型", trigger: "blur" }],
gdtp: [{ required: true, message: "请上传工单照片", trigger: "blur" }],
gdLevel: [{ required: true, message: "请选择工单等级", trigger: "blur" }],
clfa: [{ required: true, message: "请选择处置方案", trigger: "blur" }],
pqrs: [{ required: true, message: "请填写派遣人数", trigger: "blur" }],
pqcl: [{ required: true, message: "请填写派遣车辆", trigger: "blur" }],
zyxt: [{ required: true, message: "请选择资源协调", trigger: "blur" }],
},
});
const { form, rules } = toRefs(data);
@ -260,6 +229,10 @@ const changeType = () => {
const confirm = () => {
proxy.$refs["formRef"].validate(async (valid) => {
if (valid) {
if (!form.value.lat || !form.value.lon) {
proxy.$modal.msgWarning("请先落点至地图上！");
return;
}
form.value.zzjg = filterArray(form.value.zzjg, "join");
form.value.dflx = filterArray(form.value.dflx, "join");
form.value.zyxt = filterArray(form.value.zyxt, "join");
@ -268,8 +241,8 @@ const confirm = () => {
await intruderyj(form.value);
proxy.$modal.msgSuccess(`${props.title}成功`);
}
if(form.value.status === 1){
await updateyj(form.value)
if (form.value.status === 1) {
await updateyj(form.value);
proxy.$modal.msgSuccess(`编辑成功`);
}
} else {
@ -294,10 +267,8 @@ const getInfo = async (val) => {
console.log(props.id, visible.value);
const res = await getyjById(props.id);
res.data.zzjg = res.data.zzjg.split(",").map((item) => parseInt(item));
res.data.zyxt = filterArray(res.data.zyxt);
res.data.dflx = filterArray(res.data.dflx);
form.value = res.data;
if (form.value.lat && form.value.lon && mapData) {
nextTick(() => {
@ -438,8 +409,6 @@ const handleMapClick = (longitude, latitude) => {
const isPositiveDecimal = (num) => {
return typeof num === "number" && num >= 0 && !Number.isInteger(num);
};
</script>
<style lang="scss" scoped>
@ -472,4 +441,8 @@ const isPositiveDecimal = (num) => {
font-weight: bold;
}
}
.location-search {
font-size: 14px;
cursor: pointer;
}
</style>

68
src/views/emergency/workOrder/index.vue
Unescape View File

@ -8,7 +8,7 @@
label-width="68px"
class="search-form"
>
<el-form-item label="工单地址" prop="address">
<el-form-item label="处置部门" prop="address">
<el-input
v-model="queryParams.address"
placeholder="请输入"
@ -29,7 +29,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="工单等级" prop="gdLevel">
<el-form-item label="影响类型" prop="gdLevel">
<el-select
v-model="queryParams.gdLevel"
placeholder="请选择"
@ -87,12 +87,26 @@
:header-cell-style="proxy.getTableHeaderStyle"
:cell-style="proxy.getTablerowStyle"
>
<!-- <el-table-column type="selection" width="50" align="center" /> -->
<el-table-column label="序号" type="index" width="60" align="center" />
<el-table-column
label="处置部门"
align="center"
key="address"
prop="address"
show-overflow-tooltip
/>
<el-table-column
label="处置班组"
align="center"
key="address"
prop="address"
/>
<el-table-column
label="工单地址"
align="center"
key="address"
prop="address"
show-overflow-tooltip
/>
<el-table-column
label="工单类型"
@ -104,16 +118,7 @@
<dict-tag :options="gdlx" :value="scope.row.gdType" />
</template>
</el-table-column>
<el-table-column
label="工单等级"
align="center"
key="gdLevel"
prop="gdLevel"
>
<template #default="scope">
<dict-tag :options="gdlevel" :value="scope.row.gdLevel" />
</template>
</el-table-column>
<el-table-column
label="录入时间"
align="center"
@ -142,7 +147,7 @@
>
<template #default="scope">
<div class="table-operation-row">
<section v-show="scope.row.status == 0">
<!-- <section v-show="scope.row.status == 0">
<el-button
link
type="primary"
@ -157,15 +162,8 @@
@click="handlerRetreat(scope.row)"
>退单</el-button
>
</section>
<section v-show="scope.row.status == 1">
<el-button
link
type="primary"
icon="User"
@click="handlerDistriBute(scope.row, '派发')"
>派发</el-button
>
</section> -->
<!-- <section v-show="scope.row.status == 1">
<el-button
link
type="primary"
@ -173,7 +171,7 @@
@click="handlerEdit(scope.row)"
>编辑</el-button
>
</section>
</section> -->
<section v-show="scope.row.status == 3">
<el-button
link
@ -226,12 +224,9 @@
<operation
:dict="{
gdlx,
dflx,
gdlevel,
clfa,
zyxt,
gdms,
deptList,
yxlx,
}"
v-model="open"
:id="workId"
@ -242,7 +237,6 @@
<chargeBack
v-model="retreat"
:id="workId"
:dictReason="reason"
@confirm="getList()"
></chargeBack>
<!-- 派发 -->
@ -267,17 +261,11 @@ import useUserStore from "@/store/modules/user";
const { proxy } = getCurrentInstance();
const userStore = useUserStore();
const deptList = ref([]);
const { gdlx, gdms, gdlevel, clfa, zyxt, dflx, gd_status, reason } =
proxy.useDict(
"gdlx",
"gdms",
"gdlevel",
"clfa",
"zyxt",
"dflx",
"gd_status",
"reason"
);
const { gdlx, gd_status, yxlx } = proxy.useDict(
"gdlx",
"gd_status",
"yxlx"
);
const datePicker = ref([]);
const workId = ref(null);
const loading = ref(false);

0
src/views/visualization/emergency/components/cellRow.vue
Unescape View File

22
src/views/visualization/emergency/components/containerLeft.vue
Unescape View File

@ -0,0 +1,22 @@
<template>
<div class="main-left">
<panelBlock title="应急抢险资源"></panelBlock>
<panelBlock title="应急抢险工单"></panelBlock>
<panelBlock title="工单派发及完成率分析"></panelBlock>
</div>
</template>
<script setup>
import { panelBlock } from "@/views/visualization/components/index";
</script>
<style lang="scss" scoped>
.main-left{
display: flex;
flex-direction: column;
&>div{
flex: 1;
}
}
</style>

13
src/views/visualization/emergency/index.vue
Unescape View File

@ -1,10 +1,6 @@
<template>
<div class="emergency-container">
<div class="main-left">
<panelBlock title="应急抢险资源"></panelBlock>
<panelBlock title="应急抢险工单"></panelBlock>
<panelBlock title="工单派发及完成率分析"></panelBlock>
</div>
<containerLeft></containerLeft>
<div class="main-right">
<panelBlock title="最新预警信息"></panelBlock>
<panelBlock title="工单数量变化分析"></panelBlock>
@ -29,6 +25,7 @@ import { onUnmounted } from "vue";
import wallImg from "@/assets/images/visualization/fence-top.png";
import areaBg from "@/assets/images/visualization/area-bg.png";
import { panelBlock } from "@/views/visualization/components/index";
import containerLeft from "./components/containerLeft.vue"
//地图配置
const configUrl = "lib/config/config.json";
let mapData = null;
@ -151,11 +148,7 @@ onUnmounted(() => {
padding-bottom: 34px;
width: 16%;
height: 100%;
display: flex;
flex-direction: column;
&>div{
flex: 1;
}
}
.main-left {

Write Preview
Loading…
Cancel
Save