许可

liuyg

2021-08-28 347cd67d89ef45fa013c46967adca369cfa598f8

 src/views/licenseApproval/securityGuard.vue

@@ -1,8 +1,8 @@
/*
 * @Author: liu
 * @Date: 2021-08-26 16:57:58 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2021-08-26 17:54:06
 * @Last Modified by: liu
 * @Last Modified time: 2021-08-28 10:42:08
 */


@@ -58,6 +58,22 @@
            @click.stop="rowDel(row)"
            >备案审批
          </el-button>
          <el-button
            icon="el-icon-edit"
            :size="size"
            :type="type"
            @click.stop="viewLicense(row)"
            v-if="row.type == '0'"
            >打印备案证
          </el-button>
          <el-button
            icon="el-icon-edit"
            :size="size"
            :type="type"
            v-show="row.type == 0"
            @click.stop="viewLicensehuizhi(row)"
            >回执打印
          </el-button>
        </template>
        <template class="tdtype" slot-scope="{ row }" slot="type">
          <el-tag class="dtype">
@@ -82,7 +98,7 @@
        ref="licence"
      >
        <div class="licence" id="licence" v-if="dialogVisible">
          <div class="licence-head">保安服务许可证</div>
          <div class="licence-head">备案证</div>
          <div class="head-tid">
            洪公保服务
            <span class="fontStyle">{{
@@ -124,6 +140,48 @@
      </div>
    </div>

    <div
      v-if="dialogVisiblehuizhi"
      class="dialogVisibles"
      :class="classStyle == 'print' ? 'printstyle' : ''"
    >
      <div
        id="licence_box"
        :class="classStyle == 'print' ? 'printstyle' : ''"
        ref="licencelicencehuizhi"
      >
        <div
          class="licencehuizhi exam-box"
          id="licencehuizhi"
          v-if="dialogVisiblehuizhi"
        >
          <h3>回执单</h3>
          <p>
            南昌市公安局已收到
            <span>{{ rowData == null ? "" : rowData.enterprisename }}</span>
            的相关备案申请！
          </p>

          <div class="examine-bottom">
            <ul>
              <li>审批单位：<span>南昌市公安局</span></li>
              <li>
                日期：<span>{{
                  rowData == null ? "" : rowData.examinetime
                }}</span>
              </li>
            </ul>
          </div>
        </div>
        <span slot="footer" class="dialog-footer no-print PrintBut">
          <el-button type="primary" @click="Printhuizhi">打 印</el-button>
          <el-button type="primary" @click="closePrinthuizhi">
            取 消
          </el-button>
        </span>
      </div>
    </div>

    <el-dialog
      title=""
      :visible.sync="dialogVisiblecc"
@@ -131,7 +189,7 @@
      :modal-append-to-body="false"
    >
      <div class="flots">
        <span class="f_title">是否通过审核？</span>
        <span class="f_title">是否通过备案审批？</span>
        <span class="f_body">请输入修改意见：</span>
        <textarea
          name="reworkmes"
@@ -141,8 +199,8 @@
          v-model="textareaShenpi"
        ></textarea>
        <div class="but">
          <el-button @click="closecc">通过</el-button>
          <el-button type="primary" @click="subcc">不通过</el-button>
          <el-button type="danger" @click="subcc">不通过</el-button>
          <el-button type="primary" @click="closecc">通过</el-button>
        </div>
      </div>
    </el-dialog>
@@ -166,6 +224,8 @@

      dialogVisiblecc: false, //许可证审核抽屉
      xukezData: {},

      dialogVisiblehuizhi: false, //回执

      dialogVisible: false, //许可证抽屉
      licenceData: {
@@ -192,7 +252,7 @@
        searchShow: true,
        searchMenuSpan: 8,
        border: true,
        menuWidth: 300,
        menuWidth: 378,
        labelWidth: 130,
        headerAlign: "center",
        align: "center",
@@ -209,7 +269,7 @@
            searchLabelWidth: 80,
            searchSpan: 4,
            overHidden: true,
            width: 250,
            width: 200,
            rules: [
              {
                required: true,
@@ -233,7 +293,9 @@
          {
            label: "法定代表人",
            prop: "representative",
            search: true,
            width: 82,
            searchLabelWidth: 90,
            rules: [
              {
                required: true,
@@ -277,6 +339,44 @@
                trigger: "blur",
              },
            ],
          },
          {
            label: "单位许可证编号",
            prop: "perid",
            // labelWidth: 160,
            // span: 12,
            hide: true,
            rules: [
              {
                required: true,
                message: "单位许可证编号",
                trigger: "blur",
              },
            ],
          },
          {
            label: "许可证发证机关",
            prop: "offices",
            // labelWidth: 160,
            // span: 12,
            hide: true,
            rules: [
              {
                required: true,
                message: "许可证发证机关",
                trigger: "blur",
              },
            ],
          },
          {
            label: "发证时间",
            prop: "officetime",
            // labelWidth: 160,
            // span: 12,
            hide: true,
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
          },
          {
            label: "注册时间",
@@ -328,30 +428,30 @@
              },
            ],
          },
          {
            label: "纳税人识别号",
            prop: "identificationnumber",
            hide: true,
            rules: [
              {
                required: true,
                message: "请输入纳税人识别号",
                trigger: "blur",
              },
            ],
          },
          {
            label: "企业类型",
            hide: true,
            prop: "enterprises",
            rules: [
              {
                required: true,
                message: "请输入企业类型",
                trigger: "blur",
              },
            ],
          },
          // {
          //   label: "纳税人识别号",
          //   prop: "identificationnumber",
          //   hide: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请输入纳税人识别号",
          //       trigger: "blur",
          //     },
          //   ],
          // },
          // {
          //   label: "企业类型",
          //   hide: true,
          //   prop: "enterprises",
          //   rules: [
          //     {
          //       required: true,
          //       message: "请输入企业类型",
          //       trigger: "blur",
          //     },
          //   ],
          // },
          {
            label: "注册地址",
            prop: "address",
@@ -364,18 +464,18 @@
              },
            ],
          },
          {
            label: "所属地区",
            hide: true,
            prop: "region",
            rules: [
              {
                required: true,
                message: "请输入所属地区",
                trigger: "blur",
              },
            ],
          },
          // {
          //   label: "所属地区",
          //   hide: true,
          //   prop: "region",
          //   rules: [
          //     {
          //       required: true,
          //       message: "请输入所属地区",
          //       trigger: "blur",
          //     },
          //   ],
          // },
          {
            label: "登记机关",
            prop: "registration",
@@ -400,33 +500,41 @@
              },
            ],
          },
          // {
          //   label: "所属机构",
          //   prop: "deptid",
          //   addDisplay: false,
          //   type: "select",
          //   hide: true,
          //   dicUrl: "/api/blade-system/dept/selectIn",
          //   props: {
          //     label: "deptname",
          //     value: "deptid",
          //   },
          // },
          {
            label: "所属机构",
            prop: "deptid",
            addDisplay: false,
            type: "select",
            hide: true,
            dicUrl: "/api/blade-system/dept/selectIn",
            label: "所属辖区",
            prop: "jurisdiction",
            type: "tree",
            dicUrl: "/api/jurisdiction/lazy-trees",
            props: {
              label: "deptname",
              value: "deptid",
              label: "title",
              value: "id",
            },
            // labelWidth: 160,
            // span: 12,
          },
          {
            label: "许可类型",
            search: true,
            // search: true,
            hide: true,
            prop: "ptype",
            type: "select",
            searchSpan: 4,
            dicData: [
              {
                label: "保安服务许可",
                value: "0",
              },
              {
                label: "保安培训许可",
                value: "1",
                label: "自招保安单位备案",
                value: "3",
              },
            ],
          },
@@ -445,6 +553,7 @@
            prop: "type",
            addDisplay: false,
            type: "select",
            width: 80,
            dicData: [
              {
                label: "通过",
@@ -502,16 +611,19 @@
  //     console.log(this.userInfo.dept_id);
  // },
  methods: {
    Printhuizhi() {
      this.$Print(this.$refs.licencehuizhi);
    },
    Print() {
      this.$Print(this.$refs.licence);
    },

    handleCredentials(row) {
      this.$router.push({
        path: "/attach/index",
        path: "/attachOnce/index",
        // redirect: { name: "foo" },
        // query: { row: row },
        query: { deptid: row.deptid, type: "0" },
        query: { deptid: row.cardid, type: "0" },
        // params: { row: row.identificationnumber },
      });
    },
@@ -568,6 +680,12 @@
      this.textareaShenpi = "";
    },

    viewLicensehuizhi() {
      this.dialogVisiblehuizhi = true;
    },
    closePrinthuizhi() {
      this.dialogVisiblehuizhi = false;
    },
    viewLicense(row) {
      //查看许可证
      this.licenceData.row = row;
@@ -741,7 +859,19 @@
  width: 960px;
  height: 648px;
  background-color: #fff !important;
  background-image: url("../../static/img/permit/服务许可背景图.png");
  background-image: url("/img/permit/服务许可背景图.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 10%;
  color: #000;
}
.licencehuizhi {
  width: 800px;
  height: 348px;
  background-color: #fff !important;
  // background-image: url("../../static/img/permit/服务许可背景图.png");
  border: 1px solid rgba(#a3a3a3, 0.5);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
@@ -812,6 +942,9 @@
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  span {
    display: inline-block;
  }
  .f_title {
    position: absolute;
    top: 15px;
@@ -825,4 +958,43 @@
  align-content: center;
  justify-content: center;
}
.exam-box {
  width: 100%;
  height: 360px;

  position: relative;
  padding: 10px;
  background: #fff !important;
  color: #000;

  box-sizing: border-box;
}
.exam-box h3 {
  margin: 0;
  text-align: center;
  font-size: 28px;
  letter-spacing: 10px;
  line-height: 46px;
}

.exam-box p {
  text-indent: 2em;
  font-size: 18px;
}

.exam-box .examine-bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.exam-box li {
  list-style: none;
  font-size: 18px;
  line-height: 32px;
}

.exam-box span {
  text-decoration: underline;
}
</style>