12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595 |
- <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-select v-model="form.sjxfgxdw" placeholder="请选择消防大队">
- <el-option
- :label="item.deptName"
- :value="item.id"
- v-for="item in deptData"
- :key="item.id"
- ></el-option>
- </el-select>
- </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="yzbm">
- <el-input
- v-model="form.yzbm"
- placeholder="请输入"
- clearable
- /> </el-form-item
- ></el-col>
- <!-- <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-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-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="10"
- ><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-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="10">
- <el-form-item label="质态:" prop="policeId">
- <el-input
- v-model="form.policeId"
- placeholder="请输入"
- clearable
- />
- </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 detail-style"
- >
- <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-form-item label="上级消防管辖单位:" prop="sjxfgxdw">
- <div>{{ deptOptionsTrans(form.sjxfgxdw) }}</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-form-item label="负责人:" prop="orgCharge">
- <div>{{ form.orgCharge }}</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="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-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-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 { getDdlist } from "@/api/backend/statistics";
- 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 inspectHis from "@/views/backend/inspectHis/index";
- import orgDrill from "@/views/backend/orgDrill/index";
- import orgReport from "@/views/backend/orgReport/index";
- import { getTableHeight } from "@/utils/ruoyi.js";
- 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 {
- deptData: [],
- // 格式化部门的下拉框
- 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: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
- 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);
- this.getDeptData();
- },
- methods: {
- /** 获取消防大队下拉框数据 */
- getDeptData() {
- getDdlist().then((res) => {
- this.deptData = res.data;
- });
- },
- // 更多操作
- 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>
- @import "~@/assets/styles/dialog.scss";
- ::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>
|