userCentermyConcerns.vue 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699
  1. <template>
  2. <div style="width: 100%;background: #fff;min-height: 700px;color: #666;"
  3. class="userCenterMyProject">
  4. <div style="height: 60px;line-height: 60px;padding-top: 30px;margin-left: 30px;margin-right: 30px; border-bottom: 1px solid rgba(228, 228, 228, 1);">
  5. {{$t('common.MyApplication')}}
  6. </div>
  7. <div style="margin: 20px 0 0px 30px;"
  8. v-if="$i18n.locale=='zh'">
  9. <span v-for="(item,index) in taberPhone"
  10. style="margin-right: 70px;padding: 10px;"
  11. :class="item.value==taberIndex?'taberPhone1 cursor':'taberPhone2 cursor'"
  12. @click="getTaberPhone(item,index)">{{$t(item.label)}}</span>
  13. </div>
  14. <div style="margin: 20px 0 0px 30px;"
  15. v-else>
  16. <span v-for="(item,index) in taberPhone"
  17. style="margin-right: 40px;padding: 10px;"
  18. :class="item.value==taberIndex?'taberPhone1 cursor':'taberPhone2 cursor'"
  19. @click="getTaberPhone(item,index)"
  20. :style="{marginRight:index==4?'0':'40px'}">{{$t(item.label)}}</span>
  21. </div>
  22. <div style="margin: 20px 0 0px 30px;"
  23. v-if="taberIndex === '1'">
  24. <el-table :data="baseMemberApplies"
  25. stripe
  26. highlight-current-row
  27. style="width: 100%">
  28. <template slot="empty">
  29. {{$t('common.UserNoData')}}
  30. </template>
  31. <el-table-column prop="unitZhName"
  32. :label="$t('common.Name')"
  33. width='200'></el-table-column>
  34. <el-table-column prop="phaseDict"
  35. :label="$t('common.ApplicationStage')"
  36. width="150"></el-table-column>
  37. <el-table-column prop="memberApplyDate"
  38. :label="$t('common.ApplicationTime')"
  39. width="140"></el-table-column>
  40. <el-table-column prop="auditStatusDict"
  41. :label="$t('common.ReviewState')"
  42. width="180"></el-table-column>
  43. <el-table-column fixed="right"
  44. prop="address5"
  45. :label="$t('common.Option')"
  46. width="210">
  47. <template slot-scope="scope">
  48. <el-button @click.native.prevent="change(scope.$index, baseMemberApplies)"
  49. type="text"
  50. size="small">
  51. {{$t('common.CheckSchedule')}}
  52. </el-button>
  53. </template>
  54. </el-table-column>
  55. </el-table>
  56. <div style="width: 100%;text-align: center;">
  57. <el-pagination v-if="baseMemberApplies"
  58. style="margin-top: 50px;height: 80px;"
  59. background
  60. layout="prev, pager, next"
  61. :total="0"
  62. @size-change="handleSizeChange"
  63. @current-change="handleCurrentChange">
  64. </el-pagination>
  65. </div>
  66. </div>
  67. <div style="margin: 20px 0 0px 30px;"
  68. v-if="taberIndex === '2'">
  69. <el-table :data="baseLeagueApplies"
  70. stripe
  71. highlight-current-row
  72. style="width: 100%">
  73. <template slot="empty">
  74. {{$t('common.UserNoData')}}
  75. </template>
  76. <el-table-column prop="unitZhName"
  77. :label="$t('common.Name')"
  78. width='200'></el-table-column>
  79. <el-table-column prop="phaseDict"
  80. :label="$t('common.ApplicationStage')"
  81. width="150"></el-table-column>
  82. <el-table-column prop="leagueApplyDate"
  83. :label="$t('common.ApplicationTime')"
  84. width="140"></el-table-column>
  85. <el-table-column prop="auditStatusDict"
  86. :label="$t('common.ReviewState')"
  87. width="180"></el-table-column>
  88. <el-table-column fixed="right"
  89. prop="address5"
  90. :label="$t('common.Option')"
  91. width="210">
  92. <template slot-scope="scope">
  93. <el-button @click.native.prevent="changeToAlliance(scope.$index, baseLeagueApplies)"
  94. type="text"
  95. size="small">
  96. {{$t('common.CheckSchedule')}}
  97. </el-button>
  98. </template>
  99. </el-table-column>
  100. </el-table>
  101. <div style="width: 100%;text-align: center;">
  102. <el-pagination v-if="baseLeagueApplies"
  103. style="margin-top: 50px;height: 80px;"
  104. background
  105. layout="prev, pager, next"
  106. :total="0"
  107. @size-change="handleSizeChange"
  108. @current-change="handleCurrentChange">
  109. </el-pagination>
  110. </div>
  111. </div>
  112. <div style="margin: 20px 0 0px 30px;"
  113. v-if="taberIndex === '3'">
  114. <el-table :data="coopCustomServices"
  115. stripe
  116. highlight-current-row
  117. style="width: 100%">
  118. <template slot="empty">
  119. {{$t('common.UserNoData')}}
  120. </template>
  121. <el-table-column :prop="$i18n.locale=='zh'?'unitZhName':'unitEnName'"
  122. :label="$t('common.Name')"
  123. width='200'></el-table-column>
  124. <el-table-column prop="serviceType"
  125. :label="$t('common.CustomizedServiceType')"
  126. width="150"></el-table-column>
  127. <el-table-column prop="applyDate"
  128. :label="$t('common.ApplicationTime')"
  129. width="200"></el-table-column>
  130. <el-table-column prop="status"
  131. :label="$t('common.ReviewState')"
  132. width="80"></el-table-column>
  133. <el-table-column fixed="right"
  134. prop="address5"
  135. :label="$t('common.Option')"
  136. width="210">
  137. <template slot-scope="scope">
  138. <el-button @click.native.prevent="edit(scope.row)"
  139. type="text"
  140. size="small"
  141. :disabled="scope.row.statusDict ==='3'">
  142. {{$t('common.edit')}}
  143. </el-button>
  144. <el-button @click.native.prevent="del(scope.row,3)"
  145. type="text"
  146. size="small"
  147. :disabled="scope.row.statusDict ==='3'">
  148. {{$t('common.delete')}}
  149. </el-button>
  150. <el-button @click.native.prevent="view(scope.row)"
  151. type="text"
  152. size="small">
  153. {{$t('common.view')}}
  154. </el-button>
  155. </template>
  156. </el-table-column>
  157. </el-table>
  158. <div style="width: 100%;text-align: center;">
  159. <el-pagination v-if="coopCustomServices"
  160. style="margin-top: 50px;height: 80px;"
  161. background
  162. layout="prev, pager, next"
  163. :total="0"
  164. @size-change="handleSizeChange"
  165. @current-change="handleCurrentChange">
  166. </el-pagination>
  167. </div>
  168. </div>
  169. <div style="margin: 20px 0 0 30px;"
  170. v-if="taberIndex === '4'">
  171. <el-table :data="coopCustomServices"
  172. stripe
  173. highlight-current-row
  174. style="width: 100%">
  175. <template slot="empty">
  176. {{$t('common.UserNoData')}}
  177. </template>
  178. <el-table-column :prop="$i18n.locale=='zh'?'unitZhName':'unitEnName'"
  179. :label="$t('common.Name')"
  180. width='200'></el-table-column>
  181. <el-table-column prop="serviceType"
  182. :label="$t('common.CustomizedServiceType')"
  183. width="150"></el-table-column>
  184. <el-table-column prop="applyDate"
  185. :label="$t('common.ApplicationTime')"
  186. width="200"></el-table-column>
  187. <el-table-column prop="status"
  188. :label="$t('common.ReviewState')"
  189. width="80"></el-table-column>
  190. <el-table-column fixed="right"
  191. prop="address5"
  192. :label="$t('common.Option')"
  193. width="210">
  194. <template slot-scope="scope">
  195. <el-button @click.native.prevent="edit(scope.row)"
  196. type="text"
  197. size="small"
  198. :disabled="scope.row.statusDict ==='3'">
  199. {{$t('common.edit')}}
  200. </el-button>
  201. <el-button @click.native.prevent="del(scope.row,4)"
  202. type="text"
  203. size="small"
  204. :disabled="scope.row.statusDict ==='3'">
  205. {{$t('common.delete')}}
  206. </el-button>
  207. <el-button @click.native.prevent="view(scope.row)"
  208. type="text"
  209. size="small">
  210. {{$t('common.view')}}
  211. </el-button>
  212. </template>
  213. </el-table-column>
  214. </el-table>
  215. <div style="width: 100%;text-align: center;">
  216. <el-pagination v-if="coopCustomServices"
  217. style="margin-top: 50px;height: 80px;"
  218. background
  219. layout="prev, pager, next"
  220. :total="0"
  221. @size-change="handleSizeChange"
  222. @current-change="handleCurrentChange">
  223. </el-pagination>
  224. </div>
  225. </div>
  226. <div style="margin: 20px 0 0px 30px;"
  227. v-if="taberIndex === '5'">
  228. <el-table :data="resourceApplications"
  229. stripe
  230. highlight-current-row
  231. style="width: 100%">
  232. <template slot="empty">
  233. {{$t('common.resourceApplication')}}
  234. </template>
  235. <el-table-column prop="reserveOne"
  236. :label="$t('common.Name')"
  237. width='200'></el-table-column>
  238. <el-table-column prop="reserveThree"
  239. :label="$t('common.CustomizedServiceType')"
  240. width="150"></el-table-column>
  241. <el-table-column prop="createDate"
  242. :label="$t('common.ApplicationTime')"
  243. width="200"></el-table-column>
  244. <el-table-column prop="status"
  245. :label="$t('common.ReviewState')"
  246. width="80"></el-table-column>
  247. <el-table-column fixed="right"
  248. prop="address5"
  249. :label="$t('common.Option')"
  250. width="210">
  251. <template slot-scope="scope">
  252. <el-button @click.native.prevent="toApply(scope.row)"
  253. type="text"
  254. size="small"
  255. :disabled="scope.row.statusDict ==='3'">
  256. {{$t('common.edit')}}
  257. </el-button>
  258. <el-button @click.native.prevent="toDel(scope.row)"
  259. type="text"
  260. size="small"
  261. :disabled="scope.row.statusDict ==='3'">
  262. {{$t('common.delete')}}
  263. </el-button>
  264. <el-button @click.native.prevent="toLook(scope.row)"
  265. type="text"
  266. size="small">
  267. {{$t('common.view')}}
  268. </el-button>
  269. </template>
  270. </el-table-column>
  271. </el-table>
  272. <div style="width: 100%;text-align: center;">
  273. <el-pagination v-if="coopCustomServices"
  274. style="margin-top: 50px;height: 80px;"
  275. background
  276. layout="prev, pager, next"
  277. :total="0"
  278. @size-change="handleSizeChange"
  279. @current-change="handleCurrentChange">
  280. </el-pagination>
  281. </div>
  282. </div>
  283. </div>
  284. </template>
  285. <script>
  286. import Base from "@/views/base/Base"
  287. import { getDicts } from '@/api/dict';
  288. import { getBaseMemberApplys } from '@/api/baseMemberApply'
  289. import { getCoopCustomServices, del } from "@/api/cooperation/coopCustomService";
  290. import { getBaseLeagueApplys } from '@/api/cooperation/baseLeagueApply'
  291. import { getBaseResearchApplications, deleteByDoor } from "@/api/research/resource/baseResearchApplication";
  292. import { formatDate } from "@/utils/formatUtils";
  293. import {getThinkTankConsultations,commit,deleteTo} from "@/api/thinkTank/thinkTankConsultation";
  294. export default {
  295. name: 'userCentermyConcerns',
  296. extends: Base,
  297. data () {
  298. return {
  299. formInline: {
  300. user: '',
  301. region: ''
  302. },
  303. taberPhone: [{
  304. label: "common.MemberApply",
  305. value: '1'
  306. }, {
  307. label: "common.AllianceApply",
  308. value: '2'
  309. }, {
  310. label: "common.CustomServiceApply",
  311. value: '3'
  312. }, {
  313. label: "common.Donation",
  314. value: '4'
  315. }, {
  316. label: "common.resourceApplication",
  317. value: '5'
  318. }],
  319. taberIndex: '',
  320. baseMemberApplies: [],
  321. coopCustomServices: [],
  322. resourceApplications: [],
  323. memberApplyStatus: [],
  324. serviceTypeDicts: [],
  325. childTypeDicts: [],
  326. supportWayDicts: [],
  327. phaseDicts: [],
  328. statusDicts: [],
  329. phaseDictsEnMap: {
  330. '1': 'Fill in the information',
  331. '2': 'Preliminary review',
  332. '3': 'Approval by the Chairman Office Meeting',
  333. '4': 'Qualification',
  334. '5': 'Membership confirmation',
  335. '6': 'Issue the certificate',
  336. '7': 'Complete'
  337. },
  338. memberApplyStatusEnMap: {
  339. '1': 'Not audit',
  340. '2': 'To audit',
  341. '3': 'Approved',
  342. '4': 'Rejected',
  343. },
  344. customServiceMap: {
  345. '0': 'Draft',
  346. '1': 'To audit',
  347. '2': 'Rejected',
  348. '3': 'Approved'
  349. },
  350. auditStatusDicts: [],
  351. auditStatusDictsENMap: {
  352. '1': 'Have not been submitted',
  353. '2': 'To audit',
  354. '3': 'First approval rejected',
  355. '4': 'First approval agreed',
  356. '5': 'Second approval is rejected',
  357. '6': 'Second approval is agreed',
  358. },
  359. baseLeagueApplies: [],
  360. releaseStatus: [],
  361. thinkTankConsultations: [],
  362. thinkTankTypeDicts: []
  363. }
  364. },
  365. watch: {
  366. '$i18n.locale' () {
  367. this.getDicts()
  368. },
  369. 'taberIndex' () {
  370. this.getinitData(this.taberIndex);
  371. }
  372. },
  373. mounted () {
  374. this.taberIndex = this.$route.params.index ? this.$route.params.index : '1'
  375. this.getDicts()
  376. },
  377. computed: {
  378. releaseStatusMap: function () {
  379. return this.releaseStatus.array2Obj("value", "label");
  380. },
  381. memberApplyStatusMap: function () {
  382. return this.memberApplyStatus.array2Obj("value", "label");
  383. },
  384. phaseDictsMap: function () {
  385. return this.phaseDicts.array2Obj("value", "label");
  386. },
  387. serviceTypeDictsMap: function () {
  388. return this.serviceTypeDicts.array2Obj("value", "label");
  389. },
  390. childTypeDictsMap: function () {
  391. return this.childTypeDicts.array2Obj("value", "label");
  392. },
  393. statusDictsMap: function () {
  394. return this.statusDicts.array2Obj("value", "label");
  395. },
  396. supportWayDictsMap: function () {
  397. return this.supportWayDicts.array2Obj("value", "label");
  398. },
  399. auditStatusDictsMap: function () {
  400. return this.auditStatusDicts.array2Obj("value", "label");
  401. },
  402. thinkTankTypeDictsMap: function () {
  403. return this.thinkTankTypeDicts.array2Obj("value", "label");
  404. },
  405. },
  406. methods: {
  407. getDicts () {
  408. if (this.$i18n.locale === 'zh') {
  409. getDicts("APPROVE_STATUS_DICT,MEMBER_APPLY_PHASE_DICT,SERVICE_TYPE_DICT,SERVICE_CHILD_TYPE_DICT,SUPPORT_WAY_DICT,CUSTOM_SERVICE_STATUS,MEMBER_APPLY_AUDIT_STATUS_DICT,RELEASE_STATUS_DICT,THINK_TANK_TYPE_DICT").then(result => {
  410. if (result.data) {
  411. this.memberApplyStatus = result.data[0];
  412. this.phaseDicts = result.data[1];
  413. this.serviceTypeDicts = result.data[2];
  414. this.childTypeDicts = result.data[3];
  415. this.supportWayDicts = result.data[4]
  416. this.statusDicts = result.data[5] || []
  417. this.auditStatusDicts = result.data[6] || []
  418. this.releaseStatus = result.data[7] || []
  419. this.thinkTankTypeDicts = result.data[8] || []
  420. this.statusDicts.forEach((item, index) => {
  421. if (index === 1) {
  422. item.label = '待审核'
  423. } else if (index === 0) {
  424. item.label = '待审核'
  425. }
  426. });
  427. this.getinitData(this.taberIndex)
  428. }
  429. });
  430. } else {
  431. getDicts("APPROVE_STATUS_DICT_EN,MEMBER_APPLY_PHASE_DICT,SERVICE_TYPE_DICT_EN,SERVICE_CHILD_TYPE_DICT_EN,SUPPORT_WAY_DICT_EN").then(result => {
  432. if (result.data) {
  433. this.memberApplyStatus = result.data[0];
  434. this.phaseDicts = result.data[1];
  435. this.serviceTypeDicts = result.data[2];
  436. this.childTypeDicts = result.data[3];
  437. this.supportWayDicts = result.data[4]
  438. this.getinitData(this.taberIndex)
  439. }
  440. });
  441. }
  442. },
  443. getinitData (index) {
  444. if (index == "1") {
  445. getBaseMemberApplys().then(res => {
  446. var data = res.data;
  447. if (data) {
  448. this.baseMemberApplies = data.baseMemberApplies || [];
  449. this.baseMemberApplies.forEach(element => {
  450. element.memberApplyDate = this.YymmddFormat(new Date(element.memberApplyDate));
  451. element.auditStatusDict = this.$i18n.locale == 'zh' ? this.auditStatusDictsMap[element.auditStatusDict] : this.auditStatusDictsENMap[element.auditStatusDict];
  452. element.phaseDict = this.$i18n.locale == 'zh' ? this.phaseDictsMap[element.phaseDict] : this.phaseDictsEnMap[element.phaseDict];
  453. })
  454. }
  455. });
  456. }
  457. getBaseLeagueApplys().then(res => {
  458. var data = res.data;
  459. if (data) {
  460. this.baseLeagueApplies = data.baseLeagueApplyList || [];
  461. this.baseLeagueApplies.forEach(element => {
  462. element.leagueApplyDate = this.YymmddFormat(new Date(element.leagueApplyDate));
  463. element.auditStatusDict = this.$i18n.locale == 'zh' ? this.auditStatusDictsMap[element.auditStatusDict] : this.auditStatusDictsENMap[element.auditStatusDict];
  464. element.phaseDict = this.$i18n.locale == 'zh' ? this.phaseDictsMap[element.phaseDict] : this.phaseDictsEnMap[element.phaseDict];
  465. })
  466. }
  467. });
  468. let user = JSON.parse(window.localStorage.getItem('user'));
  469. let param = {
  470. createBy: user.userId,
  471. serviceTypeDict: index === '3' ? '1' : index === '4' ? '2' : '1',
  472. };
  473. getCoopCustomServices(param).then((res) => {
  474. const data = res.data;
  475. if (data.coopCustomServices) {
  476. this.coopCustomServices = data.coopCustomServices
  477. this.coopCustomServices.forEach(item => {
  478. if(item.unitZhName !==''&& item.unitId===''){
  479. item.unitEnName = item.unitZhName
  480. }
  481. if(item.unitEnName !==''&& item.unitId===''){
  482. item.unitZhName = item.unitEnName
  483. }
  484. item.applyDate = formatDate(item.applyDate, 'YYYY-MM-DD HH:mm:ss');
  485. if (item.serviceTypeDict === '1') {
  486. item.serviceType = this.serviceTypeDictsMap[item.serviceTypeDict] + '-' + this.childTypeDictsMap[item.childTypeDict];
  487. } else {
  488. item.serviceType = this.serviceTypeDictsMap[item.serviceTypeDict] + '-' + this.supportWayDictsMap[item.supportWayDict]
  489. }
  490. item.status = this.$i18n.locale === 'zh' ? this.statusDictsMap[item.statusDict] : this.customServiceMap[item.statusDict]
  491. })
  492. }else {
  493. this.coopCustomServices = [];
  494. }
  495. })
  496. let params = {
  497. createBy: user.userId,
  498. };
  499. getBaseResearchApplications(params).then((resulet) => {
  500. let data = resulet.data;
  501. if (data.baseResearchApplications) {
  502. this.resourceApplications = data.baseResearchApplications || [];
  503. this.resourceApplications.forEach(item => {
  504. item.reserveThree = this.$i18n.locale === 'zh' ? "调研资源" : "Research Resource";
  505. item.createDate = formatDate(item.createDate, 'YYYY-MM-DD HH:mm:ss');
  506. item.status = this.$i18n.locale === 'zh' ? this.releaseStatusMap[item.status] : this.releaseStatusMap[item.status]
  507. })
  508. }
  509. });
  510. let items = {
  511. senderId: user.userId,
  512. };
  513. getThinkTankConsultations(items).then((resulet) => {
  514. let data = resulet.data;
  515. if (data.thinkTankConsultations) {
  516. this.thinkTankConsultations = data.thinkTankConsultations || [];
  517. this.thinkTankConsultations.forEach(item => {
  518. item.senderDate = formatDate(item.senderDate, 'YYYY-MM-DD HH:mm:ss');
  519. item.thinkTankType = this.thinkTankTypeDictsMap[item.thinkTankType]
  520. })
  521. }
  522. });
  523. },
  524. // 发布
  525. release (index, rows) {
  526. console.log(index, rows)
  527. },
  528. // 编辑
  529. change (index, rows) {
  530. this.$router.push('myConcernsProgressCheck', rows)
  531. },
  532. changeToAlliance (index, rows) {
  533. this.$router.push('userCentermyConcernsProgressCheckAlliance', rows)
  534. },
  535. handleSizeChange (val) {
  536. console.log(`每页 ${val} 条`);
  537. },
  538. getTaberPhone (item, index) {
  539. this.taberIndex = item.value
  540. console.log(this.taberIndex)
  541. },
  542. handleCurrentChange (val) {
  543. console.log(`当前页: ${val}`);
  544. },
  545. YymmddFormat (newDate) {
  546. let Month = newDate.getMonth() + 1;
  547. Month = Month >= 10 ? Month : '0' + Month;
  548. let d = newDate.getDate();
  549. d = d >= 10 ? d : '0' + d
  550. return [
  551. [newDate.getFullYear(), Month, d].join('-'), [newDate.getHours(), newDate.getMinutes()].join(':')
  552. ].join(' ');
  553. },
  554. edit (row) {
  555. console.log(row);
  556. this.$router.push({ name: 'IntroductionMemberProfile', query: { data: row, key: 'custom', index: this.taberIndex } })
  557. },
  558. toApply (row) {
  559. console.log(row);
  560. this.$router.push({ name: 'resourceSharingResourceApply', query: { key: row.id } })
  561. },
  562. toLook (row) {
  563. console.log(row);
  564. this.$router.push({ name: 'resourceSharingResourceApply', query: { key: row.id, value: false } })
  565. },
  566. toDel (row) {
  567. let params = {
  568. id: row.id
  569. }
  570. this.$confirm('确定删除该记录吗?', {
  571. confirmButtonText: '确定',
  572. cancelButtonText: '取消',
  573. type: 'warning',
  574. }).then(() => {
  575. deleteByDoor(params).then(result => {
  576. this.$message({
  577. type: 'success',
  578. message: '删除成功!'
  579. });
  580. this.getDicts()
  581. })
  582. }).catch(() => {
  583. this.$message({
  584. type: 'info',
  585. message: '已取消删除'
  586. });
  587. });
  588. },
  589. del (row, index) {
  590. this.$confirm(this.$i18n.locale === 'zh' ? '确定删除?' : 'Are you sure you want to delete?', this.$t('common.Tips'), {
  591. confirmButtonText: this.$t('common.OK'),
  592. cancelButtonText: this.$t('common.cancel'),
  593. type: 'warning'
  594. }).then(() => {
  595. del(row.id).then(() => {
  596. this.$message({
  597. type: 'success',
  598. message: this.$i18n.locale === 'zh' ? '删除成功!' : 'Successfully deleted'
  599. });
  600. })
  601. this.getinitData(index);
  602. })
  603. .catch(() => {
  604. this.$message({
  605. type: "info",
  606. message: this.$t('common.Cancelled'),
  607. });
  608. });
  609. },
  610. view (row) {
  611. this.$router.push({ name: 'IntroductionMemberProfile', query: { data: row, key: 'custom', disable: true, index: this.taberIndex } })
  612. },
  613. commit(row) {
  614. this.$confirm(this.$i18n.locale === 'zh' ? '确定提交?' : 'Are you sure you want to commit?', this.$t('common.Tips'), {
  615. confirmButtonText: this.$t('common.OK'),
  616. cancelButtonText: this.$t('common.cancel'),
  617. type: 'warning'
  618. }).then(() => {
  619. commit(row.id).then(() => {
  620. this.$message({
  621. type: 'success',
  622. message: this.$i18n.locale === 'zh' ? '提交成功!' : 'Commit deleted'
  623. });
  624. })
  625. this.getinitData(index);
  626. })
  627. .catch(() => {
  628. this.$message({
  629. type: "info",
  630. message: this.$t('common.Cancelled'),
  631. });
  632. });
  633. },
  634. toDelThink(row) {
  635. this.$confirm(this.$i18n.locale === 'zh' ? '确定删除?' : 'Are you sure you want to delete?', this.$t('common.Tips'), {
  636. confirmButtonText: this.$t('common.OK'),
  637. cancelButtonText: this.$t('common.cancel'),
  638. type: 'warning'
  639. }).then(() => {
  640. deleteTo(row.id).then(() => {
  641. this.$message({
  642. type: 'success',
  643. message: this.$i18n.locale === 'zh' ? '删除成功!' : 'Delete deleted'
  644. });
  645. })
  646. this.getinitData(index);
  647. })
  648. .catch(() => {
  649. this.$message({
  650. type: "info",
  651. message: this.$t('common.Cancelled'),
  652. });
  653. });
  654. },
  655. toLookReply(row) {},
  656. }
  657. }
  658. </script>
  659. <style scoped>
  660. .el-input {
  661. width: 200px;
  662. }
  663. .el-form-item__content,
  664. .el-select {
  665. width: 200px !important;
  666. }
  667. .el-table thead {
  668. background: #eee;
  669. }
  670. .userCenterMyProject >>> .el-pagination .el-pager li,
  671. .userCenterMyProject >>> .el-pagination .btn-next,
  672. .userCenterMyProject >>> .el-pagination .btn-prev {
  673. width: 35px;
  674. height: 35px;
  675. line-height: 35px;
  676. }
  677. .userCenterMyProject
  678. >>> .el-pagination.is-background
  679. .el-pager
  680. li:not(.disabled).active {
  681. background: #0050d8;
  682. }
  683. .taberPhone1 {
  684. border-bottom: 2px solid #0c5afa;
  685. color: #0c5afa;
  686. }
  687. </style>