index.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <template>
  2. <div class="app-container">
  3. <el-form
  4. :model="queryParams"
  5. ref="queryForm"
  6. :inline="true"
  7. label-width="88px"
  8. >
  9. <el-row>
  10. <el-form-item label="日期" prop="fBsdate">
  11. <el-input
  12. v-model="queryParams.fBsdate"
  13. placeholder="请输入日期"
  14. clearable
  15. size="small"
  16. />
  17. </el-form-item>
  18. <el-form-item label="提单号" prop="fMblno">
  19. <el-input
  20. v-model="queryParams.fMblno"
  21. placeholder="请输入提单号"
  22. clearable
  23. size="small"
  24. />
  25. </el-form-item>
  26. <el-form-item label="制单人" prop="createBy">
  27. <el-input
  28. v-model="queryParams.createBy"
  29. placeholder="请输入制单人"
  30. clearable
  31. size="small"
  32. />
  33. </el-form-item>
  34. <el-form-item>
  35. <el-button
  36. type="cyan"
  37. icon="el-icon-search"
  38. size="mini"
  39. @click="handleQuery"
  40. >搜索</el-button
  41. >
  42. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
  43. >重置</el-button
  44. >
  45. </el-form-item>
  46. </el-row>
  47. </el-form>
  48. <el-row :gutter="10" class="mb8">
  49. <el-col :span="1.5">
  50. <el-button
  51. type="primary"
  52. icon="el-icon-plus"
  53. size="mini"
  54. @click="handleAdd()"
  55. v-hasPermi="['agreement:agreementTask:add']"
  56. >新增
  57. </el-button>
  58. </el-col>
  59. <!-- <el-col :span="1.5">-->
  60. <!-- <el-button-->
  61. <!-- type="success"-->
  62. <!-- icon="el-icon-edit"-->
  63. <!-- size="mini"-->
  64. <!-- :disabled="single"-->
  65. <!-- @click="handleUpdate"-->
  66. <!-- v-hasPermi="['agreement:agreementTask:edit']"-->
  67. <!-- >修改-->
  68. <!-- </el-button>-->
  69. <!-- </el-col>-->
  70. <!-- <el-col :span="1.5">-->
  71. <!-- <el-button-->
  72. <!-- type="danger"-->
  73. <!-- icon="el-icon-delete"-->
  74. <!-- size="mini"-->
  75. <!-- :disabled="multiple"-->
  76. <!-- @click="handleDelete"-->
  77. <!-- v-hasPermi="['agreement:agreementTask:remove']"-->
  78. <!-- >删除-->
  79. <!-- </el-button>-->
  80. <!-- </el-col>-->
  81. <el-col :span="1.5">
  82. <el-button
  83. type="warning"
  84. icon="el-icon-download"
  85. size="mini"
  86. @click="handleExport"
  87. v-hasPermi="['agreement:agreementTask:export']"
  88. >导出
  89. </el-button>
  90. </el-col>
  91. <el-col :span="1.5">
  92. <el-button
  93. type="info"
  94. icon="el-icon-download"
  95. size="mini"
  96. :disabled="single"
  97. @click="handleUpdate(null, 2)"
  98. v-hasPermi="['agreement:agreementStorage:export']"
  99. >复制新增
  100. </el-button>
  101. </el-col>
  102. <right-toolbar
  103. :showSearch.sync="showSearch"
  104. @queryTable="getList"
  105. ></right-toolbar>
  106. </el-row>
  107. <el-table
  108. v-loading="loading"
  109. :data="agreementList"
  110. @selection-change="handleSelectionChange"
  111. >
  112. <el-table-column type="selection" width="55" align="center" />
  113. <el-table-column type="index" label="行号" align="center" fixed />
  114. <el-table-column
  115. label="日期"
  116. sortable
  117. align="center"
  118. prop="fBsdate"
  119. fixed
  120. show-overflow-tooltip
  121. />
  122. <el-table-column
  123. label="提单号"
  124. sortable
  125. align="center"
  126. prop="fMblno"
  127. fixed
  128. show-overflow-tooltip
  129. />
  130. <el-table-column
  131. label="制单人"
  132. sortable
  133. align="center"
  134. prop="createBy"
  135. fixed
  136. show-overflow-tooltip
  137. />
  138. <el-table-column
  139. label="操作"
  140. align="center"
  141. class-name="small-padding fixed-width"
  142. >
  143. <template slot-scope="scope">
  144. <el-button
  145. size="mini"
  146. type="text"
  147. icon="el-icon-view"
  148. @click="speed_s(scope.row, 0)"
  149. v-hasPermi="['agreement:agreementTask:remove']"
  150. >查看
  151. </el-button>
  152. <el-button
  153. size="mini"
  154. type="text"
  155. icon="el-icon-edit"
  156. @click="handleUpdate(scope.row)"
  157. v-if="scope.row.fBillstatus <= 3"
  158. v-hasPermi="['agreement:agreementTask:edit']"
  159. >修改
  160. </el-button>
  161. <el-button
  162. size="mini"
  163. type="text"
  164. icon="el-icon-delete"
  165. @click="handleDelete(scope.row)"
  166. v-if="scope.row.fBillstatus <= 3"
  167. v-hasPermi="['agreement:agreementTask:remove']"
  168. >删除
  169. </el-button>
  170. </template>
  171. </el-table-column>
  172. </el-table>
  173. </div>
  174. </template>
  175. <script>
  176. export default {
  177. name: 'jiGang',
  178. data(){
  179. return {
  180. queryParams:[]
  181. }
  182. }
  183. }
  184. </script>
  185. <style scoped>
  186. </style>