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

'单位信息、从业人员管理、申请人员、申请人员、保安待培训人员管理、保安培训项目管理、保安考试管理页面对接处理'

Browse Source
This commit is contained in:
esacpe
2025-09-23 18:03:42 +08:00
parent 446099015c
commit c23bcb30df
24 changed files with 504 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/views/securityManagement/unitInformation/components/viewDetailsDialog.vue
View File

@ -8,56 +8,74 @@
</div>
</div>
<div class="cntinfo">
<el-descriptions column="2" border label-width="180px">
<el-descriptions-item label="单位名称(营业执照登记名称)">{{ formData.xm }}</el-descriptions-item>
<el-descriptions-item label="统一社会信用代码">{{ formData.sfzh }}</el-descriptions-item>
<el-descriptions-item label="保安单位类型">{{ formData.lxdh }}</el-descriptions-item>
<el-descriptions-item label="场所名称">{{ formData.jzdz }}</el-descriptions-item>
<el-descriptions-item label="场所代码">{{ formData.rzsj }}</el-descriptions-item>
<el-descriptions-item label="场所联系电话">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="经营状况">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="开业日期">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="单位注册地址" :span="2">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所经营地址" :span="2">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="法定代表人">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="法定代表人证件号码">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="经营法定代表人联系电话">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="经营法定代表人居住地址">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人身份证号">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人联系方式">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人居住地址">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人身份证号">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="保安服务公司名称" :span="2">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="保安负责人">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="保安负责人身份证号码">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="保安负责人联系方式">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="保安人员数量">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="场所面积" :span="2">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="营业执照照片">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="武装押运证书">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="备案编号">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="备案机构名称">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="经营许可证号码">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions-item label="经营许可证发证机构">{{ formData.ssbmdm }}</el-descriptions-item>
<el-descriptions column="3" border label-width="180px">
<el-descriptions-item label="单位名称(营业执照登记名称)">{{ formData.dwmc }}</el-descriptions-item>
<el-descriptions-item label="统一社会信用代码">{{ formData.xydm }}</el-descriptions-item>
<el-descriptions-item label="娱乐场所图片" :rowspan="4">
<div class="imgWrapper">
<Upload v-model="formData.cszp" />
</div>
</el-descriptions-item>
<el-descriptions-item label="保安单位类型">{{ formData.type }}</el-descriptions-item>
<el-descriptions-item label="场所名称">{{ formData.csmc }}</el-descriptions-item>
<el-descriptions-item label="场所代码">{{ formData.csdm }}</el-descriptions-item>
<el-descriptions-item label="场所联系电话">{{ formData.csLxdh }}</el-descriptions-item>
<el-descriptions-item label="经营状况">{{ formData.jyzk }}</el-descriptions-item>
<el-descriptions-item label="开业日期">{{ formData.kyrq }}</el-descriptions-item>
<el-descriptions-item label="单位注册地址" :span="3">{{ formData.zcdz }}</el-descriptions-item>
<el-descriptions-item label="场所经营地址" :span="3">{{ formData.csjydz }}</el-descriptions-item>
<el-descriptions-item label="法定代表人">{{ formData.fdrXm }}</el-descriptions-item>
<el-descriptions-item label="法定代表人证件号码">{{ formData.fdrSfzh }}</el-descriptions-item>
<el-descriptions-item label="法定代表人照片" :rowspan="2">
<div class="imgWrapper">
<Upload v-model="formData.frSfzZm" disabled />
<Upload v-model="formData.frSfzFm" disabled />
</div>
</el-descriptions-item>
<el-descriptions-item label="经营法定代表人联系电话">{{ formData.fdrLxdh }}</el-descriptions-item>
<el-descriptions-item label="经营法定代表人居住地址">{{ formData.fdrJzdz }}</el-descriptions-item>
<el-descriptions-item label="场所负责人">{{ formData.fzrXm }}</el-descriptions-item>
<el-descriptions-item label="场所负责人身份证号">{{ formData.fzrSfzh }}</el-descriptions-item>
<el-descriptions-item label="场所负责人照片" :rowspan="2">
<div class="imgWrapper">
<Upload v-model="formData.fzrSfzZm" disabled />
<Upload v-model="formData.fzrSfzFm" disabled />
</div>
</el-descriptions-item>
<el-descriptions-item label="场所负责人联系方式">{{ formData.fzrLxdh }}</el-descriptions-item>
<el-descriptions-item label="场所负责人居住地址">{{ formData.fzrJzdz }}</el-descriptions-item>
<el-descriptions-item label="保安服务公司名称" :span="3">{{ formData.bagsMc }}</el-descriptions-item>
<el-descriptions-item label="保安负责人">{{ formData.bagsFzrXm }}</el-descriptions-item>
<el-descriptions-item label="保安负责人身份证号码">{{ formData.bagsFzrSfzh }}</el-descriptions-item>
<el-descriptions-item label="保安负责人联系方式">{{ formData.bagsFzrLxdh }}</el-descriptions-item>
<el-descriptions-item label="保安人员数量">{{ formData.bagsRysl }}</el-descriptions-item>
<el-descriptions-item label="场所面积" :span="3">{{ formData.csmj }}</el-descriptions-item>
<el-descriptions-item label="营业执照照片" :span="1.5">
<div class="imgWrapper">
<Upload v-model="formData.yyzzzp" />
</div>
</el-descriptions-item>
<el-descriptions-item label="武装押运证书" :span="1.5">
<div class="imgWrapper">
<Upload v-model="formData.jyxkz" />
</div>
</el-descriptions-item>
<el-descriptions-item label="备案编号">{{ formData.babh }}</el-descriptions-item>
<el-descriptions-item label="备案机构名称">{{ formData.bamc }}</el-descriptions-item>
<el-descriptions-item label="经营许可证编号">{{ formData.jyxkzBh }}</el-descriptions-item>
<el-descriptions-item label="经营许可证发证机构">{{ formData.jyxkzBfjg }}</el-descriptions-item>
</el-descriptions>
</div>
</div>
</template>
<script setup>
import { ref, computed, reactive, getCurrentInstance } from 'vue'
import { qcckPost } from "@/api/qcckApi.js";
import MyTable from '@/components/aboutTable/MyTable.vue';
import { ref, computed, reactive } from 'vue'
import Upload from "@/components/MyComponents/Upload/index.vue"
const { proxy } = getCurrentInstance()
const title = ref('保安培训项目新增')
const loading = ref(false)
const disabled = ref(false)
const FormRef = ref(null)
const visible = ref(true)
const viewAndUploadRef = ref(null)
const viewAndUploadVisible = ref(false)
const props = defineProps({
modelValue: {
@ -81,29 +99,6 @@ const dialogVisible = computed({
}
})
const pageData = reactive({
tableData: [{}],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 10,
pageCurrent: 1
},
controlsWidth: 180,
tableColumn: [
{ label: "姓名", prop: "xm" },
{ label: "证件号码", prop: "sfzh" },
{ label: "联系号码", prop: "lxdh" },
{ label: "线上培训时长", prop: "sfzh" },
{ label: "所属单位", prop: "lxdh" },
]
});
const formData = ref({})
const close = () => {
@ -123,31 +118,31 @@ const open = (row = {}, type = 'add') => {
}
}
const save = () => {
FormRef.value.submit(() => {
loading.value = true;
const url = !formData.value?.id ? `/mosty-base/baxx/cyry/add` : `/mosty-base/baxx/cyry/edit`;
qcckPost(formData.value, url).then(() => {
loading.value = false;
proxy.$message.success("保存成功");
emits("refresh");
close();
}).catch(() => {
loading.value = false;
})
});
}
const addEdit = (type, row) => {
viewAndUploadRef.value?.open(row, type)
}
defineExpose({ open })
</script>
<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.dialog {
::v-deep {
.imgWrapper {
display: flex;
.el-upload-list__item {
height: 80px;
width: 90%;
}
.form-item-box {
width: auto !important;
}
}
.el-upload--picture-card, .el-upload-list--picture-card .el-upload-list__item-actions span+span {
display: none !important;
}
}
}
.label {
margin-top: 20px;
color: #000;
@ -155,7 +150,7 @@ defineExpose({ open })
.cntinfo {
padding: 2rem 12rem 0rem 12rem;
height: calc(100% - 270px);
height: calc(100% - 170px);
overflow-y: auto;
}