fix

src/views/mb/task/detail/index.vue

@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <van-nav-bar
+      title="工单详情"
+      left-text="返回"
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="body">
+      <div class="listcontent" :style="`height:${bodyheight}px`">
+        <van-collapse v-model="activeNames">
+          <van-collapse-item class="citem" title="工单信息" name="1">
+            <div class="content">
+              <van-row>
+                <van-col span="12">工单编号：{{ taskinfo.taskCode }}</van-col>
+                <van-col span="12"
+                  >事件来源：{{
+                    task_type.filter(
+                      (i) => i.value.toString() === taskinfo.taskType.toString()
+                    )[0]?.label ?? "-"
+                  }}</van-col
+                >
+                <van-col span="12">来件时间：{{ taskinfo.taskTime }}</van-col>
+                <van-col span="12"
+                  >事件分类：{{
+                    task_event_type.filter(
+                      (i) =>
+                        i.value.toString() === taskinfo.taskEventType.toString()
+                    )[0]?.label ?? "-"
+                  }}</van-col
+                >
+                <van-col span="12"
+                  >事件类型：{{
+                task_event_category.filter(
+                  (i) =>
+                    i.value.toString() === taskinfo.taskEventCategory.toString()
+                )[0]?.label ?? "-"
+              }}</van-col
+                >
+                <van-col span="12"
+                  >事件来源：{{
+                task_type.filter(
+                  (i) => i.value.toString() === taskinfo.taskType.toString()
+                )[0]?.label ?? "-"
+              }}</van-col
+                >
+
+                <van-col span="24"
+                  >详细地址：{{
+                taskinfo.taskAddr
+              }}</van-col
+                >
+
+                <van-col span="24"
+                  >详细地址：{{
+                taskinfo.taskAddr
+              }}</van-col
+                >
+              </van-row>
+            </div>
+          </van-collapse-item>
+          <van-collapse-item class="citem" title="派发信息" name="2" v-if="taskinfo.status > 1">
+            技术无非就是那些开发它的人的共同灵魂。
+          </van-collapse-item>
+          <van-collapse-item class="citem" title="跟踪信息" name="3" v-if="taskinfo.status >= 5">
+            在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
+          </van-collapse-item>
+          <van-collapse-item class="citem" title="处置信息" name="4" v-if="taskinfo.status > 2 && taskinfo.status != 4">
+            在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
+          </van-collapse-item>
+          <van-collapse-item class="citem" title="核查信息" name="5" v-if="taskinfo.status > 5">
+            在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
+          </van-collapse-item>
+          <van-collapse-item class="citem" title="驳回信息" name="6" v-if="taskinfo.status == 4">
+            在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
+          </van-collapse-item>
+        </van-collapse>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineComponent, ref, onMounted, watch } from "vue";
+import { cloneDeep } from "lodash";
+import { listDept, getDept } from "@/api/system/dept";
+import { useDict } from "@/utils/dict";
+import { useRoute } from "vue-router";
+import moment from "moment";
+import {
+  listTask,
+  getTask,
+  delTask,
+  addTask,
+  updateTask,
+  distributedTask,
+  closeTask,
+  czTask,
+  gzTask,
+  hcTask,
+} from "@/api/system/task";
+import {
+  changeUserStatus,
+  listUser,
+  resetUserPwd,
+  delUser,
+  getUser,
+  updateUser,
+  addUser,
+} from "@/api/system/user";
+import { treeselect as deptTreeselect } from "@/api/system/dept";
+import router from "../../../../router";
+
+const STATICURL = import.meta.env.VITE_APP_BASE_API;
+const {
+  task_status,
+  task_type,
+  task_event_type,
+  task_event_category,
+  task_work,
+  task_car,
+  task_consumables,
+} = useDict(
+  "task_status",
+  "task_type",
+  "task_event_type",
+  "task_event_category",
+  "task_work",
+  "task_car",
+  "task_consumables"
+);
+
+const route = useRoute();
+const bodyheight = ref(0);
+bodyheight.value = document.body.clientHeight - 46;
+
+const activeNames = ref(["1"]);
+
+const taskinfo = ref({
+  taskName: "",
+  taskContent: "",
+  taskAddr: "-",
+  taskLocation: "-",
+  taskCode: "-",
+  taskType: "1",
+  taskEventType: "1",
+  taskEventCategory: "1",
+  taskFromRemark: "-",
+  taskAddrRoad: "-",
+  taskOtherId: "-",
+  taskTime: "2022-11-11 16:11:11",
+  taskReqCompleteTime: "2022-11-11 16:11:11",
+  status: 1,
+  taskCreater: "-",
+  taskReporter: "-",
+  taskPics: "",
+  remark: "sss",
+  taskVideos: "-",
+  taskComplainConnect: "-",
+  taskDeptRange: "",
+  taskFacilitieCode: "",
+  tblTaskLogList: [],
+});
+
+onMounted(() => {
+  getTask(Number(route.params.id)).then((res) => {
+    taskinfo.value = res.data;
+  });
+});
+const onClickLeft = () => {
+  router.back();
+};
+</script>
+
+<style lang="scss">
+body {
+  position: fixed;
+  width: 100%;
+  top: -1px;
+}
+.listcontent {
+  overflow-y: auto;
+  padding: 10px;
+  .citem {
+    margin-top: 10px;
+    border-radius: 5px;
+    border: 1px solid rgba(209, 217, 221, 0.4);
+    overflow: hidden;
+    .content {
+      font-size: 10px;
+    }
+  }
+  .van-cell__title {
+    color: #3d6dc5;
+    font-weight: bold;
+  }
+}
+</style>