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 { request } from "@/utils/request";
|
||||
import { Search } from "@element-plus/icons-vue";
|
||||
// import DetailDialog from "./detailDialog.vue";
|
||||
// import EditDialog from "./editDialog.vue";
|
||||
// import AddDialog from "./addDialog.vue";
|
||||
import DetailDialog from "./detailDialog.vue";
|
||||
import EditDialog from "./editDialog.vue";
|
||||
import AddDialog from "./addDialog.vue";
|
||||
import { useRoute } from 'vue-router'
|
||||
|
||||
const treeData = ref([]);
|
||||
@ -132,7 +132,7 @@ const handleNodeClick = (data, node) => {
|
||||
}
|
||||
};
|
||||
|
||||
// 获取养护站冰雪事件列表
|
||||
// 获取冰雪事件列表
|
||||
const getyhzeventList = async (qxmc, yhzid, filterData) => {
|
||||
try {
|
||||
const data = {
|
||||
@ -166,45 +166,49 @@ const getyhzeventList = async (qxmc, yhzid, filterData) => {
|
||||
|
||||
const columns = [
|
||||
{
|
||||
prop: 'wzmc',
|
||||
label: '物资名称',
|
||||
prop: 'occurLocation',
|
||||
label: '发生地点',
|
||||
},
|
||||
{
|
||||
prop: 'ye',
|
||||
label: '余量',
|
||||
prop: 'routeNo',
|
||||
label: '线路编号',
|
||||
},
|
||||
{
|
||||
prop: 'rkdw',
|
||||
label: '入库单位',
|
||||
prop: 'occurTime',
|
||||
label: '发生时间',
|
||||
},
|
||||
{
|
||||
prop: 'rkrq',
|
||||
label: '入库日期',
|
||||
prop: 'startStakeNo',
|
||||
label: '起点桩号',
|
||||
},
|
||||
{
|
||||
prop: 'sl',
|
||||
label: '数量',
|
||||
prop: 'endStakeNo',
|
||||
label: '止点桩号',
|
||||
},
|
||||
{
|
||||
prop: 'dw',
|
||||
label: '单位',
|
||||
prop: 'disasterMileage',
|
||||
label: '受灾里程（公里）',
|
||||
},
|
||||
{
|
||||
prop: 'cfdd',
|
||||
label: '存放地点',
|
||||
prop: 'expectRecoverTime',
|
||||
label: '预计恢复时间',
|
||||
},
|
||||
{
|
||||
prop: 'fzr',
|
||||
label: '负责人',
|
||||
prop: 'actualRecoverTime',
|
||||
label: '实际恢复时间',
|
||||
},
|
||||
{
|
||||
prop: 'lxdh',
|
||||
label: '联系电话',
|
||||
prop: 'serviceStationId',
|
||||
label: '所属服务站',
|
||||
},
|
||||
{
|
||||
prop: 'qxmc',
|
||||
prop: 'district',
|
||||
label: '所属区县',
|
||||
},
|
||||
{
|
||||
prop: 'reportTime',
|
||||
label: '填报时间',
|
||||
},
|
||||
{
|
||||
label: "操作",
|
||||
fixed: "right",
|
||||
@ -296,19 +300,19 @@ const handleEdit = async () => {
|
||||
}
|
||||
};
|
||||
|
||||
// 获取养护站物资详情
|
||||
// 获取冰雪事件详情
|
||||
const getDetailData = async (row) => {
|
||||
try {
|
||||
const res = await request({
|
||||
url: `/snow-ops-platform/yjwz/getById?rid=${row.rid}`,
|
||||
url: `/snow-ops-platform/event/getById?id=${row.id}`,
|
||||
method: 'GET',
|
||||
});
|
||||
if (!res || res.code !== '00000') {
|
||||
throw new Error('获取物资详情失败')
|
||||
throw new Error('获取事件详情失败')
|
||||
}
|
||||
if (res.code === '00000') {
|
||||
if (dialogType.value === 'detail') {
|
||||
model.title = `物资详情`;
|
||||
model.title = `事件详情`;
|
||||
model.content = DetailDialog;
|
||||
model.props = {
|
||||
detailData: res.data,
|
||||
|
||||
@ -36,6 +36,9 @@
|
||||
</div>
|
||||
<div class="form-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
|
||||
>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user