index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. {include file="/shopro/common/script" /}
  2. <div id="index" class="fake-user-index panel panel-default panel-intro" v-cloak>
  3. <el-container class="panel-block">
  4. <el-header class="sa-header">
  5. <div class="sa-title sa-flex sa-row-between">
  6. <div class="sa-title-left">
  7. <div class="left-name">虚拟用户</div>
  8. <sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
  9. </sa-filter-condition>
  10. </div>
  11. <div class="sa-title-right">
  12. <el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
  13. <el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
  14. {if $auth->check('shopro/data/fake_user/add')}
  15. <el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
  16. {/if}
  17. {if $auth->check('shopro/data/fake_user/random')}
  18. <el-button @click="onRandom">自动生成</el-button>
  19. {/if}
  20. </div>
  21. </div>
  22. <el-alert class="mb-3" type="warning">
  23. <template #title>
  24. <div>1、可作为虚拟成团时候的虚拟用户,和虚拟评价时候的虚拟用户</div>
  25. <div>2、添加完之后可修改虚拟用户信息,不要轻易删除虚拟用户</div>
  26. </template>
  27. </el-alert>
  28. </el-header>
  29. <el-main class="sa-main">
  30. <el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
  31. @sort-change="onChangeSort">
  32. <el-table-column type="selection" width="48" align="center"></el-table-column>
  33. <el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
  34. <el-table-column label="用户名" min-width="180">
  35. <template #default="scope">
  36. <div class="sa-table-line-1">
  37. {{ scope.row.username || '-' }}
  38. </div>
  39. </template>
  40. </el-table-column>
  41. <el-table-column label="用户信息" min-width="180">
  42. <template #default="scope">
  43. <sa-user-profile :user="scope.row" :id="scope.row.id" />
  44. </template>
  45. </el-table-column>
  46. <el-table-column label="电子邮箱" min-width="170">
  47. <template #default="scope">
  48. <div class="sa-table-line-1">
  49. {{ scope.row.email || '-' }}
  50. </div>
  51. </template>
  52. </el-table-column>
  53. <el-table-column label="创建时间" width="172">
  54. <template #default="scope">
  55. {{ scope.row.createtime || '-' }}
  56. </template>
  57. </el-table-column>
  58. <el-table-column label="更新时间" width="172">
  59. <template #default="scope">
  60. {{ scope.row.updatetime || '-' }}
  61. </template>
  62. </el-table-column>
  63. <el-table-column fixed="right" label="操作" min-width="120">
  64. <template #default="scope">
  65. {if $auth->check('shopro/data/fake_user/edit')}
  66. <el-button type="primary" link @click="onEdit(scope.row.id)">编辑</el-button>
  67. {/if}
  68. <el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
  69. title="确认删除这条记录?" @confirm="onDelete(scope.row.id)">
  70. <template #reference>
  71. {if $auth->check('shopro/data/fake_user/delete')}
  72. <el-button type="danger" link>删除</el-button>
  73. {/if}
  74. </template>
  75. </el-popconfirm>
  76. </template>
  77. </el-table-column>
  78. </el-table>
  79. </el-main>
  80. <el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
  81. <div class="sa-batch sa-flex">
  82. <div class="tip">
  83. 已选择 <span>{{batchHandle.data.length}}</span> 项</div>
  84. <div class="sa-flex">
  85. {if $auth->check('shopro/data/fake_user/delete')}
  86. <el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
  87. </el-button>
  88. {/if}
  89. </div>
  90. </div>
  91. <sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
  92. </el-footer>
  93. </el-container>
  94. <sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
  95. </div>