tOperatingLogList.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>日志信息管理</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  9. <!-- 引入样式 -->
  10. <link id="elementThemeG" rel="stylesheet" class="elementTheme"
  11. href="/common-assets/plugins/element-ui/lib/theme-chalk/element-green.css">
  12. <link id="elementThemeR" rel="stylesheet" class="elementTheme"
  13. href="/common-assets/plugins/element-ui/lib/theme-chalk/element-red.css">
  14. <link id="elementThemeD" rel="stylesheet" class="elementTheme"
  15. href="/common-assets/plugins/element-ui/lib/theme-chalk/element-default.css">
  16. <link rel="stylesheet" href="/common-assets/css/dwElementUI.css"/>
  17. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  18. <!-- 公共配置 -->
  19. <script src="/common-assets/js/project.config.js"></script>
  20. <!-- 公共库文件 -->
  21. <script src="/common-assets/js/direwolf-library.js"></script>
  22. </head>
  23. <body>
  24. <div id="app">
  25. <div class="wrapper-cont" id="tOperatingLogListContent" v-cloak v-loading="tOperatingLogPageLoading">
  26. <el-card class="box-card search-content" shadow="never">
  27. <el-form label-position="right" size="small" label-width="100px" id="tOperatingLogSearchForm"
  28. :model="searchParams">
  29. <el-row :gutter="15">
  30. <el-col :span="8">
  31. <el-form-item label="操作日期">
  32. <el-date-picker v-model="searchParams.operTimeRange" type="daterange"
  33. range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
  34. value-format="yyyy-MM-dd">
  35. </el-date-picker>
  36. </el-form-item>
  37. </el-col>
  38. <el-col :span="8">
  39. <el-form-item label="操作人员账号">
  40. <el-input placeholder="请输入操作人员账号" v-model="searchParams.operPerAccount">
  41. </el-input>
  42. </el-form-item>
  43. </el-col>
  44. <el-col :span="8">
  45. <el-form-item label="操作模块">
  46. <el-input placeholder="请输入操作模块" v-model="searchParams.operModule">
  47. </el-input>
  48. </el-form-item>
  49. </el-col>
  50. </el-row>
  51. <el-row :gutter="15">
  52. <el-col :span="8">
  53. <el-form-item label="操作动作">
  54. <el-input placeholder="请输入操作动作" v-model="searchParams.operAction">
  55. </el-input>
  56. </el-form-item>
  57. </el-col>
  58. <el-col :span="8">
  59. <el-form-item label="URL">
  60. <el-input placeholder="请输入URL" v-model="searchParams.operUrl">
  61. </el-input>
  62. </el-form-item>
  63. </el-col>
  64. <el-col :span="8">
  65. <el-form-item label="合同编号">
  66. <el-input placeholder="请输入合同编号" v-model="searchParams.operContractCode">
  67. </el-input>
  68. </el-form-item>
  69. </el-col>
  70. </el-row>
  71. <el-row :gutter="15" >
  72. <el-col :span="8">
  73. <el-form-item label="采购申请号">
  74. <el-input placeholder="请输入采购申请号" v-model="searchParams.operPurchaseApplyCode">
  75. </el-input>
  76. </el-form-item>
  77. </el-col>
  78. <el-col :span="8">
  79. <el-form-item label="订单编号">
  80. <el-input placeholder="请输入订单编号" v-model="searchParams.operOrderCode">
  81. </el-input>
  82. </el-form-item>
  83. </el-col>
  84. </el-row>
  85. <el-row :gutter="15">
  86. <el-col :offset="16" :span="8">
  87. <el-form-item class="search-content-button-container">
  88. <el-button-group>
  89. <el-button type="primary" size="small" @click="refreshTable"
  90. icon="el-icon-search">查询
  91. </el-button>
  92. <el-button size="small" @click="resetSearchParam"
  93. icon="el-icon-refresh">重置
  94. </el-button>
  95. </el-button-group>
  96. </el-form-item>
  97. </el-col>
  98. </el-row>
  99. </el-form>
  100. </el-card>
  101. <el-card class="box-card" shadow="hover">
  102. <el-button-group v-if="editType !== 'view'">
  103. <el-button @click="addNewTOperatingLog" size="mini" icon="el-icon-plus">新增
  104. </el-button>
  105. <el-button @click="deleteSelectedTOperatingLog" type="danger" size="mini"
  106. icon="el-icon-delete">删除
  107. </el-button>
  108. <el-button @click="viewSelectedTOperatingLog" size="mini" icon="el-icon-tickets">查看
  109. </el-button>
  110. </el-button-group>
  111. <el-table size="medium" stripe border tooltip-effect="dark" v-loading="tOperatingLogTableLoading"
  112. style="width: 100%;margin-top: 15px;margin-bottom: 15px;" ref="tOperatingLogTable"
  113. :data="tOperatingLogTablePage.list" @row-click="handleRowClick"
  114. @sort-change="handleSortChange">
  115. <el-table-column type="selection" width="55"></el-table-column>
  116. <el-table-column prop="operTime" label="操作日期" sortable="custom" show-overflow-tooltip>
  117. </el-table-column>
  118. <el-table-column prop="operPerAccount" label="操作人员账号" sortable="custom" show-overflow-tooltip>
  119. </el-table-column>
  120. <el-table-column prop="operModule" label="操作模块" sortable="custom" show-overflow-tooltip>
  121. </el-table-column>
  122. <el-table-column prop="operAction" label="操作动作" sortable="custom" show-overflow-tooltip>
  123. </el-table-column>
  124. <el-table-column prop="operUrl" label="URL" sortable="custom" show-overflow-tooltip>
  125. </el-table-column>
  126. <el-table-column prop="operContractCode" label="合同编号" sortable="custom" show-overflow-tooltip>
  127. </el-table-column>
  128. <el-table-column prop="operPurchaseApplyCode" label="采购申请号" sortable="custom" show-overflow-tooltip>
  129. </el-table-column>
  130. <el-table-column prop="operOrderCode" label="订单编号" sortable="custom" show-overflow-tooltip>
  131. </el-table-column>
  132. <el-table-column prop="operRemark" label="备注" sortable="custom" show-overflow-tooltip>
  133. </el-table-column>
  134. <el-table-column label="操作" :min-width="100" v-if="editType !== 'view'">
  135. <template slot-scope="scope">
  136. <el-tooltip content="编辑" placement="top">
  137. <el-button size="mini" @click="tOperatingLogRecordEdit(scope)"
  138. icon="el-icon-edit"></el-button>
  139. </el-tooltip>
  140. <el-tooltip content="删除" placement="top">
  141. <el-button size="mini" type="danger" @click="tOperatingLogRecordRemove(scope)"
  142. icon="el-icon-delete">
  143. </el-button>
  144. </el-tooltip>
  145. </template>
  146. </el-table-column>
  147. </el-table>
  148. <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
  149. :total="tOperatingLogTablePage.count" @size-change="handleTableSizeChange"
  150. @current-change="handleTableCurrentChange" :page-sizes="[5, 10, 15, 20]"
  151. :page-size="searchParams.limit" background
  152. :pager-count="3" hide-on-single-page/>
  153. </el-card>
  154. </div>
  155. </div>
  156. </body>
  157. <!-- 本页面对应JS-->
  158. <script src="../../static/config.js"></script>
  159. <script src="../../static/js/common/tOperatingLogList.js"></script>
  160. </html>