contract.vue 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <template>
  2. <div class="stock">
  3. <el-form :inline="true" :model="dataForm" @keyup.enter.native="search()">
  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="search()">查询</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. search () {
  130. this.pageIndex = 1
  131. this.getDataList()
  132. },
  133. // 获取数据列表
  134. getDataList () {
  135. this.dataListLoading = true
  136. this.addOrUpdateVisible = false
  137. this.$http({
  138. url: this.$http.adornUrl('/biz-service/flow/cusContractReview/mySubmit'),
  139. method: 'get',
  140. params: this.$http.adornParams({
  141. 'current': this.pageIndex,
  142. 'size': this.pageSize,
  143. 'cusName': this.dataForm.cusName
  144. })
  145. }).then(({data}) => {
  146. if (data && data.code === '200') {
  147. this.dataList = data.data.records
  148. this.totalPage = Number(data.data.total)
  149. } else {
  150. this.dataList = []
  151. this.totalPage = 0
  152. }
  153. this.dataListLoading = false
  154. })
  155. },
  156. // 每页数
  157. sizeChangeHandle (val) {
  158. this.pageSize = val
  159. this.pageIndex = 1
  160. this.getDataList()
  161. },
  162. // 当前页
  163. currentChangeHandle (val) {
  164. this.pageIndex = val
  165. this.getDataList()
  166. },
  167. // 多选
  168. selectionChangeHandle (val) {
  169. this.dataListSelections = val
  170. },
  171. // 新增 / 修改
  172. addOrUpdateHandle (id, disable) {
  173. this.addOrUpdateVisible = true
  174. this.$nextTick(() => {
  175. this.$refs.addOrUpdate.init(id, disable)
  176. })
  177. }
  178. }
  179. }
  180. </script>
  181. <style scoped>
  182. </style>