You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

441 lines
28 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  1. <template>
  2. <section class="border padding">
  3. <el-row>
  4. <el-input v-model="filters.id" style="width: 20%;" placeholder="订单编号查询 输入 *字符* >10 <9 等" clearable title="支持>、<、 >=、<=、!=、*字符*、$IS NULL、$IN 1,2,3、$between 1,5等操作符"/>
  5. <el-input v-model="filters.name" style="width: 20%;" placeholder="订单名称查询 输入 *字符* >10 <9 等" clearable title="支持>、<、 >=、<=、!=、*字符*、$IS NULL、$IN 1,2,3、$between 1,5等操作符"/>
  6. <el-input v-model="filters.ousername" style="width: 20%;" placeholder="下单用户名称查询 输入 *字符* >10 <9 等" clearable title="支持>、<、 >=、<=、!=、*字符*、$IS NULL、$IN 1,2,3、$between 1,5等操作符"/>
  7. <mdp-select item-code="mo_order_status" v-model="filters.status" placeholder="订单状态"/>
  8. <el-button v-loading="load.list" :disabled="load.list==true" @click="searchTableDatas()" icon="el-icon-search" type="primary">查询</el-button>
  9. <span style="float:right;" v-if="currOpType=='mng'">
  10. <el-button :disabled="disabledJudge('addBtn') || !checkBtnQx('addBtn',menuDefId) " type="primary" @click="openForm({parentOpType:currOpType,subOpType:'add',formData:addForm,title:'新增'})" icon="el-icon-plus"/>
  11. <el-button :disabled="disabledJudge('delBtn') || !checkBtnQx('delBtn',menuDefId) || this.sels.length===0 || load.del==true" type="danger" v-loading="load.del" @click="batchDel" icon="el-icon-delete"/>
  12. </span>
  13. <span style="float:right;" v-else-if="currOpType=='select' && this.multiple==true">
  14. <el-button :disabled="disabledJudge('selectBtn') || this.sels.length===0" type="primary" @click="selectListConfirm" icon="el-icon-check"/>
  15. </span>
  16. </el-row>
  17. <el-row>
  18. <mdp-hi-query :column-configs="columnConfigs" v-model="hiQueryParams" @change="onHiQueryParamsChange"/>
  19. <el-button type="text" icon="el-icon-zoom-out" @click="searchReset()">重置查询</el-button>&nbsp;&nbsp;&nbsp;
  20. </el-row>
  21. <el-row>
  22. <!--列表 MoOrder mo_order-->
  23. <el-table :ref="refId+'Table'" :height="100" v-adaptive="{bottomOffset: bottomOffset}" :data="tableDatas" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
  24. <el-table-column type="selection" width="55" show-overflow-tooltip fixed="left" v-if="currOpType=='mng' || this.multiple==true"></el-table-column>
  25. <el-table-column sortable type="index" width="55" show-overflow-tooltip fixed="left"></el-table-column>
  26. <el-table-column prop="id" label="订单编号" min-width="120" show-overflow-tooltip fixed="left" col-type="String" v-if="showCol('id')"></el-table-column>
  27. <el-table-column prop="name" label="订单名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('name')">
  28. <template slot-scope="scope">
  29. <mdp-input show-style="tag" v-model="scope.row.name" :maxlength="255" @change="editSomeFields(editForm,'name',$event)" :disabled="disabledJudge('name')"/>
  30. </template>
  31. </el-table-column>
  32. <el-table-column prop="obranchId" label="下单机构号码" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('obranchId')">
  33. <template slot-scope="scope">
  34. <mdp-input show-style="tag" v-model="scope.row.obranchId" :maxlength="50" @change="editSomeFields(editForm,'obranchId',$event)" :disabled="disabledJudge('obranchId')"/>
  35. </template>
  36. </el-table-column>
  37. <el-table-column prop="ouserid" label="下单用户编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('ouserid')">
  38. <template slot-scope="scope">
  39. <mdp-input show-style="tag" v-model="scope.row.ouserid" :maxlength="50" @change="editSomeFields(editForm,'ouserid',$event)" :disabled="disabledJudge('ouserid')"/>
  40. </template>
  41. </el-table-column>
  42. <el-table-column prop="ousername" label="下单用户名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('ousername')">
  43. <template slot-scope="scope">
  44. <mdp-input show-style="tag" v-model="scope.row.ousername" :maxlength="255" @change="editSomeFields(editForm,'ousername',$event)" :disabled="disabledJudge('ousername')"/>
  45. </template>
  46. </el-table-column>
  47. <el-table-column prop="moFinalFee" label="模块合计总金额" min-width="120" show-overflow-tooltip col-type="BigDecimal" v-if="showCol('moFinalFee')">
  48. <template slot-scope="scope">
  49. <mdp-input show-style="tag" v-model="scope.row.moFinalFee" :maxlength="10" :disabled="disabledJudge('moFinalFee')"/>
  50. </template>
  51. </el-table-column>
  52. <el-table-column prop="status" label="订单状态" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('status')">
  53. <template slot-scope="scope">
  54. <mdp-select item-code="mo_order_status" show-style="tag" v-model="scope.row.status" :maxlength="1" @change="editSomeFields(editForm,'status',$event)" :disabled="disabledJudge('status')"/>
  55. </template>
  56. </el-table-column>
  57. <el-table-column prop="ooper" label="操作类型" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('ooper')">
  58. <template slot-scope="scope">
  59. <mdp-select item-code="mo_ooper" show-style="tag" v-model="scope.row.ooper" :maxlength="1" @change="editSomeFields(editForm,'ooper',$event)" :disabled="disabledJudge('ooper')"/>
  60. </template>
  61. </el-table-column>
  62. <el-table-column prop="ctime" label="创建时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('ctime')">
  63. <template slot-scope="scope">
  64. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.ctime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('ctime')"/>
  65. </template>
  66. </el-table-column>
  67. <el-table-column prop="payTime" label="付款时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('payTime')">
  68. <template slot-scope="scope">
  69. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.payTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('payTime')"/>
  70. </template>
  71. </el-table-column>
  72. <el-table-column prop="payCtime" label="付款确认时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('payCtime')">
  73. <template slot-scope="scope">
  74. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.payCtime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('payCtime')"/>
  75. </template>
  76. </el-table-column>
  77. <el-table-column prop="odisRate" label="折扣率" min-width="120" show-overflow-tooltip col-type="Integer" v-if="showCol('odisRate')">
  78. <template slot-scope="scope">
  79. <mdp-number show-style="tag" v-model="scope.row.odisRate" :precision="0" :disabled="disabledJudge('odisRate')"/>
  80. </template>
  81. </el-table-column>
  82. <el-table-column prop="ofinalFee" label="折后总价" min-width="120" show-overflow-tooltip col-type="BigDecimal" v-if="showCol('ofinalFee')">
  83. <template slot-scope="scope">
  84. <mdp-input show-style="tag" v-model="scope.row.ofinalFee" :maxlength="10" :disabled="disabledJudge('ofinalFee')"/>
  85. </template>
  86. </el-table-column>
  87. <el-table-column prop="othFee" label="其它费用" min-width="120" show-overflow-tooltip col-type="BigDecimal" v-if="showCol('othFee')">
  88. <template slot-scope="scope">
  89. <mdp-input show-style="tag" v-model="scope.row.othFee" :maxlength="10" :disabled="disabledJudge('othFee')"/>
  90. </template>
  91. </el-table-column>
  92. <el-table-column prop="ousers" label="购买人数" min-width="120" show-overflow-tooltip col-type="Integer" v-if="showCol('ousers')">
  93. <template slot-scope="scope">
  94. <mdp-number show-style="tag" v-model="scope.row.ousers" :precision="0" :disabled="disabledJudge('ousers')"/>
  95. </template>
  96. </el-table-column>
  97. <el-table-column prop="ocates" label="购买分类数" min-width="120" show-overflow-tooltip col-type="Integer" v-if="showCol('ocates')">
  98. <template slot-scope="scope">
  99. <mdp-number show-style="tag" v-model="scope.row.ocates" :precision="0" :disabled="disabledJudge('ocates')"/>
  100. </template>
  101. </el-table-column>
  102. <el-table-column prop="omodules" label="购买模块数" min-width="120" show-overflow-tooltip col-type="Integer" v-if="showCol('omodules')">
  103. <template slot-scope="scope">
  104. <mdp-number show-style="tag" v-model="scope.row.omodules" :precision="0" :disabled="disabledJudge('omodules')"/>
  105. </template>
  106. </el-table-column>
  107. <el-table-column prop="startTime" label="启用日期" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('startTime')">
  108. <template slot-scope="scope">
  109. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.startTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('startTime')"/>
  110. </template>
  111. </el-table-column>
  112. <el-table-column prop="endTime" label="结束日期" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('endTime')">
  113. <template slot-scope="scope">
  114. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.endTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('endTime')"/>
  115. </template>
  116. </el-table-column>
  117. <el-table-column prop="payType" label="支付方式" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('payType')">
  118. <template slot-scope="scope">
  119. <mdp-select item-code="tpAppPayType" show-style="tag" v-model="scope.row.payType" :maxlength="1" @change="editSomeFields(editForm,'payType',$event)" :disabled="disabledJudge('payType')"/>
  120. </template>
  121. </el-table-column>
  122. <el-table-column prop="payId" label="付款流水号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('payId')">
  123. <template slot-scope="scope">
  124. <mdp-input show-style="tag" v-model="scope.row.payId" :maxlength="50" @change="editSomeFields(editForm,'payId',$event)" :disabled="disabledJudge('payId')"/>
  125. </template>
  126. </el-table-column>
  127. <el-table-column prop="prepayId" label="预下单付款订单号(第三方返回)" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('prepayId')">
  128. <template slot-scope="scope">
  129. <mdp-input show-style="tag" v-model="scope.row.prepayId" :maxlength="50" @change="editSomeFields(editForm,'prepayId',$event)" :disabled="disabledJudge('prepayId')"/>
  130. </template>
  131. </el-table-column>
  132. <el-table-column prop="topenId" label="第三方账号编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('topenId')">
  133. <template slot-scope="scope">
  134. <mdp-input show-style="tag" v-model="scope.row.topenId" :maxlength="50" @change="editSomeFields(editForm,'topenId',$event)" :disabled="disabledJudge('topenId')"/>
  135. </template>
  136. </el-table-column>
  137. <el-table-column prop="pbankId" label="收款银行编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('pbankId')">
  138. <template slot-scope="scope">
  139. <mdp-input show-style="tag" v-model="scope.row.pbankId" :maxlength="50" @change="editSomeFields(editForm,'pbankId',$event)" :disabled="disabledJudge('pbankId')"/>
  140. </template>
  141. </el-table-column>
  142. <el-table-column prop="pbankName" label="收款银行名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('pbankName')">
  143. <template slot-scope="scope">
  144. <mdp-input show-style="tag" v-model="scope.row.pbankName" :maxlength="255" @change="editSomeFields(editForm,'pbankName',$event)" :disabled="disabledJudge('pbankName')"/>
  145. </template>
  146. </el-table-column>
  147. <el-table-column prop="pbankCardNo" label="收款银行卡号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('pbankCardNo')">
  148. <template slot-scope="scope">
  149. <mdp-input show-style="tag" v-model="scope.row.pbankCardNo" :maxlength="50" @change="editSomeFields(editForm,'pbankCardNo',$event)" :disabled="disabledJudge('pbankCardNo')"/>
  150. </template>
  151. </el-table-column>
  152. <el-table-column prop="pbankUsername" label="收款账户姓名" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('pbankUsername')">
  153. <template slot-scope="scope">
  154. <mdp-input show-style="tag" v-model="scope.row.pbankUsername" :maxlength="255" @change="editSomeFields(editForm,'pbankUsername',$event)" :disabled="disabledJudge('pbankUsername')"/>
  155. </template>
  156. </el-table-column>
  157. <el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('remark')">
  158. <template slot-scope="scope">
  159. <mdp-input show-style="tag" v-model="scope.row.remark" :maxlength="255" @change="editSomeFields(editForm,'remark',$event)" :disabled="disabledJudge('remark')"/>
  160. </template>
  161. </el-table-column>
  162. <el-table-column prop="finishTime" label="完成时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('finishTime')">
  163. <template slot-scope="scope">
  164. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.finishTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('finishTime')"/>
  165. </template>
  166. </el-table-column>
  167. <el-table-column prop="closeTime" label="关闭时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('closeTime')">
  168. <template slot-scope="scope">
  169. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.closeTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('closeTime')"/>
  170. </template>
  171. </el-table-column>
  172. <el-table-column prop="sstatus" label="结算状态" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('sstatus')">
  173. <template slot-scope="scope">
  174. <mdp-select item-code="mo_set_status" show-style="tag" v-model="scope.row.sstatus" :maxlength="1" @change="editSomeFields(editForm,'sstatus',$event)" :disabled="disabledJudge('sstatus')"/>
  175. </template>
  176. </el-table-column>
  177. <el-table-column prop="setTime" label="结算时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('setTime')">
  178. <template slot-scope="scope">
  179. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.setTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('setTime')"/>
  180. </template>
  181. </el-table-column>
  182. <el-table-column prop="odays" label="购买天数" min-width="120" show-overflow-tooltip col-type="Integer" v-if="showCol('odays')">
  183. <template slot-scope="scope">
  184. <mdp-number show-style="tag" v-model="scope.row.odays" :precision="0" :disabled="disabledJudge('odays')"/>
  185. </template>
  186. </el-table-column>
  187. <el-table-column prop="otype" label="订单类型" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('otype')">
  188. <template slot-scope="scope">
  189. <mdp-input show-style="tag" v-model="scope.row.otype" :maxlength="1" @change="editSomeFields(editForm,'otype',$event)" :disabled="disabledJudge('otype')"/>
  190. </template>
  191. </el-table-column>
  192. <el-table-column prop="osource" label="订单来源" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('osource')">
  193. <template slot-scope="scope">
  194. <mdp-select item-code="osource" show-style="tag" v-model="scope.row.osource" :maxlength="1" @change="editSomeFields(editForm,'osource',$event)" :disabled="disabledJudge('osource')"/>
  195. </template>
  196. </el-table-column>
  197. <el-table-column prop="memType" label="客户类型" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('memType')">
  198. <template slot-scope="scope">
  199. <mdp-input show-style="tag" v-model="scope.row.memType" :maxlength="1" @change="editSomeFields(editForm,'memType',$event)" :disabled="disabledJudge('memType')"/>
  200. </template>
  201. </el-table-column>
  202. <el-table-column prop="atype" label="账户类型" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('atype')">
  203. <template slot-scope="scope">
  204. <mdp-input show-style="tag" v-model="scope.row.atype" :maxlength="1" @change="editSomeFields(editForm,'atype',$event)" :disabled="disabledJudge('atype')"/>
  205. </template>
  206. </el-table-column>
  207. <el-table-column prop="saleUserid" label="销售经理编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('saleUserid')">
  208. <template slot-scope="scope">
  209. <mdp-input show-style="tag" v-model="scope.row.saleUserid" :maxlength="50" @change="editSomeFields(editForm,'saleUserid',$event)" :disabled="disabledJudge('saleUserid')"/>
  210. </template>
  211. </el-table-column>
  212. <el-table-column prop="saleUsername" label="销售经理名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('saleUsername')">
  213. <template slot-scope="scope">
  214. <mdp-input show-style="tag" v-model="scope.row.saleUsername" :maxlength="255" @change="editSomeFields(editForm,'saleUsername',$event)" :disabled="disabledJudge('saleUsername')"/>
  215. </template>
  216. </el-table-column>
  217. <el-table-column prop="custPhone" label="客户联系电话" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('custPhone')">
  218. <template slot-scope="scope">
  219. <mdp-input show-style="tag" v-model="scope.row.custPhone" :maxlength="50" @change="editSomeFields(editForm,'custPhone',$event)" :disabled="disabledJudge('custPhone')"/>
  220. </template>
  221. </el-table-column>
  222. <el-table-column prop="custAddress" label="客户联系地址" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('custAddress')">
  223. <template slot-scope="scope">
  224. <mdp-input show-style="tag" v-model="scope.row.custAddress" :maxlength="255" @change="editSomeFields(editForm,'custAddress',$event)" :disabled="disabledJudge('custAddress')"/>
  225. </template>
  226. </el-table-column>
  227. <el-table-column prop="payAt" label="最终付款金额" min-width="120" show-overflow-tooltip col-type="BigDecimal" v-if="showCol('payAt')">
  228. <template slot-scope="scope">
  229. <mdp-input show-style="tag" v-model="scope.row.payAt" :maxlength="20" :disabled="disabledJudge('payAt')"/>
  230. </template>
  231. </el-table-column>
  232. <el-table-column prop="obranchName" label="下单机构名称" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('obranchName')">
  233. <template slot-scope="scope">
  234. <mdp-input show-style="tag" v-model="scope.row.obranchName" :maxlength="255" @change="editSomeFields(editForm,'obranchName',$event)" :disabled="disabledJudge('obranchName')"/>
  235. </template>
  236. </el-table-column>
  237. <el-table-column prop="tranId" label="第三方付款事务号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('tranId')">
  238. <template slot-scope="scope">
  239. <mdp-input show-style="tag" v-model="scope.row.tranId" :maxlength="50" @change="editSomeFields(editForm,'tranId',$event)" :disabled="disabledJudge('tranId')"/>
  240. </template>
  241. </el-table-column>
  242. <el-table-column prop="invoice" label="是否已开票" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('invoice')">
  243. <template slot-scope="scope">
  244. <mdp-input show-style="tag" v-model="scope.row.invoice" :maxlength="1" @change="editSomeFields(editForm,'invoice',$event)" :disabled="disabledJudge('invoice')"/>
  245. </template>
  246. </el-table-column>
  247. <el-table-column prop="invoiceTime" label="开票时间" min-width="120" show-overflow-tooltip col-type="Date" v-if="showCol('invoiceTime')">
  248. <template slot-scope="scope">
  249. <mdp-date type="date" placeholder="选择日期" show-style="tag" v-model="scope.row.invoiceTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('invoiceTime')"/>
  250. </template>
  251. </el-table-column>
  252. <el-table-column prop="invoiceId" label="发票编号" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('invoiceId')">
  253. <template slot-scope="scope">
  254. <mdp-input show-style="tag" v-model="scope.row.invoiceId" :maxlength="50" @change="editSomeFields(editForm,'invoiceId',$event)" :disabled="disabledJudge('invoiceId')"/>
  255. </template>
  256. </el-table-column>
  257. <el-table-column prop="moOrginFee" label="原始总价" min-width="120" show-overflow-tooltip col-type="BigDecimal" v-if="showCol('moOrginFee')">
  258. <template slot-scope="scope">
  259. <mdp-input show-style="tag" v-model="scope.row.moOrginFee" :maxlength="10" :disabled="disabledJudge('moOrginFee')"/>
  260. </template>
  261. </el-table-column>
  262. <el-table-column prop="poid" label="上级订单" min-width="120" show-overflow-tooltip col-type="String" v-if="showCol('poid')">
  263. <template slot-scope="scope">
  264. <mdp-input show-style="tag" v-model="scope.row.poid" :maxlength="50" @change="editSomeFields(editForm,'poid',$event)" :disabled="disabledJudge('poid')"/>
  265. </template>
  266. </el-table-column>
  267. <el-table-column label="操作" :width="currOpType=='mng'?180:180" fixed="right">
  268. <template slot="header" slot-scope="scope">
  269. <el-button icon="el-icon-download" @click="export2Excel()">导出</el-button>
  270. <mdp-table-configs :column-configs="columnConfigs" v-model="checkedColumns"/>
  271. </template>
  272. <template scope="scope" v-if="currOpType=='mng'" >
  273. <el-button :disabled="disabledJudge('editBtn') || !checkBtnQx('editBtn',menuDefId) " type="primary" @click="openForm({parentOpType:currOpType,subOpType:'edit',formData:scope.row,title:'修改'})" icon="el-icon-edit" title="修改一条数据"/>
  274. <el-button :disabled="disabledJudge('delBtn') || !checkBtnQx('delBtn',menuDefId) " type="danger" @click="handleDel(scope.row,scope.$index)" icon="el-icon-delete" title="删除一条数据"/>
  275. </template>
  276. <template scope="scope" v-else-if="currOpType=='list'" >
  277. <el-button type="primary" @click="openForm({parentOpType:currOpType,subOpType:'detail',formData:scope.row})" icon="el-icon-view"/>
  278. </template>
  279. <template scope="scope" v-else-if="currOpType=='select' && this.multiple!=true" >
  280. <el-button type="primary" @click="selectConfirm(scope.row)" icon="el-icon-check"/>
  281. </template>
  282. </el-table-column>
  283. </el-table>
  284. </el-row>
  285. <el-row>
  286. <el-pagination
  287. layout="slot,total, sizes, prev, next,pager,jumper"
  288. @current-change="handleCurrentChange"
  289. @size-change="handleSizeChange"
  290. :page-sizes="[10,20, 50, 100, 500]"
  291. :current-page="pageInfo.pageNum"
  292. :page-size="pageInfo.pageSize"
  293. :total="pageInfo.total"
  294. style="float:right;"
  295. >
  296. </el-pagination>
  297. </el-row>
  298. <el-row>
  299. <!--新增修改明细 MoOrder mo_order界面-->
  300. <mdp-dialog :ref="refId+'FormDialog'">
  301. <template v-slot="{visible,data,dialog}">
  302. <mo-order-form :ref="refId+'Form'" :visible="visible" :parent-op-type="currOpType" :sub-op-type="data.subOpType" :form-data="data.formData" @close="onFormClose" @submit="afterFormSubmit" @fields-change="afterEditSomeFields"/>
  303. </template>
  304. </mdp-dialog>
  305. </el-row>
  306. </section>
  307. </template>
  308. <script>
  309. import util from '@/components/mdp-ui/js/util';//全局公共库
  310. import { MdpTableMixin } from '@/components/mdp-ui/mixin/MdpTableMixin.js';
  311. import config from '@/api/mdp_pub/mdp_config';//全局公共库
  312. import * as MoOrderApi from '@/api/mdp/mo/moOrder';
  313. import MoOrderForm from './Form';//新增修改明细界面
  314. import { mapGetters } from 'vuex'
  315. export default {
  316. name:'moOrderMng',
  317. mixins:[MdpTableMixin],
  318. components: {
  319. MoOrderForm,
  320. },
  321. props:{
  322. isMyBranch:{
  323. type:Boolean,
  324. default:false,
  325. }
  326. },
  327. computed: {
  328. },
  329. watch:{
  330. },
  331. data() {
  332. return {
  333. menuDefId:'',//menu_def.id 菜单表菜单编号,用于按钮权限判断
  334. menuDefName:'mo_order',//menu_def.name 功能名称,用于导出excel等文件名
  335. refId:'moOrder',//引用编号,<table :ref="refId+'Table'"> <form :ref="refId+'Form'">
  336. pkNames:["id"],//表格主键的java属性名称,驼峰命名,默认为id,支持多主键
  337. currOpType:'mng',//表格 mng-综合管理具有最大权限,所有按钮可动、detail-只看不能操作
  338. filters:{//查询参数
  339. },
  340. defaultFilters:{//默认查询参数,第一次打开界面的时候用到,恢复默认值的时候用到
  341. },
  342. defaultCheckColumnNum:15,//默认展示的表格列数,前8列
  343. //增删改查(含批量)接口
  344. apis:{
  345. list: MoOrderApi.listMoOrder,
  346. add: MoOrderApi.addMoOrder,
  347. del: MoOrderApi.delMoOrder,
  348. edit: MoOrderApi.editMoOrder,
  349. editSomeFields: MoOrderApi.editSomeFieldsMoOrder,
  350. batchAdd: MoOrderApi.batchAddMoOrder,
  351. batchDel: MoOrderApi.batchDelMoOrder,
  352. batchEdit: MoOrderApi.batchEditMoOrder,
  353. }
  354. }
  355. },
  356. methods: {
  357. //页面初始化需要配置的特殊逻辑写这里
  358. initCurrData(){
  359. this.searchTableDatas();
  360. },
  361. /**
  362. * 检查参数是否满足调用后台接口的条件
  363. *
  364. * @param params 提交给后台的参数池,map类型
  365. * @returns true / false
  366. */
  367. preQueryParamCheck(params){
  368. if(this.isMyBranch){
  369. params.branchId=this.userInfo.branchId
  370. }
  371. return true;
  372. },
  373. //页面数据加载完后需要对数据进行加工处理的
  374. afterList(res,isOk,apiName){
  375. },
  376. /**
  377. * 对修改的字段进行判断返回false ,将取消更新数据库
  378. * @param {*} row 当前选中的行
  379. * @param {*} fieldName 修改的字段名
  380. * @param {*} $event 修改后的值
  381. * @param {*} params 将要提交服务器的参数
  382. * @returns true/false 返回false ,将取消更新数据库
  383. */
  384. editSomeFieldsCheck(row,fieldName,$event,params){
  385. if(this.currOpType=='add'||this.currOpType=='detail'){
  386. return false;
  387. }
  388. params[fieldName]=$event
  389. return true;
  390. },
  391. /**
  392. * 设置某个关键词按钮输入框禁用 disabledRules['addBtn']=false
  393. * 判断某个对象是否可编辑 this.disabledJudge('addBtn')==false
  394. */
  395. disabledRulesInit(disabledRules){
  396. },
  397. /**
  398. * 打开某个子页面
  399. */
  400. openForm(res){
  401. let {parentOpType,formRefId,subOpType,formData} = res
  402. if(!formRefId){
  403. formRefId=this.getRefId()+"FormDialog"
  404. }
  405. if(!parentOpType){
  406. parentOpType=this.currOpType
  407. }
  408. var form=this.$refs[formRefId]
  409. if(form){
  410. res.parentOpType=parentOpType
  411. res.formRefId=formRefId
  412. form.open(res);
  413. }else{
  414. }
  415. },
  416. },
  417. mounted() {
  418. }
  419. }
  420. </script>
  421. <style scoped>
  422. </style>