保安监管系统-验收版本
+
liuyg
2021-11-25 3c89846aa88c0f1e29710aad61faaf84594f9420
src/views/licenseApproval/securityGuard.vue
@@ -2,13 +2,17 @@
 * @Author: liu
 * @Date: 2021-08-26 16:57:58 
 * @Last Modified by: liu
 * @Last Modified time: 2021-10-12 13:51:24
 * @Last Modified time: 2021-11-25 15:51:45
 */
<template>
  <div>
    <basic-container class="permit">
    <basic-container>
      <!-- :class="[
        'permit',
        $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
      ]" -->
      <avue-crud
        :option="option"
        :table-loading="loading"
@@ -48,29 +52,48 @@
            :type="type"
            class="zhengJian-icon"
            @click.stop="handleCredentials(row)"
            >附件审查</el-button
            >附件</el-button
          >
          <el-button
            icon="el-icon-edit"
            :size="size"
            :type="type"
            v-if="row.type == '2'"
            v-if="row.stateOur == '0'"
            @click.stop="rowDel(row)"
            >备案审批
          </el-button>
          <el-button
          <!-- <el-button
            icon="el-icon-edit"
            :size="size"
            :type="type"
            v-if="
              row.stateOur != '0' &&
              !(
                row.papprove == '1' &&
                row.xapprove == '1' &&
                row.sapprove == '1'
              )
            "
            @click.stop="rowSee(row)"
            >审批查询
          </el-button> -->
          <el-button
            icon="el-icon-brush"
            :size="size"
            :type="type"
            @click.stop="viewLicense(row)"
            v-if="row.type == '0'"
            v-if="
              row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
            "
            >打印备案证
          </el-button>
          <el-button
            icon="el-icon-edit"
            icon="el-icon-brush"
            :size="size"
            :type="type"
            v-show="row.type == 0"
            v-if="
              row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
            "
            @click.stop="viewLicensehuizhi(row)"
            >回执打印
          </el-button>
@@ -78,11 +101,18 @@
        <template class="tdtype" slot-scope="{ row }" slot="type">
          <el-tag class="dtype">
            {{
              row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核"
              row.stateOur == "1"
                ? "通过"
                : row.stateOur == "2"
                ? "不通过"
                : "待审核"
            }}
            <i class="gz" v-if="row.type == '2'"></i>
            <!--  黄色 -->
            <i class="yj" v-if="row.type == '1'"></i>
            <!--  红色 -->
            <i class="zc" v-if="row.type == '0'"></i>
            <!--  绿色 -->
          </el-tag>
        </template>
      </avue-crud>
@@ -148,7 +178,7 @@
      <div
        id="licence_box"
        :class="classStyle == 'print' ? 'printstyle' : ''"
        ref="licencehuizhi"
        ref="licencelicencehuizhi"
      >
        <div
          class="licencehuizhi exam-box"
@@ -204,6 +234,19 @@
        </div>
      </div>
    </el-dialog>
    <el-dialog
      title=""
      :visible.sync="dialogVisibleccsee"
      width="30%"
      :modal-append-to-body="false"
    >
      <div class="flots">
        <div class="f_title">
          审批 {{ stateOur == "1" ? "通过" : stateOur == "2" ? "不通过" : "" }}
        </div>
        <div><span>审批意见:</span> {{ stateText }}</div>
      </div>
    </el-dialog>
  </div>
</template>
@@ -217,7 +260,6 @@
} from "@/api/licenseApproval/record";
import { mapGetters } from "vuex";
import { column } from "./column";
export default {
  data() {
    return {
@@ -242,6 +284,7 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
        // ...this.$store.state.control.changePageSize,
      },
      selectionList: [],
      option: {
@@ -253,7 +296,7 @@
        searchShow: true,
        searchMenuSpan: 8,
        border: true,
        menuWidth: 378,
        menuWidth: 300,
        labelWidth: 130,
        headerAlign: "center",
        align: "center",
@@ -263,8 +306,16 @@
        selection: true,
        dialogClickModal: false,
        column: column,
        // ...this.$store.state.control.clearOtherBut,
      },
      data: [],
      user_name: "",
      stateOur: "",
      stateText: "",
      dialogVisibleccsee: false,
      userData: "",
    };
  },
  computed: {
@@ -342,22 +393,66 @@
      this.dialogVisiblecc = true;
      this.xukezData = row;
    },
    closecc() {
      this.xukezData.type = "0";
      this.dialogVisiblecc = false;
      this.xukezData["approve"] = this.textareaShenpi;
      console.log(this.xukezData);
      update(this.xukezData);
      this.textareaShenpi = "";
    },
    subcc() {
      this.xukezData.type = "1";
      this.dialogVisiblecc = false;
      this.xukezData["approve"] = this.textareaShenpi;
      update(this.xukezData);
      this.textareaShenpi = "";
    rowSee(row) {
      this.dialogVisibleccsee = true;
      this.stateOur = row.stateOur;
      if (this.user_name == "派") {
        // 派出所审批
        this.stateText = row.popinion;
      } else if (this.user_name == "县") {
        // 分局审批
        this.stateText = row.xopinion;
      } else if (this.user_name == "市") {
        // 市局审批
        this.stateText = row.sopinion;
      }
    },
    closecc() {
      this.upsData("1", "0"); //通过
    },
    subcc() {
      this.upsData("2", "1"); //不通过
    },
    upsData(state, type) {
      let date = new Date(+new Date() + 8 * 3600 * 1000)
        .toJSON()
        .substr(0, 19)
        .replace("T", " ");
      // console.log(date);
      // return;
      this.dialogVisiblecc = false;
      if (this.user_name == "派") {
        // 派出所审批
        this.xukezData.ptime = date;
        this.xukezData.papprove = state;
        this.xukezData.popinion = this.textareaShenpi;
        this.xukezData.type = type == "0" ? "2" : "1"; // 为了保持审核系统识别
      } else if (this.user_name == "县") {
        // 分局审批
        this.xukezData.xtime = date;
        this.xukezData.xapprove = state;
        this.xukezData.xopinion = this.textareaShenpi;
        this.xukezData.type = type == "0" ? "2" : "1"; // 为了保持审核系统识别
      } else if (this.user_name == "市") {
        // 市局审批
        this.xukezData.stime = date;
        this.xukezData.sapprove = state;
        this.xukezData.sopinion = this.textareaShenpi;
        this.xukezData.type = type == "0" ? "0" : "1"; // 为了保持审核系统识别
      }
      // console.log(this.xukezData);
      // return;
      update(this.xukezData).then((res) => {
        console.log(res);
        this.$message({
          type: "success",
          message: "操作成功!",
        });
        this.refreshChange();
        this.textareaShenpi = "";
      });
    },
    viewLicensehuizhi() {
      this.dialogVisiblehuizhi = true;
    },
@@ -440,9 +535,70 @@
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    getFenji(name) {
      var d = {};
      if (name == "派出所管理员") {
        d = {
          // papprove: 1,
        };
        this.user_name = "派";
      } else if (name == "县局管理员") {
        d = {
          papprove: "1",
        };
        this.user_name = "县";
      } else if (name == "市局管理员") {
        d = {
          xapprove: "1",
        };
        this.user_name = "市";
      }
      return d;
    },
    changeState(data) {
      var b = data;
      if (this.user_name == "派") {
        // 派出所审批
        b["stateOur"] = b.papprove == "0" ? "0" : b.papprove == "1" ? "1" : "2";
      } else if (this.user_name == "县") {
        // 分局审批
        b["stateOur"] = b.xapprove == "0" ? "0" : b.xapprove == "1" ? "1" : "2";
      } else if (this.user_name == "市") {
        // 市局审批
        b["stateOur"] = b.sapprove == "0" ? "0" : b.sapprove == "1" ? "1" : "2";
      }
      return b;
    },
    onLoad(page, params = {}) {
      this.loading = true;
      params["ptype"] = 3;
      var gonganj = "";
      console.log(this.userInfo);
      if (this.userInfo.role_name == "公安管理员") {
        let test = /派出所$/g;
        if (test.test(this.userInfo.role_name)) {
          gonganj = "派出所管理员";
        }
        test = /分局|公安局$/g;
        if (test.test(this.userInfo.role_name)) {
          gonganj = "县局管理员";
        }
        test = /市公安局$/g;
        if (test.test(this.userInfo.role_name)) {
          gonganj = "市局管理员";
        }
      }
      this.userData =
        gonganj == "派出所管理员" ? "2" : gonganj == "县局管理员" ? "1" : "0";
      params = {
        ...params,
        ...this.getFenji(gonganj),
      };
      console.log(params, "params");
      params["jurisdiction"] = this.userInfo.jurisdiction;
      // params["usetype"] = this.userData;
      this.option.column[this.option.column.length - 2].prop = "opinionOur";
      // return;
      getList(
        page.currentPage,
        page.pageSize,
@@ -451,6 +607,22 @@
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        for (var k in this.data) {
          // console.log(this.changeState(this.data[k]));
          this.data[k] = this.changeState(this.data[k]);
          let paichusuoyijian = this.data[k].popinion
            ? "派出所意见:" + this.data[k].popinion + ";"
            : "";
          let fenjuijian = this.data[k].xopinion
            ? "分局意见:" + this.data[k].xopinion + ";"
            : "";
          let shijuyijian = this.data[k].sopinion
            ? "市局意见:" + this.data[k].sopinion + ";"
            : "";
          this.data[k]["opinionOur"] =
            paichusuoyijian + fenjuijian + shijuyijian;
        }
        console.log(this.data);
        this.loading = false;
        this.selectionClear();
      });