index.vue 74 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261
  1. <template>
  2. <div class="app-container">
  3. <!-- 91 91民政部婚姻登记信息核验(个人)-->
  4. <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="70px">
  5. <el-row>
  6. <el-col :span="24">
  7. <el-row>
  8. <el-col :span="8">
  9. <el-form-item label="身份证号" prop="cert_num_man">
  10. <el-input v-model="queryParams.cert_num_man" placeholder="请输入男/女方身份证件号码" style="width:265px;" clearable @keyup.enter.native="handleQuery" />
  11. </el-form-item>
  12. </el-col>
  13. <el-col :span="8">
  14. <el-form-item label="姓名" prop="name_man">
  15. <el-input v-model="queryParams.name_man" placeholder="请输入男/女方姓名" style="width:265px;" clearable @keyup.enter.native="handleQuery" />
  16. </el-form-item>
  17. </el-col>
  18. <el-col :span="4" style="text-align: left;">
  19. <el-form-item>
  20. <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
  21. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  22. </el-form-item>
  23. </el-col>
  24. </el-row>
  25. </el-col>
  26. <el-col :span="24">
  27. <el-row>
  28. </el-row>
  29. </el-col>
  30. </el-row>
  31. </el-form>
  32. <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" stripe style="width: 100%" :height="tableMaxHeight">
  33. <el-table-column label="查询结果" align="center" prop="result" />
  34. </el-table>
  35. <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
  36. <!-- 添加或修改疫苗信息对话框 -->
  37. <el-dialog :title="title" :visible.sync="opens" width="1240px" append-to-body>
  38. <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  39. <el-row>
  40. <el-col :span="8" v-if="shouwef">
  41. <el-form-item label="身份证号" prop="idCard"><el-input v-model="form.idCard" placeholder="请输入身份证号码" @blur="idcde" /></el-form-item>
  42. </el-col>
  43. <el-col :span="8" v-if="shouwef">
  44. <el-form-item label="姓名" prop="userName"><el-input v-model="form.userName" placeholder="请输入姓名" /></el-form-item>
  45. </el-col>
  46. <el-col :span="8" v-if="shouwef">
  47. <el-form-item label="性别" prop="gender">
  48. <!-- <el-input v-model="form.gender" placeholder="请输入性别" /> -->
  49. <el-select v-model="form.gender" placeholder="性别" clearable style="width: 100%;">
  50. <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
  51. </el-select>
  52. </el-form-item>
  53. </el-col>
  54. <el-col :span="24" v-if="shouwef">
  55. <el-row>
  56. <el-col :span="8">
  57. <el-form-item label="联系号码" prop="phoneNum"><el-input v-model="form.phoneNum" placeholder="请输入联系号码" /></el-form-item>
  58. </el-col>
  59. <el-col :span="8">
  60. <el-form-item label="人员分类" prop="keyIndustries">
  61. <el-select v-model="form.keyIndustries" placeholder="人员分类" clearable style="width: 100%;">
  62. <el-option v-for="dict in typeOptionsname" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
  63. </el-select>
  64. </el-form-item>
  65. </el-col>
  66. <el-col :span="8">
  67. <el-form-item label="年龄" prop="age"><el-input v-model="form.age" placeholder="请输入年龄" /></el-form-item>
  68. </el-col>
  69. </el-row>
  70. </el-col>
  71. <el-col :span="24">
  72. <el-row>
  73. <el-col :span="12" style="position: relative;">
  74. <span style="position: absolute;top:5px; color: red;left:25px;">*</span>
  75. <el-form-item label="户籍地址" style="margin-bottom: 5px;" >
  76. <!-- <el-input v-model="form.villageTowns" type="textarea" placeholder="请输入内容" /> -->
  77. <!-- <treeselect v-model="form.parentId" :options="deptOptionstwo" :normalizer="normalizer" :flat="true" :maxHeight="150" @select="djieskle" :multiple=true placeholder="点击选择户籍地" /> -->
  78. <el-cascader
  79. v-if="nhyesfx"
  80. :placeholder="nhdyesfgh"
  81. :options="optionsLists"
  82. :filterable="true"
  83. separator="/"
  84. @change="chahe"
  85. :props="optionPropsss"
  86. style="width: 100%;"
  87. ref="myCascader"
  88. @active-item-change="handleItemChanges"
  89. :class="[nhdyesfgh == '点击选择户籍地址' ? '' : 'placf']"
  90. ></el-cascader>
  91. <!-- @click.native="clicks"
  92. :popper-class="'cascader' + id" -->
  93. <!-- <el-cascader
  94. :placeholder="nhdyesfgh"
  95. :options="optionsList"
  96. :filterable="true"
  97. separator="/"
  98. @change="chahe(index)"
  99. v-model="selected"
  100. :props="optionPropsss"
  101. style="width: 100%;"
  102. ref="myCascader"
  103. @active-item-change="handleItemChange"
  104. :class="[nhdyesfgh == '点击选择居住地址' ? '' : 'placf']"
  105. ></el-cascader> -->
  106. <p style="line-height: 20px; font-size: 12px;color: red;">点击小圆圈一级一级选择</p>
  107. </el-form-item>
  108. </el-col>
  109. <el-col :span="12">
  110. <el-form-item label="详细地址" prop="nowIn"><el-input v-model="form.nowIn" type="input" placeholder="请输入户籍详细地址" /></el-form-item>
  111. </el-col>
  112. </el-row>
  113. </el-col>
  114. <el-col :span="24" v-for="(item, index) in form.czrkJzdzList" :key="index" v-show="senlsduea == false || index !== 0">
  115. <el-col :span="12">
  116. <el-form-item label="居住地址" prop="province" style="margin-bottom: 5px;">
  117. <el-cascader
  118. :placeholder="item.plaed"
  119. :options="item.optiodne"
  120. :filterable="true"
  121. separator="/"
  122. @change="onSelected(index)"
  123. :props="optionPropsss"
  124. style="width: 100%;"
  125. :ref="'myCascaderf' + '' + index"
  126. v-model="item.seleted"
  127. @active-item-change="handleItemChange"
  128. :class="[item.plaed == '请选择居住地址' ? '' : 'placf']"
  129. ></el-cascader>
  130. <!-- :popper-class="'cascader' + idsg"
  131. @click.native="click(index)" -->
  132. <!-- @active-item-change="handleItemChange" v-if = 'nhdyesku' -->
  133. <p style="line-height: 20px; font-size: 12px;color: red;">点击小圆圈一级一级选择</p>
  134. </el-form-item>
  135. <!-- :key="cascaderKey" seleted -->
  136. </el-col>
  137. <el-col :span="11">
  138. <el-form-item label="详细地址" prop="nowIn"><el-input v-model="item.nowIn" type="input" placeholder="请输入内容" /></el-form-item>
  139. </el-col>
  140. <el-col :span="1">
  141. <div class="hyeoa" style="margin-top: 10px;">
  142. <el-tooltip class="item" effect="dark" content="新增居住地址信息,请慎重操作" placement="top-start">
  143. <img src="../../../assets/images/icon_tc_add.png" alt="" class="hueyde" @click="tijea(index)" />
  144. </el-tooltip>
  145. <el-tooltip class="item" effect="dark" content="删除无法恢复,请慎重操作" placement="top-start">
  146. <img src="../../../assets/images/delei.png" alt="" class="hueydele" @click="naeyrfakjf(index, item)" />
  147. </el-tooltip>
  148. </div>
  149. </el-col>
  150. </el-col>
  151. <el-col :span="24" >
  152. <el-col :span="12">
  153. <el-form-item label="户主" prop="houseType">
  154. <el-select v-model="form.houseType" placeholder="户主" clearable style="width: 100%;" @change="changese">
  155. <el-option v-for="dict in typeOptionshuuj" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
  156. </el-select>
  157. </el-form-item>
  158. </el-col>
  159. <el-col :span="12">
  160. <el-form-item label="户编号" prop="code">
  161. <el-input v-model="form.code" placeholder="请输入户主编号"/>
  162. <!-- :disabled="nhe" -->
  163. </el-form-item>
  164. </el-col>
  165. </el-col>
  166. <el-col :span="24" >
  167. <el-col :span="12" >
  168. <el-form-item label="与户主关系" prop="yhzgx">
  169. <el-select v-model="form.yhzgx" placeholder="与户主关系" clearable style="width: 100%;">
  170. <el-option v-for="dict in typeOptionstyzandeh" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictLabel" />
  171. </el-select>
  172. </el-form-item>
  173. </el-col>
  174. <el-col :span="12">
  175. <el-form-item label="网格" prop="houseTyper">
  176. <el-cascader
  177. :placeholder="ndhesdweaf"
  178. :options="optionsListwg"
  179. filterable
  180. @change="chahetwoswge"
  181. :props="optionPropsssdwg"
  182. style="width: 100%;"
  183. @keyup.enter.native="handleQuery"
  184. :key="nhduesw"
  185. ref = "cddfr"
  186. @active-item-change="handleItemChangefrwg"
  187. :class="[ndhesdweaf == '点击选择网格' ? '' : 'placf']"
  188. ></el-cascader>
  189. </el-form-item>
  190. </el-col>
  191. </el-col>
  192. <el-col :span="24">
  193. <el-form-item label="备注" prop="remark">
  194. <el-input v-model="form.remark" type="input" placeholder="请输入户籍详细地址" />
  195. </el-form-item>
  196. </el-col>
  197. </el-row>
  198. </el-form>
  199. <div slot="footer" class="dialog-footer">
  200. <el-button type="primary" @click="submitForm">确 定</el-button>
  201. <el-button @click="cancel">取 消</el-button>
  202. </div>
  203. </el-dialog>
  204. <!-- 图片预览 -->
  205. <el-dialog :close-on-click-modal="false" title="变更原因" :visible.sync="imashow" width="800px" append-to-body >
  206. <el-form ref="formgt" :model="formgt" :rules="ruleshy" label-width="100px" style="padding-bottom: 30px;">
  207. <el-form-item label="变更:" prop="houseType">
  208. <el-select v-model="formgt.houseType" placeholder="请选择变更原因" clearable style="width: 100%;">
  209. <el-option v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
  210. </el-select>
  211. </el-form-item>
  212. </el-form>
  213. <div slot="footer" class="dialog-footer">
  214. <el-button type="primary" @click="submitFormfr">确 定</el-button>
  215. <el-button @click="cancel">取 消</el-button>
  216. </div>
  217. </el-dialog>
  218. <el-dialog :close-on-click-modal="false" title="查看信息" :visible.sync="jiezhong" width="1100px" append-to-body class="ojhgy">
  219. <el-table :data="jiezheList" stripe style="width: 100%">
  220. <el-table-column type="selection" width="55" align="center" />
  221. <el-table-column label="姓名" align="center" prop="userName" fixed width="100"/>
  222. <el-table-column label="与户主关系" align="center" prop="yhzgx" fixed width="100"/>
  223. <el-table-column label="联系方式" align="center" prop="phoneNum" width="110" />
  224. <el-table-column label="身份证号码" align="center" prop="idCard" width="180" />
  225. <el-table-column label="户籍地址" align="center" prop="domicileSelect" width="250" />
  226. <!-- nowInSelect -->
  227. <el-table-column label="居住地址" align="center" prop="nowInSelect" />
  228. <!-- <el-table-column label="是否户主" align="center" prop="houseType" width="90" /> -->
  229. <el-table-column v-if="nhyesoder !== 3" label="操作人" align="center" prop="updateBy" width="90" />
  230. <el-table-column v-if="nhyesoder !== 3" label="创建时间" align="center" prop="createTime" />
  231. </el-table>
  232. </el-table>
  233. <pagination v-show="totalfr > 0" :total="totalfr" :page.sync="ndhuwosdjh.pageNum" :limit.sync="ndhuwosdjh.pageSize" @pagination="chakei" />
  234. </el-dialog>
  235. </div>
  236. </template>
  237. <script>
  238. import {listRoleergth } from '@/api/system/residentss';
  239. import { listInfo,listInfoch, getInfo, delInfo, addInfo, updateInfo, exportInfo, listRoleer, idces, delInfort,yiaoe,exportConfig,exportConfigtyr,importLog,delInfohy,listRoleergthwg } from '@/api/bdc/marriageIndividual';
  240. import { treeselect } from '@/api/system/dept';
  241. import Treeselect from '@riophae/vue-treeselect';
  242. import { getToken } from '@/utils/auth';
  243. import '@riophae/vue-treeselect/dist/vue-treeselect.css';
  244. export default {
  245. name: 'Info',
  246. components: { Treeselect },
  247. data() {
  248. return {
  249. // 遮罩层
  250. loading: false,
  251. // 选中数组
  252. ids: [],
  253. id:'fg',
  254. idsg:'gh',
  255. // 非单个禁用
  256. single: true,
  257. // 非多个禁用
  258. multiple: true,
  259. // 显示搜索条件
  260. showSearch: true,
  261. // 总条数
  262. total: 0,
  263. ruleshy:{},
  264. // 疫苗信息表格数据
  265. infoList: [],
  266. dialogImageUrl: '',
  267. // 弹出层标题
  268. title: '',
  269. totalfr:0,
  270. nhyesfx:false,
  271. ndhesdweaf:'点击选择网格',
  272. // 是否显示弹出层
  273. opens: false,
  274. process: process.env.VUE_APP_BASE_API,
  275. // 查询参数
  276. queryParams: {
  277. pageNum: 1,
  278. pageSize: 10,
  279. MomIdCode: null,
  280. MomName: null,
  281. BirthCode: null,
  282. requestOrgName: null,
  283. requestOrgCode: null,
  284. },
  285. config: [],
  286. comfietg:[],
  287. configther:[],
  288. configfor:[],
  289. senlsduea:false,
  290. nhykis:true,
  291. nhyki:false,
  292. nhduesw:0,
  293. // 表单参数
  294. form: {
  295. nowIn: '',
  296. age:'',
  297. code:'',
  298. czrkJzdzList: [
  299. {
  300. provinceId: '',
  301. province: '',
  302. deptId: '',
  303. cityId: '',
  304. city: '',
  305. regionId:'',
  306. region: '',
  307. townId: '',
  308. town: '',
  309. villageId: '',
  310. village: '',
  311. nowIn:'',
  312. seleted:[],
  313. plaed:'请选择居住地址',
  314. optiodne:[],
  315. disableg:false,
  316. }
  317. ]
  318. },
  319. nbdgywkajs:false,
  320. // 用户导入参数
  321. upload: {
  322. // 是否显示弹出层(用户导入)
  323. opens: false,
  324. // 弹出层标题(用户导入)
  325. title: "",
  326. // 是否禁用上传
  327. isUploading: false,
  328. // 是否更新已经存在的用户数据
  329. updateSupport: 0,
  330. // 设置上传的请求头部
  331. headers: { Authorization: "Bearer " + getToken() },
  332. // 上传的地址
  333. url: process.env.VUE_APP_BASE_API + "/boman-web-core//file/common/importYmjz"
  334. },
  335. // 表单校验
  336. rules: {
  337. idCard: [{ required: true, message: '身份证号码不能为空', trigger: 'blur' }],
  338. userName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
  339. // villageTowns:[{ required: true, message: '户籍地址不能为空或不能只选潜山市', trigger: 'blur' }],
  340. houseType:[{ required: true, message: '请选择是否户主', trigger: 'blur' }],
  341. code:[{ required: true, message: '请输入户编号信息', trigger: 'blur' }],
  342. yhzgx:[{ required: true, message: '请选择与户主关系', trigger: 'blur' }],
  343. },
  344. selected: [],
  345. selectedtwo: [],
  346. statusOptions: [
  347. {
  348. dictValue: '女',
  349. dictLabel: '女'
  350. },
  351. {
  352. dictValue: '男',
  353. dictLabel: '男'
  354. }
  355. ],
  356. statusOptionstue: [
  357. {
  358. dictValue: '已完成',
  359. dictLabel: '已完成'
  360. },
  361. {
  362. dictValue: '未完成',
  363. dictLabel: '未完成'
  364. }
  365. ],
  366. typeOptionshuuj: [
  367. {
  368. dictValue: '是',
  369. dictLabel: '是'
  370. },
  371. {
  372. dictValue: '否',
  373. dictLabel: '否'
  374. }
  375. ],
  376. deptOptionstwo: [],
  377. options: [],
  378. optionss:[],
  379. optionsList: [],
  380. optionProps: {
  381. value: 'areaId',
  382. label: 'name',
  383. checkStrictly: true,
  384. },
  385. optionPropsssd:{
  386. value: 'areaId',
  387. label: 'name',
  388. checkStrictly: true,
  389. lazy: true,
  390. lazyLoad: this.lazyLoads,
  391. leaf: "leaf"
  392. },
  393. optionPropsss: {
  394. value: 'areaId',
  395. label: 'name',
  396. checkStrictly: true,
  397. },
  398. optionPropsssdwg:{
  399. value: 'id',
  400. label: 'areaName',
  401. checkStrictly: true,
  402. },
  403. optionPropstwo: {
  404. value: 'id',
  405. label: 'label',
  406. children: 'children',
  407. checkStrictly: true
  408. },
  409. heuiq: [],
  410. typeOptions: [],
  411. typeOptionsty: [
  412. {
  413. dictValue: '是',
  414. dictLabel: '是'
  415. },
  416. {
  417. dictValue: '否',
  418. dictLabel: '否'
  419. }
  420. ],
  421. typeOptionstyzandeh:[],
  422. angesList: [
  423. ],
  424. typeOptionsname: [],
  425. typeOptionstimes: [],
  426. typeOptionsvaccinatio: [],
  427. typeOptionscont: [],
  428. typeOptionscontty: [],
  429. typeOptionscontqit:[],
  430. // 剂次
  431. typeOptionstimesgt: [
  432. {
  433. dictValue: '1',
  434. dictLabel: '1'
  435. },
  436. {
  437. dictValue: '2',
  438. dictLabel: '2'
  439. },
  440. {
  441. dictValue: '3',
  442. dictLabel: '3'
  443. },
  444. {
  445. dictValue: '加强针',
  446. dictLabel: '加强针'
  447. }
  448. ],
  449. imashow: false,
  450. naneme: false,
  451. shouwes: false,
  452. shouwestwo:false,
  453. villageTownshy: undefined,
  454. naiseurya: '',
  455. hsuej: '',
  456. jdourdjoaj: false,
  457. jiezhong: false,
  458. jiezheList: [],
  459. optionsListwg:[],
  460. fireLise:{config:[]},
  461. nameutaiL:0,
  462. jue:false,
  463. nhue:true,
  464. exportflag:true,
  465. errorlog:false,
  466. errorList:[],
  467. idfer:0,
  468. formgt:{},
  469. list: [],
  470. listd:[],
  471. lser:[],
  472. dneyhsd:{},
  473. nhdyesfgh:'点击选择户籍地址',
  474. nhe:false,
  475. nhyesoder:0,
  476. ndhuwosdjh:{
  477. pageNum: 1,
  478. pageSize: 10,
  479. },
  480. tableMaxHeight:300,
  481. cascaderKey:0,
  482. optionsLists:[],
  483. nhyeojd:false,
  484. ndhyuewkg:[],
  485. nhdyesku:false,
  486. shouwef:false,
  487. ncdwee:1
  488. };
  489. },
  490. created() {
  491. // this.getList();
  492. console.log(this.selected,456)
  493. console.log(this.cascaderKey,347)
  494. // this.queryParams.province = this.selectedtwo[0];
  495. // this.queryParams.city = this.selectedtwo[1];
  496. // this.queryParams.region = this.selectedtwo[2];
  497. // this.naiseurya = this.form.province + this.form.city + this.form.region;
  498. window.onresize = () => {
  499. this.changeTableMaxHeight()
  500. }
  501. this.changeTableMaxHeight()
  502. },
  503. mounted() {
  504. console.log(136)
  505. window.onresize = () => {
  506. this.changeTableMaxHeight()
  507. }
  508. this.changeTableMaxHeight()
  509. },
  510. methods: {
  511. nhyeosdsef(){
  512. console.log(234)
  513. },
  514. onSelected(data,val) {
  515. console.log(data, 125);
  516. if(this.opens == false){
  517. return false
  518. }
  519. this.nameutaiL = data
  520. console.log(this.nameutaiL,76543)
  521. console.log(this.form.czrkJzdzList[data].seleted)
  522. console.log(this.$refs['myCascaderf' + '' + data],123)
  523. console.log(this.$refs['myCascaderf' + '' + data][0].$refs.panel.checkedValue,data)
  524. console.log(this.$refs['myCascaderf' + '' + data][0].getCheckedNodes()[0].pathLabels)
  525. // if(data !== 0){
  526. // if(this.nhyeojd = true){
  527. // this.$refs['myCascaderf' + '' + this.nameutaiL][0].$refs.panel.clearCheckedNodes()
  528. // }
  529. // }
  530. // var nhedse = []
  531. // nhedse = this.$refs['myCascaderf']
  532. // if(nhedse.length > 1){
  533. // this.$refs['myCascaderf'] = this.$refs['myCascaderf'][0];
  534. // console.log(this.$refs['myCascaderf'],133)
  535. // // for(var i = 0 ; i < nhedse.length; i++){
  536. // // if(i == 0){
  537. // // this.$refs['myCascaderf'][0].$refs.panel.clearCheckedNodes()
  538. // // }
  539. // // }
  540. // }
  541. // this.$refs['myCascaderf'][0].$refs.panel.checkedValue = this.form.czrkJzdzList[data].seleted
  542. // console.log(this.$refs['myCascaderf'][0].$refs.panel.checkedValue,data)
  543. // console.log(this.$refs['myCascaderf'][0].getCheckedNodes()[0].pathLabels)
  544. this.nhyeojd = false
  545. // this.nhdyesku = false
  546. // province
  547. let nhdye = []
  548. nhdye = this.$refs['myCascaderf' + '' + data][0].getCheckedNodes()[0].pathLabels
  549. let nhyhe = []
  550. nhyhe = this.form.czrkJzdzList[data].seleted
  551. if(nhdye.length == 1){
  552. this.form.czrkJzdzList[data].provinceId = nhyhe[ nhyhe.length - 1];
  553. this.form.czrkJzdzList[data].province = nhdye[ nhdye.length - 1];
  554. this.form.czrkJzdzList[data].cityId = null
  555. this.form.czrkJzdzList[data].city = null
  556. this.form.czrkJzdzList[data].regionId = null
  557. this.form.czrkJzdzList[data].region = null
  558. this.form.czrkJzdzList[data].townId = null
  559. this.form.czrkJzdzList[data].town = null
  560. this.form.czrkJzdzList[data].villageId = null
  561. this.form.czrkJzdzList[data].village = null
  562. }else if(nhdye.length == 2){
  563. this.form.czrkJzdzList[data].cityId = nhyhe[ nhyhe.length - 1];
  564. this.form.czrkJzdzList[data].city = nhdye[ nhdye.length - 1];
  565. this.form.czrkJzdzList[data].regionId = null
  566. this.form.czrkJzdzList[data].region = null
  567. this.form.czrkJzdzList[data].townId = null
  568. this.form.czrkJzdzList[data].town = null
  569. this.form.czrkJzdzList[data].villageId = null
  570. this.form.czrkJzdzList[data].village = null
  571. }else if(nhdye.length == 3){
  572. this.form.czrkJzdzList[data].regionId = nhyhe[ nhyhe.length - 1];
  573. this.form.czrkJzdzList[data].region = nhdye[ nhdye.length - 1];
  574. this.form.czrkJzdzList[data].townId = null
  575. this.form.czrkJzdzList[data].town = null
  576. this.form.czrkJzdzList[data].villageId = null
  577. this.form.czrkJzdzList[data].village = null
  578. }else if(nhdye.length == 4){
  579. this.form.czrkJzdzList[data].townId = nhyhe[ nhyhe.length - 1];
  580. this.form.czrkJzdzList[data].town = nhdye[ nhdye.length - 1];
  581. this.form.czrkJzdzList[data].villageId = null
  582. this.form.czrkJzdzList[data].village = null
  583. }else if(nhdye.length == 5){
  584. this.form.czrkJzdzList[data].villageId = nhyhe[ nhyhe.length - 1];
  585. this.form.czrkJzdzList[data].village = nhdye[ nhdye.length - 1];
  586. }
  587. this.form.czrkJzdzList[data].deptId = nhyhe[ nhyhe.length - 1]
  588. // id
  589. // this.form.province = data[0];
  590. // this.form.city = data[1];
  591. // this.form.region = data[2];
  592. // 名称
  593. // this.naiseurya = this.form.province + this.form.city + this.form.region;
  594. // if (this.jdourdjoaj == false) {
  595. // // 修改
  596. // this.form.nowIn = '';
  597. // }
  598. // this.form.nowIn = undefined
  599. // this.form.villageTowns = data[3]
  600. console.log(this.form)
  601. },
  602. dakousr() {
  603. console.log(2345);
  604. },
  605. mnyesfjer(index,val){
  606. this.loading = true;
  607. let pids = {}
  608. pids.pid = index
  609. listRoleergth(pids).then(response => {
  610. // this.cascaderKey = this.cascaderKey + 1
  611. if(response.data.length == 0){
  612. return
  613. }
  614. if(val !== undefined){
  615. this.nameutaiL = val
  616. }
  617. console.log(this.nameutaiL,87)
  618. this.form.czrkJzdzList[this.nameutaiL].optiodne = this.handleData(response.data);
  619. this.optionsLists = this.handleData(response.data);
  620. this.optionsList = this.handleData(response.data);
  621. // this.form.czrkJzdzList[0].optiodne
  622. this.loading = false;
  623. console.log(this.cascaderKey,8765)
  624. });
  625. },
  626. mnyesfjeropwg(index){
  627. this.loading = true;
  628. let pids = {}
  629. pids.pid= index
  630. listRoleergthwg(pids).then(response => {
  631. this.optionsListwg = this.handleDatawg(response.data);
  632. this.loading = false;
  633. });
  634. },
  635. mnyesfjerty(index,val){
  636. this.loading = true;
  637. let pids = {}
  638. pids.pid = index
  639. listRoleergth(pids).then(response => {
  640. // this.cascaderKey = this.cascaderKey + 1
  641. if(response.data.length == 0){
  642. return
  643. }
  644. if(val !== undefined){
  645. this.nameutaiL = val
  646. }
  647. for(var i = 0 ; i < this.form.czrkJzdzList.length ; i++){
  648. // this.nameutaiL = i
  649. // this.mnyesfjerty(0)
  650. this.form.czrkJzdzList[i].optiodne = this.handleData(response.data);
  651. }
  652. // this.form.czrkJzdzList[0].optiodne
  653. this.loading = false;
  654. console.log(this.cascaderKey,8765)
  655. });
  656. },
  657. mnyesfjerop(index){
  658. this.loading = true;
  659. let pids = {}
  660. pids.pid = index
  661. listRoleergth(pids).then(response => {
  662. this.optionsList = this.handleData(response.data);
  663. this.loading = false;
  664. });
  665. },
  666. mnyesfjers(index){
  667. this.loading = true;
  668. let pids = {}
  669. pids.pid = index
  670. listRoleergth(pids).then(response => {
  671. // this.cascaderKey = this.cascaderKey + 1
  672. if(response.data.length == 0){
  673. return
  674. }
  675. this.optionsLists = this.handleData(response.data);
  676. this.loading = false;
  677. console.log(this.cascaderKey,8765)
  678. });
  679. },
  680. lazyLoads(node, resolve) {
  681. console.log(node,34545678)
  682. if (node.level == 0) {
  683. let res = this.mnyesfjer(0); // 不存在就默认加载第一集节点
  684. resolve(res);
  685. } else {
  686. // 有children属性了就不要再请求了,不然字节点会重复
  687. if (!node.data.children) {
  688. // 获取子节点数据
  689. let res = this.mnyesfjer(node.data.areaId);
  690. console.log(node.children)
  691. let nfhh = node.children.push(res)
  692. setTimeout(() => {
  693. resolve(res);
  694. }, 200);
  695. } else {
  696. resolve([]);
  697. }
  698. }
  699. },
  700. format() {
  701. let res = this.getfristChild(); // 拿一级数据
  702. this.list.forEach((item) => {
  703. // 遍历回显的id 二维数组
  704. if (item.length > 1) {
  705. item.forEach(async (sitem, index) => {
  706. if (index == item.length - 1) {
  707. return; // 如果是一级节点就不用查找了
  708. }
  709. let arr = this.getOther(sitem); // 不是一级,获取子级
  710. this.findItem(res, arr, sitem); // 判断当前拿到的子级数据属于哪个一级数据下的子级,并且加到当前一级的children属性下
  711. });
  712. }
  713. });
  714. },
  715. // 递归判断
  716. findItem(res, arr, id) {
  717. for (let i = 0; i < res.length; i++) {
  718. if (res[i].value === id) {
  719. res[i].children = arr; // 有chidlren 也要判断是不是这个children下的子级
  720. return res;
  721. }
  722. if (res[i].children) {
  723. this.findItem(res[i].children, arr, id);
  724. }
  725. }
  726. return res;
  727. },
  728. // getAddress() {
  729. // this.mnyesfjer(0).then(res => {
  730. // this.optionsList = this.handleData(res.data);
  731. // }).catch(err => {
  732. // })
  733. // },
  734. handleItemChange(val) {
  735. console.log(val,235)
  736. let code = val ? val[val.length - 1] : ''; //需请求数据的上级地址的code值
  737. let level = val.length + 1; //需请求第几级地址
  738. console.log(this.nameutaiL,2345)
  739. console.log(this.form.czrkJzdzList,12365)
  740. this.$set(this.form.czrkJzdzList[this.nameutaiL],'optiodne',this.handleData(this.form.czrkJzdzList[this.nameutaiL].optiodne, code, level))
  741. // this.form.czrkJzdzList[this.nameutaiL].optiodne = this.handleData(this.form.czrkJzdzList[this.nameutaiL].optiodne, code, level);
  742. // console.log(this.optionsList,23456)
  743. // console.log(this.$refs.myCascaderf,2588)
  744. // console.log(this.$refs['myCascaderf'][0].$refs.panel.clearCheckedNodes(),258)
  745. // if(data !== 0){
  746. // if(this.nhyeojd == true){
  747. // this.$refs['myCascaderf'][this.nameutaiL].$refs.panel.clearCheckedNodes()
  748. // }
  749. // }
  750. // this.$refs['myCascaderf'][0].$refs.panel.clearCheckedNodes()
  751. // console.log(this.$refs['myCascaderf'][this.nameutaiL].$refs.panel.checkedValue,345678)
  752. },
  753. handleItemChangefr(val) {
  754. console.log(val,235)
  755. let code = val ? val[val.length - 1] : ''; //需请求数据的上级地址的code值
  756. let level = val.length + 1; //需请求第几级地址
  757. this.optionsList = this.handleData(this.optionsList, code, level);
  758. },
  759. handleItemChanges(val) {
  760. console.log(val,235)
  761. let code = val ? val[val.length - 1] : ''; //需请求数据的上级地址的code值
  762. let level = val.length + 1; //需请求第几级地址
  763. this.optionsLists = this.handleData(this.optionsLists, code, level);
  764. this.cascaderKey = this.cascaderKey + 1
  765. },
  766. handleData(data, val, level) {
  767. console.log(data,val,level,7536)
  768. var that = this
  769. for (let i = 0; i < data.length; i++) {
  770. if(!data[i].children) {
  771. that.$set(data[i], 'children', []);
  772. }
  773. if(data[i].areaId === val){
  774. let vfer = {}
  775. vfer.pid = val
  776. listRoleergth(vfer).then(res => {
  777. // this.cascaderKey = this.cascaderKey + 1
  778. if(res.data.length) {
  779. console.log(i,4567)
  780. // data[i].children = res.data;
  781. that.$set(data[i], 'children', res.data)
  782. // this.nhdyesku = true
  783. data[i].children.forEach(ele => {
  784. that.$set(ele, 'children', [])
  785. });
  786. // console.log(data[i].children,45678)
  787. }else {
  788. data[i].children = undefined;
  789. }
  790. }).catch(err => {
  791. });
  792. }else {
  793. if(data[i].children.length){
  794. that.handleData(data[i].children,val,level)
  795. }
  796. }
  797. }
  798. // console.log(data,666666)
  799. return data;
  800. },
  801. handleItemChangefrwg(val) {
  802. console.log(val,235)
  803. let code = val ? val[val.length - 1] : ''; //需请求数据的上级地址的code值
  804. let level = val.length + 1; //需请求第几级地址
  805. this.optionsListwg = this.handleDatawg(this.optionsListwg, code, level);
  806. // this.cascaderKey = this.cascaderKey + 1
  807. },
  808. handleDatawg(data, val, level) {
  809. console.log(data,val,level,7536)
  810. for (let i = 0; i < data.length; i++) {
  811. if(!data[i].children) {
  812. this.$set(data[i], 'children', []);
  813. }
  814. if(data[i].id === val){
  815. let vfer = {}
  816. vfer.pid = val
  817. listRoleergthwg(vfer).then(res => {
  818. // this.cascaderKey = this.cascaderKey + 1
  819. if(res.data.length) {
  820. console.log(data[i].children,4567)
  821. // data[i].children = res.data;
  822. this.$set(data[i], 'children', res.data)
  823. console.log(data[i].children,45678)
  824. this.nhdyesku = true
  825. data[i].children.forEach(ele => {
  826. this.$set(ele, 'children', [])
  827. });
  828. }else {
  829. data[i].children = undefined;
  830. }
  831. }).catch(err => {
  832. });
  833. }else {
  834. if(data[i].children.length){
  835. this.handleDatawg(data[i].children,val,level)
  836. }
  837. }
  838. }
  839. return data;
  840. },
  841. onSelectedtwo(data) {
  842. console.log(data);
  843. // province
  844. this.queryParams.province = data[0];
  845. this.queryParams.city = data[1];
  846. this.queryParams.region = data[2];
  847. // this.queryParams.villageTowns = data[3]
  848. },
  849. /** 查询疫苗信息列表 */
  850. getList() {
  851. this.loading = true;
  852. listInfo(this.queryParams).then(response => {
  853. this.infoList = response.rows;
  854. this.nbdgywkajs = true
  855. this.loading = false;
  856. });
  857. },
  858. getListch() {
  859. this.loading = true;
  860. listInfoch(this.queryParams).then(response => {
  861. this.infoList = response.rows;
  862. this.nbdgywkajs = true
  863. this.total = response.total;
  864. this.loading = false;
  865. });
  866. },
  867. getToken() {
  868. return getToken();
  869. },
  870. getTreeselectjue() {
  871. this.loading = true;
  872. let pids = {}
  873. pids.pid = 0
  874. listRoleer().then(response => {
  875. this.options = response.data;
  876. this.loading = false;
  877. });
  878. },
  879. // 统计数据
  880. getTreeselectjuetj() {
  881. this.loading = true;
  882. listInfotj().then(response => {
  883. this.dneyhsd = response.data
  884. this.loading = false;
  885. });
  886. },
  887. /** 转换角色数据结构 */
  888. normalizer(node) {
  889. // if (node.children && !node.children.length) {
  890. // delete node.children;
  891. // }
  892. return {
  893. id: node.id,
  894. label: node.roleName
  895. };
  896. },
  897. // 点击组/角色
  898. djieskle(node, instanceId) {
  899. // this.personnel(node.id);
  900. console.log(node, instanceId);
  901. },
  902. // 身份证
  903. idcde(event) {
  904. console.log(event);
  905. console.log(event);
  906. // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X
  907. let reg = /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
  908. let _IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
  909. // 护照
  910. // let ncjsle = /^1[45][0-9]{7}$|(^[P|p|S|s]\d{7}$)|(^[S|s|G|g|E|e]\d{8}$)|(^[Gg|Tt|Ss|Ll|Qq|Dd|Aa|Ff]\d{8}$)|(^[H|h|M|m]\d{8,10}$)/;
  911. let ncjsle = /^[a-zA-Z0-9]{5,17}$/
  912. let nhyeli = /^[a-zA-Z]{5,17}$/
  913. // 港澳
  914. let gnse = /^([A-Z]\d{6,10}(\(\w{1}\))?)$/;
  915. // 台湾
  916. // let tw = /^\d{8}|^[a-zA-Z0-9]{10}|^\d{18}$/
  917. var tw = /^[0-9]{8}$/;
  918. var twe = /^[0-9]{10}$/;
  919. // 校验身份证:
  920. console.log(reg.test(this.form.idCard),23741)
  921. if ( reg.test(this.form.idCard)|| _IDre15.test(this.form.idCard)) {
  922. this.idea();
  923. // this.go(this.form.idCard.length);
  924. // callback()
  925. } else {
  926. if(ncjsle.test(this.form.idCard) || nhyeli.test(this.form.idCard)){
  927. console.log(3)
  928. }else{
  929. if(gnse.test(this.form.idCard) ){
  930. console.log(4)
  931. }else{
  932. if(tw.test(this.form.idCard) || twe.test(this.form.idCard)){
  933. console.log(5)
  934. }else{
  935. this.msgInfo('证件格式不正确');
  936. }
  937. // return false
  938. }
  939. }
  940. // callback(new Error('身份证号码不正确'))
  941. }
  942. // },
  943. // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X
  944. },
  945. // 实现自动生成生日,性别,年龄
  946. go(val) {
  947. let iden = this.form.idCard;
  948. let sex = null;
  949. let birth = null;
  950. let birthr = '';
  951. let myDate = new Date();
  952. let month = myDate.getMonth() + 1;
  953. let day = myDate.getDate();
  954. let age = 0;
  955. if (val === 18) {
  956. age = myDate.getFullYear() - iden.substring(6, 10) - 1;
  957. sex = iden.substring(16, 17);
  958. birth = iden.substring(6, 10) + '-' + iden.substring(10, 12) + '-' + iden.substring(12, 14);
  959. if (iden.substring(10, 12) < month || (iden.substring(10, 12) == month && iden.substring(12, 14) <= day)) age++;
  960. }
  961. if (val === 15) {
  962. age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
  963. sex = iden.substring(13, 14);
  964. birth = '19' + iden.substring(6, 8) + '-' + iden.substring(8, 10) + '-' + iden.substring(10, 12);
  965. if (iden.substring(8, 10) < month || (iden.substring(8, 10) == month && iden.substring(10, 12) <= day)) age++;
  966. }
  967. if (sex % 2 === 0) sex = '女';
  968. else sex = '男';
  969. this.form.gender = sex;
  970. // this.baseInfo.age = age;
  971. birthr = birth + '';
  972. console.log(birthr);
  973. // this.form.birthday = birthr;
  974. // this.$set(this.form.birthday, birthr)
  975. // this.baseInfo.birthplace = this.area[iden.substring(0,2)];
  976. },
  977. // 请求身份证数据
  978. idea() {
  979. idces({ idCard: this.form.idCard }).then(response => {
  980. console.log(response);
  981. this.form.gender = response.data.gender;
  982. // this.form.birthday = response.data.birthday;
  983. this.form.age = response.data.age
  984. this.form.code = response.data.code
  985. if (response.data.userName == null) {
  986. this.form.userName = undefined;
  987. } else {
  988. this.form.userName = response.data.userName;
  989. }
  990. if(response.data.code == null){
  991. this.form.code = null;
  992. }else{
  993. this.form.code = response.data.code;
  994. }
  995. if(response.data.province == null){
  996. this.form.province = null;
  997. this.form.provinceId = null;
  998. }else{
  999. this.form.province = response.data.province;
  1000. this.form.provinceId = response.data.provinceId;
  1001. }
  1002. if(response.data.city == null){
  1003. this.form.city = null;
  1004. this.form.cityId = null;
  1005. }else{
  1006. this.form.city = response.data.city;
  1007. this.form.cityId = response.data.cityId;
  1008. }
  1009. if(response.data.region == null){
  1010. this.form.region = null;
  1011. this.form.regionId = null;
  1012. }else{
  1013. this.form.region = response.data.region;
  1014. this.form.regionId = response.data.regionId;
  1015. }
  1016. if(response.data.villageTowns == null){
  1017. this.form.villageTowns = null;
  1018. this.form.villageTownsId = null;
  1019. }else{
  1020. this.form.villageTowns = response.data.villageTowns;
  1021. this.form.villageTownsId = response.data.villageTownsId;
  1022. }
  1023. if(response.data.village == null){
  1024. this.form.village = null;
  1025. this.form.villageId = null;
  1026. }else{
  1027. this.form.village = response.data.village;
  1028. this.form.villageId = response.data.villageId;
  1029. }
  1030. if(response.data.villagerGroupId == null){
  1031. this.form.villagerGroup = null;
  1032. this.form.villagerGroupId = null;
  1033. }else{
  1034. this.form.villagerGroup = response.data.villagerGroup;
  1035. this.form.villagerGroupId = response.data.villagerGroupId;
  1036. }
  1037. if(response.data.province !== null && response.data.province !== ""){
  1038. this.nhdyesfgh = response.data.province;
  1039. if(response.data.city !== null && response.data.city !== ""){
  1040. this.nhdyesfgh = response.data.province + '/' + response.data.city;
  1041. if(response.data.region !== null && response.data.region !== ""){
  1042. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region;
  1043. if(this.form.residenceTown !==null && this.form.residenceTown !=='' && this.form.residenceTown !== undefined){
  1044. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region + '/' + this.form.residenceTown;
  1045. if(this.form.residenceVillage !==null && this.form.residenceVillage !=='' && this.form.residenceVillage !== undefined){
  1046. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region + '/' + this.form.residenceTown + '/' + this.form.residenceVillage;
  1047. }
  1048. }
  1049. }else{
  1050. // this.nhdyesfgh ='点击选择居住地址'
  1051. }
  1052. }else{
  1053. // this.nhdyesfgh ='点击选择居住地址'
  1054. }
  1055. }else{
  1056. this.nhdyesfgh ='点击选择户籍地址'
  1057. }
  1058. if( response.data.czrkJzdzList !== null && response.data.czrkJzdzList.length !== 0 ){
  1059. // this.selected[0] = response.data.province;
  1060. // for(var i = 0 ; i < response.data.czrkJzdzList.length ; i++){
  1061. // this.nameutaiL = i
  1062. this.mnyesfjerty(0)
  1063. // }
  1064. response.data.czrkJzdzList.filter(route =>{
  1065. if(route.province !== ""){
  1066. route.plaed = route.province
  1067. if(route.city !== ""){
  1068. route.plaed = route.plaed + '/' + route.city
  1069. if(route.city !== ""){
  1070. route.plaed = route.plaed + '/' + route.city
  1071. if(route.region !== ""){
  1072. route.plaed = route.plaed + '/' + route.region
  1073. if(route.town !== ""){
  1074. route.plaed = route.plaed + '/' + route.town
  1075. if(route.village !== ""){
  1076. route.plaed = route.plaed + '/' + route.village
  1077. }
  1078. }
  1079. }
  1080. }
  1081. }
  1082. }else{
  1083. route.plaed = '请选择居住地址'
  1084. }
  1085. })
  1086. this.form.czrkJzdzList = response.data.czrkJzdzList
  1087. }
  1088. this.form.phoneNum = response.data.phoneNum
  1089. this.form.houseType = response.data.houseType
  1090. this.form.nowIn = response.data.nowIn
  1091. this.form.remark = response.data.remark
  1092. });
  1093. },
  1094. // 取消按钮
  1095. cancel() {
  1096. this.opens = false;
  1097. this.jiezhong = false;
  1098. this.imashow = false;
  1099. this.nhyesfx = false
  1100. this.errorlog=false;
  1101. this.$refs['myCascaderf' + '' + this.nameutaiL][0].$refs.panel.clearCheckedNodes()
  1102. this.reset();
  1103. },
  1104. gywoa() {
  1105. console.log(this.form.isVaccination);
  1106. if (this.form.isVaccination !== null) {
  1107. if (this.form.isVaccination == '是') {
  1108. // 接种疫苗
  1109. this.naneme = false,
  1110. this.shouwes = true;
  1111. }else {
  1112. this.naneme = true,
  1113. this.shouwes = false,
  1114. this.form.czrkJzdzList = [{
  1115. provinceId: '',
  1116. province: '',
  1117. deptId: '',
  1118. cityId: '',
  1119. city: '',
  1120. regionId:'',
  1121. region: '',
  1122. townId: '',
  1123. town: '',
  1124. villageId: '',
  1125. village: '',
  1126. nowIn:'',
  1127. plaed:'请选择居住地址',
  1128. seleted:[],
  1129. optiodne:[]
  1130. }
  1131. ]
  1132. }
  1133. }
  1134. },
  1135. gywoatwo() {
  1136. console.log(this.queryParams.isVaccination);
  1137. if (this.queryParams.isVaccination !== null) {
  1138. if (this.queryParams.isVaccination == '是') {
  1139. // 接种疫苗
  1140. // (this.naneme = false), (this.shouwes = true);
  1141. this.shouwestwo = false
  1142. } else {
  1143. // (this.naneme = true), (this.shouwes = false);
  1144. this.shouwestwo = true
  1145. }
  1146. }
  1147. },
  1148. // 表单重置
  1149. reset() {
  1150. this.form = {
  1151. id: null,
  1152. age:'',
  1153. code:'',
  1154. houseType: null,
  1155. domicile: null,
  1156. province: null,
  1157. city: null,
  1158. region: null,
  1159. userName: null,
  1160. gender: null,
  1161. idCard: null,
  1162. phoneNum: null,
  1163. keyIndustries: null,
  1164. isVaccination: null,
  1165. vaccinationPlace: null,
  1166. contraindication: null,
  1167. nowIn: '',
  1168. gridId:null,
  1169. remark: null,
  1170. residenceTown:null,
  1171. residenceVillage:null,
  1172. czrkJzdzList: [
  1173. {
  1174. provinceId: '',
  1175. province: '',
  1176. deptId: '',
  1177. cityId: '',
  1178. city: '',
  1179. regionId:'',
  1180. region: '',
  1181. townId: '',
  1182. town: '',
  1183. villageId: '',
  1184. village: '',
  1185. nowIn:'',
  1186. plaed:'请选择居住地址',
  1187. disableg:false,
  1188. optiodne:[],
  1189. seleted:[]
  1190. }
  1191. ]
  1192. };
  1193. this.resetForm('form');
  1194. },
  1195. /** 搜索按钮操作 */
  1196. handleQuery() {
  1197. this.queryParams.pageNum = 1;
  1198. console.log(this.queryParams)
  1199. this.getList();
  1200. // this.getList();
  1201. },
  1202. /** 重置按钮操作 */
  1203. resetQuery() {
  1204. this.nhue = false
  1205. this.selectedtwo = []
  1206. setTimeout( ()=>{
  1207. this.nhue = true
  1208. },100)
  1209. this.queryParams.MomIdCode = undefined; this.queryParams.MomName = undefined; this.queryParams.BirthCode = undefined;
  1210. this.queryParams.requestOrgName = undefined
  1211. this.queryParams.requestOrgCode = undefined
  1212. this.queryParams.cityIdXjd = undefined
  1213. this.queryParams.regionIdXjd = undefined
  1214. this.queryParams.villageTownsIdXjd = undefined
  1215. this.queryParams.villageIdXjd = undefined;
  1216. this.queryParams.provinceId = undefined
  1217. this.queryParams.cityId = undefined
  1218. this.queryParams.regionId = undefined
  1219. this.queryParams.villageTownsId = undefined
  1220. this.queryParams.villageId = undefined
  1221. this.listd = []
  1222. this.lser = []
  1223. this.resetForm('queryForm');
  1224. this.handleQuery();
  1225. },
  1226. // 多选框选中数据
  1227. handleSelectionChange(selection) {
  1228. this.ids = selection.map(item => item.id);
  1229. this.single = selection.length !== 1;
  1230. this.multiple = !selection.length;
  1231. },
  1232. /** 新增按钮操作 */
  1233. handleAdd() {
  1234. this.reset();
  1235. this.opens = true;
  1236. if(this.typeOptionsname.length == 0){
  1237. this.getDicts('renyuanfenlei').then(response => {
  1238. this.typeOptionsname = response.data;
  1239. });
  1240. }
  1241. if(this.typeOptionstyzandeh.length == 0){
  1242. // 与户主关系
  1243. this.getDicts('yuhuzhuguanxi').then(response => {
  1244. this.typeOptionstyzandeh = response.data;
  1245. });
  1246. }
  1247. (this.naneme = false),
  1248. (this.shouwes = false);
  1249. this.form.province = this.selected[0];
  1250. this.villageTownshy = '';
  1251. this.naiseurya = '';
  1252. this.hsuej = '';
  1253. this.senlsduea = false
  1254. this.nhyesfx = true
  1255. this.form.city = this.selected[1];
  1256. this.form.region = this.selected[2];
  1257. this.title = '添加人员信息';
  1258. this.jdourdjoaj = true;
  1259. this.jue = true
  1260. this.nhdyesfgh = '点击选择户籍地址'
  1261. this.shouwef = true
  1262. this.nameutaiL = 0
  1263. this.nhduesw = this.nhduesw +1
  1264. // this.nameutaiL = 0
  1265. this.mnyesfjer(0)
  1266. this.ndhesdweaf = '点击选择网格'
  1267. // this.form.province = '安徽省';
  1268. // this.form.city = '安庆市';
  1269. // this.form.region = '潜山市';
  1270. // this.form.residenceTown = '梅城镇';
  1271. // this.form.residenceVillage = '龙井社区';
  1272. // this.nhdyesfgh = this.form.province + '/' + this.form.city + '/' + this.form.region + '/' + this.form.residenceTown + '/' + this.form.residenceVillage;
  1273. console.log(this.form)
  1274. },
  1275. /** 修改按钮操作 */
  1276. handleUpdate(row) {
  1277. this.reset();
  1278. const id = row.id || this.ids;
  1279. this.nhdyesfgh ='点击选择户籍地址'
  1280. if(this.typeOptionsname.length == 0){
  1281. this.getDicts('renyuanfenlei').then(response => {
  1282. this.typeOptionsname = response.data;
  1283. });
  1284. }
  1285. if(this.typeOptionstyzandeh.length == 0){
  1286. // 与户主关系
  1287. this.getDicts('yuhuzhuguanxi').then(response => {
  1288. this.typeOptionstyzandeh = response.data;
  1289. });
  1290. }
  1291. getInfo(id).then(response => {
  1292. this.form = response.data;
  1293. this.jue = false
  1294. this.nhdyesku = true
  1295. this.senlsduea = true
  1296. if(response.data.province !== null && response.data.province !== ""){
  1297. this.nhdyesfgh = response.data.province;
  1298. if(response.data.city !== null && response.data.city !== ""){
  1299. this.nhdyesfgh = response.data.province + '/' + response.data.city;
  1300. if(response.data.region !== null && response.data.region !== ""){
  1301. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region;
  1302. if(this.form.villageTowns !==null && this.form.villageTowns !=='' && this.form.villageTowns !== undefined){
  1303. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region + '/' + this.form.villageTowns;
  1304. if(this.form.village !==null && this.form.village !=='' && this.form.village !== undefined){
  1305. this.nhdyesfgh = response.data.province + '/' + response.data.city + '/' + response.data.region + '/' + this.form.villageTowns + '/' + this.form.village;
  1306. }
  1307. }
  1308. }else{
  1309. // this.nhdyesfgh ='点击选择居住地址'
  1310. }
  1311. }else{
  1312. // this.nhdyesfgh ='点击选择居住地址'
  1313. }
  1314. }else{
  1315. this.nhdyesfgh ='点击选择户籍地址'
  1316. }
  1317. this.nhyesfx = true
  1318. if(response.data.czrkJzdzList.length !== 0 && response.data.czrkJzdzList !== null){
  1319. // this.selected[0] = response.data.province;
  1320. // for(var i = 0 ; i < response.data.czrkJzdzList.length ; i++){
  1321. // this.nameutaiL = i
  1322. response.data.czrkJzdzList.unshift(response.data.czrkJzdzList[0])
  1323. // this.form = response.data;
  1324. this.mnyesfjerty(0)
  1325. // }
  1326. response.data.czrkJzdzList.filter(route =>{
  1327. route.seleted = []
  1328. if(route.province !== ""){
  1329. route.plaed = route.province
  1330. if(route.city !== ""){
  1331. route.plaed = route.plaed + '/' + route.city
  1332. if(route.city !== ""){
  1333. // route.plaed = route.plaed + '/' + route.city
  1334. if(route.region !== ""){
  1335. route.plaed = route.plaed + '/' + route.region
  1336. if(route.town !== ""){
  1337. route.plaed = route.plaed + '/' + route.town
  1338. if(route.village !== ""){
  1339. route.plaed = route.plaed + '/' + route.village
  1340. }
  1341. }
  1342. }
  1343. }
  1344. }
  1345. }else{
  1346. route.plaed = '请选择居住地址'
  1347. }
  1348. })
  1349. }else{
  1350. console.log(this.form.czrkJzdzList,58)
  1351. }
  1352. if(response.data.gridName !==null){
  1353. this.ndhesdweaf = response.data.gridName
  1354. }else{
  1355. this.ndhesdweaf = '点击选择网格'
  1356. }
  1357. // this.onSelected(this.selected)
  1358. setTimeout( ()=>{
  1359. this.jue = true
  1360. },100)
  1361. // this.jue = true
  1362. console.log(this.selected,98767)
  1363. // if(this.form){
  1364. if (this.form.isVaccination !== null) {
  1365. if (this.form.isVaccination == '是') {
  1366. // 接种疫苗
  1367. (this.naneme = false), (this.shouwes = true);
  1368. } else {
  1369. (this.naneme = true), (this.shouwes = false);
  1370. }
  1371. } else {
  1372. this.naneme = false;
  1373. this.shouwes = false;
  1374. }
  1375. if (this.form.dictValue !== null && this.form.dictValue !== undefined) {
  1376. this.jicheru(this.form.dictValue);
  1377. }
  1378. if (this.form.villageTowns !== null) {
  1379. this.villageTownshy = this.form.villageTowns;
  1380. if (this.form.village !== null) {
  1381. this.villageTownshy = this.form.village;
  1382. if (this.form.villagerGroup !== null) {
  1383. this.villageTownshy = this.form.villagerGroup;
  1384. }
  1385. }
  1386. }else{
  1387. this.villageTownshy = '';
  1388. }
  1389. console.log(this.villageTownshy,3455)
  1390. // if (this.form.vaccineInfoUserList !== null) {
  1391. // if (this.form.vaccineInfoUserList.length == 0) {
  1392. // }else {
  1393. // this.form.isVaccination = '是'
  1394. // this.form.vaccineInfoUserList.filter(router =>{
  1395. // if(router.url == undefined){
  1396. // router.url = null
  1397. // }else if(router.url == []){
  1398. // router.url = null
  1399. // }
  1400. // router.disableg = true
  1401. // })
  1402. // }
  1403. // }
  1404. // villageTownshy
  1405. // }
  1406. // this.heuiq.push()
  1407. // this.form = response.data;
  1408. this.naiseurya = '';
  1409. this.hsuej = '';
  1410. this.opens = true;
  1411. this.jdourdjoaj = false;
  1412. this.shouwef = false
  1413. this.title = '查看认领人员';
  1414. });
  1415. },
  1416. chahe(data) {
  1417. console.log(data);
  1418. // let labelValue = this.$refs['myCascader'].inputValue
  1419. // console.log(labelValue)
  1420. console.log(this.$refs['myCascader'])
  1421. // this.form.provinceId = data[1];
  1422. // this.form.cityId = data[2];
  1423. // this.form.regionId = data[3];
  1424. // this.form.villageTownsId = data[3];
  1425. // this.form.villageId = data[3];
  1426. let nhdye = []
  1427. nhdye = this.$refs['myCascader'].getCheckedNodes()[0].pathLabels
  1428. if(data.length == 1){
  1429. this.form.provinceId = data[ data.length - 1];
  1430. this.form.province = nhdye[ data.length - 1];
  1431. this.$set(this.form, 'city', null)
  1432. this.$set(this.form, 'cityId', null)
  1433. this.$set(this.form, 'region', null)
  1434. this.$set(this.form, 'regionId', null)
  1435. this.$set(this.form, 'villageTowns', null)
  1436. this.$set(this.form, 'villageTownsId', null)
  1437. this.$set(this.form, 'villageId', null)
  1438. this.$set(this.form, 'village', null)
  1439. }else if(data.length == 2){
  1440. this.form.cityId = data[ data.length - 1];
  1441. this.form.city = nhdye[ data.length - 1];
  1442. this.$set(this.form, 'region', null)
  1443. this.$set(this.form, 'regionId', null)
  1444. this.$set(this.form, 'villageTowns', null)
  1445. this.$set(this.form, 'villageTownsId', null)
  1446. this.$set(this.form, 'villageId', null)
  1447. this.$set(this.form, 'village', null)
  1448. }else if(data.length == 3){
  1449. this.form.regionId = data[ data.length - 1];
  1450. this.form.region = nhdye[ data.length - 1];
  1451. this.$set(this.form, 'villageTowns', null)
  1452. this.$set(this.form, 'villageTownsId', null)
  1453. this.$set(this.form, 'villageId', null)
  1454. this.$set(this.form, 'village', null)
  1455. }else if(data.length == 4){
  1456. this.form.villageTownsId = data[ data.length - 1];
  1457. this.form.villageTowns = nhdye[ data.length - 1];
  1458. this.$set(this.form, 'villageId', null)
  1459. this.$set(this.form, 'village', null)
  1460. }else if(data.length == 5){
  1461. this.form.villageId = data[ data.length - 1];
  1462. this.form.village = nhdye[ data.length - 1];
  1463. }
  1464. this.form.deptId = data[ data.length - 1];
  1465. // if (this.form.villageTowns !== undefined) {
  1466. // this.hsuej = this.form.villageTowns;
  1467. // if (this.form.village !== undefined) {
  1468. // this.hsuej = this.form.villageTowns + this.form.village;
  1469. // if (this.form.villagerGroup !== undefined) {
  1470. // this.hsuej = this.form.villageTowns + this.form.village + this.form.villagerGroup;
  1471. // }
  1472. // }
  1473. // }
  1474. this.form.domicile = '';
  1475. console.log(this.form)
  1476. // if(this.jdourdjoaj == true){
  1477. // //新增
  1478. // this.form.nowIn = this.hsuej
  1479. // }else{
  1480. // this.form.nowIn != this.hsuej
  1481. // }
  1482. },
  1483. chahetwo(data) {
  1484. console.log(data)
  1485. if(data.length == 1){
  1486. this.queryParams.provinceId = data[ data.length - 1];
  1487. }else if(data.length == 2){
  1488. this.queryParams.provinceId = undefined
  1489. this.queryParams.cityId = data[ data.length - 1];
  1490. }else if(data.length == 3){
  1491. this.queryParams.provinceId = undefined
  1492. this.queryParams.cityId = undefined
  1493. this.queryParams.regionId = data[ data.length - 1];
  1494. }else if(data.length == 4){
  1495. this.queryParams.provinceId = undefined
  1496. this.queryParams.cityId = undefined
  1497. this.queryParams.regionId = undefined
  1498. this.queryParams.villageTownsId = data[ data.length - 1];
  1499. }else if(data.length == 5){
  1500. this.queryParams.provinceId = undefined
  1501. this.queryParams.cityId = undefined
  1502. this.queryParams.regionId = undefined
  1503. this.queryParams.villageTownsId = undefined
  1504. this.queryParams.villageId = data[ data.length - 1];
  1505. }
  1506. },
  1507. // 居住地址搜索条件
  1508. chahetwos(data) {
  1509. console.log(data)
  1510. if(data.length == 1){
  1511. this.queryParams.provinceIdXjd = data[ data.length - 1];
  1512. this.queryParams.cityIdXjd = undefined
  1513. this.queryParams.regionIdXjd = undefined
  1514. this.queryParams.villageTownsIdXjd = undefined
  1515. this.queryParams.villageIdXjd = undefined
  1516. }else if(data.length == 2){
  1517. this.queryParams.provinceIdXjd = undefined
  1518. this.queryParams.cityIdXjd = data[ data.length - 1];
  1519. this.queryParams.regionIdXjd = undefined
  1520. this.queryParams.villageTownsIdXjd = undefined
  1521. this.queryParams.villageIdXjd = undefined
  1522. }else if(data.length == 3){
  1523. this.queryParams.provinceIdXjd = undefined
  1524. this.queryParams.cityIdXjd = undefined
  1525. this.queryParams.regionIdXjd = data[ data.length - 1];
  1526. this.queryParams.villageTownsIdXjd = undefined
  1527. this.queryParams.villageIdXjd = undefined
  1528. }else if(data.length == 4){
  1529. this.queryParams.provinceIdXjd = undefined
  1530. this.queryParams.cityIdXjd = undefined
  1531. this.queryParams.regionIdXjd = undefined
  1532. this.queryParams.villageTownsIdXjd = data[ data.length - 1];
  1533. this.queryParams.villageIdXjd = undefined
  1534. }else if(data.length == 5){
  1535. this.queryParams.provinceIdXjd = undefined
  1536. this.queryParams.cityIdXjd = undefined
  1537. this.queryParams.regionIdXjd = undefined
  1538. this.queryParams.villageTownsIdXjd = undefined
  1539. this.queryParams.villageIdXjd = data[ data.length - 1];
  1540. }
  1541. },
  1542. /** 提交按钮 */
  1543. submitForm() {
  1544. this.$refs['form'].validate(valid => {
  1545. console.log(this.selected);
  1546. if (valid) {
  1547. let reg = /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
  1548. let _IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
  1549. // 护照
  1550. // let ncjsle = /^1[45][0-9]{7}$|(^[P|p|S|s]\d{7}$)|(^[S|s|G|g|E|e]\d{8}$)|(^[Gg|Tt|Ss|Ll|Qq|Dd|Aa|Ff]\d{8}$)|(^[H|h|M|m]\d{8,10}$)/;
  1551. let ncjsle = /^[a-zA-Z0-9]{5,17}$/
  1552. let nhyeli = /^[a-zA-Z]{5,17}$/
  1553. // 港澳
  1554. let gnse = /^([A-Z]\d{6,10}(\(\w{1}\))?)$/;
  1555. // 台湾
  1556. // let tw = /^\d{8}|^[a-zA-Z0-9]{10}|^\d{18}$/
  1557. var tw = /^[0-9]{8}$/;
  1558. var twe = /^[0-9]{10}$/;
  1559. // 校验身份证:
  1560. console.log(reg.test(this.form.idCard),23741)
  1561. if ( reg.test(this.form.idCard)|| _IDre15.test(this.form.idCard)) {
  1562. this.idea();
  1563. // this.go(this.form.idCard.length);
  1564. // callback()
  1565. } else {
  1566. if(ncjsle.test(this.form.idCard) || nhyeli.test(this.form.idCard)){
  1567. console.log(3)
  1568. }else{
  1569. if(gnse.test(this.form.idCard) ){
  1570. console.log(4)
  1571. }else{
  1572. if(tw.test(this.form.idCard) || twe.test(this.form.idCard)){
  1573. console.log(5)
  1574. }else{
  1575. this.msgInfo('证件格式不正确');
  1576. return false
  1577. }
  1578. }
  1579. }
  1580. // callback(new Error('身份证号码不正确'))
  1581. }
  1582. // let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  1583. // if (reg.test(this.form.idCard)) {
  1584. // // this.idea();
  1585. // // this.go(this.form.idCard.length);
  1586. // // callback()
  1587. // } else {
  1588. // // callback(new Error('身份证号码不正确'))
  1589. // this.msgInfo('身份证号码不正确');
  1590. // return false
  1591. // }
  1592. // let redw = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
  1593. // console.log(this.form)
  1594. // console.log(redw.test(this.form.phoneNum))
  1595. // if (this.form.phoneNum == null) {
  1596. // // this.idea();
  1597. // // this.go(this.form.idCard.length);
  1598. // // callback()
  1599. // } else{
  1600. // if(this.form.phoneNum !== ''){
  1601. // if(redw.test(this.form.phoneNum)){
  1602. // }else{
  1603. // this.msgInfo('手机号码不正确');
  1604. // return false
  1605. // }
  1606. // }
  1607. // // callback(new Error('身份证号码不正确'))
  1608. // }
  1609. if (this.form.id != null) {
  1610. // this.form.nowIn = this.naiseurya + this.form.nowIn;
  1611. // this.form.domicile = this.hsuej + this.form.domicile;
  1612. if(this.ncdwee == 1){
  1613. this.form.czrkJzdzList = this.form.czrkJzdzList.splice(1)
  1614. }
  1615. this.ncdwee = this.ncdwee + 1
  1616. // this.form.czrkJzdzList = this.form.czrkJzdzList.splice(1)
  1617. this.senlsduea = false
  1618. this.form.isRl = '是'
  1619. console.log(this.form.czrkJzdzList)
  1620. updateInfo(this.form).then(response => {
  1621. console.log(response)
  1622. if(response.code == 200){
  1623. this.ncdwee = 1;
  1624. this.nhdyesfgh ='点击选择户籍地址';
  1625. this.msgSuccess('操作成功');
  1626. this.opens = false;
  1627. this.nhyesfx = false
  1628. if(this.queryParams.queryType == 'cz'){
  1629. this.getListch();
  1630. }else if(this.queryParams.queryType == 'hj'){
  1631. this.getList();
  1632. }
  1633. // this.getList();
  1634. this.ncdwee = 1
  1635. // this.getTreeselectjuetj()
  1636. return false
  1637. }else{
  1638. // this.senlsduea = true
  1639. // this.form.czrkJzdzList.unshift(this.form.czrkJzdzList[0])
  1640. this.nhdyesfgh ='点击选择户籍地址'
  1641. this.ncdwee = 1
  1642. this.$message.error(response.msg + '请重新填写');
  1643. // this.mnyesfjerty(0)
  1644. // if(this.nhyesaw == 1){
  1645. // this.form.czrkJzdzList = this.form.czrkJzdzList.splice(1)
  1646. // }
  1647. this.opens = false
  1648. }
  1649. });
  1650. } else {
  1651. // this.form.nowIn = this.naiseurya + this.form.nowIn;
  1652. // this.form.domicile = this.hsuej + this.form.domicile;
  1653. // if (this.form.nowIn == 'undefined') {
  1654. // this.form.nowIn = null;
  1655. // }
  1656. // if(this.form.czrkJzdzList[0].province == ''){
  1657. // this.msgSuccess('请填写居住地址');
  1658. // return false
  1659. // }
  1660. console.log(this.form)
  1661. this.form.czrkJzdzList.filter(route =>{
  1662. route.seleted = []
  1663. route.optiodne = []
  1664. })
  1665. // return
  1666. addInfo(this.form).then(response => {
  1667. // this.msgSuccess('新增成功');
  1668. // this.opens = false;
  1669. // this.getList();
  1670. if(response.code == 200){
  1671. this.msgSuccess('新增成功');
  1672. this.opens = false;
  1673. this.nhyesfx = false
  1674. if(this.queryParams.queryType == 'cz'){
  1675. this.getListch();
  1676. }else if(this.queryParams.queryType == 'hj'){
  1677. this.getList();
  1678. }
  1679. // this.getList();
  1680. }else{
  1681. this.$message.error(response.msg + '请重新填写');
  1682. this.opens = false
  1683. }
  1684. });
  1685. }
  1686. }
  1687. });
  1688. },
  1689. /** 删除按钮操作 */
  1690. handleDelete(row) {
  1691. const ids = row.id || this.ids[0];
  1692. this.idfer = ids
  1693. this.imashow = true;
  1694. // this.$confirm('是否确认删除疫苗信息编号为"' + ids + '"的数据项?', '警告', {
  1695. // confirmButtonText: '确定',
  1696. // cancelButtonText: '取消',
  1697. // type: 'warning'
  1698. // })
  1699. // .then(function() {
  1700. // return delInfo(ids);
  1701. // })
  1702. // .then(() => {
  1703. // this.getList();
  1704. // this.msgSuccess('删除成功');
  1705. // });
  1706. },
  1707. submitFormfr(){
  1708. // formgt
  1709. if(this.formgt.houseType == null || this.formgt.houseType == undefined){
  1710. this.$message.error('请选择删除原因');
  1711. return false
  1712. }
  1713. let nhue = {}
  1714. nhue.status = this.formgt.houseType
  1715. nhue.id = this.idfer
  1716. delInfo(nhue).then(response => {
  1717. this.msgSuccess('删除成功');
  1718. this.imashow = false;
  1719. if(this.queryParams.queryType == 'cz'){
  1720. this.getListch();
  1721. }else if(this.queryParams.queryType == 'hj'){
  1722. this.getList();
  1723. }
  1724. // this.getList();
  1725. });
  1726. },
  1727. // 点击新增
  1728. tijea(index) {
  1729. console.log(index+ 1)
  1730. this.nameutaiL = index+ 1
  1731. this.cascaderKey = index + 1
  1732. this.form.czrkJzdzList.push({
  1733. provinceId: '',
  1734. province: '',
  1735. deptId: '',
  1736. cityId: '',
  1737. city: '',
  1738. regionId:'',
  1739. region: '',
  1740. townId: '',
  1741. town: '',
  1742. villageId: '',
  1743. village: '',
  1744. nowIn:'',
  1745. disableg:false,
  1746. seleted:[],
  1747. optiodne:[],
  1748. plaed:'请选择居住地址',
  1749. });
  1750. this.nhyeojd = true
  1751. this.mnyesfjer(0)
  1752. // this.form.czrkJzdzList[this.nameutaiL].optiodne
  1753. // console.log(this.cascaderKey,123465)
  1754. // // console.log()
  1755. // console.log( this.$refs.myCascaderf[this.$refs.myCascaderf.length - 1] ,258)
  1756. // // console.log(this.$refs['myCascaderf'][0].$refs.panel.clearCheckedNodes(),258)
  1757. // this.$refs['myCascaderf'][this.$refs.myCascaderf.length - 1].$refs.panel.clearCheckedNodes()
  1758. // console.log(this.$refs['myCascaderf'][0].$refs.panel.checkedValue,34567)
  1759. // this.mnyesfjer(0)
  1760. },
  1761. // 点击删除
  1762. naeyrfakjf(index, item) {
  1763. if(this.form.czrkJzdzList.length == 2){
  1764. this.$message.error('居住地为必填不可全删除');
  1765. return false
  1766. }
  1767. var that = this
  1768. this.$confirm('是否确认删除信息?', '警告', {
  1769. confirmButtonText: '确定',
  1770. cancelButtonText: '取消',
  1771. type: 'warning'
  1772. })
  1773. .then(function() {
  1774. return that.delseeug(index,item)
  1775. })
  1776. .then(() => {
  1777. // this.getList();
  1778. // this.msgSuccess('删除成功');
  1779. });
  1780. },
  1781. delseeug(index,item){
  1782. console.log(234)
  1783. if (this.form.czrkJzdzList.length == 1) {
  1784. // if (this.jdourdjoaj == true) {
  1785. // // 新增
  1786. // this.form.vaccineInfoUserList = [{
  1787. // vaccineName: '',
  1788. // vaccinationTime: '',
  1789. // vaccinationPlace: '',
  1790. // jici: '',
  1791. // progress: '',
  1792. // url:null,
  1793. // disableg:false
  1794. // }]
  1795. // } else {
  1796. // // 修改
  1797. // let ide = this.form.vaccineInfoUserList[index].id;
  1798. // console.log(this.form.vaccineInfoUserList[index]);
  1799. // // ()
  1800. // console.log(ide);
  1801. // if (ide !== undefined) {
  1802. // console.log(234);
  1803. // delInfort(ide).then(response => {
  1804. // this.msgSuccess('操作成功');
  1805. // });
  1806. // }
  1807. // this.form.vaccineInfoUserList = [{
  1808. // vaccineName: '',
  1809. // vaccinationTime: '',
  1810. // vaccinationPlace: '',
  1811. // jici: '',
  1812. // progress: '',
  1813. // url:null,
  1814. // disableg:false
  1815. // }]
  1816. // }
  1817. this.msgSuccess('只剩一条数据,无法删除');
  1818. return false;
  1819. }
  1820. if (this.jdourdjoaj == true) {
  1821. // 新增
  1822. this.form.czrkJzdzList.splice(index, 1);
  1823. } else {
  1824. // 修改
  1825. // ()
  1826. this.form.czrkJzdzList.splice(index, 1);
  1827. }
  1828. this.msgSuccess('删除成功');
  1829. },
  1830. /** 导出按钮操作 */
  1831. handleExport() {
  1832. var heuia = {
  1833.      tableName: "vaccine_info",
  1834.      empty: false,
  1835.      condition: {}
  1836. }
  1837. var that=this;
  1838. heuia.condition = this.queryParams
  1839. const queryParams = this.queryParams
  1840. this.$confirm('是否确认导出?', "警告", {
  1841. confirmButtonText: "确定",
  1842. cancelButtonText: "取消",
  1843. type: "warning"
  1844. }).then(function() {
  1845. return exportConfig(heuia);
  1846. }).then(response => {
  1847. const jues= response.data
  1848. that.exportflag=false;
  1849. that.$alert('数据导入中,系统将自动处理数据,请稍后查看结果', "导出结果", { dangerouslyUseHTMLString: true });
  1850. // that.msgSuccess('数据导入中,系统将自动处理数据,请稍后查看结果');
  1851. // exportConfigtyr().then(responsr => {
  1852. // console.log(responsr)
  1853. // if(responsr.data == true){
  1854. // // this.download(jues);
  1855. // // window.location.href = jues
  1856. // window.open(jues)
  1857. // }else{
  1858. // this.msgSuccess('数据暂未加载完成,请稍后点击导出进度按钮查看');
  1859. // }
  1860. // });
  1861. })
  1862. // this.download('/boman-web-core/core/info/export',
  1863. // {
  1864. // ...this.queryParams
  1865. // },
  1866. // `post_${new Date().getTime()}.xlsx`
  1867. // );
  1868. },
  1869. chahetwoswge(data){
  1870. console.log(data)
  1871. this.form.gridId = data[data.length - 1]
  1872. console.log(this.form.gridId)
  1873. },
  1874. // 点击查看
  1875. chakei(row) {
  1876. console.log(row);
  1877. let nhyes= {pageNum: 1,
  1878. pageSize: 10,}
  1879. this.nhyesoder = row
  1880. if(row == 0){
  1881. // 新增
  1882. listInfotjxz(this.ndhuwosdjh).then(response => {
  1883. // this.msgSuccess('操作成功');
  1884. this.jiezheList = response.rows
  1885. this.totalfr = response.total
  1886. })
  1887. } else if(row == 1){
  1888. // 减少
  1889. listInfotjjs(this.ndhuwosdjh).then(response => {
  1890. // this.msgSuccess('操作成功');
  1891. this.jiezheList = response.rows
  1892. this.totalfr = response.total
  1893. } )
  1894. }// yiaoe({idCard:row.idCard}).then(response => {
  1895. // // this.msgSuccess('操作成功');
  1896. // if(response.code == 200){
  1897. // this.jiezheList = response.data
  1898. // }
  1899. // });
  1900. this.jiezhong = true;
  1901. },
  1902. // 查看家庭成员信息
  1903. handleDeletefamide(row){
  1904. this.nhyesoder = 3
  1905. if(row.code == null){
  1906. this.msgSuccess('无户编号信息,无法查看家庭成员信息');
  1907. return false
  1908. }
  1909. if(row.code == ''){
  1910. this.msgSuccess('无户编号信息,无法查看家庭成员信息');
  1911. return false
  1912. }
  1913. this.jiezhong = true;
  1914. listInfotjjsfaml(row.code).then(response => {
  1915. // this.msgSuccess('操作成功');
  1916. this.jiezheList = response.data
  1917. this.totalfr = 0
  1918. } )
  1919. },
  1920. /** 导入按钮操作 */
  1921. handleImport() {
  1922. this.upload.title = "数据导入";
  1923. this.upload.opens = true;
  1924. },
  1925. // 获取屏幕高度
  1926. showFilterForm () {
  1927. this.filterActive = !this.filterActive
  1928. this.changeTableMaxHeight()
  1929. },
  1930. changeTableMaxHeight () {
  1931. let height = document.body.offsetHeight // 网页可视区域高度
  1932. // if (this.filterActive) {
  1933. // this.tableMaxHeight = height - 320
  1934. // } else {
  1935. this.tableMaxHeight = height - 250
  1936. // }
  1937. console.log(height)
  1938. },
  1939. // 判断是否选择户主
  1940. changese(){
  1941. console.log(this.form.houseType)
  1942. if(this.form.houseType == '是'){
  1943. this.form.code = this.form.idCard
  1944. this.nhe = false
  1945. }else{
  1946. this.form.code != this.form.idCard
  1947. this.nhe = true
  1948. }
  1949. },
  1950. // 常住人口
  1951. chajnd(){
  1952. this.queryParams.queryType = 'cz'
  1953. this.queryParams.pageNum = 1
  1954. this.nhykis = false
  1955. this.nhyki = true
  1956. this.getListch();
  1957. },
  1958. // 户籍人口
  1959. chajnds(){
  1960. this.queryParams.queryType = 'hj'
  1961. this.queryParams.pageNum = 1
  1962. this.nhykis = true
  1963. this.nhyki = false
  1964. this.getList();
  1965. },
  1966. click(event) {
  1967. console.log(event)
  1968. this.$nextTick(() => {
  1969. let d = document.getElementsByClassName("cascader"+ this.idsg)
  1970. this.nameutaiL +'s'
  1971. console.log("cascader"+ '' +this.nameutaiL);
  1972. console.log(48);
  1973. console.log(d);
  1974. console.log(d[0]);
  1975. console.log( !d[0].onclick);
  1976. if( d[event] && !d[event].onclick ){
  1977. d[event].onclick = function(e) {
  1978. console.log(e);
  1979. if( e.target.className == "el-cascader-node__label" ){
  1980. e.target.previousElementSibling.click();
  1981. }
  1982. }
  1983. }
  1984. });
  1985. },
  1986. clicks(event) {
  1987. this.$nextTick(() => {
  1988. let d = document.getElementsByClassName("cascader"+'' +this.id);
  1989. console.log("cascader"+ '' +this.nameutaiL);
  1990. console.log(48);
  1991. console.log(d);
  1992. console.log(d[0]);
  1993. console.log( !d[0].onclick);
  1994. if( d[0] && !d[0].onclick ){
  1995. d[0].onclick = function(e) {
  1996. console.log(e);
  1997. if( e.target.className == "el-cascader-node__label" ){
  1998. e.target.previousElementSibling.click();
  1999. }
  2000. }
  2001. }
  2002. });
  2003. }
  2004. }
  2005. };
  2006. </script>
  2007. <style lang="scss">
  2008. .placf {
  2009. .el-input {
  2010. .el-input__inner::placeholder{
  2011. color: #333;
  2012. }
  2013. /* 谷歌 */
  2014. .el-input__inner::-webkit-input-placeholder {
  2015. color: #333;
  2016. }
  2017. /* 火狐 */
  2018. .el-input__inner:-moz-placeholder {
  2019. color: #333;
  2020. }
  2021. /*ie*/
  2022. .el-input__inner:-ms-input-placeholder {
  2023. color: #333;
  2024. }
  2025. }
  2026. }
  2027. .jdueuh{
  2028. .el-form-item__label {
  2029. width: 0px !important;
  2030. }
  2031. .el-form-item__content {
  2032. margin-left: 10px !important;
  2033. // width: 70%;
  2034. }
  2035. }
  2036. .ijeuhdy{
  2037. .el-form-item__label {
  2038. width: 80px !important;
  2039. }
  2040. .el-form-item__content {
  2041. margin-left: 80px !important;
  2042. // width: 70%;
  2043. }
  2044. }
  2045. .znshu{
  2046. .el-form-item__label {
  2047. width: 80px !important;
  2048. // padding-left: 30px;
  2049. }
  2050. .el-form-item__content {
  2051. margin-left: 80px !important;
  2052. // width: 70%;
  2053. }
  2054. .el-input__inner{
  2055. padding-left: 0 !important;
  2056. }
  2057. }
  2058. .heioangd{
  2059. .el-form-item__label {
  2060. width: 70px !important;
  2061. }
  2062. .el-form-item__content {
  2063. margin-left: 70px !important;
  2064. // width: 70%;
  2065. }
  2066. }
  2067. .hues {
  2068. .area-select {
  2069. margin-left: 0 !important;
  2070. margin-right: 10px;
  2071. }
  2072. }
  2073. .jehak {
  2074. .el-form-item {
  2075. width: 100%;
  2076. }
  2077. .el-form-item__content {
  2078. width: 60%;
  2079. }
  2080. }
  2081. .oiuyty {
  2082. .el-form-item__label {
  2083. width: 80px !important;
  2084. }
  2085. .el-form-item__content {
  2086. margin-left: 80px !important;
  2087. // width: 70%;
  2088. }
  2089. input {
  2090. padding-right: 0 !important;
  2091. }
  2092. }
  2093. .el-dialog__body {
  2094. padding-top: 0;
  2095. padding-bottom: 0;
  2096. }
  2097. .jhy {
  2098. // width: 100%;
  2099. // .el-form-item__content {
  2100. // width: 100%;
  2101. // margin-left: 0 !important;
  2102. // }
  2103. .el-form-item__content {
  2104. margin-left: 55px !important;
  2105. // width: 70%;
  2106. }
  2107. .el-form-item__label {
  2108. width: 55px !important;
  2109. }
  2110. }
  2111. .ehiqya {
  2112. .el-form-item__content {
  2113. display: flex;
  2114. .jdidur {
  2115. flex: 1;
  2116. margin-left: 10px;
  2117. // text-align: left;
  2118. display: flex;
  2119. }
  2120. }
  2121. .upload-demo {
  2122. display: flex;
  2123. }
  2124. }
  2125. .jdoier{
  2126. display: flex;
  2127. align-items: center;
  2128. .upload-demo {
  2129. display: flex;
  2130. }
  2131. }
  2132. .hueyde {
  2133. width: 18px;
  2134. height: 18px;
  2135. margin: 0 5px;
  2136. margin-right: 10px;
  2137. }
  2138. .hueydele {
  2139. width: 15px;
  2140. height: 18px;
  2141. }
  2142. .hyeoa {
  2143. height: 100%;
  2144. display: flex;
  2145. align-items: center;
  2146. }
  2147. .hjdoecdre {
  2148. // margin-top: 50%;
  2149. transform: translateY(50%);
  2150. }
  2151. .ojhgy {
  2152. .el-dialog {
  2153. padding-bottom: 40px;
  2154. padding-top: 10px;
  2155. }
  2156. .el-dialog__header {
  2157. padding-bottom: 20px;
  2158. }
  2159. .el-table .cell {
  2160. line-height: 50px;
  2161. }
  2162. }
  2163. .hueya{
  2164. margin-left: 0 !important;
  2165. }
  2166. .iejghiadh{
  2167. .el-input__inner{
  2168. padding-right: 0 !important;
  2169. padding-left: 5px !important;
  2170. }
  2171. }
  2172. </style>