maojiacai/ba_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: maojiacai:dcf0a74a066be5478a9a5935da8da7adffd7f88f
Branches Tags
maojiacai:master
...
compare: maojiacai:b3a5ee62c2f1d795892349625eb643bc29898bb6
Branches Tags
maojiacai:master

2 Commits
dcf0a74a06 ... b3a5ee62c2

Author SHA1 Message Date
Esacpe
b3a5ee62c2 解决冲突 2025-09-22 17:21:03 +08:00
Esacpe
400008f325 更新 2025-09-22 17:16:42 +08:00
20 changed files with 1320 additions and 224 deletions
Expand all files Collapse all files

2
src/assets/css/element-plus.scss
View File

@ -14,7 +14,7 @@
::v-deep .el-input__inner {
background-color: #fff;
border: 1px solid #e9e9e9;
border: 1px solid #e9e9e9 !important;
&:hover {
border: 1px solid #0065d8;

3
src/assets/css/layout.scss
View File

@ -98,7 +98,7 @@ header {
height: calc(100vh - 137px);
overflow: auto;
border: 1px solid #ccc;
top: 10px;
top: 4px;
right: 10px;
left: 10px;
background-color: #fff;
@ -262,6 +262,7 @@ header {
position: absolute;
right: 0px;
left: 0px;
background: #fff;
}
}
}

20
src/components/aboutTable/PageTitle.vue
View File

@ -1,7 +1,10 @@
<template>
<div class="pageTitle" :style="`margin-bottom: ${marginBottom}px;background-color: ${backgroundColor}`">
<div class="title">
<div class="font">{{ title }}</div>
<div class="font" v-if="typeof title === 'string'">{{ title }}</div>
<ul v-else class="flex" style="align-items: center;">
<el-button @click="handleClick(item,index)" :type="active == index ? 'primary':''" v-for="(item, index) in title" :key="index">{{ item }}</el-button>
</ul>
</div>
<div class="cnetr">
<slot name="center"></slot>
@ -13,11 +16,16 @@
</template>
<script setup>
import { ref ,defineEmits} from 'vue';
defineProps({
title: {
type: String,
default: ""
type: String || Array,
default: "" || []
},
active:{
type: Number,
default: 0
}, //下标
marginBottom: {
type: Number,
default: 0
@ -27,6 +35,11 @@ defineProps({
default: "rgb(255, 255, 255, 0)"
}
});
const emit = defineEmits(['change','update:active']);
function handleClick (item,index){
emit('update:active',index);
emit('change',item)
}
</script>
<style lang = "scss" scoped>
@ -50,4 +63,5 @@ defineProps({
}
}
}
</style>

9
src/router/index.js
View File

@ -437,15 +437,6 @@ export const publicRoutes = [
icon: "personnel"
}
},
{
path: "/training/securityExamManagement",
name: "securityExamManagement",
component: () => import("@/views/Training/SecurityExamManagement/index"),
meta: {
title: "保安考试管理",
icon: "personnel"
}
}
]
}
// {

2
src/styles/index.scss
View File

@ -99,7 +99,7 @@ div:focus {
::v-deep {
.el-input__inner, .el-input__inner:hover, .el-input__inner:focus {
border: none;
// border: none;
box-shadow: none;
background-color: transparent;
}

61
src/views/Training/AnnualInspection/components/detailForm.vue Normal file
View File

@ -0,0 +1,61 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span>详情</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="true" :formList="formList">
</FormMessage>
</div>
</div>
</template>
<script setup>
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const dialogForm = ref(false);
const FormRef = ref();
const listQuery = ref({});
const loading = ref(false);
const formList = reactive([
[
{ label: "姓名", prop: "name", type: "input" },
{ label: "证件号码", prop: "idNumber", type: "input" },
{ label: "联系电话", prop: "contactInfo", type: "input" },
],
[
{ label: "是否年检", prop: "isUploaded", type: "input" },
{ label: "年检时间", prop: "inspectionTime", type: "input" },
],
])
// 初始化数据
const init = (type, id,) => {
dialogForm.value = true;
};
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.mapBox{
width: calc(100% - 24rem);
height:500px;
overflow: hidden;
margin: 0 12rem;
}
</style>

55
src/views/Training/AnnualInspection/components/pxgs.vue Normal file
View File

@ -0,0 +1,55 @@
<template>
<div>
<el-dialog title="选择培训公司" v-model="dialogForm" width="400px">
<ul class="company-list">
<li :class="{'active': active == item.id}" @click="active = item.id" class="company-item one_text_detail" v-for="item in companyList" :key="item.id">{{ item.name }}</li>
</ul>
<div class="flex just-center mt10">
<el-button type="primary" @click="dialogForm = false">确定</el-button>
</div>
</el-dialog>
</div>
</template>
<script setup>
import { ref ,defineExpose} from 'vue';
const dialogForm = ref(false);
const companyList = ref([
{ id: 1, name: '公司A' },
{ id: 2, name: '公司B' },
{ id: 3, name: '公司C' },
]);
const active = ref(null)
const init = (id) => {
active.value = id;
dialogForm.value = true;
}
defineExpose({
init
})
</script>
<style scoped lang="scss">
.company-list {
list-style-type: none;
padding: 0;
margin: 0;
max-height: 40vh;
overflow: hidden;
overflow-y: auto;
.company-item {
padding: 10px;
cursor: pointer;
line-height: 20px;
text-align: center;
border-bottom: 1px solid #eee;
}
.active{
background: #00bfbf;
color: #fff;
}
}
</style>

155
src/views/Training/AnnualInspection/index.vue
View File

@ -1,11 +1,156 @@
<template>
<div class="app-container">
<h1>年检</h1>
<div>
<div class="titleBox">
<PageTitle :title="['单位信息','从业人员','年检','申请人员']" @change="changeTab" v-model:active="activeTab">
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('detail', row.id)">详情</el-link>
<el-link type="primary" link @click="addEdit('pxgs', row.id)">年检</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" @refresh="getList" />
<!-- 选择培训公司 -->
<Pxgs ref="pxgs"></Pxgs>
</div>
</template>
<script>
export default {
name: "AnnualInspection"
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import Pxgs from "./components/pxgs.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
import { el } from "element-plus/es/locale.mjs";
const { proxy } = getCurrentInstance();
const activeTab = ref(2)
const detailDiloag = ref();
const pxgs = ref();
const searchBox = ref(); //搜索框
const baseUrl = 'data:image/jpeg;base64,'
const searchConfiger = ref([
{
label: "人员姓名",
prop: "name",
showType: "input"
},
{
label: "证件号码",
prop: "idNumber",
showType: "input"
},
{
label: "联系方式",
prop: "contactInfo",
showType: "input"
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [{name:'张三',idNumber:'44032519900101001X',contactInfo:'13800000000',isInspected:'是',inspectionTime:'2023-08-01'}],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "姓名", prop: "name", width: 100 },
{ label: "证件号码", prop: "idNumber" },
{ label: "联系方式", prop: "contactInfo" },
{ label: "是否年检", prop: "isInspected" },
{ label: "年检时间", prop: "inspectionTime", width: 120 }
]
});
onMounted(() => {
getList();
tabHeightFn();
});
const changeTab = (val) => {
console.log(val,'=====ll');
}
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
// pageData.tableConfiger.loading = true;
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// qcckGet(data, "/mosty-jbld/jbldzsd/selectPage").then((res) => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(() => {
// pageData.tableConfiger.loading = false;
// });
};
// 详情
const addEdit = (type, id) => {
nextTick(() => {
if(type == 'pxgs'){
pxgs.value.init(id);
}else{
detailDiloag.value.init(type, id);
}
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

93
src/views/Training/AnnualInspectionApplicants/components/detailForm.vue Normal file
View File

@ -0,0 +1,93 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title"> {{ title == '新增' ? '年检上传资料新增' : '人员年检详情' }}</span>
<div>
<el-button size="small" v-if="title == '新增'" @click="save" type="primary" :loading="loading">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="title == '新增' ? false:true" :labelWidth="120" :formList="formList">
</FormMessage>
</div>
<div class="flex just-center mt10" v-if="title == '详情'">
<el-button type="primary" @click="submit">通过</el-button>
<el-button type="danger" @click="submit">不通过</el-button>
</div>
</div>
</template>
<script setup>
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const dialogForm = ref(false);
const FormRef = ref();
const listQuery = ref({});
const loading = ref(false);
const title = ref('新增');
const rules = reactive({
pxlx: [{ required: true, message: "请输入视频标题", trigger: "blur" }],
});
const formList = reactive([
[
{ label: "姓名", prop: "name", type: "input" },
{ label: "证件号码", prop: "idNumber", type: "input" },
{ label: "联系电话", prop: "contactInfo", type: "input" },
],
[
{ label: "是否年检", prop: "isUploaded", type: "input" },
{ label: "培训项目", prop: "trainingProject", type: "input" },
{ label: "年检时间", prop: "inspectionTime", type: "input" },
],
[
{ label: "体检报告", prop: "inspectionReport", type: "upload" },
{ label: "无犯罪记录证明", prop: "wfzjlzm", type: "upload" },
{ label: "保安证证", prop: "bazzj", type: "upload" },
],
])
// 初始化数据
const init = (type, id,) => {
dialogForm.value = true;
title.value = type == 'add' ? '新增' : '详情';
};
const save = () => {
FormRef.value.submit(()=>{
// loading.value = true;
// let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
// qcckPost(listQuery.value, url).then(() => {
// loading.value = false;
proxy.$message.success("保存成功");
// emit("refresh");
close();
// }).catch(() => {
// loading.value = false;
// })
});
}
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.mapBox{
width: calc(100% - 24rem);
height:500px;
overflow: hidden;
margin: 0 12rem;
}
</style>

133
src/views/Training/AnnualInspectionApplicants/components/pxApllication.vue Normal file
View File

@ -0,0 +1,133 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">年检培训申请</span>
<div>
<el-button size="small" @click="save" type="primary" :loading="loading">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :formList="formList">
<el-divider />
</FormMessage>
<div style="padding:0 10vw 0 10vw;">
<div class="table-title">培训保安人员 <el-icon size="20px" style="top: 4px;" color="green"><CirclePlusFilled /></el-icon> </div>
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<template #controls="{ row }">
<el-link type="danger" link @click="delRow(row.id)">删除</el-link>
</template>
</MyTable>
</div>
</div>
</div>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const dialogForm = ref(false);
const FormRef = ref();
const listQuery = ref({});
const formList = reactive([
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
{ label: "分割线", prop: "diver", type: "slot" },
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
{ label: "分割线", prop: "diver", type: "slot" },
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
])
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false,
},
tableHeight:400,
tableColumn: [
{ label: "姓名", prop: "xm"},
{ label: "证件号码", prop: "zjhm" },
{ label: "电话号码", prop: "dhhm" },
{ label: "所属单位", prop: "ssdw" },
]
});
// 初始化数据
const init = async (type, id,) => {
dialogForm.value = true;
// const res = await qcckGet({ url: `/training/annualInspectionTraining/detail/${id}`})
// listQuery.value = res || {}
};
const delRow = (id) => {
pageData.tableData = pageData.tableData.filter(item => item.id !== id)
}
const save = () => {
FormRef.value.submit(()=>{
// loading.value = true;
// let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
// qcckPost(listQuery.value, url).then(() => {
// loading.value = false;
proxy.$message.success("保存成功");
// emit("refresh");
close();
// }).catch(() => {
// loading.value = false;
// })
});
}
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.table-title{
line-height: 40px;
text-align: center;
background: #f5f5f5;
color: #333;
cursor: pointer;
}
</style>

198
src/views/Training/AnnualInspectionApplicants/index.vue
View File

@ -1,26 +1,24 @@
<template>
<div>
<div class="titleBox">
<page-title title="培训人员管理" />
<el-button type="primary" @click="addEdit('add')">新增</el-button>
<PageTitle title="年检申请人员">
<el-button type="primary" @click="addEdit('pxsq')">年检培训</el-button>
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch"></Search>
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
<template #bxxLx="{ row }">
<DictTag :value="row.bxxLx" :tag="false" :options="D_BZ_BXDLX" />
</template>
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" @click="addEdit('upload', row)">上传资料</el-link>
<el-link type="danger" @click="handleDelete([row.id])">删除</el-link>
<el-link type="warning" @click="addEdit('view', row)">详情</el-link>
<el-link type="primary" @click="addEdit('select', row)">提交培训公司</el-link>
<el-link type="primary" link @click="addEdit('detail', row.id)">详情</el-link>
<el-link type="success" link @click="addEdit('add', '')">上传资料</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@ -28,53 +26,48 @@
total: pageData.total
}"></Pages>
</div>
<add-trainer-dialog v-model="isVisible" ref="trainerRef" @refresh="getList" />
<select-ttaning-dialog ref="selectTtaningRef" v-model="dialogVisible" />
<!-- 详情 -->
<DetailForm ref="detailDiloag" @refresh="getList" />
<!-- 培训申请 -->
<PxApllication ref="pxApllication" />
</div>
</template>
<script setup>
import { onMounted, reactive, ref } from "vue";
import MyTable from '@/components/aboutTable/MyTable.vue';
import Pages from '@/components/aboutTable/Pages.vue';
import Search from '@/components/aboutTable/Search.vue';
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import AddTrainerDialog from "./components/addTrainerDialog.vue";
import selectTtaningDialog from "./components/selectTtaningDialog.vue";
const trainerRef = ref(null);
const selectTtaningRef = ref(null);
const queryFrom = ref({});
const isVisible = ref(false);
const dialogVisible = ref(false);
const searchBox = ref(null);
const D_BZ_BXDLX = ref([]);
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import PxApllication from "./components/pxApllication.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const pxApllication = ref();
const searchBox = ref(); //搜索框
const baseUrl = 'data:image/jpeg;base64,'
const searchConfiger = ref([
{
label: "人员姓名",
prop: "xm",
placeholder: "请输入人员姓名",
showType: "input"
},
{
label: "证件号码",
prop: "sfzh",
placeholder: "请输入证件号码",
showType: "input"
},
{
label: "联系电话",
prop: "lxdh",
placeholder: "请输入联系电话",
showType: "input"
label: "申请时间",
prop: "sqsj",
placeholder: "请选择申请时间",
showType: "date"
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [{}],
tableData: [
{
name: '张三',
idNumber: '44032519900101001X',
contactInfo: '13800000000',
isUploaded: '是',
applyTime: '2023-01-01',
reviewStatus: '是'
}
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
@ -83,72 +76,79 @@ const pageData = reactive({
},
total: 0,
pageConfiger: {
pageSize: 10,
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "姓名", prop: "xm" },
{ label: "证件号码", prop: "sfzh" },
{ label: "联系方式", prop: "lxdh" },
{ label: "岗位", prop: "bxds", showSolt: true },
{ label: "申请时间", prop: "pxgs" },
{ label: "是否上传资料", prop: "pxgs" },
{ label: "是否线上培训", prop: "pxgs" },
{ label: "姓名", prop: "name" },
{ label: "证件号码", prop: "idNumber" },
{ label: "联系方式", prop: "contactInfo" },
{ label: "是否上传资料", prop: "isUploaded" },
{ label: "申请时间", prop: "applyTime", },
{ label: "资料审核是否通过", prop: "reviewStatus"}
]
});
onMounted(() => {
getList();
tabHeightFn();
});
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
// pageData.tableConfiger.loading = true;
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// qcckGet(data, "/mosty-jbld/jbldzsd/selectPage").then((res) => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(() => {
// pageData.tableConfiger.loading = false;
// });
};
// 详情
const addEdit = (type, id) => {
nextTick(() => {
if(type == 'pxsq'){
pxApllication.value.init(type, id);
}else{
detailDiloag.value.init(type, id);
}
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
const addEdit = (type, row) => {
if (type === 'select') {
selectTtaningRef.value.open(row, type);
return
}
trainerRef.value.open(row, type);
};
const onSearch = (value) => {
queryFrom.value = value
pageData.pageConfiger.pageCurrent = 1;
getList();
}
const getList = async () => {
try {
pageData.tableConfiger.loading = true;
const res = await qcckPost({
...pageData.pageConfiger,
...queryFrom.value
}, `/mosty-base/baxx/pxry/page`)
if(res) {
pageData.tableData = res.records || [];
pageData.total = res.total;
}
} finally {
pageData.tableConfiger.loading = false;
}
}
onMounted(() => {
tabHeightFn();
getList();
});
</script>
<style scoped lang="scss">
::v-deep {
.el-dialog__header {
background: transparent !important;
}
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

111
src/views/Training/AnnualInspectionTraining/components/detailForm.vue Normal file
View File

@ -0,0 +1,111 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">年检培训详情</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="true" :formList="formList">
<el-divider />
</FormMessage>
<div style="padding:0 10vw 0 10vw;">
<div class="table-title">培训保安人员</div>
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
</MyTable>
</div>
</div>
</div>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const dialogForm = ref(false);
const FormRef = ref();
const listQuery = ref({});
const formList = reactive([
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
{ label: "分割线", prop: "diver", type: "slot" },
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
{ label: "分割线", prop: "diver", type: "slot" },
[
{ label: "培训日期", prop: "pxrq", type: "input" },
{ label: "培训时间", prop: "pxsj", type: "input" },
{ label: "课程名称", prop: "kcmc", type: "input" },
],
[
{ label: "组织单位", prop: "zzdw", type: "input" },
{ label: "授课教员", prop: "skfcy", type: "input" },
{ label: "培训内容", prop: "pxnr", type: "input" },
],
])
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false,
haveControls:false
},
tableHeight:400,
tableColumn: [
{ label: "姓名", prop: "xm"},
{ label: "证件号码", prop: "zjhm" },
{ label: "电话号码", prop: "dhhm" },
{ label: "所属单位", prop: "ssdw" },
]
});
// 初始化数据
const init = async (type, id,) => {
dialogForm.value = true;
// const res = await qcckGet({ url: `/training/annualInspectionTraining/detail/${id}`})
// listQuery.value = res || {}
};
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.table-title{
line-height: 40px;
text-align: center;
background: #f5f5f5;
color: #333;
}
</style>

127
src/views/Training/AnnualInspectionTraining/index.vue
View File

@ -1,11 +1,128 @@
<template>
<div class="app-container">
<h1>年检培训</h1>
<div>
<div class="titleBox">
<PageTitle title="年检培训信息">
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('detail', row.id)">详情</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" @refresh="getList" />
</div>
</template>
<script>
export default {
name: "AnnualInspectionTraining"
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const baseUrl = 'data:image/jpeg;base64,'
const searchConfiger = ref([
{
label: "培训时间",
prop: "time",
showType: "daterange"
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [{pxrs:1,pxsj:'2023-08-01'}],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "培训人数", prop: "pxrs"},
{ label: "培训时间", prop: "pxsj" },
]
});
onMounted(() => {
getList();
tabHeightFn();
});
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
// pageData.tableConfiger.loading = true;
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// qcckGet(data, "/mosty-jbld/jbldzsd/selectPage").then((res) => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(() => {
// pageData.tableConfiger.loading = false;
// });
};
// 详情
const addEdit = (type, id) => {
nextTick(() => {
detailDiloag.value.init(type, id);
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

11
src/views/Training/SecurityExamManagement/index.vue
View File

@ -1,11 +0,0 @@
<template>
<div class="app-container">
<h1>保安考试管理</h1>
</div>
</template>
<script>
export default {
name: "SecurityExamManagement"
};
</script>

90
src/views/Training/SecurityQuestionBank/components/detailForm.vue Normal file
View File

@ -0,0 +1,90 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">保安题库{{ title }}</span>
<div>
<el-button size="small" v-if="openType != 'detail'" @click="save" type="primary" :loading="loading">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="openType == 'detail'" :rules="rules" :formList="formList">
</FormMessage>
</div>
</div>
</template>
<script setup>
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const dialogForm = ref(false);
const title = ref('');
const FormRef = ref();
const loading = ref(false);
const listQuery = ref({});
const openType = ref("")
const rules = reactive({
spbt: [{ required: true, message: "请输入视频标题", trigger: "blur" }],
});
const formList = reactive([
[
{ label: "题型", prop: "tx", type: "select",options: [{label:'单选题',value:'1'},{label:'多选题',value:'2'},{label:'判断题',value:'3'}] },
{ label: "题目", prop: "tm", type: "input" },
],
[
{ label: "选项A", prop: "a", type: "input" },
{ label: "选项B", prop: "b", type: "input" },
],
[
{ label: "选项C", prop: "c", type: "input" },
{ label: "选项D", prop: "d", type: "input" },
],
[
{ label: "选项E", prop: "e", type: "input" },
{ label: "答案", prop: "dw", type: "input" }
],
])
// 初始化数据
const init = (type, id,) => {
dialogForm.value = true;
openType.value = type;
title.value = type == "add" ? "新增" : "编辑";
if(id) getDateById(id)
};
const save = () => {
FormRef.value.submit(()=>{
// loading.value = true;
// let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
// qcckPost(listQuery.value, url).then(() => {
// loading.value = false;
proxy.$message.success("保存成功");
// emit("refresh");
close();
// }).catch(() => {
// loading.value = false;
// })
});
}
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.mapBox{
width: calc(100% - 24rem);
height:500px;
overflow: hidden;
margin: 0 12rem;
}
</style>

153
src/views/Training/SecurityQuestionBank/index.vue
View File

@ -1,11 +1,154 @@
<template>
<div class="app-container">
<h1>保安题库</h1>
<div>
<div class="titleBox">
<PageTitle title="保安题库">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle">
<CirclePlus />
</el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('edit', row.id)">编辑</el-link>
<el-link type="primary" link @click="addEdit('detail', row.id)">详情</el-link>
<el-link type="danger" link @click="handleDelete(row.id)">删除</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" @refresh="getList" />
</div>
</template>
<script>
export default {
name: "SecurityQuestionBank"
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const baseUrl = 'data:image/jpeg;base64,'
const searchConfiger = ref([
{
label: "题目",
prop: "questionContent",
placeholder: "请输入题目",
showType: "input"
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "题型", prop: "questionType"},
{ label: "题目", prop: "questionContent" },
{ label: "选项A", prop: "optionA" },
{ label: "选项B", prop: "optionB" },
{ label: "选项C", prop: "optionC" },
{ label: "选项D", prop: "optionD" },
{ label: "选项E", prop: "optionE" },
{ label: "答案", prop: "answer"}
]
});
onMounted(() => {
getList();
tabHeightFn();
});
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
// pageData.tableConfiger.loading = true;
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// qcckGet(data, "/mosty-jbld/jbldzsd/selectPage").then((res) => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(() => {
// pageData.tableConfiger.loading = false;
// });
};
// 删除
const handleDelete = (id) => {
// proxy.$modal.confirm("是否确认删除该值守点？").then(() => {
// qcckPost({ id }, "/mosty-jbld/jbldzsd/delete").then(() => {
// proxy.$modal.msgSuccess("删除成功");
// getList();
// });
// });
};
// 详情
const addEdit = (type, id) => {
nextTick(() => {
detailDiloag.value.init(type, id);
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

78
src/views/Training/SecurityTrainingSyllabus/components/detailForm.vue Normal file
View File

@ -0,0 +1,78 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">保安培训教学大纲{{ title }}</span>
<div>
<el-button size="small" v-if="openType != 'detail'" @click="save" type="primary" :loading="loading">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="openType == 'detail'" :rules="rules" :formList="formList">
</FormMessage>
</div>
</div>
</template>
<script setup>
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const dialogForm = ref(false);
const title = ref('');
const FormRef = ref();
const loading = ref(false);
const listQuery = ref({});
const openType = ref("")
const rules = reactive({
pxlx: [{ required: true, message: "请输入视频标题", trigger: "blur" }],
});
const formList = reactive([
[
{ label: "培训类型", prop: "pxlx", type: "input" },
{ label: "教学项目", prop: "jxxm", type: "input" },
],
])
// 初始化数据
const init = (type, id,) => {
dialogForm.value = true;
openType.value = type;
title.value = type == "add" ? "新增" : "编辑";
if(id) getDateById(id)
};
const save = () => {
FormRef.value.submit(()=>{
// loading.value = true;
// let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
// qcckPost(listQuery.value, url).then(() => {
// loading.value = false;
proxy.$message.success("保存成功");
// emit("refresh");
close();
// }).catch(() => {
// loading.value = false;
// })
});
}
const close = () => {
dialogForm.value = false;
FormRef.value.reset()
};;
defineExpose({init})
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.mapBox{
width: calc(100% - 24rem);
height:500px;
overflow: hidden;
margin: 0 12rem;
}
</style>

147
src/views/Training/SecurityTrainingSyllabus/index.vue
View File

@ -1,11 +1,148 @@
<template>
<div class="app-container">
<h1>保安培训教学大纲</h1>
<div>
<div class="titleBox">
<PageTitle title="保安培训教学大纲">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle">
<CirclePlus />
</el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('edit', row.id)">编辑</el-link>
<el-link type="primary" link @click="addEdit('detail', row.id)">详情</el-link>
<el-link type="danger" link @click="handleDelete(row.id)">删除</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" @refresh="getList" />
</div>
</template>
<script>
export default {
name: "SecurityTrainingSyllabus"
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const baseUrl = 'data:image/jpeg;base64,'
const searchConfiger = ref([
{
label: "教学项目",
prop: "questionContent",
placeholder: "请输入教学项目",
showType: "input"
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "培训类型", prop: "questionType"},
{ label: "教学项目", prop: "questionContent" },
]
});
onMounted(() => {
getList();
tabHeightFn();
});
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
// pageData.tableConfiger.loading = true;
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// qcckGet(data, "/mosty-jbld/jbldzsd/selectPage").then((res) => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(() => {
// pageData.tableConfiger.loading = false;
// });
};
// 删除
const handleDelete = (id) => {
// proxy.$modal.confirm("是否确认删除该值守点？").then(() => {
// qcckPost({ id }, "/mosty-jbld/jbldzsd/delete").then(() => {
// proxy.$modal.msgSuccess("删除成功");
// getList();
// });
// });
};
// 详情
const addEdit = (type, id) => {
nextTick(() => {
detailDiloag.value.init(type, id);
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

83
src/views/Training/SecurityTrainingVideo/components/detailForm.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">巡逻路线{{ title }}</span>
<span class="title">保安视频库{{ title }}</span>
<div>
<el-button size="small" v-if="openType != 'detail'" @click="save" type="primary" :loading="loading">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
@ -9,36 +9,17 @@
</div>
<div class="cntinfo">
<FormMessage ref="FormRef" v-model="listQuery" :disabled="openType == 'detail'" :rules="rules" :formList="formList">
<template #jwd>
<div class="flex align-center ww100">
<el-input style="width: 48%;" v-model="listQuery.jd" placeholder="请选择经度"/>
<el-input style="width: 48%;" v-model="listQuery.wd" placeholder="请选择纬度"/>
<el-button type="primary" @click="changePoint">选择点位</el-button>
</div>
</template>
</FormMessage>
<div class="mapBox relative">
<GdMap></GdMap>
</div>
</div>
</div>
</template>
<script setup>
import emitter from "@/utils/eventBus.js";
import GdMap from "@/components/GdMap/index.vue";
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref,defineProps, reactive,defineEmits,getCurrentInstance, onMounted } from 'vue';
import { color } from "echarts";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const props = defineProps({
dic: {
type: Object,
default: () => ({})
}
});
const dialogForm = ref(false);
const title = ref('');
const FormRef = ref();
@ -46,32 +27,17 @@ const loading = ref(false);
const listQuery = ref({});
const openType = ref("")
const rules = reactive({
zsdMc: [{ required: true, message: "请输入值守点名称", trigger: "blur" }],
spbt: [{ required: true, message: "请输入视频标题", trigger: "blur" }],
});
const formList = reactive([
[
{ label: "值守点名称", prop: "zsdMc", type: "input" },
{ label: "所属辖区", prop: "ssbmdm", type: "department" },
{ label: "视频标题", prop: "spbt", type: "input" },
],
[
{ label: "地址", prop: "xxdz", type: "input"},
],
[
{ label: "选择点位", prop: "jwd", type: "slot"},
{ label: "附件", prop: "fjdz", type: "upload"},
],
])
// 获取数据
onMounted(()=>{
emitter.on("coordString", (res => {
if(res.type == 'point') {
listQuery.value.jd = res.coord[0];
listQuery.value.wd = res.coord[1];
let icon = require('@/assets/point/zsd1.png');
emitter.emit("showPoint", { coords: [{jd:res.coord[0],wd:res.coord[1]}], icon, flag: 'bxd'});
}
}))
})
// 初始化数据
const init = (type, id,) => {
@ -81,43 +47,20 @@ const init = (type, id,) => {
if(id) getDateById(id)
};
// 根据id获取数据
const getDateById = (id) =>{
emitter.emit("deletePointArea", 'bxd');
qcckGet({id}, `/mosty-jbld/jbldzsd/selectByid`).then((res) => {
listQuery.value = res || {};
if(res.jd && res.wd){
let icon = require('@/assets/point/zsd1.png');
emitter.emit("showPoint", { coords: [{jd:res.jd,wd:res.wd}], icon, flag: 'bxd'});
emitter.emit("setMapCenter", { location: [res.jd,res.wd], zoomLevel:12});
}
})
}
// 选择点位
const changePoint = () =>{
listQuery.value.jd = ''
listQuery.value.wd = ''
emitter.emit("removePlot", 'point');
emitter.emit("deletePointArea", 'bxd');
emitter.emit("drawShape", { type: 'point', flag: 'point'});
}
const save = () => {
FormRef.value.submit(()=>{
loading.value = true;
let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
qcckPost(listQuery.value, url).then(() => {
loading.value = false;
// loading.value = true;
// let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
// qcckPost(listQuery.value, url).then(() => {
// loading.value = false;
proxy.$message.success("保存成功");
emit("refresh");
// emit("refresh");
close();
}).catch(() => {
loading.value = false;
})
// }).catch(() => {
// loading.value = false;
// })
});
}
const close = () => {
dialogForm.value = false;
FormRef.value.reset()

5
src/views/Training/SecurityTrainingVideo/index.vue
View File

@ -19,11 +19,6 @@
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<template #ewm="{ row }">
<el-image style="width: 70px;" :src="`${baseUrl}${row.ewm}`" preview-teleported>
</el-image>
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('edit', row.id)">编辑</el-link>