From 8c6cf205affbbc8ada74f00a7ca25ebca867e9ed Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:44:44 +0800
Subject: [PATCH] 图表颜色
---
src/views/licenseApproval/securityGuard.vue | 614 +++++++++++++++++++++++--------------------------------
1 files changed, 260 insertions(+), 354 deletions(-)
diff --git a/src/views/licenseApproval/securityGuard.vue b/src/views/licenseApproval/securityGuard.vue
index 0ce32f4..5f04651 100644
--- a/src/views/licenseApproval/securityGuard.vue
+++ b/src/views/licenseApproval/securityGuard.vue
@@ -2,7 +2,7 @@
* @Author: liu
* @Date: 2021-08-26 16:57:58
* @Last Modified by: liu
- * @Last Modified time: 2021-08-27 11:06:59
+ * @Last Modified time: 2021-09-25 17:58:55
*/
@@ -54,7 +54,7 @@
icon="el-icon-edit"
:size="size"
:type="type"
- v-if="row.type == '2'"
+ v-if="row.stateOur == '0'"
@click.stop="rowDel(row)"
>备案审批
</el-button>
@@ -62,24 +62,54 @@
icon="el-icon-edit"
:size="size"
:type="type"
- v-show="row.type == 0"
+ v-if="
+ row.stateOur != '0' &&
+ !(
+ row.papprove == '1' &&
+ row.xapprove == '1' &&
+ row.sapprove == '1'
+ )
+ "
+ @click.stop="rowSee(row)"
+ >审批查询
+ </el-button>
+ <el-button
+ icon="el-icon-brush"
+ :size="size"
+ :type="type"
@click.stop="viewLicense(row)"
+ v-if="
+ row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
+ "
+ >打印备案证
+ </el-button>
+ <el-button
+ icon="el-icon-brush"
+ :size="size"
+ :type="type"
+ v-if="
+ row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
+ "
+ @click.stop="viewLicensehuizhi(row)"
>回执打印
</el-button>
</template>
<template class="tdtype" slot-scope="{ row }" slot="type">
<el-tag class="dtype">
{{
- row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核"
+ row.stateOur == "1"
+ ? "通过"
+ : row.stateOur == "2"
+ ? "不通过"
+ : "待审核"
}}
- <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>
+ <i class="gz" v-if="row.stateOur == '0'"></i>
+ <i class="yj" v-if="row.stateOur == '2'"></i>
+ <i class="zc" v-if="row.stateOur == '1'"></i>
</el-tag>
</template>
</avue-crud>
</basic-container>
-
<div
v-if="dialogVisible"
class="dialogVisibles"
@@ -90,7 +120,64 @@
:class="classStyle == 'print' ? 'printstyle' : ''"
ref="licence"
>
- <div class="licence exam-box" id="licence" v-if="dialogVisible">
+ <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>
+
+ <div
+ v-if="dialogVisiblehuizhi"
+ class="dialogVisibles"
+ :class="classStyle == 'print' ? 'printstyle' : ''"
+ >
+ <div
+ id="licence_box"
+ :class="classStyle == 'print' ? 'printstyle' : ''"
+ ref="licencelicencehuizhi"
+ >
+ <div
+ class="licencehuizhi exam-box"
+ id="licencehuizhi"
+ v-if="dialogVisiblehuizhi"
+ >
<h3>回执单</h3>
<p>
南昌市公安局已收到
@@ -110,8 +197,10 @@
</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>
+ <el-button type="primary" @click="Printhuizhi">打 印</el-button>
+ <el-button type="primary" @click="closePrinthuizhi">
+ 取 消
+ </el-button>
</span>
</div>
</div>
@@ -133,9 +222,22 @@
v-model="textareaShenpi"
></textarea>
<div class="but">
- <el-button @click="closecc">通过</el-button>
- <el-button type="primary" @click="subcc">不通过</el-button>
+ <el-button type="danger" @click="subcc">不通过</el-button>
+ <el-button type="primary" @click="closecc">通过</el-button>
</div>
+ </div>
+ </el-dialog>
+ <el-dialog
+ title=""
+ :visible.sync="dialogVisibleccsee"
+ width="30%"
+ :modal-append-to-body="false"
+ >
+ <div class="flots">
+ <div class="f_title">
+ 审批 {{ stateOur == "1" ? "通过" : stateOur == "2" ? "不通过" : "" }}
+ </div>
+ <div><span>审批意见：</span> {{ stateText }}</div>
</div>
</el-dialog>
</div>
@@ -150,7 +252,7 @@
remove,
} from "@/api/licenseApproval/record";
import { mapGetters } from "vuex";
-
+import { column } from "./column";
export default {
data() {
return {
@@ -158,6 +260,8 @@
dialogVisiblecc: false, //许可证审核抽屉
xukezData: {},
+
+ dialogVisiblehuizhi: false, //回执
dialogVisible: false, //许可证抽屉
licenceData: {
@@ -193,329 +297,14 @@
viewBtn: true,
selection: true,
dialogClickModal: false,
- column: [
- {
- label: "企业名称",
- search: true,
- prop: "enterprisename",
- searchLabelWidth: 80,
- searchSpan: 4,
- overHidden: true,
- width: 250,
- rules: [
- {
- required: true,
- message: "请输入企业名称",
- trigger: "blur",
- },
- ],
- },
- {
- label: "社会信用代码",
- prop: "creditcode",
- hide: true,
- rules: [
- {
- required: true,
- message: "请输入统一社会信用代码",
- trigger: "blur",
- },
- ],
- },
- {
- label: "法定代表人",
- prop: "representative",
- width: 82,
- rules: [
- {
- required: true,
- message: "请输入法定代表人",
- trigger: "blur",
- },
- ],
- },
- {
- label: "法定代表人电话",
- width: 106,
- prop: "representativecell",
- rules: [
- {
- required: true,
- message: "请输入法定代表人电话",
- trigger: "blur",
- },
- ],
- },
- {
- label: "联系人",
- prop: "contacts",
- width: 58,
- rules: [
- {
- required: true,
- message: "请输入联系人",
- trigger: "blur",
- },
- ],
- },
- {
- label: "联系人电话",
- width: 96,
- prop: "contactscell",
- rules: [
- {
- required: true,
- message: "请输入联系人电话",
- trigger: "blur",
- },
- ],
- },
- {
- label: "单位许可证编号",
- prop: "perid",
- // labelWidth: 160,
- // span: 12,
- hide: true,
- rules: [
- {
- required: true,
- message: "单位许可证编号",
- trigger: "blur",
- },
- ],
- },
- {
- label: "许可证发证机关",
- prop: "offices",
- // labelWidth: 160,
- // span: 12,
- hide: true,
- rules: [
- {
- required: true,
- message: "许可证发证机关",
- trigger: "blur",
- },
- ],
- },
- {
- label: "发证时间",
- prop: "officetime",
- // labelWidth: 160,
- // span: 12,
- hide: true,
- type: "date",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- },
- {
- label: "注册时间",
- hide: true,
- prop: "establishtime",
- type: "date",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- rules: [
- {
- required: true,
- message: "请输入注册时间",
- trigger: "blur",
- },
- ],
- },
- {
- label: "注册资本",
- prop: "registeredcapital",
- rules: [
- {
- required: true,
- message: "请输入注册资本",
- trigger: "blur",
- },
- ],
- },
- {
- label: "组织机构代码",
- prop: "organizationcode",
- hide: true,
- rules: [
- {
- required: true,
- message: "请输入组织机构代码",
- trigger: "blur",
- },
- ],
- },
- {
- label: "工商注册号",
- hide: true,
- prop: "registrationnumber",
- rules: [
- {
- required: true,
- message: "请输入工商注册号",
- trigger: "blur",
- },
- ],
- },
- // {
- // label: "纳税人识别号",
- // prop: "identificationnumber",
- // hide: true,
- // rules: [
- // {
- // required: true,
- // message: "请输入纳税人识别号",
- // trigger: "blur",
- // },
- // ],
- // },
- // {
- // label: "企业类型",
- // hide: true,
- // prop: "enterprises",
- // rules: [
- // {
- // required: true,
- // message: "请输入企业类型",
- // trigger: "blur",
- // },
- // ],
- // },
- {
- label: "注册地址",
- prop: "address",
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入注册地址",
- trigger: "blur",
- },
- ],
- },
- // {
- // label: "所属地区",
- // hide: true,
- // prop: "region",
- // rules: [
- // {
- // required: true,
- // message: "请输入所属地区",
- // trigger: "blur",
- // },
- // ],
- // },
- {
- label: "登记机关",
- prop: "registration",
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入登记机关",
- trigger: "blur",
- },
- ],
- },
- {
- label: "所属行业",
- hide: true,
- prop: "industry",
- rules: [
- {
- required: true,
- message: "请输入所属行业",
- trigger: "blur",
- },
- ],
- },
- // {
- // label: "所属机构",
- // prop: "deptid",
- // addDisplay: false,
- // type: "select",
- // hide: true,
- // dicUrl: "/api/blade-system/dept/selectIn",
- // props: {
- // label: "deptname",
- // value: "deptid",
- // },
- // },
- {
- label: "所属辖区",
- prop: "jurisdiction",
- type: "tree",
- dicUrl: "/api/jurisdiction/lazy-trees",
- props: {
- label: "title",
- value: "id",
- },
- // labelWidth: 160,
- // span: 12,
- },
- {
- label: "许可类型",
- search: true,
- hide: true,
- prop: "ptype",
- type: "select",
- searchSpan: 4,
- dicData: [
- {
- label: "自招保安单位备案",
- value: "3",
- },
- ],
- },
- {
- label: "提交时间",
- prop: "permitime",
- overHidden: true,
- addDisplay: false,
- width: 132,
- type: "date",
- format: "yyyy-MM-dd HH:mm:ss",
- valueFormat: "yyyy-MM-dd HH:mm:ss",
- },
- {
- label: "审核状态",
- prop: "type",
- addDisplay: false,
- type: "select",
- dicData: [
- {
- label: "通过",
- value: "0",
- },
- {
- label: "不通过",
- value: "1",
- },
- {
- label: "待审核",
- value: "2",
- },
- ],
- },
- {
- label: "经营范围",
- prop: "business",
- component: "AvueUeditor",
- hide: true,
- minRows: 6,
- span: 24,
- rules: [
- {
- required: true,
- message: "请输入经营范围",
- trigger: "blur",
- },
- ],
- },
- ],
+ column: column,
},
data: [],
+
+ user_name: "",
+ stateOur: "",
+ stateText: "",
+ dialogVisibleccsee: false,
};
},
computed: {
@@ -540,6 +329,9 @@
// console.log(this.userInfo.dept_id);
// },
methods: {
+ Printhuizhi() {
+ this.$Print(this.$refs.licencehuizhi);
+ },
Print() {
this.$Print(this.$refs.licence);
},
@@ -549,7 +341,7 @@
path: "/attachOnce/index",
// redirect: { name: "foo" },
// query: { row: row },
- query: { deptid: row.cardid, type: "0" },
+ query: { deptid: row.cardid, type: "3" },
// params: { row: row.identificationnumber },
});
},
@@ -590,32 +382,76 @@
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 = "";
+ rowSee(row) {
+ this.dialogVisibleccsee = true;
+ this.stateOur = row.stateOur;
+ if (this.user_name == "派") {
+ // 派出所审批
+ this.stateText = row.popinion;
+ } else if (this.user_name == "县") {
+ // 分局审批
+ this.stateText = row.xopinion;
+ } else if (this.user_name == "市") {
+ // 市局审批
+ this.stateText = row.sopinion;
+ }
},
+ closecc() {
+ this.upsData("1", "0"); //通过
+ },
+ subcc() {
+ this.upsData("2", "1"); //不通过
+ },
+ upsData(state, type) {
+ this.dialogVisiblecc = false;
+ if (this.user_name == "派") {
+ // 派出所审批
+ this.xukezData.papprove = state;
+ this.xukezData.popinion = this.textareaShenpi;
+ this.xukezData.type = type == "0" ? "2" : "1"; // 为了保持审核系统识别
+ } else if (this.user_name == "县") {
+ // 分局审批
+ this.xukezData.xapprove = state;
+ this.xukezData.xopinion = this.textareaShenpi;
+ this.xukezData.type = type == "0" ? "2" : "1"; // 为了保持审核系统识别
+ } else if (this.user_name == "市") {
+ // 市局审批
+ this.xukezData.sapprove = state;
+ this.xukezData.sopinion = this.textareaShenpi;
+ this.xukezData.type = type == "0" ? "0" : "1"; // 为了保持审核系统识别
+ }
+ console.log(this.xukezData);
+ // return;
+ update(this.xukezData).then((res) => {
+ console.log(res);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ this.refreshChange();
+ this.textareaShenpi = "";
+ });
+ },
+ viewLicensehuizhi() {
+ this.dialogVisiblehuizhi = true;
+ },
+ closePrinthuizhi() {
+ this.dialogVisiblehuizhi = false;
+ },
viewLicense(row) {
//查看许可证
+ console.log(row, 34);
this.licenceData.row = row;
this.licenceData.chiden = {};
this.licenceData.chiden["名称"] = row.enterprisename;
- this.licenceData.chiden["住所"] = row.address;
+ this.licenceData.chiden["地址"] = row.address;
+ this.licenceData.chiden["服务区域"] = row.industry;
this.licenceData.chiden["法定代表人"] = row.representative;
- this.licenceData.chiden["服务范围"] = row.industry;
- this.licenceData.chiden["注册资本"] = row.registeredcapital;
- this.licenceData.chiden["批准文号"] = row.registrationnumber;
+ this.licenceData.chiden["备案时间"] = row.officetime;
+ this.licenceData.chiden["备案内容"] = "自招保安单位备案";
+ // this.licenceData.chiden["注册资本"] = row.registeredcapital;
+ // this.licenceData.chiden["批准文号"] = row.registrationnumber;
console.log(this.licenceData);
this.dialogVisible = true;
@@ -679,9 +515,64 @@
refreshChange() {
this.onLoad(this.page, this.query);
},
+ getFenji(name) {
+ var d = {};
+ if (name == "派出所管理员") {
+ d = {
+ // papprove: 1,
+ };
+ this.user_name = "派";
+ } else if (name == "县局管理员") {
+ d = {
+ papprove: "1",
+ };
+ this.user_name = "县";
+ } else if (name == "市局管理员") {
+ d = {
+ xapprove: "1",
+ };
+ this.user_name = "市";
+ }
+ return d;
+ },
+ changeState(data) {
+ var b = data;
+ if (this.user_name == "派") {
+ // 派出所审批
+ b["stateOur"] = b.papprove == "0" ? "0" : b.papprove == "1" ? "1" : "2";
+ } else if (this.user_name == "县") {
+ // 分局审批
+ b["stateOur"] = b.xapprove == "0" ? "0" : b.xapprove == "1" ? "1" : "2";
+ } else if (this.user_name == "市") {
+ // 市局审批
+ b["stateOur"] = b.sapprove == "0" ? "0" : b.sapprove == "1" ? "1" : "2";
+ }
+ return b;
+ },
onLoad(page, params = {}) {
this.loading = true;
params["ptype"] = 3;
+ var gonganj = "";
+ if (this.userInfo.role_name == "公安管理员") {
+ let test = /派出所$/g;
+ if (test.test(this.userInfo.list.name)) {
+ gonganj = "派出所管理员";
+ }
+ test = /分局|公安局$/g;
+ if (test.test(this.userInfo.list.name)) {
+ gonganj = "县局管理员";
+ }
+ test = /市公安局$/g;
+ if (test.test(this.userInfo.list.name)) {
+ gonganj = "市局管理员";
+ }
+ }
+ params = {
+ ...params,
+ ...this.getFenji(gonganj),
+ };
+ console.log(params, "params");
+ // return;
getList(
page.currentPage,
page.pageSize,
@@ -690,6 +581,10 @@
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
+ for (var k in this.data) {
+ console.log(this.changeState(this.data[k]));
+ this.data[k] = this.changeState(this.data[k]);
+ }
this.loading = false;
this.selectionClear();
});
@@ -776,6 +671,17 @@
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;
+}
+.licencehuizhi {
width: 800px;
height: 348px;
background-color: #fff !important;
--
Gitblit v1.9.3