许可按钮放出，备案审批按钮放出

zhongrj

2024-03-27 cc1c0a396698648256c350f6f0fe2cb2f0b02c7e

 src/views/permit/permit.vue

@@ -55,8 +55,8 @@
            :size="size"
            :type="type"
            @click.stop="viewLicense(row)"
            v-if="row.type != '2'"
            >生成许可证
            v-if="row.type == '0'"
            >打印许可证
          </el-button>
        </template>
        <template class="tdtype" slot-scope="{ row }" slot="type">
@@ -72,12 +72,13 @@
      </avue-crud>
    </basic-container>

    <el-dialog
    <!-- <el-dialog
      :visible.sync="dialogVisible"
      :before-close="handleClose"
      :modal-append-to-body="false"
      width="1005px"
      top="10vh"
      class="printstyle"
    >
      <div id="licence_box">
        <div class="licence" id="licence" v-if="dialogVisible">
@@ -89,10 +90,6 @@
            }}</span>
            号
          </div>
          <!-- <div class="onceMain">
          名称：
          <div class="fontStyle">{{ licenceData.enterprisename }}</div>
        </div> -->
          <div class="licence-main">
            <div
              class="l-m-once"
@@ -125,7 +122,59 @@
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="Print">打 印</el-button>
      </span>
    </el-dialog>
    </el-dialog> -->
    <div
      v-if="dialogVisible"
      class="dialogVisibles"
      :class="classStyle == 'print' ? 'printstyle' : ''"
    >
      <div
        id="licence_box"
        :class="classStyle == 'print' ? 'printstyle' : ''"
        ref="licence"
      >
        <div class="licence" id="licence" v-if="dialogVisible">
          <div class="licence-head">保安服务许可证</div>
          <div class="head-tid">
            洪公保服务
            <span class="fontStyle">{{
              licenceData.row.organizationcode
            }}</span>
            号
          </div>
          <div class="licence-main">
            <div
              class="l-m-once"
              v-for="(item, index, key) in licenceData.chiden"
              :key="key"
            >
              <span class="l-m-o-title"> {{ index }}: </span>
              <span class="l-m-r-once">{{ item }}</span>
            </div>
          </div>
          <div class="licence-bottom">发证机关（南昌市公安局）</div>
          <div class="l-bottom">
            发证日期
            <span class="l-b-t">{{
              licenceData.row.permitime.slice(0, 4)
            }}</span
            >年
            <span class="l-b-t">{{
              licenceData.row.permitime.slice(5, 7)
            }}</span>
            月
            <span class="l-b-t">{{
              licenceData.row.permitime.slice(8, 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>

    <el-dialog
      title=""
@@ -133,11 +182,21 @@
      width="30%"
      :modal-append-to-body="false"
    >
      <span>是否通过审核？</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closecc">通过</el-button>
        <el-button type="primary" @click="subcc">不通过</el-button>
      </span>
      <div class="flots">
        <span class="f_title">是否通过审核？</span>
        <span class="f_body">请输入修改意见：</span>
        <textarea
          name="reworkmes"
          cols="40"
          rows="4"
          style="overflow: hidden"
          v-model="textareaShenpi"
        ></textarea>
        <div class="but">
          <el-button @click="closecc">通过</el-button>
          <el-button type="primary" @click="subcc">不通过</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>
@@ -149,6 +208,8 @@
export default {
  data() {
    return {
      classStyle: "print", //打印样式

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

@@ -157,6 +218,7 @@
        row: {},
        chiden: {},
      },
      textareaShenpi: "",

      form: {},
      query: {},
@@ -225,7 +287,43 @@
            ],
          },
          {
            label: "成立日期",
            label: "法定代表人电话",
            width: 150,
            prop: "representativecell",
            rules: [
              {
                required: true,
                message: "请输入法定代表人电话",
                trigger: "blur",
              },
            ],
          },
          {
            label: "联系人",
            prop: "contacts",
            rules: [
              {
                required: true,
                message: "请输入联系人",
                trigger: "blur",
              },
            ],
          },
          {
            label: "联系人电话",
            width: 150,
            prop: "contactscell",
            rules: [
              {
                required: true,
                message: "请输入联系人电话",
                trigger: "blur",
              },
            ],
          },
          {
            label: "注册时间",
            hide: true,
            prop: "establishtime",
            type: "date",
            format: "yyyy-MM-dd",
@@ -233,7 +331,7 @@
            rules: [
              {
                required: true,
                message: "请输入成立日期",
                message: "请输入注册时间",
                trigger: "blur",
              },
            ],
@@ -308,13 +406,13 @@
            ],
          },
          {
            label: "所属地区",
            label: "所属辖区",
            hide: true,
            prop: "region",
            rules: [
              {
                required: true,
                message: "请输入所属地区",
                message: "请输入所属辖区",
                trigger: "blur",
              },
            ],
@@ -444,17 +542,9 @@
  // },
  methods: {
    Print() {
      //打印
      // let subOutputRankPrint = document.getElementById("licence_box");
      // let newContent = subOutputRankPrint.innerHTML;
      // let oldContent = document.body.innerHTML;
      // document.body.innerHTML = newContent;
      // window.print();
      // window.location.reload();
      // document.body.innerHTML = oldContent;
      this.$Print("#licence");
      // licence_box
      this.$Print(this.$refs.licence);
    },

    handleCredentials(row) {
      this.$router.push({
        path: "/attach/index",
@@ -504,11 +594,14 @@
    closecc() {
      this.xukezData.type = "0";
      this.dialogVisiblecc = false;
      this.xukezData["approve"] = this.textareaShenpi;
      // console.log(this.xukezData);
      return update(this.xukezData);
    },
    subcc() {
      this.xukezData.type = "1";
      this.dialogVisiblecc = false;
      this.xukezData["approve"] = this.textareaShenpi;
      return update(this.xukezData);
    },

@@ -523,8 +616,11 @@
      this.licenceData.chiden["注册资本"] = row.registeredcapital;
      this.licenceData.chiden["批准文号"] = row.registrationnumber;

      console.log(this.licenceData);
      // console.log(this.licenceData);
      this.dialogVisible = true;
    },
    closePrint() {
      this.dialogVisible = false;
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
@@ -614,7 +710,7 @@
};
</script>

<style scoped>
<style scoped lang="scss">
.dtype {
  width: 80px;
}
@@ -666,6 +762,17 @@

  /*padding-right: 40px !important;*/
}
#licence_box {
  position: relative;
  top: 15px;
  width: 1080px;
  height: 780px;
  background-color: #004ca7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.licence {
  width: 960px;
  height: 648px;
@@ -717,4 +824,41 @@
  font-size: 1.5rem;
  margin-top: 0.5rem;
}
.dialogVisibles {
  position: fixed;
  top: 0;
  left: -10%;
  height: 0;
  width: 120%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.printstyle {
  background-color: #fff !important;
}
.PrintBut {
  margin-top: 15px;
}

.flots {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  .f_title {
    position: absolute;
    top: 15px;
    font-size: 18px;
  }
}
.but {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}
</style>