zhba/zhba_regulatory.git

			@@ -46,7 +46,15 @@
			:size="size"
			:type="type"
			@click.stop="rowDel(row)"
			v-if="row.type == '2'"
			>许可审批
			</el-button>
			<el-button
			icon="el-icon-edit"
			:size="size"
			:type="type"
			@click.stop="viewLicense(row)"
			>查看许可证
			</el-button>
			</template>
			<template class="tdtype" slot-scope="{ row }" slot="type">
			@@ -58,6 +66,51 @@
			</el-tag>
			</template>
			</avue-crud>
			<el-dialog
			:visible.sync="dialogVisible"
			:before-close="handleClose"
			:modal-append-to-body="false"
			width="1005px"
			top="10vh"
			>
			<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="onceMain">
			名称：
			<div class="fontStyle">{{ licenceData.enterprisename }}</div>
			</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">
			<el-button type="primary" @click="Print">打印</el-button>
			</span>
			</el-dialog>
			</basic-container>
			</template>

			@@ -68,6 +121,12 @@
			export default {
			data() {
			return {
			dialogVisible: false, //许可证抽屉
			licenceData: {
			row: {},
			chiden: {},
			},

			form: {},
			query: {},
			loading: true,
			@@ -85,11 +144,11 @@
			searchShowBtn: false,
			searchShow: true,
			searchMenuSpan: 8,
			menuWidth: 280,
			menuWidth: 320,
			labelWidth: 130,
			headerAlign: "center",
			align: "center",
			// border: true,
			// border: false,
			index: true,
			viewBtn: true,
			selection: true,
			@@ -350,6 +409,23 @@
			// console.log(this.userInfo.dept_id);
			// },
			methods: {
			Print() {
			//打印
			var body = document.body.innerHTML;

			var headstr = "<html><head><title></title></head><body>";
			var footstr = "</body>";
			//执行隐藏打印区域不需要打印的内容

			//此处id换为你自己的id
			var printData = document.getElementById("licence").innerHTML; //获得 div 里的所有 html 数据
			document.body.innerHTML = headstr + printData + footstr;

			window.print();
			//打印结束后，放开隐藏内容

			document.body.innerHTML = body;
			},
			handleCredentials(row) {
			this.$router.push({
			path: "/attach/index",
			@@ -394,8 +470,8 @@
			},
			rowDel(row) {
			this.$confirm("确定对选择的许可进行审批?", {
			confirmButtonText: "确定",
			cancelButtonText: "取消",
			confirmButtonText: "通过",
			cancelButtonText: "不通过",
			type: "warning",
			})
			.then(() => {
			@@ -408,7 +484,30 @@
			type: "success",
			message: "操作成功!",
			});
			})
			.catch(() => {
			row.type = "1";
			update(row);
			this.onLoad(this.page);
			this.$message({
			type: "warning",
			message: "操作成功!",
			});
			});
			},
			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;
			},
			handleDelete() {
			if (this.selectionList.length === 0) {
			@@ -550,4 +649,55 @@

			/padding-right: 40px !important;/
			}
			.licence {
			width: 960px;
			height: 648px;
			background-color: #fff !important;
			background-image: url("../../static/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: 19%;
			text-align: justify;
			display: inline-block;
			}
			.l-m-r-once {
			font-size: 1.1rem;
			/* border: 1px solid #000; */
			display: inline-block;
			width: 80%;
			}
			.licence-bottom,
			.l-bottom {
			position: relative;
			left: 60%;
			font-size: 1.5rem;
			margin-top: 0.5rem;
			}
			</style>