|
@@ -1,17 +1,122 @@
|
|
|
<template>
|
|
|
- <div class="purchaseContractBox">
|
|
|
- <img src="@/assets/imgs/kfz.jpg" />
|
|
|
+ <div class="oa-sys-list-view">
|
|
|
+ <div class="searchBox">
|
|
|
+ <div class="form">
|
|
|
+ <span class="formSpan">专利名称:</span>
|
|
|
+ <el-input v-model="formData.patentName" placeholder="请输入专利名称" style="width: 210px" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="from">
|
|
|
+ <div class="btnBox">
|
|
|
+ <el-button type="primary" style="background: #3485ff" @click="onSearchHandle">
|
|
|
+ <img src="@/assets/imgs/OA/search.png" class="mr-8px" alt="" />
|
|
|
+ 查询</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tableBox">
|
|
|
+ <TableLayout :is-loading="loading" :data="list">
|
|
|
+ <el-table-column label="专利名称" prop="patentName" width="150" />
|
|
|
+ <el-table-column show-overflow-tooltip="true" label="取得日期" align="center" prop="acDate">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ formatDate(scope.row.acDate) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column show-overflow-tooltip="true" label="有效日期" align="center" prop="efDate">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ formatDate(scope.row.efDate) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="发明人" prop="inventor" />
|
|
|
+ <el-table-column label="证书文件地址" prop="filePath" />
|
|
|
+ <el-table-column label="证书图片地址" prop="imgPath" />
|
|
|
+ </TableLayout>
|
|
|
+
|
|
|
+ <div class="pageBox">
|
|
|
+ <el-pagination
|
|
|
+ v-model:current-page="formData.pageNo"
|
|
|
+ :page-size="formData.pageSize"
|
|
|
+ background
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
-.purchaseContractBox {
|
|
|
- margin-top: 20px;
|
|
|
- height: calc(100% - 20px);
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 20px;
|
|
|
- padding: 20px;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
+<script setup lang="ts">
|
|
|
+import { defaultProps, handleTree } from '@/utils/tree'
|
|
|
+import request from '@/config/axios'
|
|
|
+import { DICT_TYPE, getDictLabel, getDictOptions } from '@/utils/dict'
|
|
|
+import { ref } from 'vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import TableLayout from '../../oaViews/layout/TableLayout.vue'
|
|
|
+import { formatDate } from '@/utils/formatTime'
|
|
|
+import * as DeptApi from '@/api/system/dept'
|
|
|
+import { arrFlatten } from '@/views/OaSystem/attendanceCenter/attendAuth'
|
|
|
+
|
|
|
+defineOptions({ name: 'Qualification' })
|
|
|
+
|
|
|
+const router = useRouter()
|
|
|
+
|
|
|
+const formData = ref<{
|
|
|
+ pageNo: number
|
|
|
+ pageSize: number
|
|
|
+ patentName: string
|
|
|
+}>({
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 15,
|
|
|
+ patentName: ''
|
|
|
+})
|
|
|
+
|
|
|
+const loading = ref(true) // 列表的加载中
|
|
|
+const total = ref(0) // 列表的总页数
|
|
|
+const list = ref([]) // 列表的数
|
|
|
+
|
|
|
+/** 查询列表 */
|
|
|
+const queryListByPage = async () => {
|
|
|
+ loading.value = true
|
|
|
+ try {
|
|
|
+ const urlApi = `/adm/patent/page`
|
|
|
+ const sendData = {
|
|
|
+ ...formData
|
|
|
+ }
|
|
|
+ const result = await request.get({ url: urlApi, params: sendData._rawValue }, '/admin-api')
|
|
|
+ list.value = result['list']
|
|
|
+ total.value = result['total']
|
|
|
+ loading.value = false
|
|
|
+ } catch (error) {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
}
|
|
|
-</style>
|
|
|
+
|
|
|
+const operateClick = (row: any) => {
|
|
|
+ router.push({
|
|
|
+ path: '/processLook',
|
|
|
+ query: {
|
|
|
+ url:
|
|
|
+ `${
|
|
|
+ import.meta.env.VITE_PROCESS_DETAIL_URI
|
|
|
+ }/IFlowInstance/redirectFlowPage?flowInstanceId=` + row.instanceId
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+/** 搜索按钮操作 */
|
|
|
+const onSearchHandle = (): void => {
|
|
|
+ queryListByPage()
|
|
|
+}
|
|
|
+
|
|
|
+/** 分页操作 */
|
|
|
+const handleCurrentChange = (): void => {
|
|
|
+ queryListByPage()
|
|
|
+}
|
|
|
+
|
|
|
+/** 初始化 */
|
|
|
+onMounted(() => {
|
|
|
+ queryListByPage()
|
|
|
+})
|
|
|
+</script>
|