|
@@ -11,7 +11,7 @@
|
|
|
<div class="task-list">
|
|
|
<div class="task-item" v-for="item in taskList" :key="item.id">
|
|
|
<div class="task-title-box">
|
|
|
- <div class="task-title">{{ item.unit_name }}</div>
|
|
|
+ <div class="task-title">{{ item.unit_name ? item.unit_name : '茂名市应急局' }}</div>
|
|
|
</div>
|
|
|
<div class="task-header">{{ item.processing_status }}</div>
|
|
|
<div class="task-item-content">
|
|
@@ -32,6 +32,39 @@
|
|
|
</div>
|
|
|
<div class="item-data">{{ updateData.task_description }}</div>
|
|
|
</div>
|
|
|
+ <div class="box-item">
|
|
|
+ <div class="item-header">
|
|
|
+ <i class="icon" />
|
|
|
+ <div class="label">执行单位:</div>
|
|
|
+ </div>
|
|
|
+ <div class="item-data">{{ updateData.task_description }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-item">
|
|
|
+ <div class="item-header">
|
|
|
+ <i class="icon" />
|
|
|
+ <div class="label">图片:</div>
|
|
|
+ </div>
|
|
|
+ <div class="item-data2">
|
|
|
+ <van-image
|
|
|
+ v-for="(item, index) in updateData.imgList"
|
|
|
+ :key="index"
|
|
|
+ class="img"
|
|
|
+ fit="fill"
|
|
|
+ :src="baseUrl + downLoadApi + item.url"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-item">
|
|
|
+ <div class="item-header">
|
|
|
+ <i class="icon" />
|
|
|
+ <div class="label">文件:</div>
|
|
|
+ </div>
|
|
|
+ <div class="item-data2">
|
|
|
+ <div v-for="(item, index) in updateData.fileList" :key="index" class="file" @click="handleDownload(item)">
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="box-item" style="padding-bottom: 0">
|
|
|
<div class="item-header" style="padding-bottom: 0">
|
|
|
<i class="icon" />
|
|
@@ -56,11 +89,14 @@ import {ref, reactive, watch} from 'vue';
|
|
|
import {selectTask, updateTaskRegistration} from "@/api/command/JointDuty";
|
|
|
import {parseTime} from "@/utils/ruoyi";
|
|
|
import {showSuccessToast} from "vant";
|
|
|
+import {download2} from "@/utils/request";
|
|
|
|
|
|
const props = defineProps({
|
|
|
eventId: String
|
|
|
});
|
|
|
|
|
|
+const baseUrl = import.meta.env.VITE_BASE_API;
|
|
|
+const downLoadApi = import.meta.env.VITE_BASE_DOWNLOAD_API;
|
|
|
const queryParams = reactive({
|
|
|
page: 1,
|
|
|
page_size: 10,
|
|
@@ -130,6 +166,10 @@ const handleUpdate = () => {
|
|
|
getList();
|
|
|
})
|
|
|
}
|
|
|
+// 下载方法
|
|
|
+const handleDownload = (file: any) => {
|
|
|
+ download2(baseUrl + downLoadApi + file.url, file.name);
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -233,6 +273,10 @@ const handleUpdate = () => {
|
|
|
.processing-bg {
|
|
|
background-color: #ffaf00;
|
|
|
}
|
|
|
+:deep(.van-dialog__content) {
|
|
|
+ height: 380px;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
.box-item {
|
|
|
padding: 8px 16px;
|
|
|
.item-header {
|
|
@@ -261,5 +305,22 @@ const handleUpdate = () => {
|
|
|
max-height: 200px;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
+ .item-data2 {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ .img {
|
|
|
+ width: calc(50% - 5px);
|
|
|
+ height: 100px;
|
|
|
+ margin-top: 10px;
|
|
|
+ &:nth-child(1), &:nth-child(2) {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .file {
|
|
|
+ width: 100%;
|
|
|
+ color: #1d92ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|