Compare commits
2 Commits
ca347bd223
...
71454c47a3
| Author | SHA1 | Date | |
|---|---|---|---|
| 71454c47a3 | |||
| efc5227c42 |
74
packages/screen/src/views/SnowEventManagement/addDialog.vue
Normal file
74
packages/screen/src/views/SnowEventManagement/addDialog.vue
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<template>
|
||||||
|
<div class="detail-container">
|
||||||
|
<el-form
|
||||||
|
ref="formRef"
|
||||||
|
label-position="right"
|
||||||
|
label-width="150px"
|
||||||
|
style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
|
||||||
|
>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="物资名称:">
|
||||||
|
<el-input v-model="form.wzmc" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库日期:">
|
||||||
|
<el-date-picker
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
v-model="form.rkrq"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库单位:">
|
||||||
|
<el-input v-model="form.rkdw" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="数量:">
|
||||||
|
<el-input-number v-model="form.sl" controls-position="right" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="单位:">
|
||||||
|
<el-input v-model="form.dw" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="存放地点:">
|
||||||
|
<el-input v-model="form.cfdd" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="负责人:">
|
||||||
|
<el-input v-model="form.fzr" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="联系电话:">
|
||||||
|
<el-input v-model="form.lxdh" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="区县名称:">
|
||||||
|
<el-input v-model="form.qxmc" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
const formRef = ref(null);
|
||||||
|
defineExpose({ formRef });
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
detailData: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,63 @@
|
|||||||
|
<template>
|
||||||
|
<div class="detail-container">
|
||||||
|
<el-form
|
||||||
|
label-position="right"
|
||||||
|
label-width="150px"
|
||||||
|
style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
|
||||||
|
>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="物资名称:">
|
||||||
|
<el-input disabled v-model="detailData.wzmc" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="余量:">
|
||||||
|
<el-input disabled v-model="detailData.ye" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库日期:">
|
||||||
|
<el-input disabled v-model="detailData.rkrq" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库单位:">
|
||||||
|
<el-input disabled v-model="detailData.rkdw" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="数量:">
|
||||||
|
<el-input disabled v-model="detailData.sl"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="单位:">
|
||||||
|
<el-input disabled v-model="detailData.dw" /> </el-form-item
|
||||||
|
></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="存放地点:">
|
||||||
|
<el-input disabled v-model="detailData.cfdd" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="负责人:">
|
||||||
|
<el-input disabled v-model="detailData.fzr" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="联系电话:">
|
||||||
|
<el-input disabled v-model="detailData.lxdh" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="区县名称:">
|
||||||
|
<el-input disabled v-model="detailData.qxmc" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
const props = defineProps({
|
||||||
|
detailData: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
73
packages/screen/src/views/SnowEventManagement/editDialog.vue
Normal file
73
packages/screen/src/views/SnowEventManagement/editDialog.vue
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<template>
|
||||||
|
<div class="detail-container">
|
||||||
|
<el-form
|
||||||
|
ref="formRef"
|
||||||
|
label-position="right"
|
||||||
|
label-width="150px"
|
||||||
|
style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
|
||||||
|
>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="物资名称:">
|
||||||
|
<el-input v-model="form.wzmc" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库日期:">
|
||||||
|
<el-date-picker
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
v-model="form.rkrq"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入库单位:">
|
||||||
|
<el-input v-model="form.rkdw" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="数量:">
|
||||||
|
<el-input-number v-model="form.sl" controls-position="right" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="单位:">
|
||||||
|
<el-input v-model="form.dw" /> </el-form-item
|
||||||
|
></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="存放地点:">
|
||||||
|
<el-input v-model="form.cfdd" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="负责人:">
|
||||||
|
<el-input v-model="form.fzr" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="联系电话:">
|
||||||
|
<el-input v-model="form.lxdh" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="区县名称:">
|
||||||
|
<el-input v-model="form.qxmc" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
const formRef = ref(null);
|
||||||
|
defineExpose({ formRef });
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -1,9 +1,9 @@
|
|||||||
import { h, ref, onMounted, reactive, watch, toRaw, nextTick } from "vue";
|
import { h, ref, onMounted, reactive, watch, toRaw, nextTick } from "vue";
|
||||||
import { request } from "@/utils/request";
|
import { request } from "@/utils/request";
|
||||||
import { Search } from "@element-plus/icons-vue";
|
import { Search } from "@element-plus/icons-vue";
|
||||||
// import DetailDialog from "./detailDialog.vue";
|
import DetailDialog from "./detailDialog.vue";
|
||||||
// import EditDialog from "./editDialog.vue";
|
import EditDialog from "./editDialog.vue";
|
||||||
// import AddDialog from "./addDialog.vue";
|
import AddDialog from "./addDialog.vue";
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
|
|
||||||
const treeData = ref([]);
|
const treeData = ref([]);
|
||||||
@ -132,7 +132,7 @@ const handleNodeClick = (data, node) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 获取养护站冰雪事件列表
|
// 获取冰雪事件列表
|
||||||
const getyhzeventList = async (qxmc, yhzid, filterData) => {
|
const getyhzeventList = async (qxmc, yhzid, filterData) => {
|
||||||
try {
|
try {
|
||||||
const data = {
|
const data = {
|
||||||
@ -166,45 +166,49 @@ const getyhzeventList = async (qxmc, yhzid, filterData) => {
|
|||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
prop: 'wzmc',
|
prop: 'occurLocation',
|
||||||
label: '物资名称',
|
label: '发生地点',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'ye',
|
prop: 'routeNo',
|
||||||
label: '余量',
|
label: '线路编号',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'rkdw',
|
prop: 'occurTime',
|
||||||
label: '入库单位',
|
label: '发生时间',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'rkrq',
|
prop: 'startStakeNo',
|
||||||
label: '入库日期',
|
label: '起点桩号',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'sl',
|
prop: 'endStakeNo',
|
||||||
label: '数量',
|
label: '止点桩号',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'dw',
|
prop: 'disasterMileage',
|
||||||
label: '单位',
|
label: '受灾里程（公里）',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'cfdd',
|
prop: 'expectRecoverTime',
|
||||||
label: '存放地点',
|
label: '预计恢复时间',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'fzr',
|
prop: 'actualRecoverTime',
|
||||||
label: '负责人',
|
label: '实际恢复时间',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'lxdh',
|
prop: 'serviceStationId',
|
||||||
label: '联系电话',
|
label: '所属服务站',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'qxmc',
|
prop: 'district',
|
||||||
label: '所属区县',
|
label: '所属区县',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
prop: 'reportTime',
|
||||||
|
label: '填报时间',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "操作",
|
label: "操作",
|
||||||
fixed: "right",
|
fixed: "right",
|
||||||
@ -296,19 +300,19 @@ const handleEdit = async () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// 获取养护站物资详情
|
// 获取冰雪事件详情
|
||||||
const getDetailData = async (row) => {
|
const getDetailData = async (row) => {
|
||||||
try {
|
try {
|
||||||
const res = await request({
|
const res = await request({
|
||||||
url: `/snow-ops-platform/yjwz/getById?rid=${row.rid}`,
|
url: `/snow-ops-platform/event/getById?id=${row.id}`,
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
});
|
});
|
||||||
if (!res || res.code !== '00000') {
|
if (!res || res.code !== '00000') {
|
||||||
throw new Error('获取物资详情失败')
|
throw new Error('获取事件详情失败')
|
||||||
}
|
}
|
||||||
if (res.code === '00000') {
|
if (res.code === '00000') {
|
||||||
if (dialogType.value === 'detail') {
|
if (dialogType.value === 'detail') {
|
||||||
model.title = `物资详情`;
|
model.title = `事件详情`;
|
||||||
model.content = DetailDialog;
|
model.content = DetailDialog;
|
||||||
model.props = {
|
model.props = {
|
||||||
detailData: res.data,
|
detailData: res.data,
|
||||||
|
|||||||
@ -36,6 +36,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="form-box">
|
<div class="form-box">
|
||||||
<div class="event-box">
|
<div class="event-box">
|
||||||
|
<el-button type="primary" size="large" @click="script.addEvent"
|
||||||
|
>新增事件</el-button
|
||||||
|
>
|
||||||
<el-button type="primary" size="large" @click="script.generateReport"
|
<el-button type="primary" size="large" @click="script.generateReport"
|
||||||
>生成报告</el-button
|
>生成报告</el-button
|
||||||
>
|
>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user