add.html 78 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .ctable td{
  5. min-width: 150px!important;
  6. max-width: 300px!important;
  7. }
  8. </style>
  9. <div class="row">
  10. <div class="col-sm-12">
  11. <div class="ibox float-e-margins">
  12. <!--<div class="ibox-title">-->
  13. <!--<h5>{$meta_title}</h5>-->
  14. <!--<div class="ibox-tools">-->
  15. <!--<a class="toback" href="{:url('index')}">-->
  16. <!--返回上一页-->
  17. <!--</a>-->
  18. <!--</div>-->
  19. <!--</div>-->
  20. <div class="ibox-content" id="vue-plan">
  21. <p><br></p>
  22. <div class="row">
  23. <div class="col-xs-6 col-xs-offset-3">
  24. <el-steps :active="step" align-center finish-status="success">
  25. <el-step title="配置检查内容"></el-step>
  26. <el-step title="配置排班"></el-step>
  27. <el-step title="任务确认"></el-step>
  28. </el-steps>
  29. </div>
  30. </div>
  31. <p><br></p>
  32. <form method="post" class="form-horizontal">
  33. <div v-if="step == 0">
  34. <div class="form-group">
  35. <label class="col-sm-2 control-label">任务名称<span class="text-danger">*</span></label>
  36. <div class="col-sm-8">
  37. <input type="text" class="form-control" v-model="title" value="" placeholder="请输入任务名称">
  38. </div>
  39. </div>
  40. <div class="form-group">
  41. <label class="col-sm-2 control-label">计划时间<span class="text-danger">*</span></label>
  42. <div class="col-sm-8">
  43. <el-date-picker
  44. style="width: 100%"
  45. size="small"
  46. v-model="date"
  47. type="daterange"
  48. range-separator="至"
  49. value-format="yyyy-MM-dd"
  50. start-placeholder="开始日期"
  51. end-placeholder="结束日期">
  52. </el-date-picker>
  53. </div>
  54. </div>
  55. <div class="form-group">
  56. <label class="col-sm-2 control-label">检查内容<span class="text-danger">*</span></label>
  57. <div class="col-sm-8">
  58. <button class="btn btn-sm btn-primary" type="button" @click="addGroup">添加检查内容</button>
  59. <!-- <button class="btn btn-sm btn-primary" type="button" @click="selectAddr()">添加地点</button>-->
  60. <!-- <button class="btn btn-sm btn-primary" type="button" @click="selectForm()">设置检查内容</button>-->
  61. <!-- <button class="btn btn-sm btn-danger" type="button" @click="delAddrs">移除</button>-->
  62. <!-- <button class="btn btn-sm btn-primary" type="button" @click="sortAddrs">确定排序</button>-->
  63. <el-table
  64. v-if="tableData.length > 0"
  65. :data="tableData"
  66. height="350"
  67. border
  68. @selection-change="handleSelectionChange"
  69. style="width: 100%">
  70. <el-table-column
  71. type="selection"
  72. width="60">
  73. </el-table-column>
  74. <el-table-column
  75. prop="addrTitle"
  76. label="检查内容">
  77. </el-table-column>
  78. <!-- <el-table-column prop="formTitle" label="检查内容">-->
  79. <!-- <template slot-scope="scope">-->
  80. <!-- <span v-for="(item,index) in scope.row.forms" :key="index">{{item.title}};</span>-->
  81. <!-- </template>-->
  82. <!-- </el-table-column>-->
  83. <el-table-column prop="sorts" label="排序">
  84. <template slot-scope="scope">
  85. <input type="number" step="1" class="form-control" v-model="scope.row.sorts">
  86. </template>
  87. </el-table-column>
  88. <!-- <el-table-column label="操作" width="180">-->
  89. <!-- <template slot-scope="scope">-->
  90. <!-- <button class="btn btn-sm" type="button" @click="moveUp(scope.$index, scope.row)">上移</button>-->
  91. <!-- <button class="btn btn-sm" type="button" @click="moveDown(scope.$index, scope.row)">下移</button>-->
  92. <!-- </template>-->
  93. <!-- </el-table-column>-->
  94. </el-table>
  95. </div>
  96. <div class="col-sm-12">
  97. <input type="hidden" name="group" value="" id="groupbox">
  98. <table class="table table-bordered">
  99. <thead>
  100. <tr>
  101. <th style="width: 25%">检查内容</th>
  102. <th style="width: 25%">检查项</th>
  103. <th style="width: 15%">关联业务</th>
  104. <th style="width: 25%">业务项</th>
  105. <th style="width: 10%" class="text-center">操作</th>
  106. </tr>
  107. </thead>
  108. <tbody>
  109. <tr v-for="(item,index) in groups" :key="index">
  110. <td>
  111. <textarea v-model="item.title" rows="1" class="form-control" style="height: 100%"></textarea>
  112. </td>
  113. <td>
  114. <button type="button" :id="`formsbtn${index}`" :url="`{:url('QualityForm/selectforms',[],false,false)}/idx/${index}`" onclick="selectForms(this)" class="btn btn-sm btn-primary">选择表单项</button>
  115. <div v-if="item.forms.length > 0">
  116. <div v-for="(vo,idx) in item.forms" :key="idx" class="alert alert-success alert-dismissable" style="padding: 5px;margin-bottom: 5px;width: 90%;">
  117. <button class="close" @click="delForms(index,vo.id)" type="button">×</button>
  118. <span v-if="Number(vo.type) == 1">
  119. [选择框]{{vo.title}}
  120. </span>
  121. <span v-if="Number(vo.type) == 0">
  122. [输入框]{{vo.title}}
  123. </span>
  124. </div>
  125. </div>
  126. </td>
  127. <td>
  128. <select v-model="item.type" class="form-control" @change="changeType(index,item)">
  129. <option value="0">不关联业务</option>
  130. <option value="1">巡更</option>
  131. <option value="2">巡视</option>
  132. <option value="3">巡查</option>
  133. <option value="4">巡检</option>
  134. <option value="5">日常工作</option>
  135. <option value="6">设备台账</option>
  136. </select>
  137. </td>
  138. <td>
  139. <button type="button" :id="`bussbtn${index}`" url="" onclick="selectBuss(this)" class="btn btn-sm btn-primary">选择关联项</button>
  140. <div v-if="item.buss.length > 0">
  141. <div v-for="(vo,idx) in item.buss" :key="idx" class="alert alert-success alert-dismissable" style="padding: 5px;margin-bottom: 5px;width: 90%;">
  142. <button class="close" @click="delBuss(index,vo.id)" type="button">×</button>
  143. {{vo.title}}
  144. </div>
  145. </div>
  146. </td>
  147. <td class="text-center">
  148. <a href="javascript:;" @click="delGroup(index)" class="btn btn-danger btn-sm">删除</a>
  149. </td>
  150. </tr>
  151. </tbody>
  152. </table>
  153. </div>
  154. </div>
  155. <!--<div class="form-group">
  156. <label class="col-sm-2 control-label">是否按顺序执行<span class="text-danger">*</span></label>
  157. <div class="col-sm-8" style="padding-top: 7px;">
  158. <el-radio v-model="inOrder" :label="0">否</el-radio>
  159. <el-radio v-model="inOrder" :label="1">是</el-radio>
  160. </div>
  161. </div>
  162. <div class="form-group" v-if="inOrder === 1 && lines.length > 0">
  163. <label class="col-sm-2 control-label">路线时间设置</label>
  164. <div class="col-sm-8" style="padding-top: 7px;">
  165. <table class="table table-bordered ctable text-center">
  166. <tr>
  167. <th class="text-center">路线</th>
  168. <th class="text-center">时间跨度(分钟)</th>
  169. <th class="text-center">浮动时间(分钟)</th>
  170. </tr>
  171. <tr v-for="(item,index) in lines" :key="index">
  172. <td>{{item.st}} ~ {{item.et}}</td>
  173. <td><el-input type="number" v-model="item.kd" size="small" style="width: 140px" placeholder=""></el-input></td>
  174. <td><el-input type="number" v-model="item.fd" size="small" style="width: 140px" placeholder=""></el-input></td>
  175. </tr>
  176. </table>
  177. </div>
  178. </div>-->
  179. </div>
  180. <div v-if="step == 1">
  181. <div class="form-group">
  182. <label class="col-sm-2 control-label">设置人员<span class="text-danger">*</span></label>
  183. <div class="col-sm-8">
  184. <el-select
  185. v-model="userIds"
  186. multiple
  187. collapse-tags
  188. style="width: 100%"
  189. size="small"
  190. placeholder="请选择">
  191. <el-option
  192. v-for="item in users"
  193. :key="item.id"
  194. :label="item.title"
  195. :value="item.id">
  196. </el-option>
  197. </el-select>
  198. </div>
  199. </div>
  200. <div class="form-group">
  201. <label class="col-sm-2 control-label">时间段配置<span class="text-danger">*</span></label>
  202. <div class="col-sm-8">
  203. 每
  204. <el-select v-model="dateType" placeholder="请选择" style="width: 100px;" size="small">
  205. <el-option
  206. v-for="item in dateTypes"
  207. :key="item.id"
  208. :label="item.title"
  209. :value="item.id">
  210. </el-option>
  211. </el-select>
  212. 的
  213. <span v-if="dateType == 3">
  214. <el-date-picker
  215. style="width: 130px"
  216. size="small"
  217. v-model="dateFrom"
  218. type="date"
  219. value-format="yyyy-MM-dd"
  220. placeholder="请选择日期">
  221. </el-date-picker>
  222. 开始,工作
  223. <el-input type="number" @input="changePlay" v-model="datePlay" size="small" style="width: 80px;" placeholder="请输入天数"></el-input>
  224. 天,
  225. 暂停
  226. <el-input type="number" @input="changePause" v-model="datePause" size="small" style="width: 80px;" placeholder="请输入天数"></el-input>
  227. 天,每天的
  228. </span>
  229. <button v-if="dateType == 2" class="btn btn-sm btn-default" type="button" @click="selectWeek">添加周</button>
  230. <button class="btn btn-sm btn-default" type="button" @click="selectTime">添加时间段</button>
  231. 开始任务
  232. <div v-if="dateType == 2" style="padding: 5px 0">
  233. 已选择周:
  234. <el-tag
  235. style="margin-right: 5px;cursor: pointer"
  236. v-for="item in dateWeeks"
  237. size="small"
  238. :key="item.id"
  239. :type="item.type"
  240. effect="dark"
  241. >
  242. {{ item.title }}
  243. </el-tag>
  244. </div>
  245. <div style="padding: 5px 0">
  246. 已选择时间段:
  247. <el-tag
  248. style="margin-right: 5px;margin-bottom: 5px"
  249. :key="index"
  250. v-for="(item,index) in dateTimes"
  251. size="small"
  252. >
  253. {{item.stime}} ~ <span v-if="item.stype == 1">{{item.sday}}天后</span>{{item.etime}}
  254. </el-tag>
  255. </div>
  256. <el-button @click="createClass" size="small">生成任务表</el-button>
  257. <div style="padding: 5px 0">
  258. <div class="table-responsive" v-if="tasks.list.length > 0">
  259. <table class="table table-bordered ctable text-center">
  260. <tr>
  261. <td></td>
  262. <td v-for="(item,index) in tasks.days" :key="index">{{item}}</td>
  263. </tr>
  264. <tr v-for="(vo,idx) in tasks.list" :key="idx">
  265. <td>{{vo.time.stime}} ~ <span v-if="vo.time.stype == 1">{{vo.time.sday}}天后</span>{{vo.time.etime}}</td>
  266. <td v-for="(item,index) in tasks.days" :key="index">
  267. <template v-for="(v,id) in vo.list">
  268. <span v-if="item == v.day" :key="id">{{v.userNames}}</span>
  269. </template>
  270. </td>
  271. </tr>
  272. </table>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. <div v-if="step == 2">
  279. <div style="padding: 5px 0">
  280. <div class="table-responsive" v-if="tasks.list.length > 0">
  281. <table class="table table-bordered ctable text-center">
  282. <tr>
  283. <td></td>
  284. <td></td>
  285. <td v-for="(item,index) in tasks.days" :key="index"><a href="javascript:;" @click="delDay(item)">删除列</a></td>
  286. </tr>
  287. <tr>
  288. <td></td>
  289. <td></td>
  290. <td v-for="(item,index) in tasks.days" :key="index">{{item}}</td>
  291. </tr>
  292. <tr v-for="(vo,idx) in tasks.list" :key="idx">
  293. <td><a href="javascript:;" @click="delTimes(vo.time)">删除行</a></td>
  294. <td>{{vo.time.stime}} ~ <span v-if="vo.time.stype == 1">{{vo.time.sday}}日后</span>{{vo.time.etime}}</td>
  295. <td v-for="(item,index) in tasks.days" :key="index">
  296. <template v-for="(v,id) in vo.list">
  297. <span v-if="item == v.day" :key="id">{{v.userNames}}</span>
  298. </template>
  299. </td>
  300. </tr>
  301. </table>
  302. </div>
  303. </div>
  304. </div>
  305. <div class="hr-line-dashed"></div>
  306. <div class="form-group">
  307. <div class="col-sm-6 col-sm-offset-2">
  308. <button v-if="step == 2" class="btn btn-primary" target-form="form-horizontal" type="button" id="saveSubmit" @click="saveSubmit">保 存</button>
  309. <button v-if="step == 1||step == 2" class="btn btn-default" type="button" @click="pre">上一步</button>
  310. <button v-if="step == 0||step == 1" class="btn btn-info" type="button" @click="next">下一步</button>
  311. </div>
  312. </div>
  313. </form>
  314. <el-dialog
  315. title="选择地点"
  316. :visible.sync="dialogVisibleAddr"
  317. width="500px"
  318. :before-close="handleClose"
  319. >
  320. <el-input
  321. placeholder="请输入"
  322. v-model="addrkeyword"
  323. @input="searchAddr"
  324. clearable>
  325. </el-input>
  326. <el-table
  327. ref="singleTable"
  328. :data="addrs"
  329. height="300"
  330. @selection-change="handleSelectionChangeAddr"
  331. style="width: 100%">
  332. <el-table-column
  333. type="selection"
  334. width="60">
  335. </el-table-column>
  336. <el-table-column
  337. property="title"
  338. label="名称"
  339. >
  340. </el-table-column>
  341. </el-table>
  342. <span slot="footer" class="dialog-footer">
  343. <el-button @click="dialogVisibleAddr = false">取 消</el-button>
  344. <el-button type="primary" @click="saveAddr">确 定</el-button>
  345. </span>
  346. </el-dialog>
  347. <el-dialog
  348. title="选择检查内容"
  349. :visible.sync="dialogVisibleForm"
  350. width="500px"
  351. :before-close="handleCloseForm"
  352. >
  353. <el-input
  354. placeholder="请输入"
  355. v-model="formkeyword"
  356. @input="searchForm"
  357. clearable>
  358. </el-input>
  359. <el-table
  360. v-if="dialogVisibleForm"
  361. ref="singleTable2"
  362. :data="forms"
  363. height="300"
  364. @selection-change="handleCurrentChange"
  365. style="width: 100%">
  366. <el-table-column
  367. type="selection"
  368. width="60">
  369. </el-table-column>
  370. <el-table-column
  371. property="title"
  372. label="名称"
  373. >
  374. </el-table-column>
  375. </el-table>
  376. <span slot="footer" class="dialog-footer">
  377. <el-button @click="handleCloseForm">取 消</el-button>
  378. <el-button type="primary" @click="saveForm">确 定</el-button>
  379. </span>
  380. </el-dialog>
  381. <el-dialog
  382. title="选择周"
  383. :visible.sync="dialogVisibleWeek"
  384. width="500px"
  385. :before-close="handleCloseWeek"
  386. >
  387. <div class="text-center">
  388. <el-tag
  389. style="margin-right: 5px;cursor: pointer"
  390. v-for="item in weeks"
  391. size="small"
  392. :key="item.id"
  393. :type="item.type"
  394. effect="dark"
  395. @click="handleWeek(item)"
  396. >
  397. {{ item.title }}
  398. </el-tag>
  399. </div>
  400. <span slot="footer" class="dialog-footer">
  401. <el-button @click="dialogVisibleWeek = false">取 消</el-button>
  402. <el-button type="primary" @click="saveWeek">确 定</el-button>
  403. </span>
  404. </el-dialog>
  405. <el-dialog
  406. title="时间段选择"
  407. :visible.sync="dialogVisibleTime"
  408. width="700px"
  409. :before-close="handleCloseTime"
  410. >
  411. <div style="padding: 5px 0">
  412. <el-tabs v-model="activeTabName">
  413. <el-tab-pane label="逐个添加" name="first"></el-tab-pane>
  414. <el-tab-pane label="批量添加" name="second"></el-tab-pane>
  415. </el-tabs>
  416. </div>
  417. <div style="padding: 5px 0">
  418. 选择时段:
  419. <span v-if="activeTabName === 'first'">
  420. <el-time-picker style="width:130px" v-model="stime" format="HH:mm" value-format="HH:mm" size="small" key="first01" placeholder="请选择时间"></el-time-picker>
  421. 至
  422. <el-select style="width:80px" v-model="stype" placeholder="请选择" size="small">
  423. <el-option label="今日" :value="0"></el-option>
  424. <el-option label="其他" :value="1"></el-option>
  425. </el-select>
  426. <el-input v-if="stype == 1" @input="changeSday" type="number" v-model="sday" size="small" style="width: 70px;" placeholder="天数"></el-input> 天后
  427. <el-time-picker style="width:130px" v-model="etime" format="HH:mm" value-format="HH:mm" size="small" key="first02" placeholder="请选择时间"></el-time-picker>
  428. <el-button @click="addTime" size="small">添加</el-button>
  429. </span>
  430. <span v-if="activeTabName === 'second'">
  431. <el-time-picker
  432. style="width:290px"
  433. is-range
  434. v-model="setime"
  435. key="second01"
  436. format="HH:mm"
  437. value-format="HH:mm"
  438. size="small"
  439. range-separator="至"
  440. start-placeholder="开始时间"
  441. end-placeholder="结束时间"
  442. placeholder="选择时间范围"
  443. ></el-time-picker>
  444. 每隔
  445. <el-input type="number" v-model="snums" size="small" style="width: 70px;" placeholder="天数"></el-input> 小时执行一次
  446. <el-button @click="addBatchTime" size="small">添加</el-button>
  447. </span>
  448. </div>
  449. <div style="padding: 5px 0">
  450. 已选择时间段:
  451. <el-tag
  452. style="margin-right: 5px;margin-bottom: 5px"
  453. size="small"
  454. :key="index"
  455. v-for="(item,index) in selTimes"
  456. closable
  457. @close="handleCloseTimes(item)">
  458. {{item.stime}} ~ <span v-if="item.stype == 1">{{item.sday}}天后</span>{{item.etime}}
  459. </el-tag>
  460. </div>
  461. <span slot="footer" class="dialog-footer">
  462. <el-button @click="dialogVisibleTime = false">取 消</el-button>
  463. <el-button type="primary" @click="saveTime">确 定</el-button>
  464. </span>
  465. </el-dialog>
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. {/block}
  471. {block name="script"}
  472. <script>
  473. var ads = {:json_encode($patrolForm)};
  474. var frs = [];
  475. var us = {:json_encode($user)};
  476. {empty name="info"}
  477. var info = null;
  478. {else /}
  479. var info = {:json_encode($info)};
  480. {/empty}
  481. localStorage.removeItem("selectids");
  482. var vm = new Vue({
  483. el: '#vue-plan',
  484. data: function() {
  485. return {
  486. title: '',
  487. dialogVisible: false,
  488. step: 0,
  489. date: '',
  490. tableData: [],
  491. selAddrForms: [], // 选择的地址表单
  492. addrs: ads,
  493. selAddrs:[], // 选择地址
  494. dialogVisibleAddr: false,
  495. addrkeyword: '',
  496. forms: frs,
  497. selForm: [],
  498. formkeyword: '',
  499. dialogVisibleForm: false,
  500. users: us, // 人员列表
  501. userIds:[], // 选择的人员
  502. dateTypes: [
  503. {id: 1,title: '天'},
  504. {id: 2,title: '周'},
  505. {id: 4,title: '月'},
  506. {id: 5,title: '循环周'},
  507. {id: 3,title: '自定义'},
  508. ],
  509. dateType: 1,
  510. dateFrom: '', // 自定义类型从哪天开始
  511. datePlay: 1,
  512. datePause: 1,
  513. dateWeeks: [], // 已选择的周
  514. dateTimes: [], // 已添加的时间段
  515. weeks: [
  516. {id:1,title:'周一',type: 'info'},
  517. {id:2,title:'周二',type: 'info'},
  518. {id:3,title:'周三',type: 'info'},
  519. {id:4,title:'周四',type: 'info'},
  520. {id:5,title:'周五',type: 'info'},
  521. {id:6,title:'周六',type: 'info'},
  522. {id:0,title:'周日',type: 'info'},
  523. ],
  524. selWeeks: [],
  525. dialogVisibleWeek: false,
  526. dialogVisibleTime: false,
  527. stime: '',
  528. etime: '',
  529. stype: 0,
  530. sday: 1,
  531. selTimes: [], // 弹框已选的时间段
  532. tasks: { // 任务
  533. days: [],
  534. list: [],
  535. },
  536. activeTabName: 'first',
  537. setime: '',
  538. snums: 1,
  539. inOrder: 0,
  540. lines: [],
  541. groups: []
  542. }
  543. },
  544. watch: {
  545. addrIds() { // 以保存的地址id
  546. console.log('tableData',this.tableData);
  547. let lines = [];
  548. if(this.tableData.length >= 2){
  549. for (let i in this.tableData){
  550. if(i < this.tableData.length - 1){
  551. lines.push({
  552. s: this.tableData[i].addrId,
  553. st: this.tableData[i].addrTitle,
  554. e: this.tableData[Number(i)+1].addrId,
  555. et: this.tableData[Number(i)+1].addrTitle,
  556. kd: 0,
  557. fd: 0,
  558. })
  559. }
  560. }
  561. }
  562. this.lines = JSON.parse(JSON.stringify(lines));
  563. console.log('lines',this.lines);
  564. },
  565. allgroups(){
  566. if(this.groups.length > 0){
  567. $('#groupbox').val(JSON.stringify(this.groups));
  568. }else{
  569. $('#groupbox').val('');
  570. }
  571. }
  572. },
  573. computed: {
  574. addrIds() { // 以保存的地址id
  575. let ids = [];
  576. this.tableData.forEach((item) => {
  577. ids.push(item.addrId);
  578. });
  579. return ids;
  580. },
  581. allgroups() {
  582. return JSON.parse(JSON.stringify(this.groups));
  583. }
  584. },
  585. created(){
  586. if(info){
  587. this.title = info.title;
  588. this.date = [info.start_time,info.end_time];
  589. this.groups = info.content.addrForms;
  590. this.userIds = info.content.userIds;
  591. this.dateType = info.content.dateType;
  592. this.dateForm = info.content.dateForm;
  593. this.datePlay = info.content.datePlay;
  594. this.datePause = info.content.datePause;
  595. this.dateWeeks = info.content.dateWeeks;
  596. this.dateTimes = info.content.dateTimes;
  597. this.datePause = info.content.datePause;
  598. this.datePause = info.content.datePause;
  599. this.lines = info.lines;
  600. this.inOrder = info.in_order;
  601. }
  602. },
  603. methods: {
  604. next() {
  605. if(this.step == 0){ // 检查必填项
  606. if(!this.title){
  607. this.$message.error('请输入任务名称');
  608. return false;
  609. }
  610. if(!this.date){
  611. this.$message.error('请选择任务时间');
  612. return false;
  613. }
  614. // if(this.tableData.length == 0){
  615. // this.$message.error('请选择任务地点');
  616. // return false;
  617. // }
  618. if(this.groups.length == 0){
  619. this.$message.error('未配置检查内容');
  620. return false;
  621. }
  622. let ff = false;
  623. this.groups.forEach((item) => {
  624. if(!item.title){
  625. this.$message.error('未输入检查内容');
  626. ff = true;
  627. return false;
  628. }
  629. if(item.forms.length == 0){
  630. this.$message.error('未选择检查项');
  631. ff = true;
  632. return false;
  633. }
  634. if(Number(item.type) > 0 && item.buss.length == 0){
  635. this.$message.error('未选择关联项');
  636. ff = true;
  637. return false;
  638. }
  639. });
  640. if(ff){
  641. return false;
  642. }
  643. } else if(this.step == 1){
  644. if(this.userIds.length <= 0){
  645. this.$message.error('未设置人员');
  646. return false;
  647. }
  648. if(this.dateType == 2 && this.dateWeeks.length <= 0){ // 周
  649. this.$message.error('未选择周');
  650. return false;
  651. }
  652. if(this.dateTimes.length <= 0){
  653. this.$message.error('未选择时间段');
  654. return false;
  655. }
  656. if(this.dateType == 3){ // 自定义
  657. if(!this.dateFrom){
  658. this.$message.error('未选择自定义开始日期');
  659. return false;
  660. }
  661. if(this.datePlay <= 0){
  662. this.$message.error('任务天数必须大于0');
  663. return false;
  664. }
  665. if(this.datePause < 0){
  666. this.$message.error('暂停天数必须大于等于0');
  667. return false;
  668. }
  669. }
  670. // 重新生成任务
  671. this.createClass();
  672. }
  673. if (this.step++ > 2) this.step = 0;
  674. },
  675. pre() {
  676. if (this.step-- < 0) this.step = 2;
  677. },
  678. handleSelectionChange(val){
  679. this.selAddrForms = val;
  680. console.log('selAddrForms',this.selAddrForms);
  681. },
  682. handleClose(){
  683. this.dialogVisibleAddr = false;
  684. },
  685. handleSelectionChangeAddr(val){
  686. this.selAddrs = val;
  687. },
  688. addGroup(){
  689. this.groups.push({
  690. title: '',
  691. forms: [],
  692. type: 0,
  693. buss: []
  694. });
  695. },
  696. selectAddr(){
  697. this.dialogVisibleAddr = true;
  698. this.addrkeyword = '';
  699. this.addrs = ads.filter((item) => {
  700. return !this.addrIds.includes(item.id);
  701. });
  702. this.selAddrs = [];
  703. },
  704. sortAddrs(){
  705. let ll = JSON.parse(JSON.stringify(this.tableData));
  706. ll.sort((a, b) => {
  707. return Number(a.sorts) > Number(b.sorts) ? 1 : -1;
  708. });
  709. console.log('ll',ll);
  710. this.tableData = [];
  711. this.$nextTick(() => {
  712. this.tableData = JSON.parse(JSON.stringify(ll));
  713. });
  714. },
  715. searchAddr(){
  716. this.addrs= [];
  717. this.$nextTick(() => {
  718. if(this.addrkeyword){
  719. this.addrs = ads.filter((item) => {
  720. return item.title.indexOf(this.addrkeyword) !== -1;
  721. });
  722. }else{
  723. this.addrs = ads;
  724. }
  725. });
  726. },
  727. saveAddr(){
  728. const tbs = this.tableData;
  729. this.selAddrs.forEach((item) => {
  730. if(!this.addrIds.includes(item.id)){
  731. tbs.push({
  732. 'addrId': item.id,
  733. 'addrTitle': item.title,
  734. // 'forms': [],
  735. 'sorts': 0
  736. });
  737. }
  738. });
  739. this.dialogVisibleAddr = false;
  740. this.$nextTick(() => {
  741. this.tableData = tbs;
  742. });
  743. },
  744. moveUp(idx,obj){
  745. if(idx > 0){
  746. let old = JSON.parse(JSON.stringify(this.tableData[idx]));
  747. let up = JSON.parse(JSON.stringify(this.tableData[idx - 1]));
  748. let tbs = this.tableData;
  749. this.tableData = [];
  750. this.$nextTick(() => {
  751. tbs[idx] = up;
  752. tbs[idx - 1] = old;
  753. this.tableData = tbs;
  754. })
  755. }
  756. },
  757. moveDown(idx,obj){ // 下移
  758. let length = this.tableData.length;
  759. if(idx < length - 1){
  760. let old = JSON.parse(JSON.stringify(this.tableData[idx]));
  761. let up = JSON.parse(JSON.stringify(this.tableData[idx + 1]));
  762. let tbs = this.tableData;
  763. this.tableData = [];
  764. this.$nextTick(() => {
  765. tbs[idx] = up;
  766. tbs[idx + 1] = old;
  767. this.tableData = tbs;
  768. })
  769. }
  770. },
  771. delAddrs(){ // 移除
  772. let sids = [];
  773. this.selAddrForms.forEach((item) => {
  774. sids.push(item.addrId);
  775. });
  776. if(sids.length == 0){
  777. this.$message.error('未选择地点');
  778. return false;
  779. }
  780. let tbs = this.tableData;
  781. this.tableData = [];
  782. this.$nextTick(() => {
  783. this.tableData = tbs.filter((item) => {
  784. return !sids.includes(item.addrId);
  785. });
  786. this.selAddrForms = [];
  787. });
  788. },
  789. handleCurrentChange(val){ // 选中检查内容
  790. this.selForm = val;
  791. },
  792. handleCloseForm(){
  793. this.dialogVisibleForm = false;
  794. },
  795. searchForm(){
  796. this.forms= [];
  797. this.$nextTick(() => {
  798. if(this.formkeyword){
  799. this.forms = frs.filter((item) => {
  800. return item.title.indexOf(this.formkeyword) !== -1;
  801. });
  802. }else{
  803. this.forms = frs;
  804. }
  805. });
  806. },
  807. saveForm(){
  808. const tbs = this.tableData;
  809. this.tableData = [];
  810. let sids = [];
  811. this.selAddrForms.forEach((item) => {
  812. sids.push(item.addrId);
  813. });
  814. tbs.forEach((item) => {
  815. if(sids.includes(item.addrId)){
  816. // item.formId = this.selForm?this.selForm.id:0;
  817. // item.formTitle = this.selForm?this.selForm.title:'';
  818. const ffs = [];
  819. this.selForm.forEach((fitem) => {
  820. ffs.push({
  821. id: fitem.id,
  822. title: fitem.title
  823. });
  824. });
  825. item.forms = JSON.parse(JSON.stringify(ffs));
  826. }
  827. });
  828. this.dialogVisibleForm = false;
  829. this.$nextTick(() => {
  830. this.tableData = tbs;
  831. this.selAddrForms = [];
  832. });
  833. },
  834. selectForm(idx,obj){
  835. console.log(idx,obj,this.groups);
  836. this.groups.forEach((item,index) => {
  837. if(Number(idx) == Number(index)){
  838. item.forms = obj;
  839. console.log(idx,index);
  840. }
  841. });
  842. let ids = [];
  843. obj.forEach((item) => {
  844. ids.push(item.id.toString());
  845. });
  846. if(ids.length > 0){
  847. $('#formsbtn'+idx).attr('data-ids',JSON.stringify(ids));
  848. }else{
  849. $('#formsbtn'+idx).attr('data-ids','');
  850. }
  851. localStorage.removeItem("selectids");
  852. },
  853. selectBuss(idx,obj){
  854. console.log(idx,obj,this.groups);
  855. this.groups.forEach((item,index) => {
  856. if(Number(idx) == Number(index)){
  857. item.buss = obj;
  858. console.log(idx,index,item);
  859. }
  860. });
  861. let ids = [];
  862. obj.forEach((item) => {
  863. ids.push(item.id.toString());
  864. });
  865. if(ids.length > 0){
  866. $('#bussbtn'+idx).attr('data-ids',JSON.stringify(ids));
  867. }else{
  868. $('#bussbtn'+idx).attr('data-ids','');
  869. }
  870. localStorage.removeItem("selectids");
  871. },
  872. selectFormOld(){
  873. let sids = [];
  874. this.selAddrForms.forEach((item) => {
  875. sids.push(item.addrId);
  876. });
  877. if(sids.length == 0){
  878. this.$message.error('未选择地点');
  879. return false;
  880. }
  881. console.log('ss',this.selAddrForms);
  882. this.dialogVisibleForm = true;
  883. this.forms = frs;
  884. this.selForm = null;
  885. },
  886. changeType(idx,obj){
  887. let url = "{:url('QualityPlan/buslist',[],false,false)}/idx/"+idx+"/type/"+obj.type;
  888. console.log(obj);
  889. this.groups.forEach((item,index) => {
  890. if(Number(idx) == Number(index)){
  891. item.buss = [];
  892. }
  893. });
  894. $('#bussbtn'+idx).attr('data-ids','');
  895. $('#bussbtn'+idx).attr('url',url);
  896. },
  897. delGroup(idx){
  898. let ggs = JSON.parse(JSON.stringify(this.groups));
  899. let ng = [];
  900. ggs.forEach((item,index) => {
  901. if(Number(idx) != Number(index)){
  902. ng.push(item);
  903. }
  904. });
  905. this.groups = JSON.parse(JSON.stringify(ng));
  906. },
  907. delForms(idx,fidx){
  908. console.log(idx,fidx);
  909. let ggs = JSON.parse(JSON.stringify(this.groups));
  910. let ng = [];
  911. ggs.forEach((item,index) => {
  912. if(Number(idx) == Number(index)){
  913. let fggs = JSON.parse(JSON.stringify(item.forms));
  914. let fng = [];
  915. fggs.forEach((item2,index2) => {
  916. if(Number(fidx) != Number(item2.id)){
  917. fng.push(item2);
  918. }
  919. });
  920. item.forms = JSON.parse(JSON.stringify(fng));
  921. }
  922. ng.push(item);
  923. });
  924. this.groups = JSON.parse(JSON.stringify(ng));
  925. },
  926. delBuss(idx,bidx){
  927. console.log(idx,bidx);
  928. let ggs = JSON.parse(JSON.stringify(this.groups));
  929. let ng = [];
  930. ggs.forEach((item,index) => {
  931. if(Number(idx) == Number(index)){
  932. let fggs = JSON.parse(JSON.stringify(item.buss));
  933. let fng = [];
  934. fggs.forEach((item2,index2) => {
  935. if(Number(bidx) != Number(item2.id)){
  936. fng.push(item2);
  937. }
  938. });
  939. item.buss = JSON.parse(JSON.stringify(fng));
  940. }
  941. ng.push(item);
  942. });
  943. this.groups = JSON.parse(JSON.stringify(ng));
  944. },
  945. handleCloseWeek(){
  946. this.dialogVisibleWeek = false;
  947. },
  948. saveWeek(){
  949. let ll = [];
  950. this.weeks.forEach((item) => {
  951. if(this.selWeeks.includes(item.id)){
  952. ll.push({
  953. id: item.id,
  954. title: item.title,
  955. type: 'primary'
  956. })
  957. }
  958. });
  959. this.dateWeeks = ll;
  960. this.dialogVisibleWeek = false;
  961. },
  962. handleWeek(obj){
  963. console.log(obj);
  964. if(this.selWeeks.includes(obj.id)){
  965. this.selWeeks = this.selWeeks.filter((item) => {
  966. return item !== obj.id;
  967. });
  968. }else{
  969. this.selWeeks.push(obj.id);
  970. }
  971. this.weeks.forEach((item) => {
  972. if(this.selWeeks.includes(item.id)){
  973. item.type = 'primary';
  974. }else{
  975. item.type = 'info';
  976. }
  977. });
  978. },
  979. selectWeek(){
  980. this.selWeeks = [];
  981. this.dateWeeks.forEach((item) => {
  982. this.selWeeks.push(item.id);
  983. });
  984. this.weeks.forEach((item) => {
  985. if(this.selWeeks.includes(item.id)){
  986. item.type = 'primary';
  987. }else{
  988. item.type = 'info';
  989. }
  990. });
  991. this.dialogVisibleWeek = true;
  992. },
  993. handleCloseTime(){
  994. this.dialogVisibleTime = false;
  995. },
  996. addTime(){
  997. if(!this.stime || !this.etime){
  998. this.$message.error('请选择时间段');
  999. return false;
  1000. }
  1001. if(this.stype == 0 && this.stime >= this.etime){
  1002. this.$message.error('时间段错误');
  1003. return false;
  1004. }
  1005. if(this.stype == 1 && this.sday < 1){
  1006. this.$message.error('天数必须大于0');
  1007. return false;
  1008. }
  1009. // 检查时间段是否重复
  1010. let ff = false;
  1011. this.selTimes.forEach((item) => {
  1012. if(item.stype == this.stype &&item.sday == this.sday && item.stime == this.stime && item.etime == this.etime){
  1013. ff = true;
  1014. }
  1015. });
  1016. if(ff){
  1017. this.$message.error('该时间段已存在');
  1018. return false;
  1019. }
  1020. this.selTimes.push({
  1021. stime: this.stime,
  1022. etime: this.etime,
  1023. stype: this.stype,
  1024. sday: this.sday
  1025. })
  1026. },
  1027. addBatchTime(){
  1028. if(!this.setime || this.setime.length !== 2){
  1029. this.$message.error('请选择时间段');
  1030. return false;
  1031. }
  1032. if(this.snums <= 0){
  1033. this.$message.error('请输入间隔小时数');
  1034. return false;
  1035. }
  1036. // let min = 0;
  1037. // let max = 23*50 + 59;
  1038. let st = this.timeToNum(this.setime[0]);
  1039. let et = this.timeToNum(this.setime[1]);
  1040. let times = [];
  1041. let start = this.timeToNum(this.setime[0]);
  1042. let end = this.timeToNum(this.setime[0]);
  1043. let i = 1;
  1044. while (true){
  1045. end = this.timeToNum(this.setime[0]) + 60*this.snums*i;
  1046. let jg = et - start;
  1047. if(end > et && jg < 10){
  1048. break;
  1049. }else if(end > et && jg > 10){
  1050. end = et;
  1051. }
  1052. this.stime = this.numToTime(start);
  1053. this.etime = this.numToTime(end);
  1054. this.stype = 0;
  1055. this.sday = 0;
  1056. // 检查时间段是否重复
  1057. let ff = false;
  1058. this.selTimes.forEach((item) => {
  1059. if(item.stype == this.stype &&item.sday == this.sday && item.stime == this.stime && item.etime == this.etime){
  1060. ff = true;
  1061. }
  1062. });
  1063. if(ff){
  1064. this.$message.error('该时间段已存在');
  1065. return false;
  1066. }
  1067. this.selTimes.push({
  1068. stime: this.stime,
  1069. etime: this.etime,
  1070. stype: this.stype,
  1071. sday: this.sday
  1072. });
  1073. start = this.timeToNum(this.setime[0]) + 60*this.snums*i;
  1074. i++;
  1075. }
  1076. console.log('this.selTimes',this.selTimes);
  1077. },
  1078. timeToNum(time){ // time格式12:30
  1079. let ts = time.split(':');
  1080. if(ts.length !== 2){
  1081. return 0;
  1082. }
  1083. return Number(ts[0])*60 + Number(ts[1]);
  1084. },
  1085. numToTime(num){ // 数字转时间
  1086. let h = parseInt(num/60);
  1087. let m = num - h*60;
  1088. let str = '';
  1089. if(h < 10){
  1090. str += '0' + h + ':';
  1091. }else{
  1092. str += h + ':';
  1093. }
  1094. if(m < 10){
  1095. str += '0' + m;
  1096. }else{
  1097. str += m;
  1098. }
  1099. return str;
  1100. },
  1101. saveTime(){
  1102. this.dateTimes = JSON.parse(JSON.stringify(this.selTimes));
  1103. this.handleCloseTime();
  1104. },
  1105. handleCloseTimes(obj){
  1106. this.selTimes = this.selTimes.filter((item) => {
  1107. return item.stime != obj.stime || item.etime != obj.etime || item.stype != obj.stype || item.sday != obj.sday;
  1108. })
  1109. },
  1110. selectTime(){
  1111. this.dialogVisibleTime = true;
  1112. this.selTimes = JSON.parse(JSON.stringify(this.dateTimes));
  1113. this.stime = '';
  1114. this.etime = '';
  1115. this.stype = 0;
  1116. this.sday = 1;
  1117. },
  1118. changeSday(){
  1119. if (this.sday) {
  1120. // 限制整数
  1121. this.sday = this.sday.replace(/[^\d]/g, '');
  1122. }
  1123. },
  1124. createClass(){
  1125. if(this.userIds.length <= 0){
  1126. this.$message.error('未设置人员');
  1127. return false;
  1128. }
  1129. if(this.dateType == 2 && this.dateWeeks.length <= 0){ // 周
  1130. this.$message.error('未选择周');
  1131. return false;
  1132. }
  1133. if(this.dateTimes.length <= 0){
  1134. this.$message.error('未选择时间段');
  1135. return false;
  1136. }
  1137. if(this.dateType == 3){ // 自定义
  1138. if(!this.dateFrom){
  1139. this.$message.error('未选择自定义开始日期');
  1140. return false;
  1141. }
  1142. if(this.datePlay <= 0){
  1143. this.$message.error('任务天数必须大于0');
  1144. return false;
  1145. }
  1146. if(this.datePause < 0){
  1147. this.$message.error('暂停天数必须大于等于0');
  1148. return false;
  1149. }
  1150. }
  1151. let days = this.formatDays();
  1152. this.formatTasks(days);
  1153. },
  1154. formatTasks(days){
  1155. this.tasks = {
  1156. days: days,
  1157. list: [],
  1158. };
  1159. let list = [];
  1160. this.dateTimes.forEach((item) => {
  1161. let ts = [];
  1162. days.forEach((item2) => {
  1163. ts.push({
  1164. day: item2,
  1165. userIds: this.userIds,
  1166. userNames: this.getUserNames(),
  1167. });
  1168. });
  1169. list.push({
  1170. time: item,
  1171. list: ts,
  1172. })
  1173. });
  1174. this.tasks = {
  1175. days: days,
  1176. list: list,
  1177. };
  1178. console.log('tasks',this.tasks);
  1179. },
  1180. delDay(day){ // 删除列
  1181. let ts = JSON.parse(JSON.stringify(this.tasks));
  1182. this.tasks = null;
  1183. let days = ts.days.filter((item) => {
  1184. return item != day;
  1185. });
  1186. this.formatTasks(days);
  1187. },
  1188. delTimes(obj){ // 删除行
  1189. let days = JSON.parse(JSON.stringify(this.tasks.days));
  1190. this.tasks = null;
  1191. this.dateTimes = this.dateTimes.filter((item) => {
  1192. return item.stime != obj.stime || item.etime != obj.etime || item.stype != obj.stype || item.sday != obj.sday;
  1193. });
  1194. this.formatTasks(days);
  1195. },
  1196. saveSubmit(){ // 表单提交
  1197. if(this.tasks.days.length <= 0||this.tasks.list.length <= 0){
  1198. this.$message.error('未设置任务');
  1199. return false;
  1200. }
  1201. let content = {
  1202. addrForms: this.groups,
  1203. userIds: this.userIds,
  1204. dateType: this.dateType,
  1205. dateFrom: this.dateType == 3?this.dateFrom:'',
  1206. datePlay: this.dateType == 3?this.datePlay:0,
  1207. datePause: this.dateType == 3?this.datePause:0,
  1208. dateWeeks: this.dateType == 2?this.dateWeeks:[],
  1209. dateTimes: this.dateTimes,
  1210. tasks: this.tasks,
  1211. };
  1212. let json = {
  1213. title: this.title,
  1214. start_time: this.date[0],
  1215. end_time: this.date[1],
  1216. content: JSON.stringify(content),
  1217. // in_order: this.inOrder,
  1218. // lines: this.lines.length > 0?JSON.stringify(this.lines):''
  1219. };
  1220. let that = this;
  1221. $('#saveSubmit').attr("disabled", true).html('保 存 中');
  1222. $.ajax({
  1223. url: "{:url('QualityPlan/add')}",
  1224. type: 'POST',
  1225. data: json,
  1226. success: function(ret){
  1227. if(ret.code == 1){
  1228. that.$message.success('操作成功');
  1229. parent.layer.closeAll();
  1230. // window.location.href = "{:url('index')}";
  1231. }else{
  1232. that.$message.error(ret.msg);
  1233. }
  1234. $('#saveSubmit').attr("disabled", false).html('保 存');
  1235. },
  1236. error: function (){
  1237. that.$message.error('请求失败');
  1238. $('#saveSubmit').attr("disabled", false).html('保 存');
  1239. }
  1240. });
  1241. },
  1242. getUserNames(){
  1243. let ns = [];
  1244. this.userIds.forEach((item) => {
  1245. this.users.forEach((item2) => {
  1246. if(item2.id == item){
  1247. ns.push(item2.title);
  1248. }
  1249. });
  1250. });
  1251. return ns.join(',');
  1252. },
  1253. formatDays(){ // 格式化任务日期
  1254. let days = this.getDateAll(this.date[0],this.date[1]);
  1255. let nday = [];
  1256. let ws = [];
  1257. this.dateWeeks.forEach((item) => {
  1258. ws.push(item.id);
  1259. });
  1260. let i = 0;
  1261. let j = 0;
  1262. if(this.dateType==4){
  1263. days = this.dateCutByMonth(this.date[0],this.date[1]);
  1264. }
  1265. if(this.dateType==5){
  1266. days = this.addWeeks(this.date[0],this.date[1]);
  1267. }
  1268. days.forEach((item) => {
  1269. if(this.dateType == 1){ // 日
  1270. nday.push(item);
  1271. }else if(this.dateType == 2){ // 周
  1272. let ww = this.getWeekByDay(item);
  1273. if(ws.includes(ww)){
  1274. nday.push(item);
  1275. }
  1276. }else if(this.dateType == 3){ // 自定义
  1277. if(this.dateFrom <= item){
  1278. if(i + j < this.datePlay){
  1279. nday.push(item);
  1280. i++;
  1281. }else if((i + j) >= this.datePlay && (i+j) < this.datePause){
  1282. j++;
  1283. }else{
  1284. i = 0;
  1285. j = 0;
  1286. }
  1287. }
  1288. }else if(this.dateType == 4 || this.dateType == 5){ // 月
  1289. nday.push(item);
  1290. }
  1291. });
  1292. return nday;
  1293. },
  1294. changePlay(){
  1295. if (this.datePlay) {
  1296. // 限制整数
  1297. this.datePlay = this.datePlay.replace(/[^\d]/g, '');
  1298. }
  1299. },
  1300. changePause(){
  1301. if (this.datePause) {
  1302. // 限制整数
  1303. this.datePause = this.datePause.replace(/[^\d]/g, '');
  1304. }
  1305. },
  1306. getDateAll(starDay, endDay) { // 获取两个时间段的所有日期
  1307. var arr = [];
  1308. var dates = [];
  1309. // 设置两个日期UTC时间
  1310. var db = new Date(starDay);
  1311. var de = new Date(endDay);
  1312. // 获取两个日期GTM时间
  1313. var s = db.getTime() - 24 * 60 * 60 * 1000;
  1314. var d = de.getTime() - 24 * 60 * 60 * 1000;
  1315. // 获取到两个日期之间的每一天的毫秒数
  1316. for (var i = s; i <= d; ) {
  1317. i = i + 24 * 60 * 60 * 1000;
  1318. arr.push(parseInt(i));
  1319. }
  1320. // 获取每一天的时间 YY-MM-DD
  1321. for (var j in arr) {
  1322. var time = new Date(arr[j]);
  1323. var year = time.getFullYear(time);
  1324. var mouth =
  1325. time.getMonth() + 1 >= 10
  1326. ? time.getMonth() + 1
  1327. : "0" + (time.getMonth() + 1);
  1328. var day =
  1329. time.getDate() >= 10
  1330. ? time.getDate()
  1331. : "0" + time.getDate();
  1332. var YYMMDD = year + "-" + mouth + "-" + day;
  1333. dates.push(YYMMDD);
  1334. }
  1335. return dates;
  1336. },
  1337. getWeekByDay(dateString,t=0) { // 获取某天是周几
  1338. var dateArray = dateString.split("-");
  1339. date = new Date(dateArray[0], parseInt(dateArray[1] - 1), dateArray[2]);
  1340. if(t == 1){
  1341. return "周" + "日一二三四五六".charAt(date.getDay());
  1342. }else{
  1343. return date.getDay();
  1344. }
  1345. },
  1346. dateCutByMonth(beginDate, endDate) {
  1347. //分割好的数组
  1348. var dateCutList = new Array();
  1349. var b_date = new Date(beginDate);
  1350. var e_date = new Date(endDate);
  1351. //获取各个的年份
  1352. var b_year = parseInt(b_date.getFullYear());
  1353. var e_year = parseInt(e_date.getFullYear());
  1354. //获取各个的月份
  1355. var b_month = parseInt(b_date.getMonth()) + 1;
  1356. var e_month = parseInt(e_date.getMonth()) + 1;
  1357. //获取日期之间想差的月数;
  1358. var month_list = this.monthList();
  1359. //按月份分割日期
  1360. if(month_list.length==1){
  1361. dateCutList.push(beginDate+'~'+endDate);
  1362. }else {
  1363. for (var i = 0; i < month_list.length; i++) {
  1364. //当前月开始日期:第一天
  1365. var i_b_date = new Date(month_list[i]);
  1366. i_b_date.setDate(1);
  1367. //当前月最后一天
  1368. var i_e_date = new Date(month_list[i]);
  1369. i_e_date.setMonth(i_e_date.getMonth() + 1);
  1370. i_e_date.setDate(1);
  1371. i_e_date.setDate(i_e_date.getDate() - 1);
  1372. //第一次循环:开始月份
  1373. if (i == 0) {
  1374. var i_e_ymd = this.parseTime(i_e_date).split(" ")[0];
  1375. dateCutList.push(beginDate+'~'+i_e_ymd);
  1376. //除第一次和最后一次循环:中间月份
  1377. } else if (i != 0 && i != month_list.length - 1) {
  1378. var i_b_ymd = this.parseTime(i_b_date).split(" ")[0];
  1379. var i_e_ymd = this.parseTime(i_e_date).split(" ")[0];
  1380. dateCutList.push(i_b_ymd+'~'+i_e_ymd);
  1381. // //最后一次循环:结束月份
  1382. } else if (i == month_list.length - 1) {
  1383. var i_b_ymd = this.parseTime(i_b_date).split(" ")[0];
  1384. dateCutList.push(i_b_ymd+'~'+endDate);
  1385. }
  1386. }
  1387. }
  1388. return dateCutList;
  1389. },
  1390. monthList() {
  1391. //相差的月份总数
  1392. var result = new Array();
  1393. var b_date = new Date(this.date[0]);
  1394. var e_date = new Date(this.date[1]);
  1395. //获取各个的年份
  1396. var b_year = parseInt(b_date.getFullYear());
  1397. var e_year = parseInt(e_date.getFullYear());
  1398. //获取各个的月份
  1399. var b_month = parseInt(b_date.getMonth()) + 1;
  1400. var e_month = parseInt(e_date.getMonth()) + 1;
  1401. var b = new Date(b_year, b_month - 1, 1);
  1402. var e = new Date(e_year, e_month - 1, 1);
  1403. while (b < e) {
  1404. result.push(b.getFullYear() + "-" + (b.getMonth() + 1));
  1405. b.setMonth(b.getMonth() + 1);
  1406. }
  1407. result.push(e_year + "-" + e_month);
  1408. return result;
  1409. },
  1410. parseTime(time, pattern) {
  1411. if (arguments.length === 0 || !time) {
  1412. return null
  1413. }
  1414. const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
  1415. let date
  1416. if (typeof time === 'object') {
  1417. date = time
  1418. } else {
  1419. if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
  1420. time = parseInt(time)
  1421. } else if (typeof time === 'string') {
  1422. time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm),'');
  1423. }
  1424. if ((typeof time === 'number') && (time.toString().length === 10)) {
  1425. time = time * 1000
  1426. }
  1427. date = new Date(time)
  1428. }
  1429. const formatObj = {
  1430. y: date.getFullYear(),
  1431. m: date.getMonth() + 1,
  1432. d: date.getDate(),
  1433. h: date.getHours(),
  1434. i: date.getMinutes(),
  1435. s: date.getSeconds(),
  1436. a: date.getDay()
  1437. }
  1438. const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
  1439. let value = formatObj[key]
  1440. // Note: getDay() returns 0 on Sunday
  1441. if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
  1442. if (result.length > 0 && value < 10) {
  1443. value = '0' + value
  1444. }
  1445. return value || 0
  1446. })
  1447. return time_str
  1448. },
  1449. addWeeks(start,end){
  1450. let dateArr = []
  1451. let startArr = start.split('-')
  1452. let endArr = end.split('-')
  1453. let db = new Date()
  1454. db.setUTCFullYear(startArr[0], startArr[1] - 1, startArr[2])
  1455. let de = new Date()
  1456. de.setUTCFullYear(endArr[0], endArr[1] - 1, endArr[2])
  1457. let unixDb = db.getTime()
  1458. let unixDe = de.getTime()
  1459. let stamp
  1460. const oneDay = 24 * 60 * 60 * 1000;
  1461. var i=0;
  1462. var s = start;
  1463. var e = end;
  1464. var wkNum = (unixDe-unixDb)/(7*24 * 60 * 60 * 1000);
  1465. var wkNum = Math.floor(wkNum);
  1466. console.log(wkNum);
  1467. console.log(121212);
  1468. for (stamp = unixDb; stamp <= unixDe;) {
  1469. let curDay = new Date(parseInt(stamp))
  1470. if(curDay.getDay()==0 && i<=wkNum){
  1471. dateArr.push(s+'~'+this.formatTime(curDay))
  1472. // dateArr.push(this.formatTime(curDay))
  1473. cc = curDay.getTime()+24 * 60 * 60 * 1000;
  1474. let c1 = new Date(parseInt(cc));
  1475. s=this.formatTime(c1);
  1476. i++;
  1477. } else{
  1478. if(i===wkNum){
  1479. i++;
  1480. dateArr.push(s+'~'+e)
  1481. }
  1482. }
  1483. stamp = stamp + oneDay
  1484. }
  1485. return dateArr
  1486. },
  1487. formatTime(time) {
  1488. let ymd = ''
  1489. let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
  1490. let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
  1491. ymd += time.getFullYear() + '-' // 获取年份。
  1492. ymd += mouth + '-' // 获取月份。
  1493. ymd += day // 获取日。
  1494. return ymd // 返回日期。
  1495. }
  1496. }
  1497. });
  1498. function selectBuss(_self) {
  1499. let ids = $(_self).attr('data-ids');
  1500. if(ids){
  1501. localStorage.setItem("selectids", ids);
  1502. }else{
  1503. localStorage.removeItem("selectids");
  1504. }
  1505. let url = $(_self).attr('url');
  1506. if(!url){
  1507. layer.msg('请选择关联业务');
  1508. return false;
  1509. }
  1510. layer_open(_self,0);
  1511. }
  1512. function selectForms(_self) {
  1513. let ids = $(_self).attr('data-ids');
  1514. if(ids){
  1515. localStorage.setItem("selectids", ids);
  1516. }else{
  1517. localStorage.removeItem("selectids");
  1518. }
  1519. layer_open(_self,0);
  1520. }
  1521. </script>
  1522. {/block}