skjia
/
bonus-Certificate-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面修改优化

This commit is contained in:
zzyuan 2025-11-04 18:11:35 +08:00
parent b0076d4bc0
commit 6a5859c700
7 changed files with 63 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -52,6 +52,8 @@
"js-cookie": "3.0.1",
"jsencrypt": "3.0.0-rc.1",
"nprogress": "0.2.0",
"qrcode": "^1.5.4",
"qrcodejs2": "^0.0.2",
"quill": "1.3.7",
"screenfull": "5.0.2",
"sm-crypto": "^0.3.13",

6
src/views/certificate/certificateManage/certificateInfo/logList.vue
View File

@ -216,9 +216,9 @@ export default {
methods: {
// 返回列表页
jumpList() {
// const obj = { path: "foodManage/purchaseManage/contractDetail" };
// this.$tab.closeOpenPage(obj);
// this.$router.replace({ path: "/foodManage/purchaseManage/contractList" }); // 要打开的页面
const obj = { path: "certificate/certificateManage/certificateLogList" };
this.$tab.closeOpenPage(obj);
this.$router.replace({ path: "/certificateManage/certificateInfo" }); // 要打开的页面
},
handleTabClick(){
if(this.activeName=='stream'){

4
src/views/certificate/certificateManage/certificateOverdue/index.vue
View File

@ -46,6 +46,10 @@
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
<span style="font-weight: bold;">过期数量：65</span>
<span style="font-weight: bold;margin-left: 20px;">临期数量：15</span>
</div>
<el-table v-loading="loading" :data="tableListData" height="800">
<el-table-column label="序号" align="center" width="80" type="index">
<template scope="scope">

45
src/views/certificate/certificateReturnManage/certificateTask/index.vue
View File

@ -56,6 +56,10 @@
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<div style="width: 98%;margin: 10px;display: flex;flex-direction: column;align-items: flex-end;">
<div style="font-weight: bold;">存证任务数/已完成数：235/130</div>
<div style="font-weight: bold;">取证任务数/已完成数：235/230</div>
</div>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" :selectable="selectablerow"/>
<el-table-column label="序号" align="center" width="80" type="index">
@ -78,7 +82,13 @@
<el-table-column label="设备地址" align="center" prop="deviceAddr" :show-overflow-tooltip="true"/>
<el-table-column label="设备编号" align="center" prop="deviceNo" :show-overflow-tooltip="true"/>
<el-table-column label="槽位编号" align="center" prop="soltNo" :show-overflow-tooltip="true"/>
<el-table-column label="验证码" align="center" prop="verificationCode" :show-overflow-tooltip="true"/>
<el-table-column label="验证码" align="center" prop="verificationCode" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span @click="checkCode(scope.row)">查看</span>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
<el-table-column label="类型" align="center" prop="typeName" width="120" :show-overflow-tooltip="true" fixed="right"/>
@ -100,6 +110,20 @@
@pagination="getList"
/>
<!-- 核验任务下达 -->
<el-dialog title="查看验证码" :visible.sync="openCode" width="410px" append-to-body>
<div style="display: flex;width: 100%;justify-content: center;align-items: center;" ref="codeBox">
<div style="width: 300px;height: 300px;">
<div id="qrcode" class="qrcode" ref="codeItem"></div>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="openCode=false">确 定</el-button>
<el-button @click="openCode=false">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
@ -117,6 +141,7 @@
import { getToken } from '@/utils/auth'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import QRCode from 'qrcodejs2';
export default {
name: "",
dicts: ["sys_certificate_type"],
@ -224,6 +249,9 @@
{ required: true, message: "更新内容不能为空", trigger: "blur" }
]
},
openCode:false,
qrCode: '',
qrCodeStr:""
};
},
mounted(){
@ -417,6 +445,21 @@
this.single = selection.length!=1
this.multiple = !selection.length
},
checkCode(row){
this.openCode = true
this.qrCodeStr = row.verificationCode
this.$nextTick(() => {
this.$refs.codeItem.innerHTML = ''
var qrcode = new QRCode(this.$refs.codeItem, {
text: this.qrCodeStr, //二维码内容
width: 320,
height: 320,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
}, 500)
}
}
};
</script>

1
src/views/certificate/device/index.vue
View File

@ -78,7 +78,6 @@
<el-table-column label="所属单位" align="center" prop="unitName" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"

7
src/views/certificate/filingUser/index.vue
View File

@ -93,13 +93,16 @@
@click="handleTask"
>有无证件核验
</el-button>
</el-col>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
<span style="font-weight: bold;">有证人数：231</span>
<span style="font-weight: bold;margin-left: 20px;">无证人数：65</span>
</div>
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center"/>
<el-table-column label="序号" align="center" width="80" type="index">

5
src/views/certificate/remoteVerification/index.vue
View File

@ -37,6 +37,11 @@
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<div style="width: 98%;margin: 10px;display: flex;justify-content: flex-end;">
<span style="font-weight: bold;">一人多证任务数/已核验数：360个/250个</span>
<span style="font-weight: bold;margin-left: 20px;">出入境时间任务数/已核验数：140个/120个</span>
<span style="font-weight: bold;margin-left: 20px;">有无证件任务数/已核验数：760个/600个</span>
</div>
<el-table v-loading="loading" :data="tableListData" @selection-change="handleSelectionChange" height="800">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" width="80" type="index">