123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181 |
- <template>
- <div class="app-container">
- <el-form
- :model="queryParams"
- ref="queryForm"
- size="small"
- :inline="true"
- v-show="showSearch"
- label-width="110px"
- >
- <el-row>
- <el-col :span="8">
- <el-form-item label="项目编号" prop="key1">
- <el-input
- v-model="queryParams.key1"
- clearable
- @keyup.enter.native="handleQuery"
- style="width: 100%;"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="项目名称" prop="key2">
- <el-input
- v-model="queryParams.key2"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="项目状态" prop="key4">
- <el-select v-model="queryParams.key4" placeholder="请选择">
- <el-option label="全部" value=""></el-option>
- <el-option label="调研阶段" value="01"></el-option>
- <el-option label="研发阶段" value="02"></el-option>
- <el-option label="产品试验阶段" value="03"></el-option>
- <el-option label="批量生产" value="04"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="采购编号" prop="key5">
- <el-input
- v-model="queryParams.key5"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="项目时间" prop="key8">
- <el-date-picker type="daterange" v-model="queryParams.key8"></el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="支出状态" prop="key9">
- <el-select v-model="queryParams.key9" placeholder="请选择">
- <el-option label="全部" value=""></el-option>
- <el-option label="费用化" value="01"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="成果类型" prop="key10">
- <el-select v-model="queryParams.key10" placeholder="请选择">
- <el-option label="全部" value=""></el-option>
- <el-option label="专利类" value="01"></el-option>
- <el-option label="软件著作类" value="02"></el-option>
- <el-option label="论文类" value="03"></el-option>
- <el-option label="标准类" value="04"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini">
- 搜索
- </el-button>
- <el-button icon="el-icon-refresh" size="mini">重置</el-button>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button type="primary" icon="el-icon-plus" size="mini" @click="btnClick">
- 新增
- </el-button>
- <el-button type="danger" plain icon="el-icon-delete" size="mini" @click="btnClick">
- 删除
- </el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch"></right-toolbar>
- </el-row>
- <el-table :data="listData" border>
- <el-table-column label="序号" type="index" align="center">
- <template slot-scope="scope">
- <span>{{ scope.$index + 1 }}</span>
- </template>
- </el-table-column>
- <el-table-column label="月份" align="center" prop="key1" />
- <el-table-column label="项目编号" align="center" prop="key2" />
- <el-table-column label="项目名称" align="center" prop="key3" show-overflow-tooltip="" />
- <el-table-column label="项目状态" align="center" prop="key4" />
- <el-table-column label="支出类型" align="center" prop="key5" />
- <el-table-column label="研发成果类型" align="center" prop="key6" />
- <el-table-column label="允许加计金额合计" align="center" prop="key7" />
- <el-table-column label="人员人工费用" align="center" prop="key8" />
- <el-table-column label="直接投入费用" align="center" prop="key9" />
- <el-table-column label="折旧费用" align="center" prop="key10" />
- <el-table-column label="新产品设计费" align="center" prop="key11" />
- <el-table-column label="前五项小计" align="center" prop="key12" />
- <el-table-column label="其他费用总计" align="center" prop="key13" />
- </el-table>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
- <el-dialog :title="dialogTitle" :visible.sync="visible" width="800px" append-to-body>
- <el-form ref="form" :model="form" label-width="120px">
-
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitForm">确 定</el-button>
- <el-button @click="cancel">取 消</el-button>
- </div>
- </el-dialog>
- </div>
- </template>
- <script>
- export default {
- name: "ReserveProjectApply",
- data() {
- return {
- // 遮罩层
- loading: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 表单参数
- form: {},
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- },
- listData: [],
- visible: false,
- formData: {},
- dialogTitle: "新增"
- };
- },
- methods: {
- handleQuery() {},
- getList() {},
- btnClick() {
- this.$message.warning("此数据涉密,需申请权限");
- },
- handleAddClick() {
- this.visible = true;
- },
- submitForm() {
- this.$message.warning("此数据涉密,需申请权限");
- },
- cancel() {
- this.visible = false;
- }
- },
- };
- </script>
|