teamBaseInfo.vue 39 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112
  1. <template>
  2. <div class='base-container'>
  3. <div class="banseLeft">
  4. <div class="head">乐团基本信息:</div>
  5. <!-- <div class="num">乐团编号:dywh01</div> -->
  6. <el-form :model="topFrom"
  7. :inline="true"
  8. ref='topinfo'
  9. style="margin-left:11px;">
  10. <el-form-item label="收费类型"
  11. prop="type"
  12. :rules="[{ required: true, message: '收费类型不能为空'}]">
  13. <el-select v-model="topFrom.type"
  14. clearable>
  15. <el-option v-for="(item,index) in typeList"
  16. :key='index'
  17. :label="item.name"
  18. :value="item.id"></el-option>
  19. </el-select>
  20. </el-form-item>
  21. <el-form-item label="所属分部"
  22. prop="section"
  23. :rules="[{ required: true, message: '所属分部不能为空'},]">
  24. <el-select v-model="topFrom.section"
  25. @change="changeSection"
  26. clearable>
  27. <el-option v-for="(item,index) in sectionList"
  28. :key='index'
  29. :label="item.name"
  30. :value="item.id"></el-option>
  31. </el-select>
  32. </el-form-item>
  33. <el-form-item label="合作单位"
  34. prop="school"
  35. :rules="[{ required: true, message: '合作单位不能为空'},]">
  36. <el-select v-model="topFrom.school"
  37. :disabled="!topFrom.section"
  38. @change="chioseSchool"
  39. clearable>
  40. <el-option v-for="(item,index) in cooperationList"
  41. :key='index'
  42. :label="item.name"
  43. :value="item.id"></el-option>
  44. </el-select>
  45. </el-form-item>
  46. <el-form-item label="教学地点"
  47. prop="address"
  48. :rules="[{ required: true, message: '教学地点不能为空'},]">
  49. <el-select v-model="topFrom.address"
  50. :disabled="!topFrom.section">
  51. <el-option v-for="(item,index) in addList"
  52. :key='index'
  53. :label="item.name"
  54. :value="item.id"></el-option>
  55. </el-select>
  56. </el-form-item>
  57. <el-form-item label="乐团名称"
  58. prop='name'
  59. :rules="[{ required: true, message: '乐团名称不能为空'},]">
  60. <el-input placeholder="请输入乐团名称"
  61. v-model="topFrom.name"></el-input>
  62. </el-form-item>
  63. <el-form-item label="运营主管"
  64. prop='boss'
  65. :rules="[{ required: true, message: '运营主管不能为空'},]">
  66. <el-select v-model="topFrom.boss"
  67. :disabled="!topFrom.section"
  68. filterable
  69. clearable>
  70. <el-option v-for="(item,index) in orgianList"
  71. :key='index'
  72. :label="item.realName"
  73. :value="item.id"></el-option>
  74. </el-select>
  75. </el-form-item>
  76. <el-form-item label="教务老师"
  77. prop='teacher'
  78. :rules="[{ required: true, message: '教务老师不能为空'},]">
  79. <el-select v-model="topFrom.teacher"
  80. :disabled="!topFrom.section"
  81. filterable
  82. clearable>
  83. <el-option v-for="(item,index) in orgianList"
  84. :key='index'
  85. :label="item.realName"
  86. :value="item.id"></el-option>
  87. </el-select>
  88. </el-form-item>
  89. <el-form-item label="报名截止时间"
  90. prop='time'
  91. :rules="[{ required: true, message: '请输入报名截止时间'},]">
  92. <el-date-picker v-model="topFrom.time"
  93. style="width:100%!important"
  94. type="date"
  95. value-format="yyyy-MM-dd"
  96. placeholder="选择日期">
  97. </el-date-picker>
  98. </el-form-item>
  99. <el-form-item label="预计开团时间"
  100. prop='startTime'
  101. :rules="[{ required: true, message: '请输入预计开团时间'},]">
  102. <el-date-picker v-model="topFrom.startTime"
  103. style="width:100%!important"
  104. type="date"
  105. value-format="yyyy-MM-dd"
  106. placeholder="选择日期">
  107. </el-date-picker>
  108. </el-form-item>
  109. <el-form-item label="招生年级"
  110. prop='startClass'
  111. :rules="[{ required: true, message: '请选择招生年纪'},]">
  112. <el-select placeholder="起始年级"
  113. clearable
  114. multiple
  115. collapse-tags
  116. v-model="topFrom.startClass">
  117. <el-option value="1"
  118. label="一年级"></el-option>
  119. <el-option value="2"
  120. label="二年级"></el-option>
  121. <el-option value="3"
  122. label="三年级"></el-option>
  123. <el-option value="4"
  124. label="四年级"></el-option>
  125. <el-option value="5"
  126. label="五年级"></el-option>
  127. <el-option value="6"
  128. label="六年级"></el-option>
  129. <el-option value="7"
  130. label="初一"></el-option>
  131. <el-option value="8"
  132. label="初二"></el-option>
  133. <el-option value="9"
  134. label="初三"></el-option>
  135. <el-option value="10"
  136. label="高一"></el-option>
  137. <el-option value="11"
  138. label="高二"></el-option>
  139. <el-option value="12"
  140. label="高三"></el-option>
  141. </el-select>
  142. </el-form-item>
  143. <el-form-item label="课酬结算标准"
  144. :rules="[{ required: true, message: '请选择课酬结算标准'},]"
  145. prop="salary">
  146. <el-select v-model="topFrom.salary">
  147. <el-option label="默认课酬"
  148. value="TEACHER_DEFAULT"></el-option>
  149. <el-option label="3.0课酬"
  150. value="GRADIENT_SALARY"></el-option>
  151. <!-- <el-option label="课堂课酬"
  152. value="CLASSROOM_SALARY"></el-option> -->
  153. </el-select>
  154. </el-form-item>
  155. <el-form-item label="机构类型"
  156. prop="ownershipType">
  157. <el-select v-model="topFrom.ownershipType">
  158. <el-option label="自有"
  159. value="OWN"></el-option>
  160. <el-option label="三方"
  161. value="COOPERATION"></el-option>
  162. <!-- <el-option label="租赁"
  163. value="LEASE"></el-option> -->
  164. </el-select>
  165. </el-form-item>
  166. <el-form-item label="乐队指导"
  167. v-if="teamStatus=='resetTeam' || teamStatus=='teamList'"
  168. prop='head'>
  169. <el-select v-model="topFrom.head"
  170. filterable
  171. clearable>
  172. <el-option v-for="(item,index) in orgianList"
  173. :key='index'
  174. :label="item.realName"
  175. :value="item.id"></el-option>
  176. </el-select>
  177. </el-form-item>
  178. <el-form-item label=""
  179. prop="isClass">
  180. <el-checkbox v-model="topFrom.isClass">课堂课乐团</el-checkbox>
  181. </el-form-item>
  182. </el-form>
  183. <div class="checkList">
  184. <div class="head noMargin">课程组成形态:</div>
  185. <div class="checkRow">
  186. <el-checkbox label="乐团声部训练"
  187. v-model="checkList.soundInfo.ischeck"></el-checkbox>
  188. <div class="inputWrap">
  189. 单价: <input type="text"
  190. placeholder="请输入"
  191. v-model="checkList.soundInfo.value">
  192. </div>
  193. </div>
  194. <div class="checkRow">
  195. <el-checkbox label="乐团合奏训练"
  196. v-model="checkList.allInfo.ischeck"></el-checkbox>
  197. <div class="inputWrap">
  198. 单价: <input type="text"
  199. placeholder="请输入"
  200. v-model="checkList.allInfo.value">
  201. </div>
  202. </div>
  203. <div class="checkRow">
  204. <el-checkbox label="基础技能训练"
  205. v-model="checkList.baseInfo.ischeck"></el-checkbox>
  206. <div class="inputWrap">
  207. 单价: <input type="number"
  208. placeholder="请输入"
  209. v-model="checkList.baseInfo.value">
  210. </div>
  211. </div>
  212. <div class="checkRow">
  213. <el-checkbox label="假期集中训练"
  214. v-model="checkList.holidayInfo.ischeck"></el-checkbox>
  215. <div class="inputWrap">
  216. 单价: <input type="number"
  217. placeholder="请输入"
  218. v-model="checkList.holidayInfo.value">
  219. </div>
  220. </div>
  221. <div class="checkRow">
  222. <el-checkbox label="课程提示"
  223. class='classCheckBox'
  224. v-model="checkList.submit.ischeck"></el-checkbox>
  225. <div class="textWrap"
  226. v-if="checkList.submit.ischeck">
  227. <el-input type='textarea'
  228. :rows="1"
  229. style="width:500px"
  230. v-model="checkList.submit.value"></el-input>
  231. </div>
  232. </div>
  233. <div class="head noMargin">付费方式:</div>
  234. <div class="checkRow">
  235. <el-checkbox label="学校"
  236. class='classCheckBox'
  237. v-model="payList.school.ischeck"></el-checkbox>
  238. <div class="chioseList">
  239. <div class="chioseItem"
  240. :class="payList.school.chiose == 'ONE_OFF'?'active':''"
  241. @click="payList.school.chiose='ONE_OFF'">一次性</div>
  242. <div class="chioseItem"
  243. :class="payList.school.chiose == 'MONTHLY'?'active':''"
  244. @click="payList.school.chiose='MONTHLY'">一个月</div>
  245. <div class="chioseItem "
  246. :class="payList.school.chiose == 'TERM'?'active':''"
  247. @click="payList.school.chiose='TERM'">一学期</div>
  248. <div class="chioseItem"
  249. :class="payList.school.chiose == 'YEAR'?'active':''"
  250. @click="payList.school.chiose='YEAR'">一学年</div>
  251. </div>
  252. <div class="inputWrap">
  253. 预计收费: <input type="textarea"
  254. v-model="payList.school.price"
  255. placeholder="请输入">
  256. </div>
  257. <div class="inputWrap">
  258. 备注: <input type="textarea"
  259. v-model="payList.school.value"
  260. placeholder="请输入">
  261. </div>
  262. </div>
  263. <div class="checkRow">
  264. <el-checkbox label="公司"
  265. class='classCheckBox'
  266. v-model="payList.company.ischeck"></el-checkbox>
  267. <div class="chioseList">
  268. <div class="chioseItem"
  269. :class="payList.company.chiose == 'ONE_OFF'?'active':''"
  270. @click="payList.company.chiose='ONE_OFF'">一次性</div>
  271. <div class="chioseItem"
  272. :class="payList.company.chiose == 'MONTHLY'?'active':''"
  273. @click="payList.company.chiose='MONTHLY'">一个月</div>
  274. <div class="chioseItem "
  275. :class="payList.company.chiose == 'TERM'?'active':''"
  276. @click="payList.company.chiose='TERM'">一学期</div>
  277. <div class="chioseItem"
  278. :class="payList.company.chiose == 'YEAR'?'active':''"
  279. @click="payList.company.chiose='YEAR'">一学年</div>
  280. </div>
  281. <div class="inputWrap">
  282. 预计收费: <input type="textarea"
  283. placeholder="请输入"
  284. v-model="payList.company.price">
  285. </div>
  286. <div class="inputWrap">
  287. 备注: <input type="textarea"
  288. placeholder="请输入"
  289. v-model="payList.company.value">
  290. </div>
  291. </div>
  292. <div class="checkRow">
  293. <el-checkbox label="学员"
  294. class='classCheckBox'
  295. v-model="payList.student.ischeck"></el-checkbox>
  296. <div class="chioseList">
  297. <div class="chioseItem"
  298. :class="payList.student.chiose == 'ONE_OFF'?'active':''"
  299. @click="payList.student.chiose='ONE_OFF'">一次性</div>
  300. <div class="chioseItem"
  301. :class="payList.student.chiose == 'loop'?'active':''"
  302. @click="payList.student.chiose='loop'">周期循环</div>
  303. </div>
  304. </div>
  305. <p class="subTitle"
  306. v-if='payList.student.chiose == "loop"'>按月缴费时,将在所选月份的1号的前一周提醒用户缴费操作,单次的缴费金额为当前列表「预计收费」的设置金额</p>
  307. <div class="chioseWrap"
  308. v-if='payList.student.chiose == "loop"'>
  309. <p>缴费月份:</p>
  310. <el-checkbox-group v-model="payList.chioseMonth"
  311. fill="#14928A"
  312. text-color='#474747'>
  313. <el-checkbox :label="1">一月</el-checkbox>
  314. <el-checkbox :label="2">二月</el-checkbox>
  315. <el-checkbox :label="3">三月</el-checkbox>
  316. <el-checkbox :label="4">四月</el-checkbox>
  317. <el-checkbox :label="5">五月</el-checkbox>
  318. <el-checkbox :label="6">六月</el-checkbox>
  319. <el-checkbox :label="7">七月</el-checkbox>
  320. <el-checkbox :label="8">八月</el-checkbox>
  321. <el-checkbox :label="9">九月</el-checkbox>
  322. <el-checkbox :label="10">十月</el-checkbox>
  323. <el-checkbox :label="11">十一月</el-checkbox>
  324. <el-checkbox :label="12">十二月</el-checkbox>
  325. </el-checkbox-group>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="btnWrap">
  330. <div class="nextBtn"
  331. v-permission="{child: 'musicGroup/update', parent: '/resetTeaming/teamBaseInfo'}"
  332. v-if="teamStatus=='resetTeam'"
  333. @click="resetSubmit">
  334. 修改
  335. </div>
  336. <!-- 审批或者草稿的下一步 -->
  337. <div class="nextBtn"
  338. @click="gotoNext(1)"
  339. v-if="teamStatus=='newTeam' || teamStatus=='teamDraft'||teamStatus=='teamAudit' ">
  340. 下一步
  341. </div>
  342. <!-- 跨团调整的下一步 -->
  343. <div class="nextBtn"
  344. v-if="teamStatus=='teamList'"
  345. @click="gotoNext(2)">
  346. 下一步
  347. </div>
  348. </div>
  349. <!-- <div class="baseRight">
  350. <header>乐团注册</header>
  351. <div class="section">
  352. <h2 class="title line_bottom">课程</h2>
  353. <p class="indate line_bottom"
  354. key="indate-price">有效期至:2019年9月1号 <span>现价:¥580</span></p>
  355. <div class="options"
  356. key="class-list">
  357. <div class="option">
  358. <div class="0_hd"><i class="check_default check_active"></i></div>
  359. <div class="o_bd">乐团声部训练</div>
  360. </div>
  361. <div class="option">
  362. <div class="0_hd"><i class="check_default check_active"></i></div>
  363. <div class="o_bd">乐团合奏训练</div>
  364. </div>
  365. <div class="option">
  366. <div class="0_hd"><i class="check_default check_active"></i></div>
  367. <div class="o_bd">基础技能训练</div>
  368. </div>
  369. <div class="option">
  370. <div class="0_hd"><i class="check_default check_active"></i></div>
  371. <div class="o_bd">假期集中训练</div>
  372. </div>
  373. </div>
  374. <div class="coutInfo">
  375. <i class="trumpet_icon"></i>年度安排十个月训练,共计168课时,120元/课时,原价20160元,现仅支付560元/月(约合34.5元/课时)
  376. </div>
  377. <div class="buy">
  378. <div class="price">
  379. <p class="oldprice">
  380. <del class="text">原价</del>
  381. <del>{{ orderInfo.marketPrice }}¥</del>
  382. </p>
  383. <p class="now_price">
  384. <span class="text">仅需支付</span>
  385. <span>{{ orderInfo.referencePrice }}¥</span>
  386. </p>
  387. </div>
  388. <a>购买</a>
  389. </div>
  390. </div>
  391. </div> -->
  392. </div>
  393. </template>
  394. <script>
  395. import { getSection, getType, getCooperation, getTeacher, getAddress, getPayMaster, getPayStatus, getTeamBaseInfo, resetTeamBaseInfo, getEmployeeOrgan } from '@/api/buildTeam'
  396. import { queryEmployByOrganId, queryByOrganId, getSchool } from '@/api/systemManage'
  397. import { scrollTo } from '@/utils/scroll-to'
  398. import axios from 'axios'
  399. import store from '@/store'
  400. import qs from 'qs'
  401. export default {
  402. props: ['getTeamList'],
  403. data () {
  404. return {
  405. organId: null,
  406. topFrom: {
  407. type: '', // 收费类型
  408. section: '', //所属分部
  409. school: '', // 合作单位
  410. teacher: '', // 教务老师
  411. name: '', //乐团名称
  412. boss: '', // 运营主管
  413. time: '', // 报名截止时间
  414. startClass: [], // 招生年级起始
  415. address: '', // 教学地点
  416. salary: '', // 收费模式
  417. head: '',
  418. isClass: false, //是否为课堂课
  419. startTime: '',
  420. ownershipType: 'OWN' // 合作机构类型
  421. },
  422. checkList: {
  423. soundInfo: { // 声部
  424. ischeck: false,
  425. value: ''
  426. },
  427. allInfo: { // 合奏
  428. ischeck: false,
  429. value: ''
  430. },
  431. baseInfo: { // 基础
  432. ischeck: false,
  433. value: ''
  434. },
  435. holidayInfo: { // 假期
  436. ischeck: false,
  437. value: ''
  438. },
  439. submit: {
  440. ischeck: false,
  441. value: '年度安排个月共xxx课时,课时,原价xxx元,现价xxxx元/月(约 xxxx元/课时 )'
  442. }
  443. }, // 选中的集合
  444. baseInfo: {},
  445. money: 580,
  446. orderInfo: {
  447. marketPrice: 0, // 原价总金额
  448. referencePrice: 0, // 现价总金额
  449. }, // 金额列表,金额计算
  450. sectionList: [], // 分部列表
  451. typeList: [], // 收费类型列表
  452. cooperationList: [], // 教学点列表
  453. teacherList: [], // 获取老师列表
  454. addList: [], // 教学地点列表
  455. payList: {
  456. school: {
  457. ischeck: false,
  458. value: '',
  459. price: '',
  460. chiose: ''
  461. },
  462. company: {
  463. ischeck: false,
  464. value: '',
  465. price: '',
  466. chiose: ''
  467. },
  468. student: {
  469. ischeck: true,
  470. chiose: 'loop'
  471. },
  472. chioseMonth: [], // 选中的月份
  473. },
  474. activeTeam: [],
  475. teamid: '',
  476. teamStatus: '',
  477. orgianList: []
  478. }
  479. },
  480. created () {
  481. // 分为3种 this.teamStatus
  482. // 1.resetTeam 乐团修改
  483. // 2. newTeam 新建乐团
  484. // 3.teamList 跨团修改
  485. // 4.teamDraft 乐团草稿
  486. // let year = new Date().getFullYear();
  487. // axios.post('/jiari/', qs.stringify({ d: year })).then(res => {
  488. // // this.holidayList = Object.keys(res.data[year])
  489. // })
  490. this.teamStatus = this.$route.query.type;
  491. // 传过来的乐团信息
  492. this.activeTeam = this.getTeamList;
  493. if (this.teamStatus == 'resetTeam' || this.teamStatus == 'teamDraft' || this.teamStatus == 'teamAudit') {
  494. // 单团修改
  495. this.teamid = this.$route.query.id;
  496. getTeamBaseInfo({ musicGroupId: this.teamid }).then(res => {
  497. if (res.code == 200) {
  498. // 头部
  499. this.topFrom.name = res.data.musicGroup.name;
  500. this.topFrom.time = res.data.musicGroup.applyExpireDate;
  501. this.topFrom.type = res.data.musicGroup.chargeTypeId;
  502. this.topFrom.startClass = res.data.musicGroup.enrollClasses.split(',');
  503. this.topFrom.section = res.data.musicGroup.organId;
  504. this.topFrom.school = res.data.musicGroup.cooperationOrganId;
  505. this.topFrom.teacher = res.data.musicGroup.educationalTeacherId;
  506. this.topFrom.boss = res.data.musicGroup.teamTeacherId;
  507. this.topFrom.address = res.data.musicGroup.schoolId;
  508. this.topFrom.salary = res.data.musicGroup.settlementType;
  509. this.topFrom.head = res.data.musicGroup.directorUserId;
  510. this.topFrom.isClass = res.data.musicGroup.isClassroomLessons
  511. this.topFrom.startTime = res.data.musicGroup.expectStartGroupDate;
  512. this.topFrom.ownershipType = res.data.musicGroup.ownershipType;
  513. // 课程组成形式
  514. this.checkList = JSON.parse(res.data.musicGroup.courseForm);
  515. // 付费方式和周期
  516. for (let i in res.data.musicGroupPaymentEntities) {
  517. if (res.data.musicGroupPaymentEntities[i].name == '学校') {
  518. this.payList.school.ischeck = true;
  519. this.payList.school.value = res.data.musicGroupPaymentEntities[i].memo;
  520. this.payList.school.price = res.data.musicGroupPaymentEntities[i].amount;
  521. this.payList.school.chiose = res.data.musicGroupPaymentEntities[i].paymentMethod;
  522. }
  523. if (res.data.musicGroupPaymentEntities[i].name == '公司') {
  524. this.payList.company.ischeck = true;
  525. this.payList.company.value = res.data.musicGroupPaymentEntities[i].memo;
  526. this.payList.company.price = res.data.musicGroupPaymentEntities[i].amount;
  527. this.payList.company.chiose = res.data.musicGroupPaymentEntities[i].paymentMethod;
  528. }
  529. if (res.data.months.length > 0) {
  530. this.payList.student.ischeck = true;
  531. this.payList.student.chiose = 'loop'
  532. this.chioseMonth = res.data.months;
  533. } else {
  534. this.payList.student.ischeck = true;
  535. this.payList.student.chiose = 'ONE_OFF'
  536. }
  537. }
  538. // 循环缴费月
  539. this.payList.chioseMonth = res.data.months;
  540. if (res.data.musicGroup.organId) {
  541. // 获取员工
  542. queryEmployByOrganId({ organId: res.data.musicGroup.organId, rows: 1000 }).then(res => {
  543. if (res.code == 200) {
  544. this.orgianList = res.data.rows;
  545. }
  546. })
  547. // 获取合作单位
  548. queryByOrganId({ organId: res.data.musicGroup.organId }).then(res => {
  549. if (res.code == 200) {
  550. this.cooperationList = res.data;
  551. }
  552. })
  553. // 获取教学点
  554. getSchool({ organId: res.data.musicGroup.organId }).then(res => {
  555. if (res.code == 200) {
  556. this.addList = res.data
  557. }
  558. })
  559. }
  560. }
  561. })
  562. }
  563. },
  564. mounted () {
  565. // 1.获取各个选项卡的数据内容
  566. // getSection({ 'delFlag': 0, 'rows': 1000 }).then(res => {
  567. // if (res.code == 200) {
  568. // this.sectionList = res.data.rows;
  569. // }
  570. // }).catch()
  571. getEmployeeOrgan().then(res => {
  572. if (res.code == 200) {
  573. this.sectionList = res.data;
  574. }
  575. })
  576. // 2.获取收费类型选项卡
  577. getType({ 'rows': 1000 }).then(res => {
  578. if (res.code == 200) {
  579. this.typeList = res.data.rows;
  580. }
  581. })
  582. // 3.获取合作单位选项卡
  583. // getCooperation({ 'rows': 1000, search: this.organId }).then(res => {
  584. // if (res.code == 200) {
  585. // this.cooperationList = res.data.rows;
  586. // }
  587. // })
  588. // 4.获取老师选项卡
  589. // getTeacher({ 'rows': 1000, organId: this.organId }).then(res => {
  590. // if (res.code == 200) {
  591. // this.teacherList = res.data;
  592. // }
  593. // })
  594. // 5.获取教学地点选项卡
  595. // getAddress({ 'rows': 1000, }).then(res => {
  596. // if (res.code == 200) {
  597. // this.addList = res.data.rows;
  598. // }
  599. // })
  600. // 6.默认支付主体
  601. // getPayMaster({ 'rows': 1000 }).then(res => {
  602. // console.log(res);
  603. // if (res.code == 200) {
  604. // this.payList = res.data.map(item => {
  605. // let obj = {};
  606. // obj.id = item.id;
  607. // obj.ischios
  608. // })
  609. // }
  610. // })
  611. // 缓存设置时的状态
  612. sessionStorage.setItem('resetCode', '1')
  613. // 获取分部下的员工
  614. },
  615. methods: {
  616. changeSection (val) {
  617. // 修改分部的时候 重置运营主管 重置教务老师 重置乐队指导 合作单位 教学点
  618. this.topFrom.teacher = '';
  619. this.topFrom.boss = '';
  620. this.topFrom.head = '';
  621. this.topFrom.school = '';
  622. this.topFrom.address = '';
  623. // 发请求 根据分部id 查询所有员工
  624. queryEmployByOrganId({ organId: val, rows: 1000 }).then(res => {
  625. if (res.code == 200) {
  626. this.orgianList = res.data.rows;
  627. }
  628. })
  629. // 合作单位
  630. queryByOrganId({ organId: val }).then(res => {
  631. if (res.code == 200) {
  632. this.cooperationList = res.data;
  633. }
  634. })
  635. // 教学点=>学校
  636. getSchool({ organId: val }).then(res => {
  637. if (res.code == 200) {
  638. this.addList = res.data
  639. }
  640. })
  641. },
  642. chioseSchool (val) {
  643. },
  644. gotoNext (num) {
  645. // 1.效验数据 判断是否数据正常=> 正常放入store存储
  646. // 不正常=> 进行效验提示
  647. this.$refs['topinfo'].validate((valid, object) => {
  648. if (!valid) {
  649. this.$message.error('请填写建团必要参数')
  650. } else {
  651. // 验证通过
  652. if (this.teamStatus == 'teamDraft') {
  653. // 获取数据提交
  654. this.resetSubmit();
  655. } else {
  656. this.$store.dispatch('topinfo', this.topFrom);
  657. this.$store.dispatch('checkinfo', this.checkList);
  658. this.$store.dispatch('getpayInfo', this.payList);
  659. this.$emit('chiosetab', num);
  660. }
  661. }
  662. })
  663. },
  664. resetSubmit () {
  665. this.$refs['topinfo'].validate((valid, object) => {
  666. if (!valid) {
  667. this.$message.error('请填写必要参数')
  668. } else {
  669. let status = null;
  670. // 1.resetTeam 乐团修改
  671. // 2. newTeam 新建乐团
  672. // 3.teamList 跨团修改
  673. // 4.teamDraft 乐团草稿
  674. switch (this.teamStatus) {
  675. case 'resetTeam': {
  676. status = 'PROGRESS'
  677. break
  678. }
  679. case 'newTeam': {
  680. status = null
  681. break
  682. }
  683. case 'teamList': {
  684. status = null
  685. break
  686. }
  687. case 'teamDraft': {
  688. status = 'DRAFT'
  689. break
  690. }
  691. }
  692. let obj = {};
  693. this.payList.student.chiose == 'loop' ? obj.months = this.payList.chioseMonth : obj.months = [];
  694. obj.musicGroup = {
  695. settlementType: this.topFrom.salary,
  696. applyExpireDate: this.topFrom.time + ' 00:00:01',
  697. chargeTypeId: this.topFrom.type,
  698. cooperationOrganId: this.topFrom.school,
  699. teamTeacherId: this.topFrom.boss,
  700. educationalTeacherId: this.topFrom.teacher,
  701. enrollClasses: this.topFrom.startClass.join(','),
  702. name: this.topFrom.name,
  703. organId: this.topFrom.section,
  704. // paymentMonths:obj.months 有待确认
  705. schoolId: this.topFrom.address,
  706. courseForm: JSON.stringify(this.checkList),
  707. id: this.teamid,
  708. directorUserId: this.topFrom.head,
  709. isClassroomLessons: this.topFrom.isClass,
  710. status,
  711. expectStartGroupDate: this.topFrom.startTime,
  712. ownershipType: this.topFrom.ownershipType
  713. }
  714. obj.musicGroupPaymentEntities = []
  715. // 添加学校主体付费方式
  716. // console.log(this.payfor.company.ischeck)
  717. if (this.payList.school.ischeck) {
  718. obj.musicGroupPaymentEntities.push({
  719. 'amount': this.payList.school.price,
  720. 'memo': this.payList.school.value,
  721. 'paymentMethod': this.payList.school.chiose,
  722. 'name': '学校'
  723. })
  724. }
  725. // 添加公司主体付费方式
  726. if (this.payList.company.ischeck) {
  727. obj.musicGroupPaymentEntities.push({
  728. 'amount': this.payList.company.price,
  729. 'memo': this.payList.company.value,
  730. 'paymentMethod': this.payList.company.chiose,
  731. 'name': '公司'
  732. })
  733. }
  734. if (this.payList.student.ischeck) {
  735. obj.musicGroupPaymentEntities.push({
  736. 'paymentMethod': this.payList.student.chiose,
  737. 'name': '学生'
  738. })
  739. }
  740. // 发请求
  741. resetTeamBaseInfo(obj).then(res => {
  742. if (res.code == 200) {
  743. if (this.teamStatus == 'teamDraft') {
  744. this.$message.success('保存成功')
  745. // 跳到第二页
  746. // 删掉结束
  747. this.$emit('chiosetab', 1);
  748. } else {
  749. this.$message.success('修改乐团成功')
  750. // this.$router.push({ path: '/business/teamDetails', query: { id: this.teamid, name: this.topFrom.name } })
  751. }
  752. }
  753. })
  754. }
  755. })
  756. }
  757. },
  758. computed: {
  759. },
  760. }
  761. </script>
  762. <style lang="scss">
  763. .base-container {
  764. overflow: auto;
  765. // display: flex;
  766. // flex-direction: row;
  767. // justify-content: flex-start;
  768. // flex-wrap: nowrap;
  769. font-size: 14px;
  770. color: #444;
  771. // width: fill-available;
  772. .banseLeft {
  773. // width: 1050px;
  774. .head {
  775. height: 48px;
  776. line-height: 48px;
  777. background-color: #edeef0;
  778. font-size: 14px;
  779. font-weight: bold;
  780. color: #444;
  781. padding: 0 11px;
  782. margin-bottom: 20px;
  783. }
  784. .noMargin.head {
  785. margin-bottom: 0;
  786. }
  787. .num {
  788. padding: 15px 11px;
  789. }
  790. .checkRow {
  791. // width: 1050px;
  792. padding-left: 28px;
  793. display: flex;
  794. flex-direction: row;
  795. justify-content: flex-start;
  796. flex-wrap: nowrap;
  797. overflow: auto;
  798. .el-checkbox {
  799. line-height: 72px;
  800. }
  801. .inputWrap {
  802. line-height: 72px;
  803. font-size: 14px;
  804. color: #777;
  805. margin-left: 65px;
  806. input {
  807. border: none;
  808. width: 80px;
  809. margin-right: 10px;
  810. outline: none;
  811. }
  812. }
  813. .inputWrap.rightFirst {
  814. margin-left: 245px;
  815. }
  816. .textWrap {
  817. display: flex;
  818. flex-direction: row;
  819. justify-content: flex-start;
  820. font-size: 14px;
  821. color: #777;
  822. align-items: center;
  823. span {
  824. color: #f97215;
  825. }
  826. }
  827. .selectWrap {
  828. font-size: 14px;
  829. padding-top: 5px;
  830. margin-left: 100px;
  831. margin-right: 52px;
  832. .rowSelect {
  833. .el-input__inner {
  834. min-height: 69px;
  835. }
  836. }
  837. }
  838. .chioseList {
  839. display: flex;
  840. flex-direction: row;
  841. justify-content: flex-start;
  842. align-items: center;
  843. font-size: 14px;
  844. color: #777;
  845. margin-left: 64px;
  846. .chioseItem {
  847. width: 80px;
  848. height: 30px;
  849. border-radius: 15px;
  850. border: 1px solid #979797;
  851. margin-right: 10px;
  852. line-height: 30px;
  853. text-align: center;
  854. cursor: pointer;
  855. }
  856. .chioseItem.active {
  857. background-color: #14928a;
  858. border: 1px solid #14928a;
  859. color: #fff;
  860. }
  861. }
  862. // &:nth-child(even) {
  863. // background-color: #c6cbd4;
  864. // input {
  865. // background-color: #c6cbd4;
  866. // }
  867. // }
  868. }
  869. }
  870. .btnWrap {
  871. margin-top: 30px;
  872. }
  873. .el-checkbox__input.is-checked + .el-checkbox__label {
  874. color: #606266;
  875. }
  876. .subTitle {
  877. // width: 1203px;
  878. height: 40px;
  879. line-height: 40px;
  880. background-color: #fefceb;
  881. padding: 0 25px;
  882. box-sizing: border-box;
  883. font-size: 16px;
  884. color: #474747;
  885. margin-bottom: 20px;
  886. }
  887. .chioseWrap {
  888. margin-bottom: 30px;
  889. display: flex;
  890. flex-direction: row;
  891. padding: 0 25px;
  892. p {
  893. width: 80px;
  894. font-size: 14px;
  895. // margin-right: 30px;
  896. }
  897. }
  898. // .baseRight {
  899. // width: 375px;
  900. // margin-left: 25px;
  901. // header {
  902. // width: 375px;
  903. // height: 40px;
  904. // line-height: 40px;
  905. // color: #000;
  906. // font-size: 14px;
  907. // background: #fff;
  908. // box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.07);
  909. // text-align: center;
  910. // margin-bottom: 6px;
  911. // }
  912. // .section {
  913. // width: 375px;
  914. // padding: 16px 22px 10px;
  915. // background: #fff;
  916. // margin-bottom: 10px;
  917. // .line_bottom {
  918. // border-bottom: 1px solid #ededed;
  919. // }
  920. // > .title {
  921. // font-size: 20px;
  922. // line-height: 28px;
  923. // font-weight: bold;
  924. // }
  925. // .indate {
  926. // font-size: 12px;
  927. // padding: 5px 0;
  928. // display: flex;
  929. // justify-content: space-between;
  930. // span {
  931. // color: #fa101d;
  932. // }
  933. // }
  934. // .coutInfo {
  935. // font-size: 14px;
  936. // color: #f85043;
  937. // text-align: left;
  938. // border-top: 1px solid #ededed;
  939. // padding: 12px 0 0 25px;
  940. // margin-top: 10px;
  941. // position: relative;
  942. // .trumpet_icon {
  943. // width: 14px;
  944. // height: 12px;
  945. // background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAyZJREFUSA21Vk1IVFEUPufOezNilJXQD2UQRERamWhBaUWOSS3U0SawdgZai2gR0aoQXPSDm3JRCbm0xZBjbkQZS0KDjKywDCIIkoKKEIkm35uZezr32X0jQ+bY2IU359xzzj3fPXe++4PwDy0W8JdKgjYCWOkzzWIM9X5NN42RbqCKoxOHl1nR2FVJ1MRgqGzxhCxg8VDp6TSRTpCKsQL+aitqjwPRKQ3mjCVygFPz2MGKQqvG/zxW56+c7ZsXkIJH1liB8hARdQPButmD59WR8mUCuqy6ynwd686OmpsN++XjLUiYrZ0g5E6SdJmAVri2FMWDnnIz3P8gxex07Rp/owS6jQij3h1lu7G5Oe5UOF1bcc5+MTRFlBiTEH/iflLe+htYKsh0oHwzBcpztd3bHWlHxPtEUMTFHFV2YdceOglStnLiZGV6xEIlwbBF+JQaqpa6Qw246OiUOKOkICnPus4MFYGik7m80Z6MXtCpfKHIGBN6kIm2x66tLBJM7q3amak0DbqEgD84eQNzwiUkE+Wmk1vGjwtmnydTID0eQ5EpLoDZTGvjr4b2absXzGdKlwC73FloZ6aSSTKocjC7kyu3Ku8D2xOAuOk/ANKEAwhivZKqYXt7jFdyAnl7LTrgDMTcv4sOyCddnlOVnKlU6dTYaPKS5hHg5IIO77nnnfTw0h1QPTTgjWv9MrGB97ki5zvh/JmuJzOFgv4cPm9rGO6TUVD6SGezhV2sdF7OEcEB49qRqbRi0MKVLEEBHXxu8i6YabzMpx1NGJ18OIjr2pG5pHqu7r13efY1ncsK+rfxvtzPW2LY29U3Krxd/Xe4c55PiKgO+meJsNeHVIIdPd/dHHFoUToitSnpsDQrHGn1FpbmoMcoEIJPA/0BNvFEJlVgOi0rPPAWwwPfdKy6nphE1c71tL3snrK796EOSpVUX7Xano628cBgqk/157oP1Y1PcTkChDEwzRJfqNfhyrz7EO/2fPaFI8dAiGqe3sc/gc5pI3wtPFCrwVTcvBXOTuY8on7GrqBMvms8wjhodvWl/YhaEKAG//1MvMHXUO5Cn4m/ACXBMJBwQaFpAAAAAElFTkSuQmCC)
  946. // no-repeat center;
  947. // background-size: contain;
  948. // position: absolute;
  949. // left: 0;
  950. // top: 14px;
  951. // }
  952. // }
  953. // }
  954. // .options {
  955. // padding-top: 8px;
  956. // .oc {
  957. // &:last-child {
  958. // border-top: 1px solid #ededed;
  959. // margin-top: 8px;
  960. // padding-top: 9px;
  961. // }
  962. // }
  963. // .protocol {
  964. // padding-left: 20px;
  965. // font-size: 10px;
  966. // line-height: 14px;
  967. // }
  968. // .option {
  969. // line-height: 26px;
  970. // font-size: 15px;
  971. // display: flex;
  972. // align-items: center;
  973. // position: relative;
  974. // .o_bd {
  975. // flex: 1;
  976. // .c {
  977. // font-size: 12px;
  978. // }
  979. // }
  980. // .o_ft {
  981. // font-size: 12px;
  982. // color: #fa101d;
  983. // del {
  984. // color: #aaaaaa;
  985. // font-size: 11px;
  986. // }
  987. // }
  988. // .check_default {
  989. // margin-right: 8px;
  990. // display: block;
  991. // width: 14px;
  992. // height: 14px;
  993. // background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABK0lEQVQ4T6WSP0vDQBjGn3MIiYX+CbhYG7BR7CL5ANmS2SWQ7H4DZ3ed/QbuOcjinGz5ANGloqmQ2i5CmhZqQgZPLjRQFYS2N9297/t73+fuHoK15bruASHkijF2AeB0lXohhDwwxu4cx/moy0m9oZRaAO5VVW0qioJ2u12lsixDkiSI43gB4NK2bY/HK5BDoihSXdf3Wq0WZrMZPpfLCtxvNNDpdDCfzxGG4VdRFDaHyUreq2maTUmS8DYaoSzL9RtAEAQc9/vI8xy+7y8YYyeEUnqjquq1pml4Hg7/QHUHDp8NBoiiiMu+5RMfDcM45wXv4/GPSb8PR71eFQqC4ImDuWVZ4nQyQZqm/4KyLOOw24XnecVO4HZSd3kc7pbNv2NrA+xkuRrexOTfqpPUy7sW3D4AAAAASUVORK5CYII=)
  994. // no-repeat center;
  995. // background-size: contain;
  996. // &.check_active {
  997. // background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T2NkQAKHPD1F2TmYChgZGHwZGBlUwVL/GW7/Z2DY/PPHvwl227e/hilnhDFOBXoHMbKxzhd18eATtnNg4FJQBEt9e3Cf4e2hAwyv9+z49P/X70Sz9VvXgcTBGkGa2EREVqtU1jFxSUgy/F+1geHf6bNgjUymxgyMYQEM3148Z7jT3vTv15s3oSDNjCDncfKx39Fs7+Xj+vWX4U9YAgPDo8fIPmBgkJNlYFm1gOEbGzPD9criT98//VRhPB3o2yrq5V0lFx3H8MfCBVMTzAiQ5hN7GB4tXcTwctvmNsZTgd6XNDt6dbmOn2X4W1CBahMaj3lCB8M3S2OG6xXFlxlPBXl/N16+juNfURXD/6Wr8GpkjA5jYOprYzgbGfSDAo1wp55j+FtQTsCpnQzfLI0gTiU7cMiODuwJYD3Dv9PnoAnAiIExLBAzAVCU5GCawc7mYCn4z/APJZEzMjBt/v7jD0oiBwAFDdbhAm8qEQAAAABJRU5ErkJggg==)
  998. // no-repeat center;
  999. // background-size: contain;
  1000. // }
  1001. // }
  1002. // }
  1003. // }
  1004. // .configuration {
  1005. // padding-right: 5px;
  1006. // padding-bottom: 9px;
  1007. // .title {
  1008. // background: rgba(246, 246, 246, 1);
  1009. // height: 1px;
  1010. // position: relative;
  1011. // margin: 15px 0;
  1012. // span {
  1013. // position: absolute;
  1014. // left: 12px;
  1015. // top: -9px;
  1016. // display: inline-block;
  1017. // background-color: #fff;
  1018. // font-size: 10px;
  1019. // padding: 0 4px;
  1020. // }
  1021. // }
  1022. // .content {
  1023. // font-size: 12px;
  1024. // padding-left: 16px;
  1025. // line-height: 22px;
  1026. // color: #acacac;
  1027. // }
  1028. // .options {
  1029. // padding-top: 0;
  1030. // padding-left: 16px;
  1031. // .option {
  1032. // font-size: 14px;
  1033. // color: #6f6f6f;
  1034. // }
  1035. // }
  1036. // }
  1037. // .buy {
  1038. // margin-top: 200px;
  1039. // bottom: 0;
  1040. // left: 0;
  1041. // right: 0;
  1042. // height: 60px;
  1043. // display: flex;
  1044. // align-items: center;
  1045. // padding: 0 20px;
  1046. // border-top: 1px solid #ffe9e9e9;
  1047. // color: #000000;
  1048. // font-size: 12px;
  1049. // background: #fff;
  1050. // .price {
  1051. // flex: 1;
  1052. // font-size: 14px;
  1053. // }
  1054. // font-size: 14px;
  1055. // span {
  1056. // color: #fa101d;
  1057. // }
  1058. // .text {
  1059. // font-size: 12px;
  1060. // width: 60px;
  1061. // display: inline-block;
  1062. // color: #000;
  1063. // }
  1064. // del {
  1065. // color: #b5b5b5;
  1066. // &.text {
  1067. // color: #b5b5b5;
  1068. // }
  1069. // }
  1070. // a {
  1071. // display: inline-block;
  1072. // font-size: 18px;
  1073. // color: #fff;
  1074. // background: #f1111b;
  1075. // border-radius: 4px;
  1076. // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
  1077. // padding: 8px 28px;
  1078. // }
  1079. // }
  1080. // }
  1081. .classCheckBox {
  1082. margin-right: 10px;
  1083. }
  1084. }
  1085. </style>