operatorLog.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view>
  3. <view class="log" v-for="item in operatorLogs" :key="item.code">
  4. <view class="oper">
  5. <text class="title">操作内容:{{item.content}}</text>
  6. </view>
  7. <view class="content">
  8. <text>操 作 人:{{item.userRealname}}</text>
  9. <text>操作时间:{{item.updateTime}}</text>
  10. </view>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. operatorLogs: [],
  19. }
  20. },
  21. onLoad() {
  22. uni.request({
  23. url: 'http://127.0.0.1:9999/operatorLog/list',
  24. method: 'GET',
  25. data: {},
  26. success: res => {
  27. this.operatorLogs = res.data.data.operatorLogs;
  28. console.log(res.data.data.operatorLogs);
  29. },
  30. })
  31. },
  32. methods: {
  33. }
  34. }
  35. </script>
  36. <style>
  37. .log {
  38. width: 702rpx;
  39. height: 329rpx;
  40. background-color: white;
  41. margin-top: 30rpx;
  42. margin-left: 24rpx;
  43. border-radius: 10rpx;
  44. padding-top: 30rpx;
  45. }
  46. .content {
  47. display: flex;
  48. flex-direction: column;
  49. margin-top: 20rpx;
  50. margin-left: 30rpx;
  51. line-height: 55rpx;
  52. color: #444546;
  53. font-size: 28rpx;
  54. }
  55. .oper{
  56. height: 180rpx;
  57. }
  58. .title {
  59. font-size: 36rpx;
  60. margin-left: 30rpx;
  61. color: #282828;
  62. font-weight: 600;
  63. }
  64. </style>