纸质证书样式修改

Administrator

2021-11-03 152a4702ec03ceec5f57b207a8d7d9ea5ccdbfe7

 src/views/securityGuard/securityGuardDetail.vue

@@ -13,7 +13,9 @@
        @row-save="rowSave1"
        @row-update="rowUpdate1"
        @row-del="rowDel1"
        @refresh-change="refreshChange1"
        @current-change="CurrentChange1"
        @refresh-change="refreshchange1"
        @size-change="SizeChange1"
      >
      </avue-crud>
    </span>
@@ -26,13 +28,15 @@
        @row-update="rowUpdate2"
        @row-del="rowDel2"
        :table-loading="loading2"
        @refresh-change="refreshChange2"
        @current-change="CurrentChange2"
        @size-change="SizeChange2"
        @refresh-change="refreshchange2"
      >
      </avue-crud>
    </span>
    <span v-else-if="typeTABS.prop === 'tab4'">
      <!-- 保安员证 -->
      <div class="baoanzheng" id="baoanzheng">
      <!-- <div class="baoanzheng" id="baoanzheng" v-if="hold == 1">
        <div class="baz-main">
          <div class="baz-m-body" ref="baoanzheng">
            <div class="bmb-heard">保安员证</div>
@@ -43,12 +47,8 @@
            <div class="imgs">
              <div v-if="erweima == ''">暂无二维码</div>
              <img :src="erweima" alt="" v-else />
              <!-- <img src="/img/register/ewm.png" alt="" /> -->
              <!-- logoSrc="/img/register/ewm.png" -->
              <!-- <vue-qr :text="goToUrl" :size="200"></vue-qr> -->
            </div>

            <!-- <img src="/img/mock/card/card-1.jpg" alt="" /> -->
            <div class="bmb-b">
              姓名：<span class="bmb-b-s">{{ obj0.realName }}</span>
            </div>
@@ -66,23 +66,22 @@
                obj0.paperTime.slice(0, 10)
              }}</span>
            </div>
            <!-- <div class="bmb-b">
              发证机关：<span class="bmb-b-s" style="margin-right: 15px"
                >南昌市公安局</span
              >发证日期：<span class="bmb-b-s">{{
                obj0.createTime.slice(0, 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> -->
      <baoanz :data="obj0" v-if="hold == 1"></baoanz>
      <div v-else style="width: 100%; text-align: center; padding-top: 20px">
        无上岗证
      </div>
    </span>
    <span v-else-if="typeTABS.prop === 'tab5'">
      <securityCertificate :data="obj0"></securityCertificate>
      <securityCertificate :data="obj0" v-if="hold == 1"></securityCertificate>
      <div v-else style="width: 100%; text-align: center; padding-top: 20px">
        无保安员证
      </div>
    </span>
  </div>
</template> 
@@ -105,17 +104,19 @@
  getPerformanceInfo,
  add,
  update,
  page,
  getpage,
  remove,
  getER,
} from "@/api/performance/performance";

// import vueQr from "vue-qr";
import securityCertificate from "./securityCertificate.vue";
import baoanz from "./baoanz.vue";

export default {
  components: {
    securityCertificate: securityCertificate,
    baoanz,
  },
  data() {
    return {
@@ -140,12 +141,12 @@
          },
          {
            // icon: "el-icon-info",
            label: "保安员证",
            label: "上岗证",
            prop: "tab4",
          },
          {
            // icon: "el-icon-info",
            label: "保安员证书",
            label: "保安员证",
            prop: "tab5",
          },
        ],
@@ -214,6 +215,7 @@
        column: trackRecordColumn,
      },
      erweima: "",
      hold: "",
    };
  },
  // components: {
@@ -253,11 +255,11 @@
        this.loading1 = false;
      } else if (column.prop == "tab2") {
        //查询当前保安员的从业记录信息
        this.getPractitionersPageInfo();
        this.getPractitionersPageInfo(this.page1);
        this.loading1 = false;
      } else if (column.prop == "tab3") {
        //查询当前保安员的现实表现记录
        this.getPerformancePageInfo();
        this.getPerformancePageInfo(this.page2);
        this.loading2 = false;
      } else if (column.prop == "tab4") {
        getER(this.obj0.securitynumber).then((res) => {
@@ -266,27 +268,30 @@
        });
      }
    },
    refreshchange1() {
      this.getPractitionersPageInfo(this.page1, this.query1);
    },
    //查询当前保安员的从业记录信息
    getPractitionersPageInfo() {
      var param = {
        securityid: this.id,
      };
    getPractitionersPageInfo(page, param = {}) {
      param["securityid"] = this.id;
      //获取用户从业信息
      console.log(this.id, "cid");
      getExperienceList(this.current, this.size, param).then((res1) => {
      // console.log(this.id, "cid");

      getExperienceList(page.currentPage, page.pageSize, param).then((res1) => {
        const data = res1.data.data;
        this.page1.total = data.total;
        this.data1 = data.records;
        this.loading1 = false;
      });
    },
    refreshchange2() {
      this.getPerformancePageInfo(this.page2, this.query2);
    },
    //查询当前保安员的现实表现记录信息
    getPerformancePageInfo() {
    getPerformancePageInfo(page, param = {}) {
      //获取现实表现信息
      var param = {
        securityid: this.id,
      };
      page(this.current, this.size, param).then((res2) => {
      param["securityid"] = this.id;
      getpage(page.currentPage, page.pageSize, param).then((res2) => {
        const data = res2.data.data;
        this.page2.total = data.total;
        this.data2 = data.records;
@@ -294,6 +299,28 @@
        this.loading2 = false;
      });
    },
    CurrentChange1(currentPage) {
      this.page1.currentPage = currentPage;
      this.refreshchange1();
    },
    SizeChange1(pageSize) {
      this.page1.pageSize = pageSize;
      this.refreshchange1();
    },
    CurrentChange2(currentPage) {
      this.page2.currentPage = currentPage;
      this.refreshchange2();
    },
    SizeChange2(pageSize) {
      this.page2.pageSize = pageSize;
      this.refreshchange2();
    },
    // refreshChange1() {
    //   this.getPractitionersPageInfo();
    // },
    // refreshChange2() {
    //   this.getPerformancePageInfo();
    // },

    rowSave2(form, done, loading) {
      form.securityid = this.id;
@@ -416,6 +443,7 @@
      this.name = row.name;
      this.dispatcherCompany = row.dispatcherCompany;
      this.id = row.id;
      this.hold = row.hold;
      console.log(this.obj0);
    }

@@ -488,7 +516,7 @@
.baz-m-body {
  width: 750px;
  height: 550px;
  background-image: url("/img/register/bazbj.png");
  background-image: url("/img/register/bazbj1.png");
  background-size: 100% 100%;
  .bmb-heard {
    font-size: 4rem;
@@ -501,8 +529,8 @@
    top: 20px;
  }
  .img {
    width: 152px;
    height: 205px;
    width: 358px;
    height: 441px;
    border-radius: 10px;
    position: absolute;
    // border: 1px solid rgba($color: #888888, $alpha: 0.5);