contract.vue 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <template>
  2. <div class="stock">
  3. <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
  4. <el-form-item label="名称">
  5. <el-input v-model="dataForm.cusName" placeholder="客户名称" clearable/>
  6. </el-form-item>
  7. <el-form-item>
  8. <el-button @click="getDataList()">查询</el-button>
  9. <el-button type="primary" @click="addOrUpdateHandle(0, false)">发起评审</el-button>
  10. </el-form-item>
  11. </el-form>
  12. <el-table
  13. :data="dataList"
  14. border
  15. v-loading="dataListLoading"
  16. style="width: 100%;">
  17. <el-table-column
  18. label="序号"
  19. type="index"
  20. width="50"
  21. align="center">
  22. </el-table-column>
  23. <el-table-column
  24. prop="reCode"
  25. header-align="center"
  26. align="center"
  27. label="评审编码">
  28. </el-table-column>
  29. <el-table-column
  30. prop="coCode"
  31. header-align="center"
  32. align="center"
  33. label="沟通编码">
  34. </el-table-column>
  35. <el-table-column
  36. prop="cusName"
  37. header-align="center"
  38. align="center"
  39. label="客户名称">
  40. </el-table-column>
  41. <el-table-column
  42. prop="approverList"
  43. header-align="center"
  44. align="center"
  45. label="联系人">
  46. </el-table-column>
  47. <el-table-column
  48. prop="bizManagerName"
  49. header-align="center"
  50. align="center"
  51. label="对接业务员">
  52. </el-table-column>
  53. <el-table-column
  54. prop="reType"
  55. header-align="center"
  56. align="center"
  57. label="类别">
  58. </el-table-column>
  59. <el-table-column
  60. prop="createTime"
  61. header-align="center"
  62. align="center"
  63. label="创建时间">
  64. </el-table-column>
  65. <el-table-column
  66. prop="notes"
  67. header-align="center"
  68. align="center"
  69. label="备注">
  70. </el-table-column>
  71. <el-table-column
  72. prop="-"
  73. header-align="center"
  74. align="center"
  75. label="附件">
  76. </el-table-column>
  77. <el-table-column
  78. fixed="right"
  79. header-align="center"
  80. align="center"
  81. width="150"
  82. label="操作">
  83. <template slot-scope="scope">
  84. <el-button type="text" size="small" @click="details(scope.row.reId, true)">查看</el-button>
  85. <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.reId, false)">编辑</el-button>
  86. </template>
  87. </el-table-column>
  88. </el-table>
  89. <el-pagination
  90. @size-change="sizeChangeHandle"
  91. @current-change="currentChangeHandle"
  92. :current-page="pageIndex"
  93. :page-sizes="[10, 20, 50, 100]"
  94. :page-size="pageSize"
  95. :total="totalPage"
  96. layout="total, sizes, prev, pager, next, jumper">
  97. </el-pagination>
  98. <!-- 弹窗, 新增 / 修改 -->
  99. <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
  100. </div>
  101. </template>
  102. <script>
  103. import AddOrUpdate from './contract-add-or-update'
  104. export default {
  105. name: 'contract',
  106. components: {
  107. AddOrUpdate
  108. },
  109. data () {
  110. return {
  111. addOrUpdateVisible: false,
  112. dataForm: {
  113. cusName: ''
  114. },
  115. options: [],
  116. dataList: [],
  117. pageIndex: 1,
  118. pageSize: 10,
  119. totalPage: 0,
  120. dataListLoading: false,
  121. dataListSelections: []
  122. }
  123. },
  124. created () {
  125. this.getDataList()
  126. },
  127. methods: {
  128. // 获取数据列表
  129. getDataList () {
  130. this.dataListLoading = true
  131. this.addOrUpdateVisible = false
  132. this.$http({
  133. url: this.$http.adornUrl('/biz-service/flow/cusContractReview/mySubmit'),
  134. method: 'get',
  135. params: this.$http.adornParams({
  136. 'current': this.pageIndex,
  137. 'size': this.pageSize,
  138. 'cusName': this.dataForm.cusName
  139. })
  140. }).then(({data}) => {
  141. if (data && data.code === '200') {
  142. this.dataList = data.data.records
  143. this.totalPage = Number(data.data.total)
  144. } else {
  145. this.dataList = []
  146. this.totalPage = 0
  147. }
  148. this.dataListLoading = false
  149. })
  150. },
  151. // 每页数
  152. sizeChangeHandle (val) {
  153. this.pageSize = val
  154. this.pageIndex = 1
  155. this.getDataList()
  156. },
  157. // 当前页
  158. currentChangeHandle (val) {
  159. this.pageIndex = val
  160. this.getDataList()
  161. },
  162. // 多选
  163. selectionChangeHandle (val) {
  164. this.dataListSelections = val
  165. },
  166. // 新增 / 修改
  167. addOrUpdateHandle (id, disable) {
  168. this.addOrUpdateVisible = true
  169. this.$nextTick(() => {
  170. this.$refs.addOrUpdate.init(id, disable)
  171. })
  172. }
  173. }
  174. }
  175. </script>
  176. <style scoped>
  177. </style>