banzhengXinxiList.vue 2.1 KB

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