zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 仅格式，方便格式缩进

Browse Source
This commit is contained in:
huangchengfa
2025-12-18 18:10:01 +08:00
parent 0c0c35316d
commit a21192c47a
1 changed files with 263 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
src/views/backOfficeSystem/JudgmentHome/MeetingRoom/index.vue
View File

@ -2,7 +2,9 @@
<div class="titleBox"> <div class="titleBox">
<PageTitle title="网上会议室"> <PageTitle title="网上会议室">
<el-button type="primary" @click="addEdit('add', '')"> <el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon> <el-icon style="vertical-align: middle">
<CirclePlus />
</el-icon>
<span style="vertical-align: middle">新增</span> <span style="vertical-align: middle">新增</span>
</el-button> </el-button>
</PageTitle> </PageTitle>
@ -29,7 +31,7 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<el-button type="primary" size="small" @click="joinMeeting(item,'会议')">加入会议</el-button> <el-button type="primary" size="small" @click="joinMeeting(item, '会议')">加入会议</el-button>
<el-button type="primary" size="small">反馈情况</el-button> <el-button type="primary" size="small">反馈情况</el-button>
<el-button type="primary" size="small">处置下发</el-button> <el-button type="primary" size="small">处置下发</el-button>
</div> </div>
@ -38,29 +40,33 @@
<div class="bottom"> <div class="bottom">
<el-popover placement="top" :visible="item.visible" :width="400" trigger="click"> <el-popover placement="top" :visible="item.visible" :width="400" trigger="click">
<template #reference> <template #reference>
<el-link type="primary"><el-icon><ChatDotSquare /></el-icon>评论</el-link> <el-link type="primary"><el-icon>
<ChatDotSquare />
</el-icon>评论</el-link>
</template> </template>
<MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable placeholder="发表评论"/> <MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable
placeholder="发表评论" />
<div class="mt10 flex just-center"> <div class="mt10 flex just-center">
<el-button size="small" type="primary" @click.stop="handleSumbit(item)">发送</el-button> <el-button size="small" type="primary" @click.stop="handleSumbit(item)">发送</el-button>
</div> </div>
</el-popover> </el-popover>
<el-link type="primary" ><el-icon><VideoPlay /></el-icon>会议回放</el-link> <el-link type="primary"><el-icon>
<el-link type="primary" @click="addEdit('edit', item)"><el-icon><Edit /></el-icon>编辑</el-link> <VideoPlay />
<el-link type="danger" @click="delDictItem(item.id)"><el-icon><Delete /></el-icon>删除</el-link> </el-icon>会议回放</el-link>
<el-link type="primary" @click="addEdit('edit', item)"><el-icon>
<Edit />
</el-icon>编辑</el-link>
<el-link type="danger" @click="delDictItem(item.id)"><el-icon>
<Delete />
</el-icon>删除</el-link>
</div> </div>
</li> </li>
<MOSTY.Empty :show="!pageData.loading && pageData.list.length <= 0"></MOSTY.Empty> <MOSTY.Empty :show="!pageData.loading && pageData.list.length <= 0"></MOSTY.Empty>
</ul> </ul>
<Pages <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{
...pageData.pageConfiger, ...pageData.pageConfiger,
total: pageData.total total: pageData.total
}" }"></Pages>
></Pages>
</div> </div>
<!-- 详情 --> <!-- 详情 -->
<DetailForm ref="detailDiloag" @updateDate="getList" /> <DetailForm ref="detailDiloag" @updateDate="getList" />
@ -73,26 +79,26 @@
</template> </template>
<script setup> <script setup>
import MeetingView from '@/components/Consultation/demo.vue' import MeetingView from '@/components/Consultation/demo.vue'
import { ElMessageBox } from "element-plus"; import { ElMessageBox } from "element-plus";
import * as MOSTY from "@/components/MyComponents/index"; import * as MOSTY from "@/components/MyComponents/index";
import PageTitle from "@/components/aboutTable/PageTitle.vue"; import PageTitle from "@/components/aboutTable/PageTitle.vue";
import Pages from "@/components/aboutTable/Pages.vue"; import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue"; import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue"; import DetailForm from "./components/detailForm.vue";
import RoomDetail from "./components/roomDetail.vue"; import RoomDetail from "./components/roomDetail.vue";
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js"; import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance,nextTick } from "vue"; import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
import ConferenceRoom from "./components/Communications/conferenceRoom.vue"; import ConferenceRoom from "./components/Communications/conferenceRoom.vue";
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const detailDiloag = ref(); const detailDiloag = ref();
const searchBox = ref(); //搜索框 const searchBox = ref(); //搜索框
const openMeeting = ref(false); // 打开会议窗口 const openMeeting = ref(false); // 打开会议窗口
const refMeetingView = ref() const refMeetingView = ref()
const searchConfiger = ref([ const searchConfiger = ref([
{ {
label: "会议主题", label: "会议主题",
prop: "hsbt", prop: "hsbt",
@ -104,10 +110,10 @@
prop: "daterange", prop: "daterange",
showType: "datetimerange" showType: "datetimerange"
}, },
]); ]);
const comments = ref(''); // 评论内容 const comments = ref(''); // 评论内容
const queryFrom = ref({}); const queryFrom = ref({});
const pageData = reactive({ const pageData = reactive({
list: [], list: [],
loading: false, loading: false,
total: 0, total: 0,
@ -115,22 +121,22 @@
pageSize: 20, pageSize: 20,
pageCurrent: 1 pageCurrent: 1
}, },
}); });
const jsonData = ref('') const jsonData = ref('')
onMounted(() => { onMounted(() => {
jsonData.value = require('@/components/Consultation/components/zh_CN.json'); jsonData.value = require('@/components/Consultation/components/zh_CN.json');
getList(); getList();
tabHeightFn(); tabHeightFn();
}); });
const updateItem = (item) => { const updateItem = (item) => {
qcckPost(item,'/mosty-gsxt/wshs/update').then(res=>{ qcckPost(item, '/mosty-gsxt/wshs/update').then(res => {
getList(); getList();
}) })
} }
// 搜索 // 搜索
const onSearch = (val) => { const onSearch = (val) => {
queryFrom.value = { ...val }; queryFrom.value = { ...val };
if (val.daterange && val.daterange.length > 0) { if (val.daterange && val.daterange.length > 0) {
queryFrom.value.startTime = val.daterange[0]; queryFrom.value.startTime = val.daterange[0];
@ -141,24 +147,24 @@
} }
pageData.pageConfiger.pageCurrent = 1; pageData.pageConfiger.pageCurrent = 1;
getList(); getList();
}; };
const changeNo = (val) => { const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val; pageData.pageConfiger.pageCurrent = val;
getList(); getList();
}; };
const changeSize = (val) => { const changeSize = (val) => {
pageData.pageConfiger.pageSize = val; pageData.pageConfiger.pageSize = val;
getList(); getList();
}; };
// 获取列表 // 获取列表
const getList = () => { const getList = () => {
pageData.loading = true; pageData.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value }; let data = { ...pageData.pageConfiger, ...queryFrom.value };
delete data.daterange; // 删除daterange字段 delete data.daterange; // 删除daterange字段
if(route.query.tsypid) data.tsypid = route.query.tsypid; if (route.query.tsypid) data.tsypid = route.query.tsypid;
qcckGet(data,'/mosty-gsxt/wshs/selectPage').then(res=>{ qcckGet(data, '/mosty-gsxt/wshs/selectPage').then(res => {
let arr = res.records || []; let arr = res.records || [];
arr.forEach(item => { arr.forEach(item => {
item.chry = item.chryList ? item.chryList.map(el => el.chryxm).join('、') : ''; item.chry = item.chryList ? item.chryList.map(el => el.chryxm).join('、') : '';
@ -167,77 +173,83 @@
pageData.list = arr; pageData.list = arr;
pageData.total = res.total; pageData.total = res.total;
pageData.loading = false; pageData.loading = false;
}).catch(()=>{ pageData.loading = false; }) }).catch(() => { pageData.loading = false; })
}; };
// 提交评论 // 提交评论
const handleSumbit = (item) => { const handleSumbit = (item) => {
if (!comments.value) return proxy.$message({ type: "warning", message: "评论内容不能为空" }); if (!comments.value) return proxy.$message({ type: "warning", message: "评论内容不能为空" });
proxy.$message({ type: "success", message: "评论已发送" }); proxy.$message({ type: "success", message: "评论已发送" });
qcckPost({id:item.id,plnr:comments.value},'/mosty-gsxt/wshs/addWshyPl').then((res)=>{ qcckPost({ id: item.id, plnr: comments.value }, '/mosty-gsxt/wshs/addWshyPl').then((res) => {
getList(); getList();
item.visible = false; // 关闭评论弹窗 item.visible = false; // 关闭评论弹窗
comments.value = ''; // 清空评论内容 comments.value = ''; // 清空评论内容
}) })
}; };
// 加入会议 // 加入会议
const joinMeeting = (item,type) => { const joinMeeting = (item, type) => {
item.number = item.hybh; item.number = item.hybh;
refMeetingView.value.openInit(item,type) refMeetingView.value.openInit(item, type)
}; };
// 删除 // 删除
const delDictItem = (id) =>{ const delDictItem = (id) => {
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => { proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
qcckPost({id},'/mosty-gsxt/wshs/delete').then(()=>{ qcckPost({ id }, '/mosty-gsxt/wshs/delete').then(() => {
proxy.$message({ type: "success", message: "删除成功" }); proxy.$message({ type: "success", message: "删除成功" });
getList(); getList();
}) })
}).catch(() => {}); }).catch(() => { });
} }
// 详情 // 详情
const addEdit = (type, row) => { const addEdit = (type, row) => {
detailDiloag.value.init(type, row); detailDiloag.value.init(type, row);
}; };
// 表格高度计算 // 表格高度计算
const tabHeightFn = () => { const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250; pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () { window.onresize = function() {
tabHeightFn(); tabHeightFn();
}; };
}; };
// 会议详情弹窗 // 会议详情弹窗
const conferenceRoomVisible = ref(false); const conferenceRoomVisible = ref(false);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.el-loading-mask { .el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important;
} }
.tabBox {
.tabBox {
.pageSearch { .pageSearch {
margin-bottom: 0 !important; margin-bottom: 0 !important;
.box { .box {
align-items: center !important; align-items: center !important;
} }
} }
:deep(.pageSearch .box .item) { :deep(.pageSearch .box .item) {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
} }
.btns {
.btns {
padding: 10px 20px; padding: 10px 20px;
} }
.list {
.list {
height: calc(100% - 10px); height: calc(100% - 10px);
gap: 10px; gap: 10px;
margin: 0 15px; margin: 0 15px;
overflow: auto; overflow: auto;
.list-item { .list-item {
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -247,28 +259,34 @@ const conferenceRoomVisible = ref(false);
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
margin: 10px 5px; margin: 10px 5px;
&:hover { &:hover {
border-color: rgb(124, 195, 253); border-color: rgb(124, 195, 253);
background-color: rgba(190, 233, 255, 0.582); background-color: rgba(190, 233, 255, 0.582);
} }
&:hover .mid { &:hover .mid {
border-color: rgb(124, 195, 253); border-color: rgb(124, 195, 253);
} }
&:hover .desc { &:hover .desc {
background-color: rgb(190, 233, 255); background-color: rgb(190, 233, 255);
} }
.title { .title {
color: black; color: black;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
margin-bottom: 5px; margin-bottom: 5px;
} }
.info { .info {
color: #a5a1a1; color: #a5a1a1;
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
} }
.desc { .desc {
margin-top: 5px; margin-top: 5px;
background-color: rgb(242, 242, 242); background-color: rgb(242, 242, 242);
@ -279,6 +297,7 @@ const conferenceRoomVisible = ref(false);
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
} }
.mid { .mid {
border: 1px dashed rgb(124, 195, 253); border: 1px dashed rgb(124, 195, 253);
border-left: 0; border-left: 0;
@ -286,13 +305,16 @@ const conferenceRoomVisible = ref(false);
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.left { .left {
width: calc(100% - 80px); width: calc(100% - 80px);
.title { .title {
font-size: 14px; font-size: 14px;
color: black; color: black;
margin-bottom: 5px; margin-bottom: 5px;
} }
.info { .info {
font-size: 12px; font-size: 12px;
color: #a5a1a1; color: #a5a1a1;
@ -302,15 +324,18 @@ const conferenceRoomVisible = ref(false);
.right { .right {
width: 80px; width: 80px;
.el-button + .el-button {
.el-button+.el-button {
margin-left: 0; margin-left: 0;
margin-top: 5px; margin-top: 5px;
} }
} }
} }
.bottom { .bottom {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
:deep(.el-link--inner) { :deep(.el-link--inner) {
display: flex; display: flex;
align-items: center; align-items: center;
@ -318,5 +343,5 @@ const conferenceRoomVisible = ref(false);
} }
} }
} }
} }
</style> </style>