auxiliaryLedger.vue 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <template>
  2. <div class="app-container">
  3. <el-form
  4. :model="queryParams"
  5. ref="queryForm"
  6. size="small"
  7. :inline="true"
  8. v-show="showSearch"
  9. label-width="110px"
  10. >
  11. <el-row>
  12. <el-col :span="8">
  13. <el-form-item label="项目编号" prop="key1">
  14. <el-input
  15. v-model="queryParams.key1"
  16. clearable
  17. @keyup.enter.native="handleQuery"
  18. style="width: 100%;"
  19. />
  20. </el-form-item>
  21. </el-col>
  22. <el-col :span="8">
  23. <el-form-item label="项目名称" prop="key2">
  24. <el-input
  25. v-model="queryParams.key2"
  26. clearable
  27. @keyup.enter.native="handleQuery"
  28. />
  29. </el-form-item>
  30. </el-col>
  31. <el-col :span="8">
  32. <el-form-item label="项目状态" prop="key4">
  33. <el-select v-model="queryParams.key4" placeholder="请选择">
  34. <el-option label="全部" value=""></el-option>
  35. <el-option label="调研阶段" value="01"></el-option>
  36. <el-option label="研发阶段" value="02"></el-option>
  37. <el-option label="产品试验阶段" value="03"></el-option>
  38. <el-option label="批量生产" value="04"></el-option>
  39. </el-select>
  40. </el-form-item>
  41. </el-col>
  42. <el-col :span="8">
  43. <el-form-item label="采购编号" prop="key5">
  44. <el-input
  45. v-model="queryParams.key5"
  46. clearable
  47. @keyup.enter.native="handleQuery"
  48. />
  49. </el-form-item>
  50. </el-col>
  51. <el-col :span="8">
  52. <el-form-item label="项目时间" prop="key8">
  53. <el-date-picker type="daterange" v-model="queryParams.key8"></el-date-picker>
  54. </el-form-item>
  55. </el-col>
  56. <el-col :span="8">
  57. <el-form-item label="支出状态" prop="key9">
  58. <el-select v-model="queryParams.key9" placeholder="请选择">
  59. <el-option label="全部" value=""></el-option>
  60. <el-option label="费用化" value="01"></el-option>
  61. </el-select>
  62. </el-form-item>
  63. </el-col>
  64. <el-col :span="8">
  65. <el-form-item label="成果类型" prop="key10">
  66. <el-select v-model="queryParams.key10" placeholder="请选择">
  67. <el-option label="全部" value=""></el-option>
  68. <el-option label="专利类" value="01"></el-option>
  69. <el-option label="软件著作类" value="02"></el-option>
  70. <el-option label="论文类" value="03"></el-option>
  71. <el-option label="标准类" value="04"></el-option>
  72. </el-select>
  73. </el-form-item>
  74. </el-col>
  75. <el-col :span="8">
  76. <el-form-item>
  77. <el-button type="primary" icon="el-icon-search" size="mini">
  78. 搜索
  79. </el-button>
  80. <el-button icon="el-icon-refresh" size="mini">重置</el-button>
  81. </el-form-item>
  82. </el-col>
  83. </el-row>
  84. </el-form>
  85. <el-row :gutter="10" class="mb8">
  86. <el-col :span="1.5">
  87. <el-button type="primary" icon="el-icon-plus" size="mini" @click="btnClick">
  88. 新增
  89. </el-button>
  90. <el-button type="danger" plain icon="el-icon-delete" size="mini" @click="btnClick">
  91. 删除
  92. </el-button>
  93. </el-col>
  94. <right-toolbar :showSearch.sync="showSearch"></right-toolbar>
  95. </el-row>
  96. <el-table :data="listData" border>
  97. <el-table-column label="序号" type="index" align="center">
  98. <template slot-scope="scope">
  99. <span>{{ scope.$index + 1 }}</span>
  100. </template>
  101. </el-table-column>
  102. <el-table-column label="月份" align="center" prop="key1" />
  103. <el-table-column label="项目编号" align="center" prop="key2" />
  104. <el-table-column label="项目名称" align="center" prop="key3" show-overflow-tooltip="" />
  105. <el-table-column label="项目状态" align="center" prop="key4" />
  106. <el-table-column label="支出类型" align="center" prop="key5" />
  107. <el-table-column label="研发成果类型" align="center" prop="key6" />
  108. <el-table-column label="允许加计金额合计" align="center" prop="key7" />
  109. <el-table-column label="人员人工费用" align="center" prop="key8" />
  110. <el-table-column label="直接投入费用" align="center" prop="key9" />
  111. <el-table-column label="折旧费用" align="center" prop="key10" />
  112. <el-table-column label="新产品设计费" align="center" prop="key11" />
  113. <el-table-column label="前五项小计" align="center" prop="key12" />
  114. <el-table-column label="其他费用总计" align="center" prop="key13" />
  115. </el-table>
  116. <pagination
  117. v-show="total > 0"
  118. :total="total"
  119. :page.sync="queryParams.pageNum"
  120. :limit.sync="queryParams.pageSize"
  121. @pagination="getList"
  122. />
  123. <el-dialog :title="dialogTitle" :visible.sync="visible" width="800px" append-to-body>
  124. <el-form ref="form" :model="form" label-width="120px">
  125. </el-form>
  126. <div slot="footer" class="dialog-footer">
  127. <el-button type="primary" @click="submitForm">确 定</el-button>
  128. <el-button @click="cancel">取 消</el-button>
  129. </div>
  130. </el-dialog>
  131. </div>
  132. </template>
  133. <script>
  134. export default {
  135. name: "ReserveProjectApply",
  136. data() {
  137. return {
  138. // 遮罩层
  139. loading: true,
  140. // 显示搜索条件
  141. showSearch: true,
  142. // 总条数
  143. total: 0,
  144. // 表单参数
  145. form: {},
  146. // 查询参数
  147. queryParams: {
  148. pageNum: 1,
  149. pageSize: 10,
  150. },
  151. listData: [],
  152. visible: false,
  153. formData: {},
  154. dialogTitle: "新增"
  155. };
  156. },
  157. methods: {
  158. handleQuery() {},
  159. getList() {},
  160. btnClick() {
  161. this.$message.warning("此数据涉密,需申请权限");
  162. },
  163. handleAddClick() {
  164. this.visible = true;
  165. },
  166. submitForm() {
  167. this.$message.warning("此数据涉密,需申请权限");
  168. },
  169. cancel() {
  170. this.visible = false;
  171. }
  172. },
  173. };
  174. </script>