/* * @Author: liu * @Date: 2021-08-26 16:22:20 * @Last Modified by: liu * @Last
|
Modified time: 2021-11-05 14:52:21 */
|
|
<template>
|
<basic-container
|
:class="[
|
'permit',
|
$store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
|
$store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
|
]"
|
>
|
<avue-crud
|
class="tablesss"
|
:option="option"
|
:table-loading="loading"
|
:data="data"
|
:page.sync="page"
|
:permission="permissionList"
|
:before-open="beforeOpen"
|
v-model="form"
|
ref="crud"
|
@row-update="rowUpdate"
|
@row-save="rowSave"
|
@row-del="rowDel"
|
@search-change="searchChange"
|
@search-reset="searchReset"
|
@selection-change="selectionChange"
|
@current-change="currentChange"
|
@size-change="sizeChange"
|
@refresh-change="refreshChange"
|
@on-load="onLoad"
|
:row-style="rowStyle"
|
>
|
<template slot="menuLeft">
|
<el-button
|
type="danger"
|
size="small"
|
icon="el-icon-delete"
|
plain
|
v-if="permission.permit_delete"
|
@click="handleDelete"
|
>删 除
|
</el-button>
|
</template>
|
<template slot-scope="{ type, size, row }" slot="menu">
|
<el-button
|
icon="icon-zhengjian"
|
:size="size"
|
:type="type"
|
class="zhengJian-icon"
|
v-if="permission.permit_upload"
|
@click.stop="handleCredentials(row)"
|
>附件
|
</el-button>
|
<el-button
|
icon="el-icon-edit"
|
:size="size"
|
:type="type"
|
@click.stop="rowDel(row)"
|
v-if="row.type == '2' && userData == '0' && permission.permit_audit"
|
>许可审批
|
</el-button>
|
<el-button
|
icon="el-icon-edit"
|
:size="size"
|
:type="type"
|
@click.stop="viewLicense(row)"
|
v-if="row.type == '0' && permission.permit_print"
|
>打印许可证
|
</el-button>
|
</template>
|
<template class="tdtype" slot-scope="{ row }" slot="type">
|
<el-tag class="dtype">
|
{{ row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核" }}
|
<i class="gz" v-if="row.type == '2'"></i>
|
<!-- 黄色 -->
|
<i class="yj" v-if="row.type == '1'"></i>
|
<!-- 红色 -->
|
<i class="zc" v-if="row.type == '0'"></i>
|
<!-- 绿色 -->
|
</el-tag>
|
</template>
|
</avue-crud>
|
|
<!-- <el-dialog
|
:visible.sync="dialogVisible"
|
:before-close="handleClose"
|
:modal-append-to-body="false"
|
width="1005px"
|
top="10vh"
|
class="printstyle"
|
>
|
<div id="licence_box">
|
<div class="licence" id="licence" v-if="dialogVisible">
|
<div class="licence-head">保安服务许可证</div>
|
<div class="head-tid">
|
洪公保服务
|
<span class="fontStyle">{{
|
licenceData.row.organizationcode
|
}}</span>
|
号
|
</div>
|
<div class="licence-main">
|
<div
|
class="l-m-once"
|
v-for="(item, index, key) in licenceData.chiden"
|
:key="key"
|
>
|
<span class="l-m-o-title"> {{ index }}: </span>
|
<span class="l-m-r-once">{{ item }}</span>
|
</div>
|
</div>
|
<div class="licence-bottom">发证机关（南昌市公安局）</div>
|
<div class="l-bottom">
|
发证日期
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(0, 4)
|
}}</span
|
>年
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(5, 7)
|
}}</span>
|
月
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(8, 10)
|
}}</span>
|
日
|
</div>
|
</div>
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="Print">打 印</el-button>
|
</span>
|
</el-dialog> -->
|
<div
|
v-if="dialogVisible"
|
class="dialogVisibles"
|
:class="classStyle == 'print' ? 'printstyle' : ''"
|
>
|
<div
|
id="licence_box"
|
:class="classStyle == 'print' ? 'printstyle' : ''"
|
ref="licence"
|
>
|
<div class="licence" id="licence" v-if="dialogVisible">
|
<div class="licence-head">保安服务许可证</div>
|
<div class="head-tid">
|
洪公保服务
|
<span class="fontStyle">{{
|
licenceData.row.organizationcode
|
}}</span>
|
号
|
</div>
|
<div class="licence-main">
|
<div
|
class="l-m-once"
|
v-for="(item, index, key) in licenceData.chiden"
|
:key="key"
|
>
|
<span class="l-m-o-title"> {{ index }}: </span>
|
<span class="l-m-r-once">{{ item }}</span>
|
</div>
|
</div>
|
<div class="licence-bottom">发证机关（南昌市公安局）</div>
|
<div class="l-bottom">
|
发证日期
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(0, 4)
|
}}</span
|
>年
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(5, 7)
|
}}</span>
|
月
|
<span class="l-b-t">{{
|
licenceData.row.permitime.slice(8, 10)
|
}}</span>
|
日
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer no-print PrintBut">
|
<el-button type="primary" @click="Print">打 印</el-button>
|
<el-button type="primary" @click="closePrint"> 取 消 </el-button>
|
</span>
|
</div>
|
</div>
|
|
<el-dialog
|
title=""
|
:visible.sync="dialogVisiblecc"
|
width="30%"
|
:modal-append-to-body="false"
|
>
|
<div class="flots">
|
<span class="f_title">是否通过审核？</span>
|
<span class="f_body">请输入修改意见：</span>
|
<textarea
|
name="reworkmes"
|
cols="40"
|
rows="4"
|
style="overflow: hidden"
|
v-model="textareaShenpi"
|
></textarea>
|
<div class="but">
|
<el-button type="danger" @click="subcc">不通过</el-button>
|
<el-button type="primary" @click="closecc">通过</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
</basic-container>
|
</template>
|
|
<script>
|
import {
|
getList,
|
getDetail,
|
add,
|
update,
|
remove
|
} from "@/api/licenseApproval/permit";
|
import { mapGetters } from "vuex";
|
import { column } from "./column";
|
export default {
|
data() {
|
return {
|
classStyle: "print", //打印样式
|
|
dialogVisiblecc: false, //许可证审核抽屉
|
xukezData: {},
|
|
dialogVisible: false, //许可证抽屉
|
licenceData: {
|
row: {},
|
chiden: {}
|
},
|
textareaShenpi: "",
|
|
form: {},
|
query: {},
|
loading: true,
|
page: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0,
|
...this.$store.state.control.changePageSize
|
},
|
selectionList: [],
|
option: {
|
height: "auto",
|
calcHeight: 30,
|
excelBtn: true,
|
tip: false,
|
searchShowBtn: false,
|
searchShow: true,
|
searchMenuSpan: 8,
|
border: true,
|
menuWidth: 300,
|
labelWidth: 130,
|
headerAlign: "center",
|
align: "center",
|
// border: false,
|
index: true,
|
viewBtn: true,
|
selection: true,
|
dialogClickModal: false,
|
column: column,
|
...this.$store.state.control.clearOtherBut
|
},
|
data: [],
|
|
userData: ""
|
};
|
},
|
computed: {
|
...mapGetters(["permission", "userInfo"]),
|
permissionList() {
|
return {
|
addBtn: this.vaildData(this.permission.permit_add, false),
|
viewBtn: this.vaildData(this.permission.permit_view, true),
|
delBtn: this.vaildData(this.permission.permit_delete, false),
|
editBtn: this.vaildData(this.permission.permit_edit, false)
|
};
|
},
|
ids() {
|
let ids = [];
|
this.selectionList.forEach(ele => {
|
ids.push(ele.id);
|
});
|
return ids.join(",");
|
}
|
},
|
mounted() {
|
this.$store.commit("setWindowSizeHeightAdd");
|
},
|
methods: {
|
changeuserData() {
|
// console.log(this.userInfo, "userDatauserDatauserData");
|
if (this.userInfo.Id == "1123598821738675201") {
|
this.userData = "0";
|
return;
|
}
|
var gonganj = "";
|
if (this.userInfo.role_name == "公安管理员" || this.userInfo.role_name == "民警") {
|
let test = /派出所$/g;
|
if (test.test(this.userInfo.list.name)) {
|
gonganj = "2";
|
}
|
test = /分局|公安局$/g;
|
if (test.test(this.userInfo.list.name)) {
|
gonganj = "1";
|
}
|
test = /市公安局$/g;
|
if (test.test(this.userInfo.list.name)) {
|
gonganj = "0";
|
}
|
}
|
this.userData = gonganj;
|
},
|
Print() {
|
this.$Print(this.$refs.licence);
|
},
|
|
handleCredentials(row) {
|
// console.log(row, "21354");
|
this.$router.push({
|
path: "/attachOnce/index",
|
// redirect: { name: "foo" },
|
// query: { row: row },
|
query: { deptid: row.cardid, type: "0" }
|
// params: { row: row.identificationnumber },
|
});
|
},
|
rowSave(row, done, loading) {
|
row.deptid = this.userInfo.dept_id;
|
add(row).then(
|
() => {
|
this.onLoad(this.page);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
done();
|
},
|
error => {
|
loading();
|
window.console.log(error);
|
}
|
);
|
},
|
rowUpdate(row, index, done, loading) {
|
update(row).then(
|
() => {
|
this.onLoad(this.page);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
done();
|
},
|
error => {
|
loading();
|
console.log(error);
|
}
|
);
|
},
|
rowDel(row) {
|
this.dialogVisiblecc = true;
|
this.xukezData = row;
|
},
|
closecc() {
|
this.xukezData.type = "0";
|
this.dialogVisiblecc = false;
|
this.xukezData["approve"] = this.textareaShenpi;
|
console.log(this.xukezData);
|
update(this.xukezData);
|
this.textareaShenpi = "";
|
},
|
subcc() {
|
this.xukezData.type = "1";
|
this.dialogVisiblecc = false;
|
this.xukezData["approve"] = this.textareaShenpi;
|
update(this.xukezData);
|
this.textareaShenpi = "";
|
},
|
|
viewLicense(row) {
|
//查看许可证
|
this.licenceData.row = row;
|
this.licenceData.chiden = {};
|
this.licenceData.chiden["名称"] = row.enterprisename;
|
this.licenceData.chiden["住所"] = row.address;
|
this.licenceData.chiden["法定代表人"] = row.representative;
|
this.licenceData.chiden["服务范围"] = row.industry;
|
this.licenceData.chiden["注册资本"] = row.registeredcapital;
|
this.licenceData.chiden["批准文号"] = row.registrationnumber;
|
|
console.log(this.licenceData);
|
this.dialogVisible = true;
|
},
|
closePrint() {
|
this.dialogVisible = false;
|
},
|
handleDelete() {
|
if (this.selectionList.length === 0) {
|
this.$message.warning("请选择至少一条数据");
|
return;
|
}
|
this.$confirm("确定将选择数据删除?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
return remove(this.ids);
|
})
|
.then(() => {
|
this.onLoad(this.page);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
this.$refs.crud.toggleSelection();
|
})
|
.catch();
|
},
|
beforeOpen(done, type) {
|
if (["edit", "view"].includes(type)) {
|
getDetail(this.form.id).then(res => {
|
this.form = res.data.data;
|
});
|
}
|
done();
|
},
|
searchReset() {
|
this.query = {};
|
this.onLoad(this.page);
|
},
|
searchChange(params, done) {
|
this.query = params;
|
this.page.currentPage = 1;
|
this.onLoad(this.page, params);
|
done();
|
},
|
selectionChange(list) {
|
this.selectionList = list;
|
},
|
selectionClear() {
|
this.selectionList = [];
|
this.$refs.crud.toggleSelection();
|
},
|
currentChange(currentPage) {
|
this.page.currentPage = currentPage;
|
},
|
sizeChange(pageSize) {
|
this.page.pageSize = pageSize;
|
},
|
refreshChange() {
|
this.onLoad(this.page, this.query);
|
},
|
onLoad(page, params = {}) {
|
this.changeuserData();
|
this.loading = true;
|
params["ptype"] = 0;
|
params["jurisdiction"] = this.userInfo.jurisdiction;
|
params["usetype"] = this.userData;
|
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;
|
this.loading = false;
|
this.$store.commit("setWindowSizeHeightAdd");
|
this.selectionClear();
|
});
|
},
|
rowStyle({ row }) {
|
if (row.dtype != null && row.dtype != "") {
|
if (row.dtype == "2") {
|
return {
|
color: "#F34A4A"
|
};
|
}
|
if (row.dtype == "1") {
|
return {
|
color: "#F48F57"
|
};
|
}
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped lang="scss">
|
.dtype {
|
width: 80px;
|
}
|
|
.dx {
|
position: absolute;
|
top: 50%;
|
margin-top: -5px;
|
margin-left: 6px;
|
width: 10px;
|
height: 10px;
|
border-radius: 30%;
|
background: #dfdfdf;
|
}
|
.zc {
|
position: absolute;
|
top: 50%;
|
margin-top: -5px;
|
margin-left: 6px;
|
width: 10px;
|
height: 10px;
|
border-radius: 30%;
|
background: #29c093;
|
}
|
.yj {
|
position: absolute;
|
top: 50%;
|
margin-top: -5px;
|
margin-left: 6px;
|
width: 10px;
|
height: 10px;
|
border-radius: 30%;
|
background: #f34a4a;
|
}
|
.gz {
|
position: absolute;
|
top: 50%;
|
margin-top: -5px;
|
margin-left: 6px;
|
width: 10px;
|
height: 10px;
|
border-radius: 30%;
|
background: #f48f57;
|
}
|
|
.el-tag {
|
display: inline-block;
|
width: 80px;
|
|
/*padding-right: 40px !important;*/
|
}
|
#licence_box {
|
position: relative;
|
top: 15px;
|
width: 1080px;
|
height: 780px;
|
background-color: #004ca7;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
}
|
.licence {
|
width: 960px;
|
height: 648px;
|
background-color: #fff !important;
|
background-image: url("/img/permit/服务许可背景图.png");
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
box-sizing: border-box;
|
padding: 10%;
|
color: #000;
|
}
|
.licence-head {
|
width: 100%;
|
height: 1.8rem;
|
font-size: 1.8rem;
|
text-align: center;
|
}
|
.head-tid {
|
position: relative;
|
left: 70%;
|
}
|
.head-tid span {
|
margin: 0 1rem;
|
}
|
.licence-main {
|
width: 80%;
|
}
|
.l-m-once {
|
width: 100%;
|
height: 2rem;
|
margin-top: 1rem;
|
}
|
.l-m-o-title {
|
font-size: 1.3rem;
|
width: 22%;
|
text-align: justify;
|
display: inline-block;
|
}
|
.l-m-r-once {
|
font-size: 1.1rem;
|
/* border: 1px solid #000; */
|
display: inline-block;
|
width: 77%;
|
}
|
.licence-bottom,
|
.l-bottom {
|
position: relative;
|
left: 60%;
|
font-size: 1.5rem;
|
margin-top: 0.5rem;
|
}
|
.dialogVisibles {
|
position: fixed;
|
top: 0;
|
left: -10%;
|
height: 0;
|
width: 120%;
|
height: 100%;
|
background-color: rgba(0, 0, 0, 0.5);
|
z-index: 9000;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.printstyle {
|
background-color: #fff !important;
|
}
|
.PrintBut {
|
margin-top: 15px;
|
}
|
|
.flots {
|
display: flex;
|
justify-content: space-between;
|
flex-direction: column;
|
.f_title {
|
position: absolute;
|
top: 15px;
|
font-size: 18px;
|
}
|
}
|
.but {
|
margin-top: 20px;
|
width: 100%;
|
display: flex;
|
align-content: center;
|
justify-content: center;
|
}
|
</style>
|
