From 2eee4a28e92748c181c92c21f3dbf64f10c8df61 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 27 Aug 2021 16:21:13 +0800
Subject: [PATCH] 禁用按钮逻辑 （会随网速而改变）
---
src/components/cardPopup/cardPopup.vue | 87 +++++++++++++++++++++++++++++++++++--------
1 files changed, 71 insertions(+), 16 deletions(-)
diff --git a/src/components/cardPopup/cardPopup.vue b/src/components/cardPopup/cardPopup.vue
index 694a0cb..867e21c 100644
--- a/src/components/cardPopup/cardPopup.vue
+++ b/src/components/cardPopup/cardPopup.vue
@@ -24,7 +24,7 @@
</div>
</div>
<div v-show="forms == 2" class="first-box-outer">
- <div class="f-b-o-in">
+ <div class="f-b-o-in" v-if="active">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="公司基本信息" name="1">
<avue-form
@@ -59,6 +59,13 @@
import { mapGetters } from "vuex";
import { add, adds, selectIn } from "@/api/recordOur/outCardPopup";
import attach from "@/components/attach/attach";
+import {
+ // getDetail,
+ getList,
+ getListre,
+ getListrek,
+ getListrev,
+} from "@/api/permit/permit";
export default {
components: {
attach: attach,
@@ -75,6 +82,11 @@
forms: 1,
data0: {},
obj0: {},
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
option: {
emptyBtn: false,
submitBtn: false,
@@ -83,14 +95,14 @@
},
activeNames: ["1", "2"],
opens: true,
+ active: false,
};
},
computed: {
- ...mapGetters(["useWhere", "canDoIt", "yanzhen"]),
+ ...mapGetters(["userInfo", "useWhere", "canDoIt", "yanzhen"]),
},
watch: {
useWhere() {
- // console.log(this.canDoIt, "canDoIt");
for (var k in this.data) {
if (this.useWhere == this.data[k].type) {
this.see = true;
@@ -100,19 +112,19 @@
this.apiName = this.data[k].datas.apiName;
this.name = this.data[k].menuName;
var d = this.data[k].datas.column;
-
- //判断是否禁用按钮
- for (var k in this.canDoIt) {
- if (this.canDoIt[k].type == this.type) {
- console.log(this.type + "-------" + this.canDoIt[k].opens);
- this.opens = this.canDoIt[k].opens;
- }
- }
- //是否禁用按钮
- for (var k in d) {
- d[k]["disabled"] = !this.opens;
- }
- this.option.column = d;
+ // this.option.column = d;
+ this.onLoad(this.page, {}, this.useWhere, d);
+ // //判断是否禁用按钮
+ // for (var k in this.canDoIt) {
+ // if (this.canDoIt[k].type == this.type) {
+ // console.log(this.type + "-------" + this.canDoIt[k].opens);
+ // this.opens = this.canDoIt[k].opens;
+ // }
+ // }
+ // //是否禁用按钮
+ // for (var k in d) {
+ // d[k]["disabled"] = !this.opens;
+ // }
console.log("已选择type:" + this.useWhere + "--" + this.name);
this.convert();
@@ -124,6 +136,48 @@
},
},
methods: {
+ onLoad(page, params = {}, val, d) {
+ 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);
+ console.log(val);
+ this.changeBut(true, d);
+ if (this.data.length == 0) {
+ console.log("一条数据都没有");
+ } else {
+ this.data.forEach((item) => {
+ if (item.ptype == val) {
+ if (item.type == 0 || item.type == 2) {
+ this.changeBut(false, d);
+ console.log(item, "有数据未审核或者审核不通过");
+ } else {
+ this.changeBut(true, d);
+ console.log(item, "审核通过");
+ }
+ }
+ });
+ }
+ });
+ });
+ });
+ });
+ },
+ changeBut(val, d) {
+ this.opens = val;
+ for (var k in d) {
+ d[k]["disabled"] = !this.opens;
+ }
+ this.option.column = d;
+ this.active = true;
+ },
convert: function () {
var caridid = this.$store.getters.userInfo.Id;
selectIn(this.apiName[2], caridid, this.type).then((res) => {
@@ -222,6 +276,7 @@
};
var d = {};
this.data0 = d;
+ this.active = false;
},
},
};
--
Gitblit v1.9.3