From 3a82aab402e8cdee192ab47405f2a01973bd4dab Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Mon, 11 Apr 2022 11:46:25 +0800
Subject: [PATCH] 文件存储地址修改
---
src/views/home/index.vue | 237 +++++++++++++++++++++-------------------------------------
1 files changed, 87 insertions(+), 150 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index cf5ad51..dfd5052 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -24,14 +24,16 @@
v-for="(item, index) in dataCard"
:key="index"
:data="item"
- :ind="index"
+ :ind="item.type"
@open="openMain"
- v-show="showCard"
></examineCard>
+ <!-- v-show="showCard" -->
+ <!-- :background="" -->
</div>
</div>
+ <div class="zhezhao" v-show="useWhere != 'close' || ApprovalShow"></div>
<!-- 审批进度查询 -->
- <Approval class="Approval">
+ <Approval class="Approval" :data="dataCard">
<span slot="close">
<i
class="el-icon-close ApprovalClose breakApprovalClose"
@@ -39,54 +41,19 @@
></i>
</span>
</Approval>
- <!-- 保安服务公司许可申请 -->
- <securityPermit class="securityPermit" :type="dataCard[0].type">
+ <cardPopup class="crossRegion" :data="dataCard" :together="together">
<span slot="close">
<i class="el-icon-close ApprovalClose" @click="openClose"> </i>
</span>
- </securityPermit>
- <!-- 跨区域经营备案 -->
- <crossRegion class="crossRegion" :type="dataCard[1].type">
- <span slot="close">
- <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
- </span>
- </crossRegion>
- <!-- 自招保安单位备案 -->
- <securityGuard class="securityGuard" :type="dataCard[2].type">
- <span slot="close">
- <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
- </span>
- </securityGuard>
- <!-- 保安培训公司备案 -->
- <securityTraining class="securityTraining" :type="dataCard[3].type">
- <span slot="close">
- <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
- </span>
- </securityTraining>
- <!-- 自招保安单位备案撤销 -->
- <cancellationOfFiling class="cancellationOfFiling" :type="dataCard[4].type">
- <span slot="close">
- <i class="el-icon-close ApprovalClose" @click="openClose"> </i>
- </span>
- </cancellationOfFiling>
+ </cardPopup>
</div>
</template>
<script>
+import { ourDatas } from "./ourDatas";
import examineCard from "@/components/examineCard/examineCard.vue"; //卡片
import Approval from "@/components/Approval/Approval.vue"; //审批进度查询
-import securityPermit from "@/components/securityPermit/securityPermit.vue"; // 保安服务公司许可申请
-import crossRegion from "@/components/crossRegion/crossRegion.vue"; // 跨区域经营备案
-import securityGuard from "@/components/securityGuard/securityGuard.vue"; // 自招保安单位备案
-import securityTraining from "@/components/securityTraining/securityTraining.vue"; // 保安培训公司备案
-import cancellationOfFiling from "@/components/cancellationOfFiling/cancellationOfFiling.vue"; // 自招保安单位备案撤销
-import {
- getDetail,
- getList,
- getListre,
- getListrek,
- getListrev,
-} from "@/api/permit/permit";
+import cardPopup from "@/components/cardPopup/cardPopup.vue"; // 卡片弹窗
import { mapGetters } from "vuex";
import { resetRouter } from "@/router/router";
@@ -94,55 +61,16 @@
components: {
examineCard: examineCard,
Approval: Approval,
- securityPermit: securityPermit,
- crossRegion: crossRegion,
- securityGuard: securityGuard,
- securityTraining: securityTraining,
- cancellationOfFiling: cancellationOfFiling,
- },
- computed: {
- ...mapGetters(["userInfo"]),
+ cardPopup: cardPopup,
},
data() {
return {
userName: "",
- showCard: false,
- zhezao: false,
data: [],
- dataCard: [
- {
- menuName: "保安服务公司许可申请",
- centerUrl: "/img/logo.png",
- topUrl: "url(/img/permit/服务许可背景图.jpg)",
- // topUrl: "/img/permit/服务许可背景图.jpg",
- targetUrl: "per",
- type: 0,
- },
- {
- menuName: "跨区域经营备案",
- centerUrl: "/img/logo.png",
- topUrl: "url(/img/permit/服务许可背景图.jpg)",
- type: 3,
- },
- {
- menuName: "自招保安单位备案",
- centerUrl: "/img/logo.png",
- topUrl: "url(/img/permit/服务许可背景图.jpg)",
- type: 1,
- },
- {
- menuName: "保安培训公司备案",
- centerUrl: "/img/logo.png",
- topUrl: "url(/img/permit/服务许可背景图.jpg)",
- type: 2,
- },
- {
- menuName: "自招保安单位备案撤销",
- centerUrl: "/img/logo.png",
- topUrl: "url(/img/permit/服务许可背景图.jpg)",
- type: 6,
- },
- ],
+ dataCard: [],
+ together: [],
+ out: true,
+ d: [],
};
},
computed: {
@@ -150,44 +78,26 @@
},
created() {
this.cc();
- var page = {
- pageSize: 10,
- currentPage: 1,
- total: 0,
- };
- this.onLoad(page);
+ // this.dataCard = ourDatas;
+ var cando = [];
+ var normal = [];
+ var both = [];
+ for (var k in ourDatas) {
+ if (ourDatas[k].fromWhere != undefined) {
+ both.push(ourDatas[k]);
+ continue;
+ }
+ normal.push(ourDatas[k]);
+ cando.push({
+ opens: true,
+ type: ourDatas[k].type,
+ });
+ }
+ this.dataCard = normal;
+ this.together = both;
+ this.$store.commit("setcanDoIt", cando);
},
methods: {
- onLoad(page, params = {}) {
- params["cardid"] = this.userInfo.Id;
- getList(page.currentPage, page.pageSize, params).then((res) => {
- const data = res.data.data;
- this.data = data.records;
- getListre(page.currentPage, page.pageSize, params).then((ress) => {
- this.data = this.data.concat(ress.data.data.records);
- getListrek(page.currentPage, page.pageSize, params).then((resk) => {
- this.data = this.data.concat(resk.data.data.records);
- getListrev(page.currentPage, page.pageSize, params).then((resv) => {
- this.data = this.data.concat(resv.data.data.records);
- console.log(this.data.length);
- if (this.data.length >= 1) {
- // this.$store.commit("changehandle", false);
- } else {
- // this.$store.commit("changehandle", true);
- }
- this.showCard = true;
- this.data.forEach((item) => {
- for (const key in this.dataCard) {
- if (this.dataCard[key].type == item.ptype) {
- console.log(this.dataCard[key].menuName);
- }
- }
- });
- });
- });
- });
- });
- },
cc: function () {
this.userName = this.userInfo.user_name;
},
@@ -218,27 +128,8 @@
this.$store.commit("doitApprovalShow", true);
return;
}
- if (val == 0) {
- //保安服务公司许可
- console.log(this.dataCard[val].menuName);
- this.$store.commit("changeuseWhere", val);
- } else if (val == 1) {
- //跨区域经营备案
- this.$store.commit("changeuseWhere", val);
- console.log(this.dataCard[val].menuName);
- } else if (val == 2) {
- //自招保安单位备案
- this.$store.commit("changeuseWhere", val);
- console.log(this.dataCard[val].menuName);
- } else if (val == 3) {
- //保安培训公司备案
- this.$store.commit("changeuseWhere", val);
- console.log(this.dataCard[val].menuName);
- } else if (val == 4) {
- //自招保安单位备案撤销
- this.$store.commit("changeuseWhere", val);
- console.log(this.dataCard[val].menuName);
- }
+ // this.onLoad(this.page, {}, val);
+ this.$store.commit("changeuseWhere", val);
},
},
};
@@ -288,6 +179,10 @@
width: 100%;
height: calc(100% - 50px);
.title {
+ h2 {
+ position: relative;
+ left: 60px;
+ }
width: 100%;
height: 200px;
// border: 1px solid red;
@@ -308,10 +203,11 @@
}
}
.b_main {
- width: 100%;
+ // width: 1105px;// 3个一行
+ width: 1475px; //4个一行
height: calc(100% - 220px);
// border: 1px solid red;
- padding: 0 10%;
+ margin: 0 auto;
box-sizing: border-box;
}
}
@@ -330,6 +226,14 @@
left: calc(50% - 621px);
width: 1243px;
// height: 766px;
+ }
+ .OnceChouse {
+ position: absolute;
+ top: calc(50% - 200px);
+ left: calc(50% - 300px);
+ width: 600px;
+ height: 400px;
+ // background-color: #fff;
}
.ApprovalClose {
@@ -354,22 +258,24 @@
width: calc(100% - 10px);
height: 40px;
position: relative;
- top: 10px;
+ top: 13px;
color: #fff;
border-radius: 10px 10px 0 0;
text-align: center;
line-height: 40px;
- left: 0;
+ left: 1px;
background-color: #25aff3;
}
.first-box-outer {
width: 100%;
- max-height: 682px;
- overflow: scroll;
+ max-height: 685px;
+ overflow-y: hidden;
+ overflow-x: hidden;
.f-b-o-in {
width: 100%;
height: 620px;
- overflow: scroll;
+ overflow-y: scroll;
+ overflow-x: hidden;
}
}
.handling-guideline {
@@ -395,4 +301,35 @@
.el-collapse-item__header {
font-size: 20px !important;
}
+
+.zhezhao {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba($color: #7a7a7a, $alpha: 0.1);
+}
+
+//单选大小
+.el-radio__inner {
+ width: 25px;
+ height: 25px;
+}
+.el-radio__inner::after {
+ width: 8px;
+ height: 8px;
+ // left: calc(50% - 4px);
+ // top: calc(50% - 4px);
+}
+.el-radio__label {
+ font-size: 16px;
+ font-weight: 700;
+ font: Helvetica Neue, Helvetica, PingFang SC, \5fae\8f6f\96c5\9ed1, Tahoma,
+ Arial, sans-serif;
+}
+.choseTitle {
+ padding: 15px 28px;
+ font-size: 14px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3