| | |
| | | <i class="zc" v-if="row.type == '2'"></i> |
| | | </el-tag> |
| | | </template> |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="icon-zhengjian" |
| | | :size="size" |
| | | :type="type" |
| | | class="zhengJian-icon" |
| | | @click.stop="handleCredentials(row)" |
| | | >查看</el-button |
| | | > |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | <div class="seeOnces" v-if="openOnceShow"> |
| | | <i |
| | | class="el-icon-close openOnceCLoce" |
| | | style="color: #000 !important" |
| | | @click="openClose" |
| | | > |
| | | </i> |
| | | <div class="seeOncesMain"> |
| | | <cardPopuponce class="openOnce" :paredData="paredData"></cardPopuponce> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | getListrev, |
| | | } from "@/api/permit/permit"; |
| | | import { mapGetters } from "vuex"; |
| | | import cardPopuponce from "../cardPopup/cardPopuponce.vue"; |
| | | export default { |
| | | components: { |
| | | cardPopuponce, |
| | | }, |
| | | props: { |
| | | visible: { |
| | | type: Boolean, |
| | | default: false, |
| | | }, |
| | | data: { |
| | | type: Array, |
| | | default: [], |
| | | }, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["ApprovalShow", "userInfo"]), |
| | | }, |
| | | created() { |
| | | var d = this.data, |
| | | b = []; |
| | | for (var k in d) { |
| | | // console.log({ |
| | | // label: d[k].menuName, |
| | | // value: d[k].type + "", |
| | | // }); |
| | | b.push({ |
| | | label: d[k].menuName, |
| | | value: d[k].type + "", |
| | | }); |
| | | } |
| | | this.option1.column[1].dicData = b; |
| | | }, |
| | | data() { |
| | | return { |
| | | useWhere: "", |
| | | paredData: "", |
| | | openOnceShow: false, |
| | | |
| | | data: [], |
| | | query: {}, |
| | | loading: false, |
| | |
| | | searchShow: true, |
| | | searchMenuSpan: 8, |
| | | labelWidth: 130, |
| | | menuWidth: 100, |
| | | headerAlign: "center", |
| | | align: "center", |
| | | border: true, |
| | | index: true, |
| | | viewBtn: true, |
| | | viewBtn: false, |
| | | selection: true, |
| | | dialogClickModal: false, |
| | | column: [ |
| | |
| | | label: "许可类型", |
| | | prop: "ptype", |
| | | type: "select", |
| | | dicData: [ |
| | | { |
| | | label: "保安服务公司许可申请", |
| | | value: "0", |
| | | }, |
| | | { |
| | | label: "自招保安单位备案", |
| | | value: "1", |
| | | }, |
| | | { |
| | | label: "保安培训公司备案", |
| | | value: "2", |
| | | }, |
| | | { |
| | | label: "跨区域经营备案", |
| | | value: "3", |
| | | }, |
| | | { |
| | | label: "自招保安单位备案撤销", |
| | | value: "6", |
| | | }, |
| | | ], |
| | | dicData: [], |
| | | }, |
| | | { |
| | | label: "审批意见", |
| | |
| | | type: "date", |
| | | format: "yyyy-MM-dd HH:mm:ss", |
| | | valueFormat: "yyyy-MM-dd HH:mm:ss", |
| | | }, |
| | | { |
| | | label: "截止受理时间", |
| | | prop: "overtime", |
| | | addDisplay: false, |
| | | type: "date", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | }, |
| | | { |
| | | label: "所属辖区", |
| | | prop: "jurisdiction", |
| | | type: "tree", |
| | | dicUrl: "/api/jurisdiction/lazy-trees", |
| | | // hide: true, |
| | | props: { |
| | | label: "title", |
| | | value: "id", |
| | | }, |
| | | labelWidth: 160, |
| | | span: 12, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入发证时间", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "审核状态", |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | refreshChange() { |
| | | this.onLoad(this.page); |
| | | }, |
| | | beforeOpen(done, type) { |
| | | if (["edit", "view"].includes(type)) { |
| | | getDetail(this.form.id).then((res) => { |
| | |
| | | } |
| | | done(); |
| | | }, |
| | | handleCredentials(val) { |
| | | this.openOnceShow = true; |
| | | this.paredData = val; |
| | | // console.log(val); |
| | | }, |
| | | openClose() { |
| | | this.paredData = ""; |
| | | this.openOnceShow = false; |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | // console.log(this.userInfo); |
| | | params["cardid"] = this.userInfo.Id; |
| | | var num = 0; |
| | | getList( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((res) => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | num += res.data.data.total; |
| | | this.data = res.data.data.records; |
| | | this.loading = false; |
| | | getListre( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((ress) => { |
| | | num += ress.data.data.total; |
| | | this.data = this.data.concat(ress.data.data.records); |
| | | }); |
| | | getListrek( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((resk) => { |
| | | this.data = this.data.concat(resk.data.data.records); |
| | | }); |
| | | getListrev( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((resv) => { |
| | | this.data = this.data.concat(resv.data.data.records); |
| | | getListrek( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((resk) => { |
| | | num += resk.data.data.total; |
| | | this.data = this.data.concat(resk.data.data.records); |
| | | getListrev( |
| | | page.currentPage, |
| | | page.pageSize, |
| | | Object.assign(params, this.query) |
| | | ).then((resv) => { |
| | | num += resv.data.data.total; |
| | | this.data = this.data.concat(resv.data.data.records); |
| | | this.page.total = num; |
| | | }); |
| | | }); |
| | | }); |
| | | }); |
| | | }, |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss"> |
| | | .seeOnces { |
| | | position: absolute; |
| | | top: -50px; |
| | | left: 6px; |
| | | width: 1251px; |
| | | height: 850px; |
| | | background-color: #fff; |
| | | z-index: 10; |
| | | border-radius: 4px; |
| | | } |
| | | .openOnce { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .seeOncesMain { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: scroll; |
| | | } |
| | | .openOnceCLoce { |
| | | position: absolute; |
| | | top: 17px; |
| | | font-size: 20px; |
| | | right: 11px; |
| | | z-index: 10; |
| | | color: #fff; |
| | | } |
| | | .openOnceCLoce:hover { |
| | | color: red; |
| | | } |
| | | </style> |