Compare commits
4 Commits
b8ca40b0dc
...
5128d13f8b
| Author | SHA1 | Date |
|---|---|---|
 许宏杰
|
5128d13f8b | 2 weeks ago |
|
许宏杰
|
d0ff48e23f | 3 weeks ago |
|
许宏杰
|
e247534320 | 3 weeks ago |
|
许宏杰
|
a6aec05f9b | 3 weeks ago |
@ -1,27 +1,88 @@
|
||||
|
||||
import request from '@/utils/request'
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 查询参数列表
|
||||
export function getyjList(query) {
|
||||
return request({
|
||||
url: '/bYjgd/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
url: "/bYjgd/page",
|
||||
method: "get",
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
//新增
|
||||
export function addyj(data) {
|
||||
return request({
|
||||
url: '/bYjgd/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
url: "/bYjgd/add",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
// 修改
|
||||
export function updateyj(data) {
|
||||
return request({
|
||||
url: '/bYjgd/edit',
|
||||
method: 'post',
|
||||
url: "/bYjgd/edit",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
//删除
|
||||
export function delyj(query) {
|
||||
return request({
|
||||
url: "/bYjgd/delete",
|
||||
method: "DELETE",
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
//详情
|
||||
export function getyjById(id) {
|
||||
return request({
|
||||
url: `/bYjgd/${id}`,
|
||||
method: "get",
|
||||
});
|
||||
}
|
||||
|
||||
//组织架构
|
||||
export function getDetListById(query) {
|
||||
return request({
|
||||
url: "/dept/tree",
|
||||
method: "get",
|
||||
params: query,
|
||||
});
|
||||
}
|
||||
|
||||
//勘察录入
|
||||
export function intruderyj(data) {
|
||||
return request({
|
||||
url: "/bYjgd/kclr",
|
||||
method: "post",
|
||||
data
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//退单
|
||||
export function retreatyj(data) {
|
||||
return request({
|
||||
url: "/bYjgd/td",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
//派发
|
||||
export function distributeyj(data) {
|
||||
return request({
|
||||
url: "/bYjgd/distribution",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
//处理反馈
|
||||
|
||||
export function feedBackyj(data) {
|
||||
return request({
|
||||
url: "/bYjgd/clfk",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
@ -1 +0,0 @@
|
||||
export { default as operation } from './operation.vue'
|
||||
@ -1,158 +0,0 @@
|
||||
<template>
|
||||
<!-- 加根元素防止控制台报错 -->
|
||||
<section style="height: 100%">
|
||||
<tablePage @handlerAdd="handlerAdd()" @handlerExport="handlerExport()">
|
||||
<template #search>
|
||||
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px" class="search-form">
|
||||
<el-form-item label="工单地址" prop="gdms">
|
||||
<el-input v-model="queryParams.gdms" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="工单类型" prop="gdType">
|
||||
<el-input v-model="queryParams.gdType" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="工单等级" prop="gdLevel">
|
||||
<el-input v-model="queryParams.gdLevel" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="工单状态" prop="status">
|
||||
<el-input v-model="queryParams.status" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="录入时间" prop="userName">
|
||||
<el-input v-model="queryParams.userName" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<template #table>
|
||||
<el-table v-loading="loading" :data="list" height="100%" :header-cell-style="proxy.getTableHeaderStyle"
|
||||
:cell-style="proxy.getTablerowStyle">
|
||||
<!-- <el-table-column type="selection" width="50" align="center" /> -->
|
||||
<el-table-column label="工单地址" align="center" key="address" prop="address" />
|
||||
<el-table-column label="工单类型" align="center" key="gdType" prop="gdType">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="gdlx" :value="scope.row.gdType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工单等级" align="center" key="gdLevel" prop="gdLevel" />
|
||||
<el-table-column label="录入时间" align="center" key="createTime" prop="createTime" />
|
||||
<el-table-column label="工单状态" align="center" key="status" prop="status">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="gd_status" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width ">
|
||||
<template #default="scope">
|
||||
<div class="table-operation-row">
|
||||
<section v-show="scope.row.status == 0">
|
||||
<el-button link type="primary" icon="FolderAdd">勘察录入</el-button>
|
||||
<el-button link type="primary" icon="FolderRemove">退单</el-button>
|
||||
</section>
|
||||
<section v-show="scope.row.status == 1">
|
||||
<el-button link type="primary" icon="User">派发</el-button>
|
||||
<el-button link type="primary" icon="Edit">编辑</el-button>
|
||||
</section>
|
||||
<section v-show="scope.row.status == 4">
|
||||
<el-button link type="primary" icon="ChatRound">处理反馈</el-button>
|
||||
<el-button link type="primary" icon="Bell">消息催办</el-button>
|
||||
<el-button link type="primary" icon="Switch">转派</el-button>
|
||||
</section>
|
||||
<section>
|
||||
<el-button link type="primary" icon="View">查看</el-button>
|
||||
<el-button link type="primary" icon="Delete"
|
||||
v-show="scope.row.status != 0 && scope.row.status != 3">删除</el-button>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
<template #pagination>
|
||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.current"
|
||||
v-model:limit="queryParams.size" @pagination="getList" />
|
||||
</template>
|
||||
</tablePage>
|
||||
<!-- 工单 -->
|
||||
<operation v-model="open" :title="title" @confirm="getList()"></operation>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { operation } from "./index";
|
||||
import { getyjList } from "@/api/emergency-rescue";
|
||||
import { onMounted } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { gdlx, gd_status } = proxy.useDict("gdlx", "gd_status");
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const open = ref(false);
|
||||
const title = ref("");
|
||||
const total = ref(0);
|
||||
const router = useRouter();
|
||||
const data = reactive({
|
||||
form: {},
|
||||
queryParams: {
|
||||
gdms: undefined,
|
||||
gdType: undefined,
|
||||
gdLevel: undefined,
|
||||
status: undefined,
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
rules: {},
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
|
||||
onMounted(() => {
|
||||
getList();
|
||||
});
|
||||
|
||||
/**
|
||||
* 获取列表数据
|
||||
*/
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await getyjList(queryParams.value);
|
||||
loading.value = false;
|
||||
list.value = res.data.records;
|
||||
total.value = res.data.total;
|
||||
};
|
||||
|
||||
/**
|
||||
* 搜索
|
||||
*/
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
};
|
||||
|
||||
/**
|
||||
* 重置查询条件
|
||||
*/
|
||||
const resetQuery = () => {
|
||||
proxy.resetForm("queryRef");
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*/
|
||||
const handlerAdd = () => {
|
||||
open.value = true;
|
||||
title.value = "抢险工单录入";
|
||||
};
|
||||
/**
|
||||
* 导出
|
||||
*/
|
||||
const handlerExport = () => { };
|
||||
|
||||
const handlerInfo = () => {
|
||||
proxy.setActiveMenu();
|
||||
router.push({ path: "/emergency-rescue/workInfo-info" });
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="title"
|
||||
v-model="visible"
|
||||
width="25%"
|
||||
class="x-dialog"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<el-form
|
||||
class="dialog-data"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
ref="formRef"
|
||||
label-width="88px"
|
||||
>
|
||||
<el-form-item label="退单原因:" prop="reason">
|
||||
<el-select v-model="form.reason" placeholder="请选择" clearable>
|
||||
<el-option
|
||||
v-for="dict in dictReason"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handlerClose()" icon="CloseBold">取消</el-button>
|
||||
<el-button type="primary" icon="Select" @click="confirm()"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { proxy } = getCurrentInstance();
|
||||
import { retreatyj } from "@/api/emergency-rescue";
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: "工单退单",
|
||||
},
|
||||
dictReason: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
id: {
|
||||
type: Number,
|
||||
},
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(["update:modelValue", "confirm"]);
|
||||
const data = reactive({
|
||||
form: {
|
||||
reason: undefined,
|
||||
},
|
||||
|
||||
rules: {
|
||||
reason: [{ required: true, message: "请选择退单原因", trigger: "blur" }],
|
||||
},
|
||||
});
|
||||
const { form, rules } = toRefs(data);
|
||||
|
||||
const visible = ref(props.modelValue);
|
||||
|
||||
const handlerClose = () => {
|
||||
visible.value = false;
|
||||
proxy.resetForm("formRef");
|
||||
};
|
||||
|
||||
const confirm = () => {
|
||||
proxy.$refs["formRef"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
await retreatyj({
|
||||
id: props.id,
|
||||
reason:form.value.reason,
|
||||
});
|
||||
proxy.$modal.msgSuccess("退单成功");
|
||||
emit("confirm");
|
||||
handlerClose();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 监听外部 modelValue 变化
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(val) => {
|
||||
visible.value = val;
|
||||
}
|
||||
);
|
||||
watch(visible, (val) => {
|
||||
emit("update:modelValue", val);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dialog-data {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
& > div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="title"
|
||||
v-model="visible"
|
||||
width="25%"
|
||||
class="x-dialog"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<el-form
|
||||
class="dialog-data"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
ref="formRef"
|
||||
label-width="88px"
|
||||
>
|
||||
<el-form-item label="选择班组:" prop="deptId">
|
||||
<el-cascader
|
||||
v-model="form.deptId"
|
||||
:options="deptList"
|
||||
:props="cascaderProps"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handlerClose()" icon="CloseBold">取消</el-button>
|
||||
<el-button type="primary" icon="Select" @click="confirm()"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { proxy } = getCurrentInstance();
|
||||
import { distributeyj } from "@/api/emergency-rescue";
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
deptList: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
id: {
|
||||
type: Number,
|
||||
},
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(["update:modelValue", "confirm"]);
|
||||
const cascaderProps = {
|
||||
value: "deptId",
|
||||
label: "deptName",
|
||||
};
|
||||
const data = reactive({
|
||||
form: {
|
||||
deptId: [],
|
||||
},
|
||||
|
||||
rules: {
|
||||
deptId: [{ required: true, message: "请选择办组人员", trigger: "blur" }],
|
||||
},
|
||||
});
|
||||
const { form, rules } = toRefs(data);
|
||||
|
||||
const visible = ref(props.modelValue);
|
||||
|
||||
const handlerClose = () => {
|
||||
visible.value = false;
|
||||
proxy.resetForm("formRef");
|
||||
};
|
||||
|
||||
const confirm = () => {
|
||||
proxy.$refs["formRef"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const deptId = form.value.deptId[form.value.deptId.length - 1];
|
||||
await distributeyj({
|
||||
id: props.id,
|
||||
deptId: deptId,
|
||||
});
|
||||
proxy.$modal.msgSuccess(`${title}成功`);
|
||||
emit("confirm");
|
||||
handlerClose();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 监听外部 modelValue 变化
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(val) => {
|
||||
visible.value = val;
|
||||
}
|
||||
);
|
||||
watch(visible, (val) => {
|
||||
emit("update:modelValue", val);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dialog-data {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
& > div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="title"
|
||||
v-model="visible"
|
||||
width="25%"
|
||||
class="x-dialog"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<el-form
|
||||
class="dialog-data"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
ref="formRef"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="处理描述:" prop="clms">
|
||||
<el-input
|
||||
v-model="form.clms"
|
||||
:rows="2"
|
||||
type="textarea"
|
||||
placeholder="请填写"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="处理后照片:" prop="clhtp">
|
||||
<ImageUpload v-model="form.clhtp"></ImageUpload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="handlerClose()" icon="CloseBold">取消</el-button>
|
||||
<el-button type="primary" icon="Select" @click="confirm()"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const { proxy } = getCurrentInstance();
|
||||
import { feedBackyj } from "@/api/emergency-rescue";
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: "工单处理反馈",
|
||||
},
|
||||
|
||||
id: {
|
||||
type: Number,
|
||||
},
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(["update:modelValue", "confirm"]);
|
||||
|
||||
const data = reactive({
|
||||
form: {
|
||||
id: null,
|
||||
clhtp: undefined,
|
||||
clms: undefined,
|
||||
},
|
||||
rules: {
|
||||
clhtp: [{ required: true, message: "请上传处理后图片", trigger: "blur" }],
|
||||
clms: [{ required: true, message: "请填写处理描述", trigger: "blur" }],
|
||||
},
|
||||
});
|
||||
const { form, rules } = toRefs(data);
|
||||
const visible = ref(props.modelValue);
|
||||
|
||||
const handlerClose = () => {
|
||||
visible.value = false;
|
||||
proxy.resetForm("formRef");
|
||||
};
|
||||
|
||||
const confirm = () => {
|
||||
proxy.$refs["formRef"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
form.value.id = props.id;
|
||||
await feedBackyj(form.value);
|
||||
proxy.$modal.msgSuccess(`反馈成功`);
|
||||
emit("confirm");
|
||||
handlerClose();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 监听外部 modelValue 变化
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(val) => {
|
||||
visible.value = val;
|
||||
}
|
||||
);
|
||||
watch(visible, (val) => {
|
||||
emit("update:modelValue", val);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,4 @@
|
||||
export { default as operation } from './components/operation.vue'
|
||||
export { default as chargeBack } from './components/chargeBack.vue'
|
||||
export { default as distriBute } from './components/distriBute.vue'
|
||||
export { default as feedBack } from './components/feedBack.vue'
|
||||
@ -0,0 +1,429 @@
|
||||
<template>
|
||||
|
||||
<tablePage @handlerAdd="handlerAdd()" @handlerExport="handlerExport()">
|
||||
<template #search>
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryRef"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
class="search-form"
|
||||
>
|
||||
<el-form-item label="工单地址" prop="address">
|
||||
<el-input
|
||||
v-model="queryParams.address"
|
||||
placeholder="请输入"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工单类型" prop="gdType">
|
||||
<el-select
|
||||
v-model="queryParams.gdType"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in gdlx"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="工单等级" prop="gdLevel">
|
||||
<el-select
|
||||
v-model="queryParams.gdLevel"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in gdlevel"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="工单状态" prop="status">
|
||||
<el-select
|
||||
v-model="queryParams.status"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in gd_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="录入时间" prop="userName">
|
||||
<el-date-picker
|
||||
type="datetimerange"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
date-format="YYYY/MM/DD ddd"
|
||||
time-format="A hh:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<template #table>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
height="100%"
|
||||
:header-cell-style="proxy.getTableHeaderStyle"
|
||||
:cell-style="proxy.getTablerowStyle"
|
||||
>
|
||||
<!-- <el-table-column type="selection" width="50" align="center" /> -->
|
||||
<el-table-column
|
||||
label="工单地址"
|
||||
align="center"
|
||||
key="address"
|
||||
prop="address"
|
||||
/>
|
||||
<el-table-column
|
||||
label="工单类型"
|
||||
align="center"
|
||||
key="gdType"
|
||||
prop="gdType"
|
||||
>
|
||||
<template #default="scope">
|
||||
<dict-tag :options="gdlx" :value="scope.row.gdType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="工单等级"
|
||||
align="center"
|
||||
key="gdLevel"
|
||||
prop="gdLevel"
|
||||
>
|
||||
<template #default="scope">
|
||||
<dict-tag :options="gdlevel" :value="scope.row.gdLevel" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="录入时间"
|
||||
align="center"
|
||||
key="createTime"
|
||||
prop="createTime"
|
||||
>
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="工单状态"
|
||||
align="center"
|
||||
key="status"
|
||||
prop="status"
|
||||
>
|
||||
<template #default="scope">
|
||||
<dict-tag :options="gd_status" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="400"
|
||||
class-name="small-padding fixed-width "
|
||||
>
|
||||
<template #default="scope">
|
||||
<div class="table-operation-row">
|
||||
<section v-show="scope.row.status == 0">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="FolderAdd"
|
||||
@click="handlerEdit(scope.row, 1)"
|
||||
>勘察录入</el-button
|
||||
>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="FolderRemove"
|
||||
@click="handlerRetreat(scope.row)"
|
||||
>退单</el-button
|
||||
>
|
||||
</section>
|
||||
<section v-show="scope.row.status == 1">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="User"
|
||||
@click="handlerDistriBute(scope.row, '派发')"
|
||||
>派发</el-button
|
||||
>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Edit"
|
||||
@click="handlerEdit(scope.row)"
|
||||
>编辑</el-button
|
||||
>
|
||||
</section>
|
||||
<section v-show="scope.row.status == 3">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Switch"
|
||||
@click="handlerDistriBute(scope.row, '转派')"
|
||||
>转派</el-button
|
||||
>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="ChatRound"
|
||||
@click="handleFeedBack(scope.row)"
|
||||
>处理反馈</el-button
|
||||
>
|
||||
<el-button link type="primary" icon="Bell">消息催办</el-button>
|
||||
</section>
|
||||
<section>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="View"
|
||||
@click="handlerInfo(scope.row)"
|
||||
>查看</el-button
|
||||
>
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
icon="Delete"
|
||||
v-show="scope.row.status != 0 && scope.row.status != 3"
|
||||
@click="handlerDel(scope.row.id)"
|
||||
>删除</el-button
|
||||
>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
<template #pagination>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
v-model:page="queryParams.current"
|
||||
v-model:limit="queryParams.size"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</template>
|
||||
<!-- 工单 -->
|
||||
<operation
|
||||
:dict="{
|
||||
gdlx,
|
||||
dflx,
|
||||
gdlevel,
|
||||
clfa,
|
||||
zyxt,
|
||||
gdms,
|
||||
deptList,
|
||||
}"
|
||||
v-model="open"
|
||||
:id="workId"
|
||||
:title="title"
|
||||
@confirm="getList()"
|
||||
></operation>
|
||||
<!-- 退单 -->
|
||||
<chargeBack
|
||||
v-model="retreat"
|
||||
:id="workId"
|
||||
:dictReason="reason"
|
||||
@confirm="getList()"
|
||||
></chargeBack>
|
||||
<!-- 派发 -->
|
||||
<distriBute
|
||||
:id="workId"
|
||||
:title="title"
|
||||
v-model="distributeView"
|
||||
:deptList="deptList"
|
||||
@confirm="getList()"
|
||||
></distriBute>
|
||||
<!-- 处理反馈 -->
|
||||
<feedBack v-model="feedBackView" :id="workId" @confirm="getList()" />
|
||||
</tablePage>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { operation, chargeBack, distriBute, feedBack } from "./index";
|
||||
import { getyjList, delyj, getDetListById } from "@/api/emergency-rescue";
|
||||
import { ref } from "vue";
|
||||
import { onMounted } from "vue";
|
||||
import useUserStore from "@/store/modules/user";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const userStore = useUserStore();
|
||||
const deptList = ref([]);
|
||||
const { gdlx, gdms, gdlevel, clfa, zyxt, dflx, gd_status, reason } =
|
||||
proxy.useDict(
|
||||
"gdlx",
|
||||
"gdms",
|
||||
"gdlevel",
|
||||
"clfa",
|
||||
"zyxt",
|
||||
"dflx",
|
||||
"gd_status",
|
||||
"reason"
|
||||
);
|
||||
|
||||
const workId = ref(null);
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const open = ref(false);
|
||||
const retreat = ref(false);
|
||||
const distributeView = ref(false);
|
||||
const feedBackView = ref(false);
|
||||
|
||||
const title = ref("");
|
||||
const total = ref(0);
|
||||
const router = useRouter();
|
||||
const data = reactive({
|
||||
form: {},
|
||||
queryParams: {
|
||||
address: undefined,
|
||||
gdType: undefined,
|
||||
gdLevel: undefined,
|
||||
status: undefined,
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
rules: {},
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
|
||||
onMounted(() => {
|
||||
getList();
|
||||
getDeptTree();
|
||||
});
|
||||
|
||||
/**
|
||||
* 获取列表数据
|
||||
*/
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await getyjList(queryParams.value);
|
||||
loading.value = false;
|
||||
list.value = res.data.records;
|
||||
total.value = res.data.total;
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取系统组织架构
|
||||
*/
|
||||
const getDeptTree = async () => {
|
||||
const res = await getDetListById({
|
||||
deptId: userStore.deptId,
|
||||
});
|
||||
deptList.value = res;
|
||||
};
|
||||
|
||||
/**
|
||||
* 搜索
|
||||
*/
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
/**
|
||||
* 重置查询条件
|
||||
*/
|
||||
const resetQuery = () => {
|
||||
proxy.resetForm("queryRef");
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
/**
|
||||
* 处理反馈
|
||||
* @param row
|
||||
*/
|
||||
const handleFeedBack = (row) => {
|
||||
workId.value = row.id;
|
||||
feedBackView.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 派发
|
||||
*/
|
||||
const handlerDistriBute = (row, text) => {
|
||||
workId.value = row.id;
|
||||
title.value = text;
|
||||
distributeView.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 退单
|
||||
* @param id
|
||||
*/
|
||||
const handlerRetreat = (row) => {
|
||||
workId.value = row.id;
|
||||
retreat.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
* 勘察录入
|
||||
* @param row
|
||||
*/
|
||||
const handlerEdit = (row, status) => {
|
||||
workId.value = row.id;
|
||||
title.value = status ? "勘察录入" : "编辑工单";
|
||||
open.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*/
|
||||
const handlerAdd = () => {
|
||||
workId.value = null;
|
||||
open.value = true;
|
||||
title.value = "抢险工单录入";
|
||||
};
|
||||
|
||||
/**
|
||||
* 删除
|
||||
* @param id
|
||||
*/
|
||||
const handlerDel = (id) => {
|
||||
proxy.$modal
|
||||
.confirm('是否确认删除参数编号为"' + id + '"的数据项？')
|
||||
.then(function () {
|
||||
return delyj({ idList: id });
|
||||
})
|
||||
.then(() => {
|
||||
getList();
|
||||
proxy.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
/**
|
||||
* 导出
|
||||
*/
|
||||
const handlerExport = () => {
|
||||
proxy.download("/bYjgd/export", {}, `抢险工单.xlsx`);
|
||||
};
|
||||
|
||||
/**
|
||||
* 详情
|
||||
*/
|
||||
const handlerInfo = () => {
|
||||
proxy.setActiveMenu();
|
||||
router.push("/emergency/workOrder-info");
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,10 @@
|
||||
<template>
|
||||
<tableOperation>11111</tableOperation>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -1,4 +1,5 @@
|
||||
|
||||
|
||||
|
||||
export { default as navigationBar } from './navigationBar.vue'
|
||||
export { default as navigationBar } from './navigationBar.vue'
|
||||
export { default as panelBlock } from './panel-block.vue'
|
||||
@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<div class="panel-block">
|
||||
<div class="panel-block__header">{{ title }}</div>
|
||||
<div class="panel-block__body"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.panel-block {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
.panel-block__header {
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
padding-left: 38px;
|
||||
width:324px;
|
||||
background-image: url("@/assets/images/visualization/panel-block-title.png");
|
||||
background-size: 100% 100%;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
font-family: "Alimama ShuHeiTi-Bold";
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.panel-block__body {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue