subject-setting.vue 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. <template>
  2. <basic-container>
  3. <avue-crud
  4. v-model="form"
  5. :option="option"
  6. :data="data"
  7. :table-loading="loading"
  8. ref="crud"
  9. @search-change="searchChange"
  10. @search-reset="searchReset"
  11. @row-save="rowSave"
  12. @row-update="rowUpdate"
  13. @row-del="rowDel"
  14. >
  15. <template slot="icon" slot-scope="scope">
  16. <i :class="scope.row.icon" style="font-size: 24px"></i>
  17. </template>
  18. <template slot="menu" slot-scope="{ row, size, type }">
  19. <el-button v-if="row.level !== 4" :size="size" :type="type" @click="handleAdd(row)">
  20. 新增子级
  21. </el-button>
  22. </template>
  23. </avue-crud>
  24. </basic-container>
  25. </template>
  26. <script>
  27. import { getList, add, update, remove } from "@/api/basicResource/subjectSetting";
  28. export default {
  29. data() {
  30. return {
  31. loading: false,
  32. parentId: undefined,
  33. form: {},
  34. data: [],
  35. option: {
  36. height: "auto",
  37. calcHeight: 30,
  38. tip: false,
  39. searchShow: true,
  40. searchMenuSpan: 6,
  41. index: true,
  42. border: true,
  43. searchLabelWidth: 140,
  44. labelWidth: 160,
  45. menuWidth: 220,
  46. dialogClickModal: false,
  47. dialogWidth: 500,
  48. dialogType: "drawer",
  49. rowKey: "id",
  50. rowParentKey: "parentId",
  51. defaultExpandAll: true,
  52. tree: true,
  53. column: [
  54. {
  55. label: "上级科目",
  56. prop: "parentId",
  57. type: "tree",
  58. dicData: [],
  59. span: 24,
  60. hide: true,
  61. addDisabled: false,
  62. props: {
  63. value: "id",
  64. label: "name"
  65. },
  66. rules: [
  67. {
  68. required: false,
  69. message: "请选择上级菜单",
  70. trigger: "click"
  71. }
  72. ]
  73. },
  74. {
  75. label: "科目名称",
  76. prop: "name",
  77. type: "input",
  78. span: 24,
  79. minWidth: 160,
  80. search: true,
  81. showOverflowTooltip: true,
  82. rules: [
  83. {
  84. required: true,
  85. message: "请输入科目名称",
  86. trigger: "blur",
  87. },
  88. ],
  89. },
  90. {
  91. label: "科目代码",
  92. prop: "code",
  93. type: "input",
  94. span: 24,
  95. search: true,
  96. width: 120,
  97. align: 'center',
  98. showOverflowTooltip: true,
  99. rules: [
  100. {
  101. required: true,
  102. message: "请输入科目代码",
  103. trigger: "blur",
  104. },
  105. ],
  106. },
  107. {
  108. label: "会计科目",
  109. prop: "accSubject",
  110. type: "textarea",
  111. span: 24,
  112. minWidth: 160,
  113. display: false,
  114. showOverflowTooltip: true,
  115. },
  116. {
  117. label: "高新研发费用科目",
  118. prop: "rdSubject",
  119. type: "textarea",
  120. span: 24,
  121. minWidth: 160,
  122. display: false,
  123. showOverflowTooltip: true,
  124. },
  125. {
  126. label: "高新研发费用科目",
  127. prop: "rdSubjectEnable",
  128. type: "radio",
  129. dicData:[{
  130. label: '是',
  131. value: 1
  132. },{
  133. label: '否',
  134. value: 0
  135. }],
  136. hide: true,
  137. span: 24,
  138. showOverflowTooltip: true,
  139. },
  140. {
  141. label: "加计扣除研发费用科目",
  142. prop: "adSubjectEnable",
  143. type: "radio",
  144. dicData:[{
  145. label: '是',
  146. value: 1
  147. },{
  148. label: '否',
  149. value: 0
  150. }],
  151. hide: true,
  152. span: 24,
  153. showOverflowTooltip: true,
  154. },
  155. {
  156. label: "加计扣除研发费用科目",
  157. prop: "adSubject",
  158. type: "textarea",
  159. span: 24,
  160. minWidth: 160,
  161. display: false,
  162. showOverflowTooltip: true,
  163. },
  164. {
  165. label: "辅助核算",
  166. prop: "fzhs",
  167. span: 24,
  168. width: 100,
  169. display: false,
  170. showOverflowTooltip: true,
  171. },
  172. ],
  173. },
  174. };
  175. },
  176. mounted() {
  177. this.loadData();
  178. this.getMenuData();
  179. },
  180. methods: {
  181. loopData(data, level, maxLevel) {
  182. level++;
  183. return data.map(item => {
  184. item.level = level;
  185. item.disabled = level === 4 ? true : false;
  186. item.hasChildren = item.children && item.children.length ? false : true;
  187. if (item.level === 4) {
  188. item.rdSubject = item.rdSubjectEnable === 1 ? item.accSubject : '';
  189. item.adSubject = item.adSubjectEnable === 1 ? item.accSubject : '';
  190. }
  191. if (maxLevel) {
  192. if (level >= maxLevel) {
  193. delete item.children;
  194. } else {
  195. this.loopData(item.children || [], level, maxLevel);
  196. }
  197. } else {
  198. this.loopData(item.children || [], level);
  199. }
  200. return item;
  201. });
  202. },
  203. getMenuData() {
  204. getList().then(res => {
  205. this.loading = false;
  206. if (res.data.code == 200) {
  207. const column = this.findObject(this.option.column, "parentId");
  208. column.dicData = this.loopData(JSON.parse(JSON.stringify(res.data.data)), 0, 3);
  209. }
  210. })
  211. },
  212. loadData(params) {
  213. this.loading = true;
  214. getList(params).then(res => {
  215. this.loading = false;
  216. if (res.data.code == 200) {
  217. this.data = this.loopData(res.data.data, 0);
  218. }
  219. })
  220. },
  221. searchReset() {
  222. this.query = {};
  223. this.parentId = 0;
  224. this.loadData();
  225. },
  226. searchChange(params, done) {
  227. this.query = params;
  228. this.parentId = '';
  229. this.loadData(params);
  230. done();
  231. },
  232. rowDel(row, index, done) {
  233. this.$confirm('确定将选择数据删除?', '提示', {
  234. confirmButtonText: '确定',
  235. cancelButtonText: '取消',
  236. type: 'warning'
  237. }).then(() => {
  238. remove(row.id).then(({ data }) => {
  239. done();
  240. if (data.code == 200) {
  241. this.$message.success("删除成功!");
  242. this.loadData();
  243. }
  244. }).catch(() => {
  245. done();
  246. })
  247. })
  248. },
  249. rowSave(row, done) {
  250. add(row).then(({ data }) => {
  251. done();
  252. if (data.code == 200) {
  253. this.$message.success("新增成功!");
  254. this.loadData();
  255. }
  256. }).catch(() => {
  257. done();
  258. })
  259. },
  260. rowUpdate(row, index, done) {
  261. update(row).then(({ data }) => {
  262. done();
  263. if (data.code == 200) {
  264. this.$message.success("修改成功!");
  265. this.loadData();
  266. }
  267. }).catch(() => {
  268. done();
  269. })
  270. },
  271. handleAdd(row) {
  272. this.parentId = row.id;
  273. const column = this.findObject(this.option.column, "parentId");
  274. column.value = row.id;
  275. this.form.parentId = row.id;
  276. column.addDisabled = true;
  277. this.$refs.crud.rowAdd();
  278. },
  279. },
  280. };
  281. </script>