+

liuyg

2021-12-01 b19cdfd42ef26702eb00dd77e89bf9af90bc9ed4

 src/views/securityGuard/securityGuard.vue

@@ -14,7 +14,11 @@
      </div>
    </el-col>
    <el-col :span="24">
      <basic-container>
      <basic-container
        :class="[
          $store.state.control.windowWidth >= 1024 ? 'tooRowSearch' : '',
        ]"
      >
        <avue-crud
          :option="option"
          :search.sync="search"
@@ -36,6 +40,8 @@
          @size-change="sizeChange"
          @refresh-change="refreshChange"
          @on-load="onLoad"
          :defaults.sync="defaults"
          :before-close="beforeClose"
        >
          <!-- @row-update="rowUpdate" -->
          <template slot="menuLeft">
@@ -76,13 +82,13 @@
              >证书制证申请
            </el-button>
            <el-button
              type="primary"
              type="warning"
              size="small"
              plain
              v-if="permission.securityGuard_escort_personnel_import"
              icon="el-icon-collection-tag"
              @click="handleEscortPersonnelImport"
              >押运人员批量导入
              icon="el-icon-download"
              v-if="permission.export_security_info"
              @click="handleExportSecurityInfo"
              >保安信息导出
            </el-button>

            <el-button
@@ -180,6 +186,7 @@
            </el-button>
            <el-button
              icon="el-icon-edit"
              style="display: none"
              :size="size"
              :type="type"
              v-if="permission.securityGuard_paper"
@@ -197,8 +204,8 @@
              class="rowClickSelf"
              title="点击查看所属公司情况"
              @click="rowClickSelf(row.deptId)"
              >{{ row.deptName }}</el-tag
            >
              >{{ row.deptName }}
            </el-tag>
          </template>
          <template slot-scope="{ row }" slot="tenantName">
            <el-tag>{{ row.tenantName }}</el-tag>
@@ -386,10 +393,25 @@
        </div>
      </basic-container>
    </el-col>
    <div
      v-show="haveSEL == 'noDrive'"
      :class="[
        $store.state.control.windowWidth >= 1024
          ? 'downSFZqudong'
          : 'downSFZqudongS',
      ]"
    >
      <a
        href="http://223.82.109.183:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar"
        >未安装身份证驱动，点击下载</a
      >
    </div>
  </el-row>
</template>

<script>
// 身份证引入
import CertCtl from "./sfzJS";
import {
  getUser,
  getUserPlatform,
@@ -415,6 +437,7 @@
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
import Qs from "qs";

//加载指纹类
import Client from "./Client";
@@ -463,36 +486,36 @@
      if (!test.test(value)) {
        callback(new Error("请输入正确身份证号码"));
      } else {
        //加入校验18岁到60岁的
        oldy = +value.slice(6, 10);
        oldm = +value.slice(10, 12);
        oldd = +value.slice(12, 14);
        ok =
          year - oldy < 18 || year - oldy > 60
            ? false
            : year - oldy == 18
            ? mouth < oldm
              ? false
              : mouth > oldm
              ? true
              : day < oldd
              ? false
              : true
            : year - oldy == 60
            ? mouth < oldm
              ? true
              : mouth > oldm
              ? false
              : day <= oldd
              ? false
              : true
            : true;
        if (ok) {
          callback();
        } else {
          // callback(new Error("根据国家要求，需在18岁至60岁"));
          callback(new Error("年龄不符"));
        }
        // //加入校验18岁到60岁的
        // oldy = +value.slice(6, 10);
        // oldm = +value.slice(10, 12);
        // oldd = +value.slice(12, 14);
        // ok =
        //   year - oldy < 18 || year - oldy > 60
        //     ? false
        //     : year - oldy == 18
        //     ? mouth < oldm
        //       ? false
        //       : mouth > oldm
        //       ? true
        //       : day < oldd
        //       ? false
        //       : true
        //     : year - oldy == 60
        //     ? mouth < oldm
        //       ? true
        //       : mouth > oldm
        //       ? false
        //       : day <= oldd
        //       ? false
        //       : true
        //     : true;
        // if (ok) {
        callback();
        // } else {
        //   // callback(new Error("根据国家要求，需在18岁至60岁"));
        //   callback(new Error("年龄不符"));
        // }
      }
    };
    const validatePassPhone = (rule, value, callback) => {
@@ -504,6 +527,14 @@
      }
    };
    return {
      nowCell: "", //空为手动，2为身份证设备读取
      // 表格数据
      defaults: {},
      // 身份证设备数据
      haveSEL: "", //设备状态
      cardShebei: "",
      intTime: "", //自动获取身份证；
      haveCardid: true, //读卡开关
      // 指纹数据
      isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
      zhiwenImg: "",
@@ -588,6 +619,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
      },
      roleId: "1412226235153731586",
      deptId: "1413470343230877697",
@@ -596,6 +628,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize,
      },
      init: {
        roleTree: [],
@@ -643,7 +676,11 @@
        searchShow: true,
        reserveSelection: true,
        selectable: (row) => {
          if (row.hold !== "1" || row.securitynumber==null || row.securitynumber=='') {
          if (
            row.hold !== "1" ||
            row.securitynumber == null ||
            row.securitynumber == ""
          ) {
            return false;
          } else {
            return true;
@@ -664,6 +701,7 @@
        //dialogType: 'drawer',
        dialogClickModal: false,
        column: securityFormPageColumn,
        ...this.$store.state.control.clearOtherBut,
        group: [
          {
            label: "基础信息",
@@ -672,7 +710,7 @@
            icon: "el-icon-user-solid",
            column: [
              {
                label: "所属保安公司",
                label: "企业名称",
                prop: "deptId",
                type: "tree",
                // dicUrl:
@@ -694,6 +732,7 @@
              {
                label: "姓名",
                prop: "realName",
                disabled: false,
                rules: [
                  {
                    required: true,
@@ -802,7 +841,7 @@
                  ratio: 0.1,
                },
                action: "/api/blade-resource/oss/endpoint/put-files",
                tip: "上传二代身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
                tip: "上传身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
                span: 12,
                // row: true,
                prop: "avatar",
@@ -1150,6 +1189,7 @@
      if (this.form.fingerprint != undefined) {
        that.isopen = true;
        let isoks = false;

        function sets(state, fingerprint, myPicture) {
          isoks = state;
          var winzhiwen = document.getElementById("zhiwen").contentWindow;
@@ -1161,6 +1201,7 @@
            isoks: isoks,
          });
        }

        setTimeout(() => {
          // if()
          if (!this.form.id) {
@@ -1229,9 +1270,59 @@
  },
  beforeCreate() {},
  created() {
    var that = this;
    // console.log(this.userInfo, 9999);
    if (this.userInfo.role_name == "办证管理员") {
      this.search["userType"] = 7;
      this.search["hold"] = "1";
    }
    this.userInfo.rname.forEach((roleName) => {
      if (
        roleName == "保安公司管理员" ||
        roleName == "保安" ||
        roleName == "分公司管理员"
      ) {
        //查询保安单位信息（包含子级）
        const column = this.findObject(this.option.column, "deptId");
        // column.search = false;
        //默认全部展开
        column.defaultExpandAll = true;
        column.dicUrl =
          "/api/blade-system/dept/security_lazy-tree?deptId=" +
          this.userInfo.dept_id;
      } else if (roleName == "公安管理员" || roleName == "administrator") {
        var columnDept = that.findObject(that.option.column, "deptId");
        columnDept.dicUrl =
          "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
          that.userInfo.jurisdiction;
      } else {
        //查询保安单位信息（包含子级）
        const column = this.findObject(this.option.column, "deptId");
        // column.search = false;
        //默认全部展开
        column.dicUrl = "/api/blade-system/dept/security_lazy-tree";
      }
    });

    if (
      this.userInfo.account == "南昌市保安服务总公司" ||
      this.userInfo.account == "押运分公司"
    ) {
      this.option.column.push({
        label: "持枪证编号",
        prop: "guncode",
        width: 90,
        addDisplay: false,
        editDisplay: false,
      });

      this.option.group[1].column.push({
        label: "持枪证编号",
        prop: "guncode",
      });

      this.excelOption1.column[0].action =
        "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id;
    }
  },
  mounted() {
@@ -1247,6 +1338,7 @@
    this.deptIds = this.userInfo.dept_id;

    // this.beginzhiwen();
    this.olondSFZ(); //检查身份证设备是否存在
  },
  methods: {
    openccc() {
@@ -1434,6 +1526,13 @@
      done();
    },
    handleTemplate1() {
      if (
        this.userInfo.account == "南昌市保安服务总公司" ||
        this.userInfo.account == "押运分公司"
      ) {
        window.open(`/api/blade-user/export-template-securityYy`);
        return;
      }
      window.open(`/api/blade-user/export-template-security`);
    },
    handleImport2() {
@@ -1592,7 +1691,7 @@
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type:1
            type: 1,
          };
          return securityApply(data);
        })
@@ -1630,7 +1729,7 @@
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type:2
            type: 2,
          };
          return securityApply(data);
        })
@@ -1641,6 +1740,57 @@
            message: "操作成功!",
          });
        });
    },
    //保安员信息导出
    handleExportSecurityInfo() {
      this.$confirm("是否导出保安员信息数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        //获取查询条件
        // const { releaseTimeRange } = this.search;
        // if (releaseTimeRange) {
        //   this.search["startTime"] = releaseTimeRange[0];
        //   this.search["endTime"] = releaseTimeRange[1];
        // }
        var data = {
          cardid: this.search.cardid,
          deptId: this.search.deptId,
          roleAlias: "111",
          hold: this.search.hold,
          realName: this.search.realName,
          securitynumber: this.search.securitynumber,
          status: this.search.status,
          userType: this.search.startTime,
          examinationType: this.search.examinationType,
        };
        // console.log(data,123456);
        //导出
        if (this.userInfo.role_name == "保安公司管理员") {
          //如果是保安公司管理员
          if (this.search.deptId) {
            data["deptId"] = this.search.deptId;
          } else {
            data["deptId"] = this.userInfo.dept_id;
          }
        }
        if (this.userInfo.role_name == "培训公司管理员") {
          //如果是培训公司管理员
          data["trainingUnitId"] = this.userInfo.Id;
        }
        if (this.userInfo.role_name == "公安管理员") {
          //如果是公安管理员
          data["jurisdiction"] = this.userInfo.jurisdiction;
        }
        //序列号url形式，用&拼接
        data = Qs.stringify(data);
        window.open(
          `/api/blade-user/export-security-info?${
            this.website.tokenHeader
          }=${getToken()}&` + data
        );
      });
    },
    rowSave(row, done, loading) {
      // var dom = document.getElementById("zhiwenOur");
@@ -1664,6 +1814,8 @@
      }
      const userMap = {
        user: {
          //是否是身份证自动识别进入
          cell: this.nowCell,
          //指纹↓
          fingerprint: zhiwen.imgBMP, //图
          myPicture: zhiwen.featuredata, //特征
@@ -1694,6 +1846,7 @@
          rtime: row.rtime,
          securitynumber: row.securitynumber,
          sex: row.sex,
          guncode: row.guncode,
        },
      };

@@ -1732,8 +1885,11 @@
        row.fingerprint = zhiwen.imgBMP;
        row.myPicture = zhiwen.featuredata;
      }
      // console.log(row);
      // return;

      //是否是身份证自动识别进入
      if (row.cell != "2") {
        row["cell"] = this.nowCell;
      }
      update(row).then(
        () => {
          this.initFlag = false;
@@ -1930,8 +2086,126 @@
        }=${getToken()}`
      );
    },
    openClosegroup(val) {
      // let ql = /realName|nation|cardid|registered|sex/;
      let ql = /realName|nation|cardid|registered/;
      for (let k in this.option.group) {
        for (let i in this.option.group[k].column) {
          if (ql.test(this.option.group[k].column[i].prop)) {
            this.option.group[k].column[i]["disabled"] = val;
          }
        }
      }
    },
    olondSFZ() {
      // console.log(123456);
      var that = this;
      //   // 开始连接设备
      //   //调用对应的连接方法,并赋值给result
      this.cardShebei = CertCtl.connect((res) => {
        let k = "";
        try {
          k = JSON.parse(res);
        } catch (error) {
          k = res;
        }
        // console.log(k);
        if (k == "") {
          that.haveSEL = "noDrive";
          console.log("连接身份证设备失败，请安装驱动");
          return;
        }
        if (k.resultFlag == 0) {
          that.haveSEL = "connectionSucceeded";
          console.log("连接身份证设备成功");
        } else {
          that.haveSEL = "noEquipment";
          console.log("连接身份证设备失败，请重新连接设备");
        }
      });
    },
    setIntervals: function () {
      let that = this;
      this.intTime = setInterval(function () {
        if (!that.haveCardid) {
          //定时读卡
          // console.log(that.haveCardid);
          let result = CertCtl.readCert();
          // console.log(result);
          // console.log("通过读取");
          if (result == "") {
            console.log("未启动读卡插件!");
            that.closeSFZ();
          } else {
            var resultObj = eval("(" + result + ")");
            //resultFlag为0代表读卡成功
            if (resultObj.resultFlag == "0") {
              //回显相关数据
              // console.log(resultObj, 123);
              const data = resultObj.resultContent;
              that.haveCardid = true;
              // console.log(data, 789);
              // that.defaults.cardid.display = true;
              // that.defaults.cardid.value = "123";
              // console.log(that.defaults);
              that.form.realName = data.partyName;
              that.form.cardid = data.certNumber;
              that.form.nation = data.nation;
              that.form.registered = data.certAddress;
              that.form.sex = data.gender == 0 ? 2 : data.gender == 1 ? 1 : 3;
              //禁止编辑
              that.openClosegroup(true);
              that.nowCell = "2";
            } else if (resultObj.resultFlag == "-1") {
              if (resultObj.errorMsg == "端口打开失败") {
                console.log("读卡器未连接");
                that.closeSFZ();
              } else {
                // console.log("无卡片提醒-1", resultObj.errorMsg);
                //无卡片提醒
                // that.closeSFZ();
              }
            } else if (resultObj.resultFlag == "-2") {
              console.log("异常-2", resultObj.errorMsg);
              that.closeSFZ();
            }
          }
        } else {
          // console.log("停止获取");
        }
      }, 2000);
    },
    beginSFZ() {
      if (this.haveSEL == "connectionSucceeded") {
        this.haveCardid = false;
        if (this.intTime) {
          clearInterval(this.intTime);
          this.setIntervals();
        } else {
          this.setIntervals();
        }
      }
    },
    closeSFZ(val) {
      if (this.intTime) {
        clearInterval(this.intTime);
        // this.setIntervals();
      } else {
        clearInterval(this.intTime);
        // this.setIntervals();
      }
      if (val) {
        this.haveCardid = true;
        this.cardShebei = "";
        //可以编辑
      }
      this.openClosegroup(false);
      this.nowCell = "";
    },
    beforeOpen(done, type) {
      var that = this;
      // console.log(type, 123);
      this.beginSFZ();
      if (["edit", "view"].includes(type)) {
        getUser(this.form.id).then((res) => {
          this.form = res.data.data;
@@ -1962,6 +2236,10 @@
      this.initFlag = true;
      done();
    },
    beforeClose(done, type) {
      this.closeSFZ(112);
      done();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
@@ -1987,20 +2265,42 @@
      roleIds.forEach((roleId) => {
        getRoleDetail(roleId).then((res) => {
          var roleAlias = res.data.data.roleAlias;
          if (roleAlias == "保安公司管理员" || roleAlias == "保安") {
          if (roleAlias == "保安公司管理员") {
            that.option.group[1].column[4].dicData = [
              {
                label: "是",
                value: "1",
              },
              {
                label: "否",
                value: "2",
              },
            ];
          }
          if (
            roleAlias == "保安公司管理员" ||
            roleAlias == "保安" ||
            roleAlias == "分公司管理员"
          ) {
            //去除保安公司查询
            const column = that.findObject(that.option.column, "deptId");
            column.search = false;
            // const column = that.findObject(that.option.column, "deptId");
            // column.search = false;
            // column.dicUrl =
            //   "/api/blade-system/dept/security_lazy-tree?deptId="+that.userInfo.dept_id;
            const deptColumn = that.findObject(that.option.group, "deptId");
            deptColumn.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
              "/api/blade-system/dept/security_lazy-tree?deptId=" +
              that.userInfo.dept_id;
            //禁止编辑
            deptColumn.disabled = true;
            // deptColumn.disabled = true;
            deptColumn.value = that.userInfo.dept_id;
            that.isSecurity = false;
            //如果是保安公司管理员
            params["deptId"] = that.userInfo.dept_id;

            if (this.search.deptId) {
              params["deptId"] = this.search.deptId;
            } else {
              params["deptId"] = that.userInfo.dept_id;
            }
            //导入action 修改
            const importColumn = that.findObject(
              that.excelOption1.column,
@@ -2008,38 +2308,30 @@
            );
            importColumn.action =
              "/api/blade-user/import-security?deptId=" + this.deptIds;
          } else if (roleAlias == "公安管理员") {
          } else if (
            roleAlias == "公安管理员" ||
            roleAlias == "administrator"
          ) {
            params["jurisdiction"] = that.userInfo.jurisdiction;
            var columnDept = that.findObject(that.option.column, "deptId");
            columnDept.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
              that.userInfo.jurisdiction;
            var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
            ColumnDeptUpdate.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
              "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
              that.userInfo.jurisdiction;
          } else if (roleAlias == "培训公司管理员") {
            //如果是保安公司管理员
            params["trainingUnitId"] = that.userInfo.dept_id;
            var columnDept2 = that.findObject(that.option.column, "deptId");
            columnDept2.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
            var ColumnDeptUpdate2 = that.findObject(
              that.option.group,
              "deptId"

            //审查状态查询开启
            var columnExaminationType = that.findObject(
              that.option.column,
              "examinationType"
            );
            ColumnDeptUpdate2.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
            columnExaminationType.search = true;
            columnExaminationType.hide = false;
          } else {
            var columnDept1 = that.findObject(that.option.column, "deptId");
            columnDept1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
            var ColumnDeptUpdate1 = that.findObject(
              that.option.group,
              "deptId"
            );
            ColumnDeptUpdate1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
              "/api/blade-system/dept/security_lazy-tree";
          }

          let values = {
@@ -2055,14 +2347,14 @@
          getList(page.currentPage, page.pageSize, values).then((res) => {
            const data = res.data.data;
            that.page.total = data.total;
            var d = data.records;
            var date = new Date();
            var datayear = date.getFullYear();
            for (const key in d) {
              var year = d[key].cardid.slice(6, 10);
              d[key]["age"] = +datayear - +year;
              // d[key].securitynumber = "赣洪202100009";
            }
            // var d = data.records;
            // var date = new Date();
            // var datayear = date.getFullYear();
            // for (const key in d) {
            //   var year = d[key].cardid.slice(6, 10);
            //   d[key]["age"] = +datayear - +year;
            //   // d[key].securitynumber = "赣洪202100009";
            // }
            that.data = data.records;
            that.loading = false;
            that.selectionClear();
@@ -2151,11 +2443,13 @@
.box .el-scrollbar__wrap {
  overflow: scroll;
}

.rowClickSelf {
  &:hover {
    cursor: pointer;
  }
}

//保安证  本子
.certificate_box {
  width: 100%;
@@ -2167,6 +2461,7 @@
  flex-direction: column;
  font: normal 18px "SimSuncss" !important;
}

.security_main {
  width: 630px;
  height: 512px;
@@ -2178,6 +2473,7 @@
  // background-repeat: no-repeat;
  position: relative;
}

// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
@@ -2189,6 +2485,7 @@
  line-height: 45px;
  letter-spacing: 3px;
}

//发证公安机关&nbsp;（印章）
.security_m_l_center {
  position: absolute;
@@ -2196,6 +2493,7 @@
  left: 30px;
  line-height: 40px;
}

//证件编号 &nbsp;
.security_m_l_down {
  position: absolute;
@@ -2217,6 +2515,7 @@
  text-align: justify;
  text-align-last: justify;
}

//出生年月
.security_m_r_b {
  position: absolute;
@@ -2226,6 +2525,7 @@
  text-align: justify;
  text-align-last: justify;
}

//地址
.security_m_r_c {
  position: absolute;
@@ -2235,6 +2535,7 @@
  text-align: justify;
  text-align-last: justify;
}

//公民身份证
.security_m_r_d {
  position: absolute;
@@ -2244,6 +2545,7 @@
  text-align: justify;
  text-align-last: justify;
}

//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
@@ -2253,6 +2555,7 @@
  position: absolute;
  top: $upTop;
  left: 421px;

  img {
    width: 100%;
    height: 100%;
@@ -2269,6 +2572,7 @@
  line-height: 45px;
  letter-spacing: 3px;
}

//发证时间
$timeTop: 315px; //整体高度
//年
@@ -2278,6 +2582,7 @@
  left: 109px;
  line-height: 40px;
}

//月
.security_m_l_titlepaperTimeyue {
  position: absolute;
@@ -2285,6 +2590,7 @@
  left: 168px;
  line-height: 40px;
}

//日
.security_m_l_titlepaperTimeri {
  position: absolute;
@@ -2292,6 +2598,7 @@
  left: 159px;
  line-height: 40px;
}

//证件编号
.security_m_l_downsecuritynumber {
  position: absolute;
@@ -2308,6 +2615,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

// 生日
.security_m_r_o_rightbirthday {
  position: absolute;
@@ -2315,6 +2623,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

// 地址
.security_m_r_o_rightaddress {
  position: absolute;
@@ -2322,6 +2631,7 @@
  left: $centerLeft;
  width: 185px;
}

// 身份证
.security_m_r_o_rightcardid {
  position: absolute;
@@ -2329,6 +2639,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

//背景图
.security_main_backImge {
  position: absolute;
@@ -2346,6 +2657,7 @@
  line-height: 40px;
  letter-spacing: 2px;
}

.zhiwenMain {
  width: 100%;
  height: 305px;
@@ -2354,6 +2666,7 @@
  // justify-content: space-around;
  // border: 1px solid red;
}

// .zhiwenImgs {
//   width: 178px;
//   height: 178px;
@@ -2361,4 +2674,29 @@
//   text-align: center;
//   border: 1px dashed #8c939d;
// }

.downSFZqudong {
  position: absolute;
  right: 239px;
  top: 153px;
  font-size: 14px;
  a {
    text-decoration: underline;
    &:hover {
      color: rgb(36, 143, 231);
    }
  }
}
.downSFZqudongS {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 14px;
  a {
    text-decoration: underline;
    &:hover {
      color: rgb(36, 143, 231);
    }
  }
}
</style>