文件存储地址修改

Administrator

2022-04-11 3a82aab402e8cdee192ab47405f2a01973bd4dab

 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>