<template>
|
<div>
|
<div
|
v-if="licenseApprovalShow && !OnceChouseShow"
|
class="OnceChouse ApprovalOnceChouse"
|
>
|
<slot name="close"></slot>
|
<div class="heards">许可审批{{ title + titlename }}</div>
|
<basic-container>
|
<div v-for="(item, index) in cardData" :key="index">
|
<!-- <div class="chouseHide"> -->
|
<el-radio v-model="choseTypeSave" :label="item.type">{{
|
item.menuName
|
}}</el-radio>
|
<br />
|
<br />
|
<!-- <div class="choseTitle">{{ item.datas.msg }}</div> -->
|
<!-- </div> -->
|
</div>
|
<div class="hand-next">
|
<el-button type="primary" @click="tipchose">确认</el-button>
|
<!-- <el-button type="primary" @click="qx">取消</el-button> -->
|
</div>
|
</basic-container>
|
</div>
|
<div v-if="licenseApprovalShow && OnceChouseShow" class="licenseApproval">
|
<slot name="close" @click="clocks"></slot>
|
<div class="heards">许可审批{{ title + titlename }}</div>
|
<basic-container>
|
<securityPermit v-if="choseType == 1" @see="see"></securityPermit>
|
<securityGuard v-if="choseType == 2" @see="see"></securityGuard>
|
<cancellationOfFiling
|
v-if="choseType == 3"
|
@see="see"
|
></cancellationOfFiling>
|
<crossRegion v-if="choseType == 4" @see="see"></crossRegion>
|
<attachOnce v-if="choseType == 111" :seedata="seedata">
|
<el-button plain class="butBac" slot="buts" @click="goback"
|
>返回</el-button
|
>
|
</attachOnce>
|
</basic-container>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {
|
getDetail,
|
getList,
|
getListre,
|
getListrek,
|
getListrev,
|
} from "@/api/permit/permit";
|
import securityPermit from "./child/securityPermit.vue"; // 服务公司申办许可申请
|
import securityGuard from "./child/securityGuard.vue"; // 保安单位公司备案
|
import cancellationOfFiling from "./child/cancellationOfFiling.vue"; // 自招保安单位备案撤销
|
import crossRegion from "./child/crossRegion.vue"; // 跨区域经营备案
|
import attachOnce from "./resource/attachOnce.vue"; // 附件查阅
|
import { mapGetters } from "vuex";
|
export default {
|
props: {
|
visible: {
|
type: Boolean,
|
default: false,
|
},
|
data: {
|
type: Array,
|
default: [],
|
},
|
},
|
components: {
|
securityPermit: securityPermit,
|
securityGuard: securityGuard,
|
cancellationOfFiling: cancellationOfFiling,
|
crossRegion: crossRegion,
|
attachOnce: attachOnce,
|
},
|
computed: {
|
...mapGetters(["licenseApprovalShow", "userInfo", "OnceChouseShow"]),
|
},
|
data() {
|
var cardData = [
|
{
|
menuName: "服务公司申办许可申请",
|
type: 1,
|
methods: getList,
|
},
|
{
|
menuName: "保安单位公司备案",
|
type: 2,
|
methods: getListre,
|
},
|
{
|
menuName: "自招保安单位备案撤销",
|
type: 3,
|
methods: getListrev,
|
},
|
{
|
menuName: "跨区域经营备案",
|
type: 4,
|
methods: getListrek,
|
},
|
];
|
return {
|
OnceChouse: false,
|
cardData: cardData,
|
choseTypeSave: 1,
|
choseType: 1,
|
title: "",
|
titlename: "",
|
|
seedata: {},
|
};
|
},
|
watch: {
|
choseType() {
|
if (this.choseType != 111) {
|
this.titlename = "";
|
}
|
},
|
},
|
methods: {
|
goback() {
|
this.choseType = this.choseTypeSave;
|
},
|
see(val) {
|
this.seedata = val;
|
this.choseType = 111;
|
this.titlename = "--" + val.name;
|
console.log(val, "out");
|
},
|
tipchose() {
|
if (
|
this.choseTypeSave == 1 ||
|
this.choseTypeSave == 2 ||
|
this.choseTypeSave == 3 ||
|
this.choseTypeSave == 4
|
) {
|
this.$store.commit("doitOnceChouseShow", true);
|
console.log(this.choseType);
|
for (var k in this.cardData) {
|
if (this.cardData[k].type == this.choseTypeSave) {
|
this.title = "--" + this.cardData[k].menuName;
|
this.choseType = this.choseTypeSave;
|
}
|
}
|
} else {
|
this.$message.error("请选择一项查询");
|
return;
|
}
|
// this.openS(this.choseType, this.cardData);
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.ApprovalOnceChouse {
|
position: relative !important;
|
}
|
.butBac {
|
position: absolute;
|
top: 16px;
|
right: 50px;
|
// .el-button { // 不生效 在element-ui.scss中设置
|
// padding: 6px 5px !important;
|
// font-size: 16px !important;
|
// }
|
}
|
</style>
|
