|
@@ -0,0 +1,152 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <scTable ref="xGridTable" batchDel :apiObj="$API.broadcast.record" :formConfig="formConfig" :paramsColums="paramsColums" :toolbarConfig="toolbarConfig" :columns="columns" v-bind="props.options">
|
|
|
|
|
+ <template #action="{ row }">
|
|
|
|
|
+ <el-button type="primary" link @click="table_edit(row)">
|
|
|
|
|
+ <template #icon><sc-iconify icon="ant-design:edit-outlined"></sc-iconify></template>修改
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="primary" link @click="table_del(row)">
|
|
|
|
|
+ <template #icon><sc-iconify icon="ant-design:delete-outlined"></sc-iconify></template>删除
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </scTable>
|
|
|
|
|
+
|
|
|
|
|
+ <record-detail v-if="dialog" ref="recordRef" :projectId="props.isTemp ? 1 : TOOL.data.get('PROJECT_ID')" @success="refreshTable" @closed="dialog = false"></record-detail>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<script setup>
|
|
|
|
|
+import moment from "moment";
|
|
|
|
|
+import XEUtils from "xe-utils";
|
|
|
|
|
+import API from "@/api";
|
|
|
|
|
+import TOOL from "@/utils/tool";
|
|
|
|
|
+import { mapFormItemSelect, mapFormItemDatePicker } from "@/components/scTable/helper";
|
|
|
|
|
+import { dataSource } from "@/utils/basicDic";
|
|
|
|
|
+import recordDetail from "./detail";
|
|
|
|
|
+
|
|
|
|
|
+const props = defineProps({
|
|
|
|
|
+ options: { type: Object, default: () => {} },
|
|
|
|
|
+ isTemp: { type: Boolean, default: false },
|
|
|
|
|
+ hideHandler: { type: Boolean, default: false }
|
|
|
|
|
+})
|
|
|
|
|
+const visible = computed(() => !props.isTemp);
|
|
|
|
|
+
|
|
|
|
|
+const proConfig = reactive({
|
|
|
|
|
+ visible,
|
|
|
|
|
+ span: 5,
|
|
|
|
|
+ storageKey: "PROJECT",
|
|
|
|
|
+ resetValue: TOOL.data.get("PROJECT_ID"),
|
|
|
|
|
+ optionProps: { label: "projectName", value: "fpiId" },
|
|
|
|
|
+ events: {
|
|
|
|
|
+ change: data => XEUtils.assign(formConfig.data, { ...data, taskId: null })
|
|
|
|
|
+ }
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const mountedConfig = reactive({
|
|
|
|
|
+ visible,
|
|
|
|
|
+ api: {
|
|
|
|
|
+ key: "broadcast.task",
|
|
|
|
|
+ query: {
|
|
|
|
|
+ projectId: computed(() => formConfig.data.projectId),
|
|
|
|
|
+ projectIdNot: 1
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ slot: {
|
|
|
|
|
+ style: { float: "right", paddingLeft: "6px", color: "#8492a6" }
|
|
|
|
|
+ },
|
|
|
|
|
+ optionProps: { label: "taskName", value: "id", slot: ({ data }) => XEUtils.get(XEUtils.find(TOOL.data.get("PROJECT"), item => item.fpiId === data.projectId), "projectName") },
|
|
|
|
|
+ events: {
|
|
|
|
|
+ change: data => XEUtils.assign(formConfig.data, data)
|
|
|
|
|
+ }
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const datetimerangeConfig = reactive({
|
|
|
|
|
+ span: 7,
|
|
|
|
|
+ resetValue: () => [moment().startOf("month").format("YYYY-MM-DD HH:mm:ss"), moment().add(1, "hour").format("YYYY-MM-DD HH:mm:ss")],
|
|
|
|
|
+ props: {
|
|
|
|
|
+ type: "datetimerange",
|
|
|
|
|
+ startPlaceholder: "开始时间",
|
|
|
|
|
+ endPlaceholder: "结束时间",
|
|
|
|
|
+ format: "YYYY-MM-DD HH:mm"
|
|
|
|
|
+ }
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const toolbarConfig = reactive({
|
|
|
|
|
+ enabled: true,
|
|
|
|
|
+ print: false
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const formConfig = reactive({
|
|
|
|
|
+ data: {
|
|
|
|
|
+ projectId: TOOL.data.get("PROJECT_ID"),
|
|
|
|
|
+ projectIdNot: 1,
|
|
|
|
|
+ createTime: [moment().startOf("month").format("YYYY-MM-DD HH:mm:ss"), moment().add(1, "hour").format("YYYY-MM-DD HH:mm:ss")]
|
|
|
|
|
+ },
|
|
|
|
|
+ items: [
|
|
|
|
|
+ mapFormItemSelect("projectId", "所属项目", proConfig),
|
|
|
|
|
+ mapFormItemSelect("taskId", "广播任务", mountedConfig),
|
|
|
|
|
+ mapFormItemDatePicker("createTime", "开始时间", datetimerangeConfig)
|
|
|
|
|
+ ]
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const paramsColums = reactive([
|
|
|
|
|
+ { column: "projectId", field: visible.value ? "" : "projectIdNot" },
|
|
|
|
|
+ visible.value ? { column: "projectIdNot" } : {},
|
|
|
|
|
+ { column: "taskId" },
|
|
|
|
|
+ { column: "createTimeBegin", field: "createTime[0]" },
|
|
|
|
|
+ { column: "createTimeEnd", field: "createTime[1]" }
|
|
|
|
|
+])
|
|
|
|
|
+
|
|
|
|
|
+const columns = reactive([
|
|
|
|
|
+ { visible: !props.hideHandler, type: "checkbox", fixed: "left", width: 40 },
|
|
|
|
|
+ { type: "seq", fixed: "left", width: 60 },
|
|
|
|
|
+ { visible, type: "html", field: "projectName", title: "项目名称", minWidth: 160, sortable: true, formatter: ({ cellValue, row }) => cellValue || XEUtils.get(XEUtils.find(TOOL.data.get("PROJECT"), item => item.fpiId == row.projectId), "projectName") },
|
|
|
|
|
+ { visible, type: "html", field: "groundName", title: "工地场区", minWidth: 160, sortable: true },
|
|
|
|
|
+ { visible, type: "html", field: "mountedName", title: "设备安装点", minWidth: 160, sortable: true },
|
|
|
|
|
+ { visible, type: "html", field: "taskName", title: "任务名称", minWidth: 160, sortable: true },
|
|
|
|
|
+ { type: "html", field: "createTime", title: "播报开始时间", minWidth: 160, sortable: true },
|
|
|
|
|
+ { type: "html", field: "updateTime", title: "播报结束时间", minWidth: 160, sortable: true },
|
|
|
|
|
+ { visible, type: "html", field: "dataSource", title: "数据来源", fixed: "right", minWidth: 100, sortable: true, formatter: ({ cellValue }) => XEUtils.get(dataSource, cellValue, cellValue) },
|
|
|
|
|
+ { visible: !props.hideHandler, title: "操作", fixed: "right", width: 140, align: "center", slots: { default: "action" } }
|
|
|
|
|
+])
|
|
|
|
|
+
|
|
|
|
|
+// 显示隐藏 筛选表单
|
|
|
|
|
+const xGridTable = ref();
|
|
|
|
|
+const toggleFormEnabled = () => xGridTable.value.toggleFormEnabled();
|
|
|
|
|
+const getTableTotal = () => xGridTable.value.getTableData().tableData.length;
|
|
|
|
|
+
|
|
|
|
|
+const refreshTable = (mode = "add") => {
|
|
|
|
|
+ xGridTable.value.reloadColumn(columns);
|
|
|
|
|
+ xGridTable.value.searchData(mode);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const recordRef = ref();
|
|
|
|
|
+const dialog = ref(false);
|
|
|
|
|
+
|
|
|
|
|
+const table_add = () => {
|
|
|
|
|
+ dialog.value = true;
|
|
|
|
|
+ nextTick(() => recordRef.value?.open());
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const table_edit = row => {
|
|
|
|
|
+ dialog.value = true;
|
|
|
|
|
+ nextTick(() => recordRef.value?.setData(row));
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const table_del = ({ id }) => {
|
|
|
|
|
+ ElMessageBox.confirm("是否确认删除该播报记录?", "删除警告", {
|
|
|
|
|
+ type: "warning",
|
|
|
|
|
+ confirmButtonText: "确定",
|
|
|
|
|
+ cancelButtonText: "取消"
|
|
|
|
|
+ }).then(() => {
|
|
|
|
|
+ API.broadcast.record.del({ id }).then(() => {
|
|
|
|
|
+ ElMessage.success("操作成功");
|
|
|
|
|
+ refreshTable();
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+defineExpose({
|
|
|
|
|
+ table_add,
|
|
|
|
|
+ refreshTable,
|
|
|
|
|
+ getTableTotal
|
|
|
|
|
+})
|
|
|
|
|
+</script>
|