|
@@ -0,0 +1,217 @@
|
|
|
+<template>
|
|
|
+ <div class="height_100">
|
|
|
+ <el-container>
|
|
|
+ <el-header>
|
|
|
+ <div class="head">
|
|
|
+ <div class="head_left">
|
|
|
+ <!-- <el-form :inline="true" class="project-file-header-form">
|
|
|
+ <el-form-item label="案号">
|
|
|
+ <el-input v-model="queryParams.number" size="small" placeholder="请输入案号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="" size="small" @click="search">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form> -->
|
|
|
+ </div>
|
|
|
+ <div class="head_right">
|
|
|
+ <el-button type="primary" size="small" @click="createNoveltySearch">新建查新检索</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-header>
|
|
|
+ <el-main class="height_100" v-DivHeight="getDivHeight">
|
|
|
+ <div v-if="showTable" :style="`height:${tableHeight - 20}px`">
|
|
|
+ <myCard class="box-card" v-for="(item,index) in tableData" :key="item.id">
|
|
|
+ <div slot="head">
|
|
|
+ <div>
|
|
|
+ 序号:{{ (index + 1) + ((queryParams.current - 1) * queryParams.size) }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" size="mini" @click="handleItem(item)">详情</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="handleCommand('search',item)">检索</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="handleCommand('exportReport',item)">生成报告</el-button>
|
|
|
+ <el-button type="danger" size="mini" @click="handleCommand('del',item)">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-form label-width="100px">
|
|
|
+ <el-form-item label="发明点:">
|
|
|
+ <div v-html="item.inventionPoint"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建人:">
|
|
|
+ <div v-html="item.createName"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间:">
|
|
|
+ <div v-html="item.createTime"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </myCard>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+ <el-footer class="pagination">
|
|
|
+ <el-pagination background layout="total,sizes, prev, pager, next, jumper" :current-page.sync="queryParams.current"
|
|
|
+ :page-sizes="pageSize" :page-size.sync="queryParams.size" @current-change="handleCurrentChange" @size-change="handleSizeChange" :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </el-footer>
|
|
|
+ </el-container>
|
|
|
+ <reportTemplate ref="reportTemplate"></reportTemplate>
|
|
|
+ <createNoveltySearch ref="createNoveltySearch"></createNoveltySearch>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import { getTableHeight } from '@/views/components/mixins'
|
|
|
+ import reportTemplate from '@/views/analyse/custom/components/dialog/reportTemplate.vue';
|
|
|
+import createNoveltySearch from './dialog/createNoveltySearch.vue';
|
|
|
+ const column = [
|
|
|
+ {
|
|
|
+ value:'number',
|
|
|
+ type:'string',
|
|
|
+ name:'案号',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'createName',
|
|
|
+ type:'string',
|
|
|
+ name:'创建人',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:'createTime',
|
|
|
+ type:'string',
|
|
|
+ name:'创建时间',
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ export default {
|
|
|
+ mixins:[getTableHeight],
|
|
|
+ components: {
|
|
|
+ reportTemplate,
|
|
|
+ createNoveltySearch
|
|
|
+ },
|
|
|
+ props: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pageSize: [10, 20],//分页数量
|
|
|
+ queryParams:{
|
|
|
+ current:1,
|
|
|
+ size:10,
|
|
|
+ number:''
|
|
|
+ },
|
|
|
+ total:0,
|
|
|
+ tableData:[],
|
|
|
+ column:column,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ computed: {},
|
|
|
+ created() {},
|
|
|
+ mounted() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //检索
|
|
|
+ search(){
|
|
|
+ this.queryParams.current = 1
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ //获取数据
|
|
|
+ getList(){
|
|
|
+ this.tableData = [
|
|
|
+ {
|
|
|
+ id:1,
|
|
|
+ number:'5W262525',
|
|
|
+ inventionPoint:'发明点',
|
|
|
+ createName:'管理员',
|
|
|
+ createTime:'2024-09-06 17:04'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:2,
|
|
|
+ number:'5W131553',
|
|
|
+ inventionPoint:'发明点',
|
|
|
+ createName:'管理员',
|
|
|
+ createTime:'2024-09-06 17:04'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.total = 2
|
|
|
+ },
|
|
|
+ //切换分页
|
|
|
+ handleCurrentChange(val){
|
|
|
+ this.queryParams.current = val
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ //切换也大小
|
|
|
+ handleSizeChange(val){
|
|
|
+ this.queryParams.current = 1
|
|
|
+ this.queryParams.size = 10
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ //排序
|
|
|
+ sortChange({ column, prop, order }){},
|
|
|
+ //点击案号
|
|
|
+ handleItem(row){
|
|
|
+ this.$router.push({
|
|
|
+ path:'/noveltySearchDetails',
|
|
|
+ query:{
|
|
|
+ projectId:row.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //操作
|
|
|
+ handleCommand(event,row){
|
|
|
+ switch(event){
|
|
|
+ case 'search'://检索
|
|
|
+ this.$router.push(
|
|
|
+ {
|
|
|
+ path:'/conditionImport',
|
|
|
+ }
|
|
|
+ )
|
|
|
+ break;
|
|
|
+ case "searchRecord"://检索记录
|
|
|
+ this.$router.push(
|
|
|
+ {
|
|
|
+ path:'/noveltySearchRecord',
|
|
|
+ }
|
|
|
+ )
|
|
|
+ break;
|
|
|
+ case "contrastFile"://对比文件
|
|
|
+ this.$router.push(
|
|
|
+ {
|
|
|
+ path:'/noveltySearchFile',
|
|
|
+ }
|
|
|
+ )
|
|
|
+ break;
|
|
|
+ case "exportReport"://导出报告
|
|
|
+ this.$refs.reportTemplate.open()
|
|
|
+ break;
|
|
|
+ case 'del'://删除
|
|
|
+ break;
|
|
|
+ case 'e'://编辑
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //创建查新检索
|
|
|
+ createNoveltySearch(){
|
|
|
+ this.$refs.createNoveltySearch.open()
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+ <style lang="scss" scoped>
|
|
|
+ .head{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <style lang="scss">
|
|
|
+ .box-card{
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
+ .el-form-item__content{
|
|
|
+ font-family: var(--fm) !important;
|
|
|
+ color: var(--color2) !important;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|