123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- <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>
|