|
|
@@ -1,11 +1,204 @@
|
|
|
+<!-- eslint-disable prettier/prettier -->
|
|
|
<template>
|
|
|
- <div>sds</div>
|
|
|
+ <div class="bodycontent">
|
|
|
+ <div class="sheard">
|
|
|
+ <div class="searchheard">
|
|
|
+ <div class="item">
|
|
|
+ <div>区域：</div>
|
|
|
+ <div>
|
|
|
+ <el-select v-model="searchForm.area" clearable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in sys_area"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ <div>丘权号：</div>
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.qiuquan"
|
|
|
+ style="width: 240px"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ <div>建设单位：</div>
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.buildUnit"
|
|
|
+ style="width: 240px"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="item">
|
|
|
+ <div>存储位置：</div>
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.saveAddr"
|
|
|
+ style="width: 240px"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <br />
|
|
|
+
|
|
|
+ <!-- ， 区域、丘权号、建设单位（后申请单位）、地址（公安门牌）、存储位置 -->
|
|
|
+ </div>
|
|
|
+ <div class="searchheard" style="margin-top: 10px">
|
|
|
+ <div class="item">
|
|
|
+ <div>地址：</div>
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.addr"
|
|
|
+ style="width: 240px"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-end;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" @click="reset">重置</el-button>
|
|
|
+ <el-button type="primary" @click="getnextdata(1)">查询</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 10px">
|
|
|
+ <el-button type="primary">新增</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <el-table :data="tableData" border style="width: 100%;height:70vh">
|
|
|
+ <el-table-column prop="date" label="区域" width="80">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="sys_area" :value="scope.row.area" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="ecode" label="电子档案编号" width="120" />
|
|
|
+ <el-table-column prop="qiuquan" label="丘权号" width="180" />
|
|
|
+ <el-table-column prop="buildUnit" label="建设单位" width="200" />
|
|
|
+ <el-table-column prop="achievementDate" label="建档日期" width="110" />
|
|
|
+ <el-table-column prop="saveAddr" label="存储位置" width="100" />
|
|
|
+ <el-table-column prop="addr" label="地址" width="180" />
|
|
|
+ <el-table-column prop="remark" label="备注" width="180" />
|
|
|
+ <el-table-column prop="address" label="操作">
|
|
|
+ <template #default="scope">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-content: center;
|
|
|
+ flex-direction: row;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <el-button type="text" size="small">编辑</el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="text" size="small">删除</el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="text" size="small">文件查看</el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="text" size="small">审核</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="display:flex;justify-content: flex-end;">
|
|
|
+ <el-pagination
|
|
|
+ small
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="totalnum"
|
|
|
+ class="mt-4"
|
|
|
+ @current-change="getnextdata"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { ref } from 'vue'
|
|
|
+import { listArchives } from "@/api/archives/index";
|
|
|
+
|
|
|
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
+const { sys_area } = toRefs < any > (proxy?.useDict("sys_area"));
|
|
|
+
|
|
|
+const searchForm = ref({
|
|
|
+ area: "",
|
|
|
+ qiuquan: "",
|
|
|
+ buildUnit: "",
|
|
|
+ addr: "",
|
|
|
+ saveAddr: ""
|
|
|
+})
|
|
|
+
|
|
|
+const reset = () => {
|
|
|
+ searchForm.value = ({
|
|
|
+ area: "",
|
|
|
+ qiuquan: "",
|
|
|
+ buildUnit: "",
|
|
|
+ addr: "",
|
|
|
+ saveAddr: ""
|
|
|
+ })
|
|
|
+ getnextdata(1);
|
|
|
+}
|
|
|
+
|
|
|
+const tableData = ref([]);
|
|
|
+const currentpage = ref(0);
|
|
|
+const totalnum = ref(0);
|
|
|
+
|
|
|
+
|
|
|
+const getnextdata = (page: number) => {
|
|
|
+ currentpage.value = page;
|
|
|
+ listArchives({pageSize:10,pageNum:page,...searchForm.value}).then(res => {
|
|
|
+ tableData.value = res.rows;
|
|
|
+ totalnum.value = res.total;
|
|
|
+ })
|
|
|
+}
|
|
|
+getnextdata(1);
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<style type="scss" scoped>
|
|
|
-
|
|
|
+.bodycontent {
|
|
|
+ padding: 10px 15px;
|
|
|
+ .sheard {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px 0px;
|
|
|
+ .searchheard {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
