From cc1c0a396698648256c350f6f0fe2cb2f0b02c7e Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Wed, 27 Mar 2024 15:44:10 +0800
Subject: [PATCH] 许可按钮放出，备案审批按钮放出
---
src/views/permit/permit.vue | 385 ++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 272 insertions(+), 113 deletions(-)
diff --git a/src/views/permit/permit.vue b/src/views/permit/permit.vue
index 8723927..c0a63ae 100644
--- a/src/views/permit/permit.vue
+++ b/src/views/permit/permit.vue
@@ -1,77 +1,84 @@
<template>
- <basic-container class="permit">
- <avue-crud
- :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"
- @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'"
- >许可审批
- </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">
- <el-tag class="dtype">
- {{ row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核" }}
- <i class="gz" v-if="row.type == '0'"></i>
- <i class="yj" v-if="row.type == '1'"></i>
- <i class="zc" v-if="row.type == '2'"></i>
- </el-tag>
- </template>
- </avue-crud>
- <el-dialog
+ <div>
+ <basic-container class="permit">
+ <avue-crud
+ :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"
+ @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'"
+ >许可审批
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ @click.stop="viewLicense(row)"
+ v-if="row.type == '0'"
+ >打印许可证
+ </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 == '0'"></i>
+ <i class="yj" v-if="row.type == '1'"></i>
+ <i class="zc" v-if="row.type == '2'"></i>
+ </el-tag>
+ </template>
+ </avue-crud>
+ </basic-container>
+
+ <!-- <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">
@@ -83,10 +90,6 @@
}}</span>
号
</div>
- <!-- <div class="onceMain">
- 名称：
- <div class="fontStyle">{{ licenceData.enterprisename }}</div>
- </div> -->
<div class="licence-main">
<div
class="l-m-once"
@@ -97,7 +100,7 @@
<span class="l-m-r-once">{{ item }}</span>
</div>
</div>
- <div class="licence-bottom">发证机关（印章）</div>
+ <div class="licence-bottom">发证机关（南昌市公安局）</div>
<div class="l-bottom">
发证日期
<span class="l-b-t">{{
@@ -119,8 +122,83 @@
<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 @click="closecc">通过</el-button>
+ <el-button type="primary" @click="subcc">不通过</el-button>
+ </div>
+ </div>
</el-dialog>
- </basic-container>
+ </div>
</template>
<script>
@@ -130,11 +208,17 @@
export default {
data() {
return {
+ classStyle: "print", //打印样式
+
+ dialogVisiblecc: false, //许可证审核抽屉
+ xukezData: {},
+
dialogVisible: false, //许可证抽屉
licenceData: {
row: {},
chiden: {},
},
+ textareaShenpi: "",
form: {},
query: {},
@@ -179,6 +263,8 @@
label: "企业名称",
search: true,
prop: "enterprisename",
+ searchLabelWidth: 80,
+ searchSpan: 4,
overHidden: true,
width: 180,
rules: [
@@ -201,7 +287,43 @@
],
},
{
- label: "成立日期",
+ label: "法定代表人电话",
+ width: 150,
+ prop: "representativecell",
+ rules: [
+ {
+ required: true,
+ message: "请输入法定代表人电话",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "联系人",
+ prop: "contacts",
+ rules: [
+ {
+ required: true,
+ message: "请输入联系人",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "联系人电话",
+ width: 150,
+ prop: "contactscell",
+ rules: [
+ {
+ required: true,
+ message: "请输入联系人电话",
+ trigger: "blur",
+ },
+ ],
+ },
+ {
+ label: "注册时间",
+ hide: true,
prop: "establishtime",
type: "date",
format: "yyyy-MM-dd",
@@ -209,7 +331,7 @@
rules: [
{
required: true,
- message: "请输入成立日期",
+ message: "请输入注册时间",
trigger: "blur",
},
],
@@ -284,13 +406,13 @@
],
},
{
- label: "所属地区",
+ label: "所属辖区",
hide: true,
prop: "region",
rules: [
{
required: true,
- message: "请输入所属地区",
+ message: "请输入所属辖区",
trigger: "blur",
},
],
@@ -336,6 +458,7 @@
search: true,
prop: "ptype",
type: "select",
+ searchSpan: 4,
dicData: [
{
label: "保安服务许可",
@@ -419,15 +542,9 @@
// },
methods: {
Print() {
- //打印
- let subOutputRankPrint = document.getElementById("licence_box");
- let newContent = subOutputRankPrint.innerHTML;
- let oldContent = document.body.innerHTML;
- document.body.innerHTML = newContent;
- window.print();
- window.location.reload();
- document.body.innerHTML = oldContent;
+ this.$Print(this.$refs.licence);
},
+
handleCredentials(row) {
this.$router.push({
path: "/attach/index",
@@ -471,32 +588,23 @@
);
},
rowDel(row) {
- this.$confirm("确定对选择的许可进行审批?", {
- confirmButtonText: "通过",
- cancelButtonText: "不通过",
- type: "warning",
- })
- .then(() => {
- row.type = "0";
- return update(row);
- })
- .then(() => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- })
- .catch(() => {
- row.type = "1";
- update(row);
- this.onLoad(this.page);
- this.$message({
- type: "warning",
- message: "操作成功!",
- });
- });
+ this.dialogVisiblecc = true;
+ this.xukezData = row;
},
+ closecc() {
+ this.xukezData.type = "0";
+ this.dialogVisiblecc = false;
+ this.xukezData["approve"] = this.textareaShenpi;
+ // console.log(this.xukezData);
+ return update(this.xukezData);
+ },
+ subcc() {
+ this.xukezData.type = "1";
+ this.dialogVisiblecc = false;
+ this.xukezData["approve"] = this.textareaShenpi;
+ return update(this.xukezData);
+ },
+
viewLicense(row) {
//查看许可证
this.licenceData.row = row;
@@ -508,8 +616,11 @@
this.licenceData.chiden["注册资本"] = row.registeredcapital;
this.licenceData.chiden["批准文号"] = row.registrationnumber;
- console.log(this.licenceData);
+ // console.log(this.licenceData);
this.dialogVisible = true;
+ },
+ closePrint() {
+ this.dialogVisible = false;
},
handleDelete() {
if (this.selectionList.length === 0) {
@@ -599,7 +710,7 @@
};
</script>
-<style scoped>
+<style scoped lang="scss">
.dtype {
width: 80px;
}
@@ -651,6 +762,17 @@
/*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;
@@ -702,4 +824,41 @@
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>
--
Gitblit v1.9.3