banzhengXinxiList.vue 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="bzxx-list-page">
  3. <view :class="isZijiazheng=='true'?'mask-view':''">
  4. <view class="bz-new-btn-box" v-if="list.length>0">
  5. <button type="default" class="phone-green-btn" @click="addBanzheng">添加</button>
  6. </view>
  7. <view class="bzxx-wrap-box" v-if="list.length>0">
  8. <view v-for="(item,index) in list" :key="index" class="bzxx-card-box">
  9. <view class="name-btn-box">
  10. <view class="jg-name">报证机构:{{item.jgName}}</view>
  11. <view class="name-btn editer-btn" @click="goEdit(item,index)">编辑</view>
  12. <view class="name-btn delete-btn" @click="deleteFun(item,index)">删除</view>
  13. </view>
  14. <view class="bzxx-zy-row">
  15. <icon class="zy-icon"></icon>职业名称:<text>{{item.zyName}}</text>
  16. </view>
  17. <view class="bzxx-zy-row">
  18. <icon class="zydj-icon"></icon>职业等级:<text>{{item.zyLevelName}}</text>
  19. </view>
  20. <view class="bzxx-time-row">
  21. <icon class="time-icon"></icon><text>申报时间:{{item.createTime}}</text>
  22. </view>
  23. </view>
  24. </view>
  25. <view v-if="list.length==0" class="bzxx-add-btn-box">
  26. <view @click="addBanzheng" class="bzxx-add-btn"><text>+</text>添加办证信息</view>
  27. </view>
  28. <view v-if="status =='add'&&isZijiazheng !='true'" class="bzxx-btn-box">
  29. <button type="default" @click="saveBanzheng" class="phone-green-btn">保存</button>
  30. </view>
  31. </view>
  32. </view>
  33. </template>
  34. <script>
  35. import {
  36. getBaozhengJigou,
  37. getJiazhengLevel,
  38. getJiazhengZhiye,
  39. getJiazhengBanzhengCheckKc
  40. } from "@/api/jiazheng.js"
  41. import {
  42. toast
  43. } from "@/utils/common";
  44. export default {
  45. data() {
  46. return {
  47. };
  48. },
  49. props: {
  50. list: {
  51. type: Array,
  52. default: () => []
  53. },
  54. status: {
  55. type: String,
  56. }
  57. },
  58. computed: {
  59. },
  60. created() {
  61. },
  62. methods: {
  63. addBanzheng() {
  64. this.$emit('addBanzheng');
  65. },
  66. saveBanzheng() {
  67. this.$emit('saveBanzheng');
  68. },
  69. goEdit(item, index) {
  70. console.log('item', item);
  71. if (item.statusBanzheng != '未办证' && this.status == 'edit') {
  72. toast("已提交办证申请,禁止修改")
  73. return false
  74. }
  75. this.$emit('editBanzheng', item, index);
  76. },
  77. deleteFun(item, index) {
  78. if (item.statusBanzheng != '未办证' && this.status == 'edit') {
  79. toast("已提交办证申请,禁止删除")
  80. return false
  81. }
  82. this.$emit('deleteBanzheng', item, index);
  83. }
  84. }
  85. };
  86. </script>