ybxf-security-ui/src/views/backend/org2/index.vue

<template>
  <div class="app-container">
    <!-- 搜索工作栏 -->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <el-form-item label="单位名称" prop="orgName">
        <el-input v-model="queryParams.orgName" placeholder="请输入单位名称" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <!-- <el-form-item label="状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
          <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label"
            :value="parseInt(dict.value)" />
        </el-select>
      </el-form-item> -->
      <el-form-item label="单位地址" prop="dwdz">
        <el-input v-model="queryParams.dwdz" placeholder="请输入单位地址" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="监管单位类别" prop="dwlx">
        <el-select v-model="queryParams.dwlx" placeholder="请选择监管单位类别" style="width: 100%">
          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE)" :key="dict.value" :label="dict.label"
            :value="dict.value" />
        </el-select>
      </el-form-item>
      <!-- <el-form-item label="单位类型" prop="dwxz">
        <el-select v-model="queryParams.dwxz" placeholder="请选择单位类型" style="width: 100%">
          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE)" :key="dict.value" :label="dict.label"
            :value="dict.value" />
        </el-select>
      </el-form-item> -->
      <el-form-item label="行政区域" prop="xzqy">
        <el-input v-model="queryParams.xzqy" placeholder="请输入行政区域" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="负责人" prop="orgCharge">
        <el-input v-model="queryParams.orgCharge" placeholder="请输入负责人" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="负责人电话" prop="frdbdh">
        <el-input v-model="queryParams.frdbdh" placeholder="请输入负责人电话" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="单位电话" prop="dwdh">
        <el-input v-model="queryParams.dwdh" placeholder="请输入单位电话" clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <!-- <el-form-item label="上级消防管辖单位" prop="sjxfgxdw">
        <treeselect v-model="queryParams.sjxfgxdw" :options="deptOptions" :show-count="true" :clearable="false"
          placeholder="请选择上级消防管辖单位" :normalizer="normalizer" />
      </el-form-item> -->
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 操作工具栏 -->
    <el-row :gutter="10" class="mb8">
      <!-- <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['backend:org:create']">新增</el-button>
      </el-col> -->
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
          v-hasPermi="['backend:org:export']">导出</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" size="mini" @click="handleInit" :loading="exportLoading">单位信息初始化</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- 列表 -->
    <el-table highlight-current-row v-loading="loading" :data="list" @row-click="tableRowClick" :height="tableHeight"
      style="width: 100%;overflow: auto">
      <!-- <el-table-column type="expand">
        <template slot-scope="props">
          <el-form ref="form" label-width="180px" label-position="left">
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="单位名称:" prop="orgName">
                  <strong>{{ props.row.orgName }}</strong>
                </el-form-item></el-col>
              <el-col :span="6">
                <el-form-item label="单位地址:" prop="dwdz">
                  <strong>{{ props.row.dwdz }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位拼音简称:" prop="dwpyjc">
                  <strong>{{ props.row.dwpyjc }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="监管单位类别:" prop="dwlx">
                  <strong>
                    <dict-tag :type="DICT_TYPE.BACKEND_EMP_DWLX" :value="props.row.dwlx" /></strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="经济所有制:" prop="jjsyz">
                  <strong>{{ props.row.jjsyz }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位成立时间:" prop="dwclsj">
                  <strong>{{ parseTime(props.row.dwclsj) }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位等级:" prop="dwdj">
                  <strong>
                    <dict-tag :type="DICT_TYPE.DICT_IMPORTTANT_ORG_LEVEL" :value="props.row.dwdj" />
                  </strong>
                </el-form-item>
              </el-col>
              <el-col :span="6"><el-form-item label="单位类型:" prop="dwxz">
                  <strong>
                    <dict-tag :type="DICT_TYPE.BACKEND_ORG_TYPE" :value="props.row.dwxz" /></strong>
                </el-form-item></el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6"><el-form-item label="其他情况:" prop="qtqk">
                  <strong>{{ props.row.qtqk }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="行政区域:" prop="xzqy">
                  <strong>{{ props.row.xzqy }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="组织结构代码:" prop="zzjgdm">
                  <strong>{{ props.row.zzjgdm }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="负责人:" prop="orgCharge">
                  <strong>{{ props.row.orgCharge }}</strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="负责人身份证:" prop="frdbsfz">
                  <strong>{{ props.row.frdbsfz }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="负责人电话:" prop="frdbdh">
                  <strong>{{ props.row.frdbdh }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="消防安全负责人:" prop="aqzrr">
                  <strong>{{ props.row.aqzrr }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="消防安全负责人身份证:" prop="aqzrrsfz">
                  <strong>{{ props.row.aqzrrsfz }}</strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="消防安全负责人电话:" prop="aqzrrdh">
                  <strong>{{ props.row.aqzrrdh }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位电子邮箱:" prop="dwdzyx">
                  <strong>{{ props.row.dwdzyx }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="消防安全管理人:" prop="aqglr">
                  <strong>{{ props.row.aqglr }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="消防安全管理人身份证:" prop="aqglrsfz">
                  <strong>{{ props.row.aqglrsfz }}</strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="消防安全管理人电话:" prop="aqglrdh">
                  <strong>{{ props.row.aqglrdh }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="专兼职消防管理人:" prop="zjzxfglr">
                  <strong>{{ props.row.zjzxfglr }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="专兼职消防管理人身份证:" prop="zjzxfglrsfz">
                  <strong>{{ props.row.zjzxfglrsfz }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="专兼职消防管理人电话:" prop="zjzxfglrdh">
                  <strong>{{ props.row.zjzxfglrdh }}</strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="单位电话:" prop="dwdh">
                  <strong>{{ props.row.dwdh }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位传真:" prop="dwcz">
                  <strong>{{ props.row.dwcz }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位邮政编码:" prop="yzbm">
                  <strong>{{ props.row.yzbm }}</strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="上级消防管辖单位:" prop="sjxfgxdw">
                  <strong>{{ deptOptionsTrans(props.row.sjxfgxdw) }}</strong>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="确认重点单位时间:" prop="qrsj">
                  <strong>{{ parseTime(props.row.qrsj) }} </strong>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="取消重点单位时间:" prop="qxsj">
                  <strong>{{ parseTime(props.row.qxsj) }} </strong>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </template>
      </el-table-column> -->
      <el-table-column label="ID" align="center" prop="id" width="80" />
      <el-table-column label="单位名称" align="center" prop="orgName" width="200">
        <template v-slot="scope">
          <span style="color: forestgreen" @click="opentabs = true">{{ scope.row.orgName }}</span>
        </template>
      </el-table-column>
      <el-table-column label="单位地址" align="center" prop="dwdz" width="260" />
      <!-- <el-table-column label="单位拼音简称" align="center" prop="dwpyjc" /> -->
      <el-table-column label="监管单位类别" align="center" prop="dwlx" width="100">
        <template v-slot="scope">
          <dict-tag :type="DICT_TYPE.BACKEND_ORG_TYPE" :value="scope.row.dwlx" />
        </template>
      </el-table-column>
      <!-- <el-table-column label="经济所有制" align="center" prop="jjsyz" /> -->
      <!-- <el-table-column label="单位成立时间" align="center" prop="dwclsj" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.dwclsj) }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="单位等级" align="center" prop="dwdj" /> -->
      <el-table-column label="单位类型" align="center" prop="dwxz">
        <template v-slot="scope">
          <dict-tag :type="DICT_TYPE.BACKEND_ORG_TYPE" :value="scope.row.dwxz" />
        </template>
      </el-table-column>
      <!-- <el-table-column label="其他情况" align="center" prop="qtqk" /> -->
      <el-table-column label="行政区域" align="center" prop="xzqy" width="80px" />
      <!-- <el-table-column label="组织结构代码" align="center" prop="zzjgdm" /> -->
      <el-table-column label="负责人" align="center" prop="orgCharge" />
      <!-- <el-table-column label="负责人身份证" align="center" prop="frdbsfz" /> -->
      <el-table-column label="负责人电话" align="center" prop="frdbdh" width="120px" />
      <!-- <el-table-column label="消防安全负责人" align="center" prop="aqzrr" /> -->
      <!-- <el-table-column label="消防安全负责人身份证" align="center" prop="aqzrrsfz" /> -->
      <!-- <el-table-column label="消防安全负责人电话" align="center" prop="aqzrrdh" /> -->
      <!-- <el-table-column label="单位电子邮箱" align="center" prop="dwdzyx" /> -->
      <!-- <el-table-column label="消防安全管理人" align="center" prop="aqglr" /> -->
      <!-- <el-table-column label="消防安全管理人身份证" align="center" prop="aqglrsfz" /> -->
      <!-- <el-table-column label="消防安全管理人电话" align="center" prop="aqglrdh" /> -->
      <!-- <el-table-column label="专兼职消防管理人" align="center" prop="zjzxfglr" /> -->
      <!-- <el-table-column label="专兼职消防管理人身份证" align="center" prop="zjzxfglrsfz" /> -->
      <!-- <el-table-column label="专兼职消防管理人电话" align="center" prop="zjzxfglrdh" /> -->
      <el-table-column label="单位电话" align="center" prop="dwdh" width="120px" />
      <!-- <el-table-column label="单位传真" align="center" prop="dwcz" /> -->
      <!-- <el-table-column label="单位邮政编码" align="center" prop="yzbm" /> -->
      <el-table-column label="上级消防管辖单位" align="center" prop="sjxfgxdw" width="130px">
        <template v-slot="scope">
          <span>{{ deptOptionsTrans(scope.row.sjxfgxdw) }}</span>
        </template>
      </el-table-column>
      <!-- <el-table-column label="确认重点单位时间" align="center" prop="qrsj" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.qrsj) }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="取消重点单位时间" align="center" prop="qxsj" width="180">
        <template v-slot="scope">
          <span>{{ parseTime(scope.row.qxsj) }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="状态" align="center" prop="status">
        <template v-slot="scope">
          <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="260">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-view" @click="handleSee(scope.row)">查看</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['backend:org:update']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['backend:org:delete']">删除</el-button>
          <el-button size="mini" type="text" icon="el-icon-download" @click="handleExportMsg(scope.row)"
            v-hasPermi="['backend:org:delete']">导出</el-button>
        </template>
      </el-table-column> -->
      <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
        <template v-slot="scope">
          <el-button size="mini" type="text" icon="el-icon-view" @click="handleSee(scope.row)">查看</el-button>
          <el-dropdown @command="(command) => handleCommand(command, scope.$index, scope.row)"
            v-hasPermi="['backend:org:update', 'backend:org:delete']">
            <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="handleUpdate" size="mini" type="text" icon="el-icon-edit"
                v-hasPermi="['backend:org:update']">修改</el-dropdown-item>
              <el-dropdown-item command="handleDelete" size="mini" type="text" icon="el-icon-delete"
                v-hasPermi="['backend:org:delete']">删除</el-dropdown-item>
              <el-dropdown-item command="handleExportMsg" size="mini" type="text" icon="el-icon-download"
                v-hasPermi="['backend:org:delete']">导出二维码</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
      @pagination="getList" />
    <!-- 对话框(添加 / 修改) -->
    <el-dialog :title="title" :visible.sync="open" width="80%" v-dialogDrag append-to-body class="details">
      <el-form ref="form" :model="form" label-width="auto" label-position="left" :rules="rules" style="min-width:900px;">
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位名称" prop="orgName" required>
              <el-input v-model="form.orgName" placeholder="请输入" clearable /> </el-form-item></el-col>
              <el-col :span="12">
            <el-form-item label="上级消防管辖单位" prop="sjxfgxdw" required>
              <treeselect v-model="form.sjxfgxdw" :options="deptOptions" :show-count="true" :clearable="false"
                placeholder="请选择" :normalizer="normalizer" />
            </el-form-item>
          </el-col>
         
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位地址" prop="dwdz" >
              <el-input v-model="form.dwdz" placeholder="请输入" clearable /> </el-form-item></el-col>
         
          <el-col :span="12">
            <el-form-item label="监管单位类别" prop="dwlx">
              <el-select v-model="form.dwlx" placeholder="请选择" clearable size="small" style="width: 100%">
                <!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BACKEND_EMP_DWLX)" :key="dict.value"
                  :label="dict.label" :value="dict.value" /> -->
                  <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE)" :key="dict.value" :label="dict.label"
            :value="dict.value" />
              </el-select> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="行政区域" prop="xzqy">
              <el-input v-model="form.xzqy" placeholder="请输入" clearable /> </el-form-item>
           </el-col>
          <el-col :span="12">
            <el-form-item label="负责人" prop="orgCharge">
              <el-input v-model="form.orgCharge" placeholder="请输入" clearable /> </el-form-item>
            </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="负责人电话" prop="frdbdh">
              <el-input v-model="form.frdbdh" placeholder="请输入" clearable /> </el-form-item>
           </el-col>
          <el-col :span="12">
            <el-form-item label="单位电话" prop="dwdh">
              <el-input v-model="form.dwdh" placeholder="请输入" clearable /> </el-form-item>
           </el-col>

        </el-row>
        <el-row :gutter="20">
          <el-col :span="10"><el-form-item label="负责人身份证" prop="frdbsfz">
              <el-input v-model="form.frdbsfz" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="单位等级" prop="dwdj">
              <el-select v-model="form.dwdj" placeholder="请选择" clearable size="small" style="width: 100%">
                <el-option v-for="dict in this.getDictDatas(
                  DICT_TYPE.DICT_IMPORTTANT_ORG_LEVEL
                )" :key="dict.value" :label="dict.label" :value="dict.value" />
              </el-select> </el-form-item></el-col>
            </el-row>
        
<!-- 
           <el-col :span="10"><el-form-item label="负责人身份证" prop="frdbsfz">
            <el-input v-model="form.frdbsfz" placeholder="请输入" clearable /> </el-form-item></el-col>
        <el-col :span="12">
          <el-form-item label="负责人电话" prop="frdbdh">
            <el-input v-model="form.frdbdh" placeholder="请输入" clearable /> </el-form-item></el-col> -->
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全负责人" prop="aqzrr">
              <el-input v-model="form.aqzrr" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="消防安全负责人身份证" prop="aqzrrsfz">
              <el-input v-model="form.aqzrrsfz" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
  
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全管理人" prop="aqglr">
              <el-input v-model="form.aqglr" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="消防安全管理人身份证" prop="aqglrsfz">
              <el-input v-model="form.aqglrsfz" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全负责人电话" prop="aqzrrdh">
              <el-input v-model="form.aqzrrdh" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="单位电子邮箱" prop="dwdzyx">
              <el-input v-model="form.dwdzyx" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="专兼职消防管理人身份证" prop="zjzxfglrsfz">
              <el-input v-model="form.zjzxfglrsfz" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="专兼职消防管理人电话" prop="zjzxfglrdh">
              <el-input v-model="form.zjzxfglrdh" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        
        <el-row :gutter="20">
          <el-col :span="10"><el-form-item label="组织结构代码" prop="zzjgdm">
              <el-input v-model="form.zzjgdm" placeholder="请输入" clearable /> </el-form-item></el-col>
          <el-col :span="12"><el-form-item label="单位成立时间" prop="dwclsj">
              <el-date-picker clearable v-model="form.dwclsj" type="datetime" value-format="timestamp" placeholder="请选择"
                style="width: 100%" /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位类型" prop="dwxz">
              <el-select v-model="form.dwxz" placeholder="请选择" clearable size="small" style="width: 100%">
                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE)" :key="dict.value"
                  :label="dict.label" :value="dict.value" />
              </el-select> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="经济所有制" prop="jjsyz">
              <el-input v-model="form.jjsyz" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="其他情况" prop="qtqk">
              <el-input v-model="form.qtqk" placeholder="请输入" clearable /> </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="单位传真" prop="dwcz">
              <el-input v-model="form.dwcz" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位邮政编码" prop="yzbm">
              <el-input v-model="form.yzbm" placeholder="请输入" clearable /> </el-form-item></el-col>
              <el-col :span="12">
            <el-form-item label="单位拼音简称" prop="dwpyjc">
              <el-input v-model="form.dwpyjc" placeholder="请输入" clearable /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="确认重点单位时间" prop="qrsj">
              <el-date-picker clearable v-model="form.qrsj" type="date" value-format="timestamp" placeholder="请选择"
                style="width: 100%" /> </el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="取消重点单位时间" prop="qxsj">
              <el-date-picker clearable v-model="form.qxsj" type="date" value-format="timestamp" placeholder="请选择"
                style="width: 100%" /> </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位序号" prop="dwid">
              <el-input v-model="form.dwid" placeholder="请输入" clearable /></el-form-item></el-col>
          <el-col :span="12">
            <el-form-item label="单位排序" prop="roleSort">
              <el-input v-model="form.sort" placeholder="请输入" clearable @keyup.enter.native="handleQuery" />
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="状态" prop="status">
              <el-radio-group v-model="form.status" style="width: 100%;">
                <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="dict.value"
                  :label="parseInt(dict.value)">{{ dict.label }}</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12"></el-col>
        </el-row> -->
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- tabs -->
    <el-dialog :visible.sync="opentabs" width="85vw" append-to-body v-if="opentabs">
      <el-tabs type="border-card" v-model.trim="selectedTab" @tab-click="clickTab">
        <el-tab-pane label="单位建筑信息 " name="buildingInfo">
          <buildingInfo :orgId="orgId"></buildingInfo>
        </el-tab-pane>
        <el-tab-pane label="单位人员管理 " name="emp">
          <emp :sjjg="orgId"></emp>
        </el-tab-pane>
        <el-tab-pane label="单位设施管理" name="fpd">
          <fpd :orgId="orgId"></fpd>
        </el-tab-pane>
        <!-- <el-tab-pane label="隐患管理" name="hiddenDanger">
                <hiddenDanger :orgId="orgId"></hiddenDanger>
              </el-tab-pane> -->
        <el-tab-pane label="微型消防站管理" name="microStation">
          <microStation :orgId="orgId"></microStation>
        </el-tab-pane>
        <el-tab-pane label="培训演练" name="orgDrill">
          <orgDrill :orgId="orgId"></orgDrill>
        </el-tab-pane>
        <el-tab-pane label="维保报告" name="orgReport">
          <orgReport :orgId="orgId"></orgReport>
        </el-tab-pane>
        <!-- <el-tab-pane label="主动检查" name="inspectHis1">
          <inspectHis :orgId="orgId" :taskType="inspectHis1"></inspectHis>
        </el-tab-pane>
        <el-tab-pane label="主动巡查" name="inspectHis2">
          <inspectHis :orgId="orgId" :taskType="inspectHis2"></inspectHis>
        </el-tab-pane>
        <el-tab-pane label="每日检查" name="inspectHis3">
          <inspectHis :orgId="orgId" :taskType="inspectHis3"></inspectHis>
        </el-tab-pane> -->
      </el-tabs>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="opentabs = false">关 闭</el-button>
      </div>
    </el-dialog>
    <el-dialog title="详细信息查看" :visible.sync="openSeedialog" width="85vw" class="detail">
      <el-form ref="form" :model="form" label-width="auto" label-position="left">
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位名称:" prop="orgName">
              <div>{{ form.orgName }}</div>
            </el-form-item></el-col>
          <el-col :span="14">
            <el-form-item label="单位地址:" prop="dwdz">
              <div>{{ form.dwdz }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位拼音简称:" prop="dwpyjc">
              <div>{{ form.dwpyjc }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="监管单位类别:" prop="dwlx">
              <div>
                <dict-tag :type="DICT_TYPE.BACKEND_EMP_DWLX" :value="form.dwlx" />
              </div>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="经济所有制:" prop="jjsyz">
              <div>{{ form.jjsyz }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="单位成立时间:" prop="dwclsj">
              <div>{{ parseTime(form.dwclsj) }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位等级:" prop="dwdj">
              <div>
                <dict-tag :type="DICT_TYPE.DICT_IMPORTTANT_ORG_LEVEL" :value="form.dwdj" />
              </div>
            </el-form-item>
          </el-col>
          <el-col :span="14"><el-form-item label="单位类型:" prop="dwxz">
              <div>
                <dict-tag :type="DICT_TYPE.BACKEND_ORG_TYPE" :value="form.dwxz" />
              </div>
            </el-form-item></el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10"><el-form-item label="其他情况:" prop="qtqk">
              <div>{{ form.qtqk }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="行政区域:" prop="xzqy">
              <div>{{ form.xzqy }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="组织结构代码:" prop="zzjgdm">
              <div>{{ form.zzjgdm }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="负责人:" prop="orgCharge">
              <div>{{ form.orgCharge }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="负责人身份证:" prop="frdbsfz">
              <div>{{ form.frdbsfz }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="负责人电话:" prop="frdbdh">
              <div>{{ form.frdbdh }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全负责人:" prop="aqzrr">
              <div>{{ form.aqzrr }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="消防安全负责人身份证:" prop="aqzrrsfz">
              <div>{{ form.aqzrrsfz }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全负责人电话:" prop="aqzrrdh">
              <div>{{ form.aqzrrdh }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="单位电子邮箱:" prop="dwdzyx">
              <div>{{ form.dwdzyx }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全管理人:" prop="aqglr">
              <div>{{ form.aqglr }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="消防安全管理人身份证:" prop="aqglrsfz">
              <div>{{ form.aqglrsfz }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="消防安全管理人电话:" prop="aqglrdh">
              <div>{{ form.aqglrdh }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="专兼职消防管理人:" prop="zjzxfglr">
              <div>{{ form.zjzxfglr }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="专兼职消防管理人身份证:" prop="zjzxfglrsfz">
              <div>{{ form.zjzxfglrsfz }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="专兼职消防管理人电话:" prop="zjzxfglrdh">
              <div>{{ form.zjzxfglrdh }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位电话:" prop="dwdh">
              <div>{{ form.dwdh }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="单位传真:" prop="dwcz">
              <div>{{ form.dwcz }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="单位邮政编码:" prop="yzbm">
              <div>{{ form.yzbm }}</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="上级消防管辖单位:" prop="sjxfgxdw">
              <div>{{ deptOptionsTrans(form.sjxfgxdw) }}</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="确认重点单位时间:" prop="qrsj">
              <div>{{ parseTime(form.qrsj) }} </div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-form-item label="取消重点单位时间:" prop="qxsj">
              <div>{{ parseTime(form.qxsj) }} </div>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="openSeedialog = false">关 闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { DICT_TYPE, getDictDatas } from "@/utils/dict";
import { listSimpleDepts } from "@/api/system/dept";
import {
  createOrg,
  updateOrg,
  deleteOrg,
  getOrg,
  getOrgPage,
  exportOrgExcel,
  exportOrgCode
} from "@/api/backend/org";
import dept from "@/views/system/dept/index";
import emp from "@/views/unitorg/emp/index";
import fpd from "@/views/unitorg/fpd/index";
import buildingInfo from "@/views/unitorg/buildingInfo/index";
import hiddenDanger from "@/views/backend/hiddenDanger/index";
import microStation from "@/views/unitorg/microStation/index";
import orgDrill from "@/views/backend/orgDrill/index";
import inspectHis from "@/views/backend/inspectHis/index";
import { getTableHeight } from "@/utils/ruoyi.js";
import orgReport from "@/views/backend/orgReport/index";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
  name: "Org",
  components: {
    Treeselect,
    dept,
    emp,
    buildingInfo,
    fpd,
    hiddenDanger,
    microStation,
    inspectHis,
    orgDrill,
    orgReport
  },
  data() {
    return {
      // 格式化部门的下拉框
      normalizer(node) {
        return {
          id: node.id,
          label: node.name,
          children: node.children,
        };
      },
      deptOptionsList: {},
      // 部门树选项
      deptOptions: undefined,
      // 遮罩层
      loading: true,
      // 导出遮罩层
      exportLoading: false,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 单位信息管理列表
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNo: 1,
        pageSize: 10,
        orgName: null,
        dwdz: null,
        dwlx: null,
        dwxz: null,
        xzqy: null,
        orgCharge: null,
        frdbdh: null,
        dwdh: null,
        sjxfgxdw: null,
        status: null,
        userId:this.$store.state.user.id
      },
      // 表单参数
      form: {
        status: 0,
      },
      // 表单校验
      rules: {
        status: [{ required: true, message: "状态不能为空", trigger: "blur" }],
        orgName: [{ required: true, message: "单位名称不能为空", trigger: "blur" }],
        sjxfgxdw:[{ required: true, message: "上级管辖单位不能为空", trigger: "blur" }],
        dwdzyx: [
          {
            type: "email",
            message: "请输入正确的邮箱地址",
            trigger: ["blur", "change"],
          },
        ],
        aqzrrsfz:[{ required: true, message: "请输入消防安全负责人", trigger: "blur" }],
        aqglr:[{ required: true, message: "请输入消防安全管理人", trigger: "blur" }],
        dwdz:[{ required: true, message: "请输入单位地址", trigger: "blur" }],
        dwlx:[{ required: true, message: "请选择监管单位类别", trigger: "blur" }],
        orgCharge:[{ required: true, message: "请输入负责人", trigger: "blur" }],
        xzqy:[{ required: true, message: "请输入消防安全负责人", trigger: "blur" }],
        aqzrr:[{ required: true, message: "请输入行政区域", trigger: "blur" }],
        // aqzrrsfz:[{ required: true, message: "请输入消防安全负责人身份证", trigger: "blur" }],
        // aqglrsfz:[{ required: true, message: "请输入消防安全管理人身份证", trigger: "blur" }],
        frdbdh: [
          {
            required: true,
            pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
            message: "请输入正确的手机号码",
            trigger: "blur"
          }
        ],
        dwdh: [
          {
            required: true,
            pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
            message: "请输入正确的手机号码",
            trigger: "blur"
          }
        ],
        // 手机号
        // frdbdh: [
        //   // 这个只能验证手机号
        //   // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" }
        //   { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号/电话号", trigger: ['blur', 'change'] }
        // ],
        // aqzrrdh: [
        //   // 这个只能验证手机号
        //   // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" }
        //   { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号/电话号", trigger: ['blur', 'change'] }
        // ],
        // zjzxfglrdh: [
        //   // 这个只能验证手机号
        //   // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" }
        //   { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号/电话号", trigger: ['blur', 'change'] }
        // ],
        // aqglrdh: [
        //   // 这个只能验证手机号
        //   // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" }
        //   { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号/电话号", trigger: ['blur', 'change'] }
        // ],
        // dwdh: [
        //   // 这个只能验证手机号
        //   // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" }
        //   { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: "请输入合法手机号/电话号", trigger: ['blur', 'change'] }
        // ],
        // 身份证
        frdbsfz: [
          {
            required:true,
            pattern:
              /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: "请输入合法身份证号",
            trigger: ["blur", "change"],
          },
        ],
        aqzrrsfz: [
          {
            required: true,
            required: true,
            pattern:
              /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: "请输入合法身份证号",
            trigger: ["blur", "change"],
          },
        ],
        aqglrsfz: [
          {
            required: true,
            pattern:
              /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: "请输入合法身份证号",
            trigger: ["blur", "change"],
          },
        ],
        zjzxfglrsfz: [
          {
            pattern:
              /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: "请输入合法身份证号",
            trigger: ["blur", "change"],
          },
        ],
      },

      selectedTab: "buildingInfo",
      // 数据字典
      statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS), //状态

      dwlxDictDatas: getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE), //请选择监管单位类别

      dwxzDictDatas: getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE), //状态
      orgId: null,
      opentabs: false,
      tableHeight: "",
      resizeFlag: null,
      inspectHis1: "",
      inspectHis2: "",
      inspectHis3: "",
      openSeedialog: false,
    };
  },
  mounted() {
    this.getDictDatas(DICT_TYPE.TASK_TYPE).map((i) => {
      if (i.label == "主动检查") {
        this.inspectHis1 = i.value;
      } else if (i.label == "主动巡查") {
        this.inspectHis2 = i.value;
      } else if (i.label == "每日检查") {
        this.inspectHis3 = i.value;
      } else {
      }
    });
    window.addEventListener("resize", () => {
      // resizeHeight()
      this.tableHeight = getTableHeight(280);
    });
  },
  created() {
    this.getTreeselect();
    this.tableHeight = getTableHeight(280);
  },
  methods: {
    // 更多操作
    handleCommand(command, index, row) {
      switch (command) {
        case 'handleUpdate':
          this.handleUpdate(row);
          break;
        case 'handleDelete':
          this.handleDelete(row);
          break;
        case 'handleExportMsg':
          this.handleExportMsg(row);
          break;
        default:
          break;
      }
    },
    deptOptionsTrans(val) {
      return this.deptOptionsList[val];
    },
    handleInit() {//单位信息初始化按钮
      this.getList()
    },
    /** 查询列表 */
    getList() {
      this.loading = true;
      // 执行查询
      getOrgPage(this.queryParams).then((response) => {
        this.list = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    /** 查询部门下拉树结构 + 岗位下拉 */
    getTreeselect() {
      listSimpleDepts().then((response) => {
        // 处理 deptOptions 参数
        this.deptOptions = [];
        this.deptOptions.push(...this.handleTree(response.data, "id"));
        var list = response.data;
        list.map((i) => {
          this.deptOptionsList[i.id] = i.name;
        });
        this.getList();
      });
    },
    /** 取消按钮 */
    cancel() {
      this.open = false;
      this.reset();
    },
    /** 表单重置 */
    reset() {
      this.form = {
        id: undefined,
        orgName: undefined,
        dwdz: undefined,
        dwpyjc: undefined,
        dwlx: undefined,
        jjsyz: undefined,
        dwclsj: undefined,
        dwdj: undefined,
        dwxz: undefined,
        qtqk: undefined,
        xzqy: undefined,
        zzjgdm: undefined,
        orgCharge: undefined,
        frdbsfz: undefined,
        frdbdh: undefined,
        aqzrr: undefined,
        aqzrrsfz: undefined,
        aqzrrdh: undefined,
        dwdzyx: undefined,
        aqglr: undefined,
        aqglrsfz: undefined,
        aqglrdh: undefined,
        zjzxfglr: undefined,
        zjzxfglrsfz: undefined,
        zjzxfglrdh: undefined,
        dwdh: undefined,
        dwcz: undefined,
        yzbm: undefined,
        sjxfgxdw: undefined,
        qrsj: undefined,
        qxsj: undefined,
        status: 0,
        dwid:undefined
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
   
      this.queryParams.pageNo = 1;
      this.getList();
      console.log(this.list,'lisilist')
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加单位信息管理";
    },
    /** 查看按钮操作 */
    handleSee(row) {
      this.reset();
      const id = row.id;
      getOrg(id).then((response) => {
        this.form = response.data;
        this.openSeedialog = true;
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      getOrg(id).then((response) => {
        this.form = response.data;
        this.form.qrsj=new Date(response.data.qrsj).getTime()
        this.form.qxsj=new Date(response.data.qxsj).getTime()
        this.open = true;
        this.title = "修改单位信息管理";
      });
    },
    /** 提交按钮 */
    submitForm() {
      if (this.form.qrsj > this.form.qxsj) {
        this.$message.error("取消重点单位时间不能小于确定重点单位时间");
        return;
      }
      this.form.userId = this.$store.getters.userId;
      this.$refs["form"].validate((valid) => {
        if (!valid) {
          return;
        }
        // 修改的提交
        if (this.form.id != null) {
          updateOrg(this.form).then((response) => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
          return;
        }
        // 添加的提交
        createOrg(this.form).then((response) => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const id = row.id;
      this.$modal
        .confirm('是否确认删除单位为"' + row.orgName + '"的数据项?')
        .then(function () {
          return deleteOrg(id);
        })
        .then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
    },
    handleExport() {
      // 处理查询参数
      let params = { ...this.queryParams };
      params.pageNo = undefined;
      params.pageSize = undefined;
      // 执行导出
      this.$modal
        .confirm("是否确认导出消防单位信息?")
        .then(() => {
          this.exportLoading = true;
          return exportOrgExcel(params);
        })
        .then((response) => {
          this.$download.excel(response, "消防单位信息.xls");
          this.exportLoading = false;
        })
        .catch(() => { });
    },
    /** 导出按钮操作 */
    handleExportMsg(row) {
      const id = row.dwid;
      // 执行导出
      this.$modal
        .confirm("是否确认导出消防二维码?")
        .then(() => {
          this.exportLoading = true;
          return exportOrgCode({ orgId: id }).then((response) => {
            this.$download.zip(response.data, "消防二维码.zip");
            this.exportLoading = false;
          });
        }).catch(() => { });
    },
    tableRowClick(row) {
      console.log("row, column, event :>> ", row);
      this.orgId = row.id;
    },
    clickTab(e) {
      // console.log("e :>> ", e);
    },
  },
};
</script>
<style lang="scss" scoped>
.detail,
.details {

  ::v-deep .el-form-item__label,
  ::v-deep .el-form-item__content {
    font-size: 16px;
    color: #86909C;
    font-weight: 500;
  }

  ::v-deep .el-form-item__content {
    font-size: 14px;
    color: #444444 !important;
  }
}

::v-deep .el-dialog__body {
  margin-left: 60px !important;
}

::v-deep .el-form-item__label-wrap {
  margin-left: 0 !important;
}

.details {
  ::v-deep .el-col-12{
    padding-left:60px !important;
  }

  // ::v-deep .el-form-item__label-wrap {
  //   margin-left: 20px !important;
  // }
}
</style>