Skip to content

S
smart_gov_platform
Commit 1baaae2b authored by 王启林's avatar 王启林
Browse files
Options

网络理政+微官网报表详情抽离 

Signed-off-by: 王启林's avatar王启林 <1940603613@qq.com>
parent dc0bf060
Show whitespace changes
Inline Side-by-side
Showing with 404 additions and 380 deletions
portal-manager-ui/admin/src/api/dataAdmin.js
View file @ 1baaae2b
......@@ -4,3 +4,9 @@ import http from "../request/http";
export function censusListInterface(params) {
return http.post("/zwfw/site/model/census/list", params);
}
//排队办理记录报表接口
export function getQueueData(params){
return http.post("/inter/reportform/quelist",params)
}
\ No newline at end of file
portal-manager-ui/admin/src/views/dataAdmin/components/microOfficialWebsite/components/FormDetails.vue 0 → 100644
View file @ 1baaae2b
<template>
<div>
<a-drawer title="用户详情" placement="right" :closable="false" :visible="visible" closable @close="onClose"
width="600">
<div class="drawerMain">
<div class="drawerMain-top">
<a-avatar :size="64" icon="user" />
<div class="drawer-user">
<span>NICKNAME</span>
<span class="userTips">实名认证</span>
<div class="userInfo">
男，四川，成都
</div>
</div>
<div class="someUserInfo">
<div class="infoBox">
<span class="infoTitle">openid：</span>
<span class="infoContent">OPENID</span>
</div>
<div class="infoBox">
<span class="infoTitle">授权时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
<div class="infoBox">
<span class="infoTitle">最近访问时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
</div>
<a-divider />
<div class="someUserInfo">
<div class="infoBox">
<span class="infoTitle">证件类型：</span>
<span class="infoContent">身份证</span>
</div>
<div class="infoBox">
<span class="infoTitle">姓名：</span>
<span class="infoContent">刘德华</span>
</div>
<div class="infoBox">
<span class="infoTitle">身份证号：</span>
<span class="infoContent">513821199303021234</span>
</div>
<div class="infoBox">
<span class="infoTitle imgBox">身份证人像面：</span>
<span class="infoContent">
<img src="@/assets/images/logo.png" alt="">
</span>
</div>
<div class="infoBox">
<span class="infoTitle imgBox">身份证国徽面：</span>
<span class="infoContent">
<img src="@/assets/images/logo.png" alt="">
</span>
</div>
<div class="infoBox">
<span class="infoTitle">人脸认证：</span>
<span class="infoContent">
<span class="state">已通过</span>
</span>
</div>
<div class="infoBox">
<span class="infoTitle">认证时间：</span>
<span class="infoContent">513821199303021234</span>
</div>
</div>
<a-divider />
<div class="someUserInfo">
<b>区块链信息</b>
<div class="infoBox">
<span class="infoTitle">哈希值：</span>
<span class="infoContent">nd68as4d654q5w4d21ccx1cv5adsdaawqewd1c1c1zsda1s1gd2sa2</span>
</div>
<div class="infoBox">
<span class="infoTitle">区块高度：</span>
<span class="infoContent">2438265</span>
</div>
<div class="infoBox">
<span class="infoTitle">创建时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
</div>
</div>
</div>
</a-drawer>
</div>
</template>
<script>
export default {
name:"FormDetails",
props:{
visible:Boolean
},
methods:{
onClose(){
this.$emit('onClose')
}
}
}
</script>
<style lang="less" scoped>
.drawerMain {
width: 70%;
height: 100%;
margin: 0 auto;
text-align: center;
.drawer-user {
margin: 10px 0;
position: relative;
font-size: 16px;
.userTips {
position: absolute;
top: -2px;
display: inline-block;
color: #1A7AF8;
border: 1px solid #1A7AF8;
font-size: 12px;
border-radius: 4px;
padding: 3px 6px;
margin-left: 10px;
font-weight: 400;
}
.userInfo {
margin-top: 6px;
font-size: 12px;
}
}
.someUserInfo {
.infoBox {
width: 100%;
display: flex;
justify-content: space-between;
margin: 6px 0;
line-height: 25px;
.infoTitle {
display: inline-block;
width: 50%;
text-align: right;
}
.infoContent {
display: inline-block;
width: 48%;
text-align: left;
}
.state {
display: inline-block;
padding: 0 6px;
border: 1px solid #40A850;
border-radius: 4px;
color: #40A850;
}
.imgBox {
line-height: 50px;
}
img {
height: 50px;
width: auto;
}
}
}
}
</style>
\ No newline at end of file
portal-manager-ui/admin/src/views/dataAdmin/components/microOfficialWebsite/microForm.vue
View file @ 1baaae2b
......@@ -45,98 +45,17 @@
</a-table>
</div>
<!-- 详情抽屉效果 -->
<a-drawer title="用户详情" placement="right" :closable="false" :visible="visible" closable @close="onClose"
width="600">
<div class="drawerMain">
<div class="drawerMain-top">
<a-avatar :size="64" icon="user" />
<div class="drawer-user">
<span>NICKNAME</span>
<span class="userTips">实名认证</span>
<div class="userInfo">
男，四川，成都
</div>
</div>
<div class="someUserInfo">
<div class="infoBox">
<span class="infoTitle">openid：</span>
<span class="infoContent">OPENID</span>
</div>
<div class="infoBox">
<span class="infoTitle">授权时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
<div class="infoBox">
<span class="infoTitle">最近访问时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
</div>
<a-divider />
<div class="someUserInfo">
<div class="infoBox">
<span class="infoTitle">证件类型：</span>
<span class="infoContent">身份证</span>
</div>
<div class="infoBox">
<span class="infoTitle">姓名：</span>
<span class="infoContent">刘德华</span>
</div>
<div class="infoBox">
<span class="infoTitle">身份证号：</span>
<span class="infoContent">513821199303021234</span>
</div>
<div class="infoBox">
<span class="infoTitle imgBox">身份证人像面：</span>
<span class="infoContent">
<img src="@/assets/images/logo.png" alt="">
</span>
</div>
<div class="infoBox">
<span class="infoTitle imgBox">身份证国徽面：</span>
<span class="infoContent">
<img src="@/assets/images/logo.png" alt="">
</span>
</div>
<div class="infoBox">
<span class="infoTitle">人脸认证：</span>
<span class="infoContent">
<span class="state">已通过</span>
</span>
</div>
<div class="infoBox">
<span class="infoTitle">认证时间：</span>
<span class="infoContent">513821199303021234</span>
</div>
</div>
<a-divider />
<div class="someUserInfo">
<b>区块链信息</b>
<div class="infoBox">
<span class="infoTitle">哈希值：</span>
<span class="infoContent">nd68as4d654q5w4d21ccx1cv5adsdaawqewd1c1c1zsda1s1gd2sa2</span>
</div>
<div class="infoBox">
<span class="infoTitle">区块高度：</span>
<span class="infoContent">2438265</span>
</div>
<div class="infoBox">
<span class="infoTitle">创建时间：</span>
<span class="infoContent">2022-11-07 16:00:00</span>
</div>
</div>
</div>
</div>
</a-drawer>
<FormDetails @onClose="onClose" @showDrawer="showDrawer" :visible="visible"/>
</div>
</template>
<script>
import table from "@/mixins/table";
import FormDetails from "./components/FormDetails.vue";
export default {
mixins: [table],
name: "microForm",
data() {
return {
tableHeaders: [
......@@ -206,7 +125,7 @@ export default {
};
},
components: {
FormDetails
},
mounted() {
this.setMoment();
......@@ -290,77 +209,6 @@ export default {
font-size: 12px;
font-weight: 300;
}
.drawerMain {
width: 70%;
height: 100%;
margin: 0 auto;
text-align: center;
.drawer-user {
margin: 10px 0;
position: relative;
font-size: 16px;
.userTips {
position: absolute;
top: -2px;
display: inline-block;
color: #1A7AF8;
border: 1px solid #1A7AF8;
font-size: 12px;
border-radius: 4px;
padding: 3px 6px;
margin-left: 10px;
font-weight: 400;
}
.userInfo {
margin-top: 6px;
font-size: 12px;
}
}
.someUserInfo {
.infoBox {
width: 100%;
display: flex;
justify-content: space-between;
margin: 6px 0;
line-height: 25px;
.infoTitle {
display: inline-block;
width: 50%;
text-align: right;
}
.infoContent {
display: inline-block;
width: 48%;
text-align: left;
}
.state {
display: inline-block;
padding: 0 6px;
border: 1px solid #40A850;
border-radius: 4px;
color: #40A850;
}
.imgBox {
line-height: 50px;
}
img {
height: 50px;
width: auto;
}
}
}
}
</style>
portal-manager-ui/admin/src/views/dataAdmin/components/networkGovernance/components/FormDetails.vue 0 → 100644
View file @ 1baaae2b
<template>
<div>
<!-- 详情抽屉效果 -->
<a-drawer title="详情" placement="right" :visible="visible" closable @close="onClose" width="90%">
<div class="drawerMain">
<!-- 左侧建议内容 -->
<div class="drawerLeft">
<div class="leftTitle">
建议内容
</div>
<div class="card">
<div class="cardTitle">纠错标题 </div>
<div class="cardContent">关于《四川省2022年公共卫生特别服务岗项目实施方案》(川卫发〔2022〕7号)的问题</div>
</div>
<div class="infoDetail">
<div class="card">
<div class="cardTitle">建议类型 </div>
<div class="cardContent">部门建议</div>
</div>
<div class="card">
<div class="cardTitle">真实姓名</div>
<div class="cardContent">刘昊然 </div>
</div>
<div class="card">
<div class="cardTitle"> 身份证号 </div>
<div class="cardContent"> 513821196302302154</div>
</div>
<div class="card">
<div class="cardTitle"> 电子邮箱 </div>
<div class="cardContent">1512685492@qq.com</div>
</div>
</div>
<div class="card">
<div class="cardTitle"> 联系地址 </div>
<div class="cardContent">四川省成都市高新区天益街1号理想中心1708号</div>
</div>
<div class="card">
<div class="cardTitle"> 事件发生地 </div>
<div class="cardContent">四川省武侯区市武侯一路大地世纪6栋631号</div>
</div>
<div class="card">
<div class="cardTitle"> 具体内容 </div>
<div class="cardContent">《四川省2022年新冠肺炎疫情防控应急岗位招募实施方案》（川卫人教函〔2022〕84号）有关规定，（二）就业支持政策其中：7.
享受应届毕业生相关政策。参加公卫特别岗项目前无工作经历的人员服务满3周年且年度考核合格的，两年内参加机关和企事业单位招录（聘）、自主创业、落户等方面可同等享受应届毕业生相关政策。问题：无工作经历的人员是指从大学毕业到考上本次岗位之间没有交社保为准吗？比如我毕业后找了份工作，而且有交社保一个月再辞职，然后考上本岗位是否能享受后面的应届毕业生身份？
</div>
</div>
<div class="card">
<div class="cardTitle"> 附件 </div>
<div class="cardContent">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
</div>
</div>
<div class="infoDetail">
<div class="card">
<div class="cardTitle"> 是否公开 </div>
<div class="cardContent">否</div>
</div>
<div class="card">
<div class="cardTitle"> 是否保密 </div>
<div class="cardContent">否</div>
</div>
<div class="card">
<div class="cardTitle"> 提交日期 </div>
<div class="cardContent">2022-09-01 11:30:00 </div>
</div>
</div>
</div>
<!-- 右侧回复内容 -->
<div class="drawerRight">
<div class="rightTitle">
建议答复
</div>
<div class="card">
<div class="cardTitle">
所属部门<span>（非必选）</span>
</div>
<div class="cardContent">
市税务局
</div>
</div>
<div class="card">
<div class="cardTitle">
回复内容<span>（必填）</span>
</div>
<div class="cardContent">
《四川省2022年新冠肺炎疫情防控应急岗位招募实施方案》（川卫人教函〔2022〕84号）有关规定，（二）就业支持政策其中：7.
享受应届毕业生相关政策。参加公卫特别岗项目前无工作经历的人员服务满3周年且年度考核合格的，两年内参加机关和企事业单位招录（聘）、自主创业、落户等方面可同等享受应届毕业生相关政策。问题：无工作经历的人员是指从大学毕业到考上本次岗位之间没有交社保为准吗？比如我毕业后找了份工作，而且有交社保一个月再辞职，然后考上本岗位是否能享受后面的应届毕业生身份？
</div>
</div>
</div>
</div>
<!-- 底部按钮 -->
<div :style="{
position: 'absolute', right: 0, bottom: 0, width: '100%', borderTop: '1px solid #e9e9e9',
padding: '10px 16px', background: '#fff', textAlign: 'right', zIndex: 1,
}">
<a-button type="primary" @click="onClose">
确定
</a-button>
<a-button :style="{ marginRight: '8px' }" @click="onClose">
取消
</a-button>
</div>
</a-drawer>
</div>
</template>
<script>
export default {
name: 'FormDetails',
props: {
visible: Boolean
},
data() {
return {
};
},
methods: {
onClose() {
this.$emit('onClose')
}
}
}
</script>
<style lang="less" scoped>
/deep/.ant-drawer-content {
background-color: #F3F4F5;
}
.drawerMain {
height: 83vh;
display: flex;
align-items: center;
justify-content: space-between;
.drawerLeft {
width: 49.5%;
height: 100%;
border-radius: 8px;
background-color: #FFF;
box-sizing: border-box;
padding: 15px;
overflow: hidden;
overflow-y: auto;
.leftTitle {
font-weight: bold;
}
.card {
line-height: 25px;
.cardTitle {
color: #0377FF;
font-weight: bold;
margin: 8px 0;
}
}
.infoDetail {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.drawerLeft::-webkit-scrollbar {
display: none;
}
.drawerRight {
width: 49.5%;
height: 100%;
border-radius: 8px;
background-color: #FFF;
box-sizing: border-box;
padding: 15px;
.rightTitle {
font-weight: bold;
color: #e30000;
}
.card {
line-height: 25px;
.cardTitle {
font-weight: bold;
margin: 8px 0;
span {
color: #e30000;
}
}
}
}
}
</style>
\ No newline at end of file
portal-manager-ui/admin/src/views/dataAdmin/components/networkGovernance/networkForm.vue
View file @ 1baaae2b
......@@ -42,120 +42,13 @@
</template>
</a-table>
</div>
<!-- 详情抽屉效果 -->
<a-drawer title="详情" placement="right" :closable="false" :visible="visible" closable @close="onClose" width="90%">
<div class="drawerMain">
<!-- 左侧建议内容 -->
<div class="drawerLeft">
<div class="leftTitle">
建议内容
</div>
<div class="card">
<div class="cardTitle">纠错标题 </div>
<div class="cardContent">关于《四川省2022年公共卫生特别服务岗项目实施方案》(川卫发〔2022〕7号)的问题</div>
</div>
<div class="infoDetail">
<div class="card">
<div class="cardTitle">建议类型 </div>
<div class="cardContent">部门建议</div>
</div>
<div class="card">
<div class="cardTitle">真实姓名</div>
<div class="cardContent">刘昊然 </div>
</div>
<div class="card">
<div class="cardTitle"> 身份证号 </div>
<div class="cardContent"> 513821196302302154</div>
</div>
<div class="card">
<div class="cardTitle"> 电子邮箱 </div>
<div class="cardContent">1512685492@qq.com</div>
</div>
</div>
<div class="card">
<div class="cardTitle"> 联系地址 </div>
<div class="cardContent">四川省成都市高新区天益街1号理想中心1708号</div>
</div>
<div class="card">
<div class="cardTitle"> 事件发生地 </div>
<div class="cardContent">四川省武侯区市武侯一路大地世纪6栋631号</div>
</div>
<div class="card">
<div class="cardTitle"> 具体内容 </div>
<div class="cardContent">《四川省2022年新冠肺炎疫情防控应急岗位招募实施方案》（川卫人教函〔2022〕84号）有关规定，（二）就业支持政策其中：7.
享受应届毕业生相关政策。参加公卫特别岗项目前无工作经历的人员服务满3周年且年度考核合格的，两年内参加机关和企事业单位招录（聘）、自主创业、落户等方面可同等享受应届毕业生相关政策。问题：无工作经历的人员是指从大学毕业到考上本次岗位之间没有交社保为准吗？比如我毕业后找了份工作，而且有交社保一个月再辞职，然后考上本岗位是否能享受后面的应届毕业生身份？
</div>
</div>
<div class="card">
<div class="cardTitle"> 附件 </div>
<div class="cardContent">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
<img src="@/assets/images/logo.png" alt="">
</div>
</div>
<div class="infoDetail">
<div class="card">
<div class="cardTitle"> 是否公开 </div>
<div class="cardContent">否</div>
</div>
<div class="card">
<div class="cardTitle"> 是否保密 </div>
<div class="cardContent">否</div>
</div>
<div class="card">
<div class="cardTitle"> 提交日期 </div>
<div class="cardContent">2022-09-01 11:30:00 </div>
</div>
</div>
</div>
<!-- 右侧回复内容 -->
<div class="drawerRight">
<div class="rightTitle">
建议答复
</div>
<div class="card">
<div class="cardTitle">
所属部门<span>（非必选）</span>
</div>
<div class="cardContent">
市税务局
</div>
</div>
<div class="card">
<div class="cardTitle">
回复内容<span>（必填）</span>
</div>
<div class="cardContent">
《四川省2022年新冠肺炎疫情防控应急岗位招募实施方案》（川卫人教函〔2022〕84号）有关规定，（二）就业支持政策其中：7.
享受应届毕业生相关政策。参加公卫特别岗项目前无工作经历的人员服务满3周年且年度考核合格的，两年内参加机关和企事业单位招录（聘）、自主创业、落户等方面可同等享受应届毕业生相关政策。问题：无工作经历的人员是指从大学毕业到考上本次岗位之间没有交社保为准吗？比如我毕业后找了份工作，而且有交社保一个月再辞职，然后考上本岗位是否能享受后面的应届毕业生身份？
</div>
</div>
</div>
</div>
<!-- 底部按钮 -->
<div :style="{
position: 'absolute', right: 0, bottom: 0, width: '100%', borderTop: '1px solid #e9e9e9',
padding: '10px 16px', background: '#fff', textAlign: 'right', zIndex: 1,
}">
<a-button type="primary" @click="onClose">
确定
</a-button>
<a-button :style="{ marginRight: '8px' }" @click="onClose">
取消
</a-button>
</div>
</a-drawer>
<FormDetails @onClose="onClose" @showDrawer="showDrawer" :visible="visible"/>
</div>
</template>
<script>
import table from "@/mixins/table";
import FormDetails from "./components/FormDetails.vue";
export default {
mixins: [table],
name: "networkForm",
......@@ -241,7 +134,7 @@ export default {
};
},
components: {
FormDetails
},
mounted() {
this.setMoment();
......@@ -292,7 +185,6 @@ export default {
/deep/.ant-spin-container {
display: block;
}
.header_box {
padding-bottom: 1rem;
display: flex;
......@@ -324,79 +216,10 @@ export default {
}
}
}
.tabFont {
font-size: 12px;
font-weight: 300;
}
/deep/.ant-drawer-content {
background-color: #F3F4F5;
}
.drawerMain {
height: 83vh;
display: flex;
align-items: center;
justify-content: space-between;
.drawerLeft {
width: 49.5%;
height: 100%;
border-radius: 8px;
background-color: #FFF;
box-sizing: border-box;
padding: 15px;
overflow: hidden;
overflow-y: auto;
.leftTitle {
font-weight: bold;
}
.card {
line-height: 25px;
.cardTitle {
color: #0377FF;
font-weight: bold;
margin: 8px 0;
}
}
.infoDetail {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.drawerLeft::-webkit-scrollbar {
display: none;
}
.drawerRight {
width: 49.5%;
height: 100%;
border-radius: 8px;
background-color: #FFF;
box-sizing: border-box;
padding: 15px;
.rightTitle {
font-weight: bold;
color: #e30000;
}
.card {
line-height: 25px;
.cardTitle {
font-weight: bold;
margin: 8px 0;
span{
color: #e30000;
}
}
}
}
}
</style>
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/queueRecord.vue
View file @ 1baaae2b
......@@ -10,62 +10,29 @@
</div>
<span>
<a-select default-value="001">
<!-- <a-select-option
v-for="(item, index) of selectOptions"
:key="index"
:value="item.value"
>
{{ item.label }}
</a-select-option> -->
<a-select-option value="001"> 设备001 </a-select-option>
<a-select-option value="002"> 设备002 </a-select-option>
</a-select>
<a-select default-value="001">
<!-- <a-select-option
v-for="(item, index) of selectOptions"
:key="index"
:value="item.value"
>
{{ item.label }}
</a-select-option> -->
<a-select-option value="001"> 状态001 </a-select-option>
<a-select-option value="002"> 状态002 </a-select-option>
</a-select>
<a-range-picker
format="YYYY年MM月DD日"
class="range_picker_style"
@change="rangePickerChange"
v-model="BegindAndEndTime"
>
<a-range-picker format="YYYY年MM月DD日" class="range_picker_style" @change="rangePickerChange"
v-model="BegindAndEndTime">
</a-range-picker>
<a-input
v-model="searchName"
placeholder="请输入排队编号或申报人姓名搜索"
>
<a-input v-model="searchName" placeholder="请输入排队编号或申报人姓名搜索">
<a-icon slot="prefix" type="search" />
</a-input>
<a-button type="primary">搜索</a-button>
</span>
</div>
<div class="main">
<a-table
size="small"
bordered
:row-key="(record) => record.id"
:row-selection="{
<a-table size="small" bordered :row-key="(record) => record.id" :row-selection="{
selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange,
}"
:scroll="{ y: 590 }"
:pagination="tablePagination"
@change="pagTableChange"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableSourceData"
>
}" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:columns="tableHeaders" :dataSource="tableSourceData">
<template slot="shenbaoren" slot-scope="text, record, index">
<a-button type="link" @click="openDeclarant">{{ text }}</a-button>
</template>
......@@ -81,9 +48,7 @@
}}</a-button>
</template>
<template slot="operation" slot-scope="text, record, index">
<a-button type="link" @click="openHandlingDetails"
>详细信息{{ record.id }}</a-button
>
<a-button type="link" @click="openHandlingDetails">详细信息{{ record.id }}</a-button>
</template>
</a-table>
<UserInfo ref="UserInfo" />
......@@ -100,6 +65,7 @@ import UserInfo from "./components/userInfo.vue";
import BusinessInfo from "./components/businessInfo.vue";
import WorkpeopleInfo from "./components/workpeopleInfo.vue";
import HandlingDetails from "./components/HandlingDetails.vue";
import { getQueueData } from "@/api/dataAdmin";
export default {
mixins: [table],
name: "PortalAdminVueQueueRecord",
......@@ -207,6 +173,7 @@ export default {
},
mounted() {
this.setMoment();
this.getQueueDataArr()
for (let key = 0; key < 20; key++) {
this.tableSourceData.push({
id: `00${key + 1}`,
......@@ -225,6 +192,12 @@ export default {
}
},
methods: {
// 获取列表数据
getQueueDataArr() {
getQueueData().then(res => {
console.log(res)
})
},
openDeclarant() {
this.$refs.UserInfo.modalInfo.title = "用户信息";
this.$refs.UserInfo.modalInfo.width = "25%";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment