banzhengXinxiList.vue 1.6 KB

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