modify_list-approval.vue 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <template>
  2. <div>
  3. <div>
  4. <el-page-header @back="goBack" content="审批"> </el-page-header>
  5. </div>
  6. <br />
  7. <br />
  8. <div>
  9. <el-form
  10. ref="screenForm"
  11. :model="detail"
  12. label-width="70px"
  13. size="small"
  14. label-position="left"
  15. >
  16. <el-row :gutter="20">
  17. <el-col :xs="24" :sm="12" :lg="6">
  18. <el-form-item label="单据编号" prop="billId">
  19. <el-input placeholder="请输入" v-model="detail.billId"></el-input>
  20. </el-form-item>
  21. </el-col>
  22. <el-col :xs="24" :sm="12" :lg="6">
  23. <el-form-item label="调价日期" prop="account">
  24. <el-date-picker
  25. v-model="value1"
  26. type="date"
  27. placeholder="选择日期"
  28. >
  29. </el-date-picker>
  30. </el-form-item>
  31. </el-col>
  32. <el-col :xs="24" :sm="12" :lg="6">
  33. <el-form-item label="调价部门" prop="account">
  34. <el-input placeholder="请输入"></el-input>
  35. </el-form-item>
  36. </el-col>
  37. <el-col :xs="24" :sm="12" :lg="6">
  38. <el-form-item label="调价业务员" prop="operatorName">
  39. <el-input
  40. placeholder="请输入"
  41. v-model="detail.operatorName"
  42. ></el-input>
  43. </el-form-item>
  44. </el-col>
  45. <el-col :xs="24" :sm="12" :lg="6">
  46. <el-form-item label="制单日期" prop="account">
  47. <el-date-picker
  48. v-model="value1"
  49. type="date"
  50. placeholder="选择日期"
  51. >
  52. </el-date-picker>
  53. </el-form-item>
  54. </el-col>
  55. <el-col :xs="24" :sm="12" :lg="6">
  56. <el-form-item label="销售类型" prop="account">
  57. <el-select placeholder="请选择活动区域">
  58. <el-option label="区域一" value="shanghai"></el-option>
  59. <el-option label="区域二" value="beijing"></el-option>
  60. </el-select>
  61. </el-form-item>
  62. </el-col>
  63. <el-col :xs="24" :sm="12" :lg="6">
  64. <el-form-item label="文件编码" prop="operatorName">
  65. <el-input
  66. placeholder="请输入"
  67. v-model="detail.operatorName"
  68. ></el-input>
  69. </el-form-item>
  70. </el-col>
  71. </el-row>
  72. <div class="mymain-container">
  73. <!-- 列表 -->
  74. <div class="table">
  75. <el-table
  76. :data="detail.items"
  77. element-loading-text="Loading"
  78. border
  79. fit
  80. highlight-current-row
  81. stripe
  82. >
  83. <el-table-column
  84. align="center"
  85. label="销售类型"
  86. prop="saleTypeId"
  87. min-width="160"
  88. show-overflow-tooltip
  89. ></el-table-column>
  90. <el-table-column
  91. align="center"
  92. label="存货编码"
  93. prop="billId"
  94. min-width="160"
  95. show-overflow-tooltip
  96. ></el-table-column>
  97. <el-table-column
  98. align="center"
  99. label="存货名称"
  100. prop="materialName"
  101. min-width="160"
  102. show-overflow-tooltip
  103. ></el-table-column>
  104. <el-table-column
  105. align="center"
  106. label="规格型号"
  107. prop="model"
  108. min-width="160"
  109. show-overflow-tooltip
  110. ></el-table-column>
  111. <el-table-column
  112. align="center"
  113. label="计量单位"
  114. prop="company"
  115. min-width="160"
  116. show-overflow-tooltip
  117. ></el-table-column>
  118. <el-table-column
  119. align="center"
  120. label="批发价"
  121. prop="batchPrice"
  122. min-width="160"
  123. show-overflow-tooltip
  124. ></el-table-column>
  125. <el-table-column
  126. align="center"
  127. label="零售价"
  128. prop="retailPrice"
  129. min-width="160"
  130. show-overflow-tooltip
  131. >
  132. </el-table-column>
  133. <el-table-column
  134. align="center"
  135. label="返利使用比例"
  136. prop="rebateUseRate"
  137. min-width="160"
  138. show-overflow-tooltip
  139. >
  140. </el-table-column>
  141. <el-table-column
  142. align="center"
  143. label="生效日期"
  144. prop="startDate"
  145. min-width="160"
  146. show-overflow-tooltip
  147. >
  148. </el-table-column>
  149. <el-table-column
  150. align="center"
  151. label="失效日期"
  152. prop="endDate"
  153. min-width="160"
  154. show-overflow-tooltip
  155. >
  156. </el-table-column>
  157. <el-table-column
  158. align="center"
  159. label="是否促销价"
  160. prop="isPromote"
  161. min-width="160"
  162. show-overflow-tooltip
  163. >
  164. <template slot-scope="scope">
  165. <el-tag type="success" v-if="scope.row.isPromote">是</el-tag>
  166. <el-tag type="danger" v-else>否</el-tag>
  167. </template>
  168. </el-table-column>
  169. <el-table-column
  170. align="center"
  171. label="数量"
  172. prop="qty"
  173. min-width="160"
  174. show-overflow-tooltip
  175. >
  176. </el-table-column>
  177. <el-table-column
  178. align="center"
  179. label="发布"
  180. prop="isPublish"
  181. min-width="160"
  182. show-overflow-tooltip
  183. >
  184. <template slot-scope="scope">
  185. <el-tag type="success" v-if="scope.row.isPublish">是</el-tag>
  186. <el-tag type="danger" v-else>否</el-tag>
  187. </template>
  188. </el-table-column>
  189. </el-table>
  190. </div>
  191. </div>
  192. <el-row>
  193. <el-col :xs="24" :sm="24" :lg="24">
  194. <h3>审批</h3>
  195. <hr />
  196. </el-col>
  197. </el-row>
  198. <div class="diy-table-1">
  199. <el-row :gutter="0">
  200. <el-col :xs="12" :sm="12" :lg="12" class="item">
  201. <div class="label">审批人</div>
  202. <div class="value">2022123233435342</div>
  203. </el-col>
  204. <el-col :xs="12" :sm="12" :lg="12" class="item">
  205. <div class="label">审批结果</div>
  206. <div class="value">
  207. <el-radio v-model="radio" label="0">通过</el-radio>
  208. <el-radio v-model="radio" label="1">驳回</el-radio>
  209. </div>
  210. </el-col>
  211. <el-col :xs="24" :sm="24" :lg="24" class="item">
  212. <div class="label">审批说明</div>
  213. <div class="value">2022123233435342</div>
  214. </el-col>
  215. </el-row>
  216. </div>
  217. <br />
  218. <div class="btn-group clearfix">
  219. <div class="fl">
  220. <el-button type="primary" size="small" @click="onSubmit"
  221. >提交审批</el-button
  222. >
  223. <el-button type="primary" size="small" @click="resetScreenForm"
  224. >重置</el-button
  225. >
  226. </div>
  227. </div>
  228. </el-form>
  229. </div>
  230. </div>
  231. </template>
  232. <script>
  233. import { getProductRriceConfirm } from "@/api/basic_data/material";
  234. import Mixin from "@/mixin/index";
  235. export default {
  236. // mixins: [Mixin],
  237. props: {
  238. detail: {
  239. type: Object,
  240. default: {},
  241. },
  242. },
  243. data() {
  244. return {
  245. radio: "",
  246. dataList: [
  247. {
  248. SalesType: "*一票机*",
  249. code: "23022051775",
  250. name: "夏之凉变频1",
  251. model: "KFR-26GW",
  252. company: "套",
  253. wholesale: "2999",
  254. retail: "2899",
  255. rebate: "0.8",
  256. effectiveDate: "2021-11-02",
  257. expiryDate: "2021-11-02",
  258. promotion: "否",
  259. number: "51",
  260. release: "是",
  261. },
  262. ],
  263. };
  264. },
  265. methods: {
  266. goBack() {
  267. console.log(this.$parent);
  268. this.$parent.show = 1;
  269. },
  270. onSubmit() {
  271. const params = {
  272. ...this.detail,
  273. // confirmResult:this.radio
  274. };
  275. getProductRriceConfirm(params).then((res) => {
  276. console.log(res);
  277. });
  278. },
  279. resetScreenForm() {
  280. this.detail = {};
  281. },
  282. },
  283. };
  284. </script>
  285. <style lang="scss" scoped>
  286. ::v-deep .el-date-editor--date {
  287. width: 100%;
  288. }
  289. ::v-deep .el-select {
  290. width: 100%;
  291. }
  292. </style>