Skip to content

S
smart_gov_platform
Commit 669d9365 authored by 王启林's avatar 王启林
Browse files
Options

报表数据更新 

Signed-off-by: 王启林's avatar王启林 <1940603613@qq.com>
parent a78a7f33
Show whitespace changes
Inline Side-by-side
Showing with 223 additions and 2298 deletions
portal-manager-ui/admin/.env.development
View file @ 669d9365
# 开发环境配置 # 开发环境配置
NODE_ENV = development NODE_ENV = development
VUE_APP_API_BASE_URL=http://192.168.0.98:11078 #VUE_APP_API_BASE_URL=http://192.168.0.98:11078
VUE_APP_API_IMG_URL = http://192.168.0.98:11078/
#宜宾 #宜宾
#VUE_APP_API_BASE_URL=http://10.12.185.213:11072 VUE_APP_API_BASE_URL=http://10.12.185.213:11072
#VUE_APP_API_IMG_URL = http://10.12.185.213:11072/
portal-manager-ui/admin/src/assets/css/common.css deleted 100644 → 0
View file @ a78a7f33
/* 颜色 */
.primary {
color: #1890ff;
}
.delete {
color: #ff4d4f;
}
.green {
color: #1bbc9b;
}
.clofff {
color: #fff;
}
.orange {
color: orange;
}
.bgdel {
background-color: #ff4d4f;
}
.bgpr {
background-color: #1890ff;
}
.bgg {
background-color: #1bbc9b;
}
/* 版心 */
.container {
width: 1200px;
}
/* 弹性布局 */
.flex {
display: flex;
}
.flex1 {
flex: 1;
}
.flexc {
flex-direction: column;
}
.flexwrap {
flex-wrap: wrap;
}
.jcc {
justify-content: center;
}
.jca {
justify-content: space-around;
}
.jcb {
justify-content: space-between;
}
.jce {
justify-content: space-evenly;
}
.aic {
align-items: center;
}
.aca {
align-content: space-around;
}
.acb {
align-content: space-between;
}
.ace {
align-content: space-evenly;
}
/* margin */
.m10 {
margin: 10px;
}
.m15 {
margin: 15px;
}
.m20 {
margin: 20px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt50 {
margin-top: 50px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr50 {
margin-right: 50px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
/* padding */
.pd10 {
padding: 10px;
}
.pd15 {
padding: 15px;
}
.pd20 {
padding: 20px;
}
.pdt10 {
padding-top: 10px;
}
.pdt15 {
padding-top: 15px;
}
.pdt20 {
padding-top: 20px;
}
.pdt30 {
padding-top: 30px;
}
.pdl8 {
padding-left: 8px;
}
.pdl10 {
padding-left: 10px;
}
.pdl15 {
padding-left: 15px;
}
.pdl20 {
padding-left: 20px;
}
.pdr10 {
padding-right: 10px;
}
.pdr15 {
padding-right: 15px;
}
.pdr20 {
padding-right: 20px;
}
.pdb10 {
padding-bottom: 10px;
}
.pdb15 {
padding-bottom: 15px;
}
.pdb20 {
padding-bottom: 20px;
}
/* 字体大小 */
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font22 {
font-size: 22px;
}
.font24 {
font-size: 24px;
}
.font26 {
font-size: 26px;
}
.font28 {
font-size: 28px;
}
.font30 {
font-size: 30px;
}
/* 字体位置 */
.tac {
text-align: center;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
/* 加粗 */
.fontw600 {
font-weight: 600;
}
.fontw700 {
font-weight: 700;
}
.fontw800 {
font-weight: 800;
}
/* 手型鼠标 */
.pointer {
cursor: pointer;
}
.pagination {
margin-top: 10px;
text-align: right;
}
.color_title {
margin-left: 15px;
position: relative;
margin-bottom: 15px;
color: #1890ff;
}
.color_title::before {
content: "";
width: 4px;
height: 20px;
position: absolute;
top: 0px;
left: -16px;
background-color: rgba(5, 149, 253, 1);
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
overflow-y: auto;
}
::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(144, 147, 153, 0.5);
}
::-webkit-scrollbar-track {
border-radius: 6px;
background: #fff;
}
.ant-modal-close {
color: #188fff !important;
}
.ant-modal-close svg {
font-size: 26px !important;
}
.ant-modal-title {
color: #1890ff !important;
font-size: 18px;
font-weight: bold;
}
portal-manager-ui/admin/src/main.js
View file @ 669d9365
...@@ -13,7 +13,7 @@ Vue.use(GlobalComponents); ...@@ -13,7 +13,7 @@ Vue.use(GlobalComponents);
import common from "./utils/commin"; import common from "./utils/commin";
Vue.use(common); Vue.use(common);
import "@/assets/css/common.css"; import "@/assets/css/common.less";
// 引入注册全局指令 // 引入注册全局指令
import * as directives from "@/directive"; import * as directives from "@/directive";
......
portal-manager-ui/admin/src/router/routes.js
View file @ 669d9365
...@@ -262,6 +262,87 @@ const routes = [ ...@@ -262,6 +262,87 @@ const routes = [
), ),
meta: { title: "预约详情" }, meta: { title: "预约详情" },
}, },
{
path: "evaluationRecordReport",
name: "evaluationRecordReport",
redirect: "/home/dataManagement/evaluationRecordReport/windowsEvaluation",
component: () =>
import(
/* webpackChunkName: "evaluationRecordReport" */ "@/views/dataAdmin/components/evaluationRecordReport/module.vue"
),
meta: { title: "评价记录报表" },
children: [
{
path: "windowsEvaluation",
name: "windowsEvaluation",
component: () =>
import(
/* webpackChunkName: "windowsEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/windowEvaluation.vue"
),
meta: { title: "窗口服务评价记录报表" },
},
{
path: "departmentEvaluation",
name: "departmentEvaluation",
component: () =>
import(
/* webpackChunkName: "departmentEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/departmentEvaluation.vue"
),
meta: { title: "办事部门评价记录报表" },
},
{
path: "matterEvaluation",
name: "matterEvaluation",
component: () =>
import(
/* webpackChunkName: "matterEvaluation" */"@/views/dataAdmin/components/evaluationRecordReport/matterEvaluation.vue"
),
meta: { title: "办理事项评价记录报表" },
},
]
},
{
path: "sampleRecordReport",
name: "sampleRecordReport",
redirect: "/home/dataManagement/sampleRecordReport/sampleForm",
component: () =>
import(
/* webpackChunkName: "sampleRecordReport" */ "@/views/dataAdmin/components/sampleRecordReport/module.vue"
),
meta: { title: "样表记录报表" },
children: [
{
path: "sampleForm",
name: "sampleForm",
component: () =>
import(
/* webpackChunkName: "sampleForm" */"@/views/dataAdmin/components/sampleRecordReport/sampleForm.vue"
),
meta: { title: "样表记录报表" },
},
]
},
{
path: "fillRecordReport",
name: "fillRecordReport",
redirect: "/home/dataManagement/fillRecordReport/fillForm",
component: () =>
import(
/* webpackChunkName: "fillRecordReport" */ "@/views/dataAdmin/components/fillRecordReport/module.vue"
),
meta: { title: "填单记录报表" },
children: [
{
path: "fillForm",
name: "fillForm",
component: () =>
import(
/* webpackChunkName: "fillForm" */"@/views/dataAdmin/components/fillRecordReport/fillForm.vue"
),
meta: { title: "填单记录报表" },
},
]
},
], ],
}, },
{ {
......
portal-manager-ui/admin/src/views/dataAdmin/components/AIEfficiency/reportForm.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="reportForm-Container"> <div class="reportForm-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
</div> </div>
<span> <span>
<a-checkbox-group <a-checkbox-group
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
> >
</a-range-picker> </a-range-picker>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -208,188 +208,11 @@ export default { ...@@ -208,188 +208,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.reportForm-Container { /deep/.ant-spin-container {
.header_box { display: block;
padding-bottom: 1rem; }
display: flex; /deep/.ant-checkbox-group{
justify-content: space-between; width: 220px;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
&:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
&:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
......
portal-manager-ui/admin/src/views/dataAdmin/components/IOT/alerting.vue
View file @ 669d9365
...@@ -2,20 +2,16 @@ ...@@ -2,20 +2,16 @@
<div class="PoliticsShow-Container"> <div class="PoliticsShow-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<span>告警次数:<i>256次</i></span> <span>告警次数:<i>256次</i></span>
<span>危险:<i>200次</i></span> <span>危险:<i>200次</i></span>
<span>次要:<i>65次</i></span> <span>次要:<i>65次</i></span>
<span>一般:<i>0次</i></span> <span>一般:<i>0次</i></span>
</div> </div>
<span> <span>
<a-input <a-input allowClear v-model="searchName" placeholder="请输入设备名称查询">
allowClear
v-model="searchName"
placeholder="请输入设备名称查询"
>
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<a-select default-value="001"> <a-select default-value="001">
...@@ -43,40 +39,24 @@ ...@@ -43,40 +39,24 @@
<a-select-option value="002"> 状态002 </a-select-option> <a-select-option value="002"> 状态002 </a-select-option>
</a-select> </a-select>
<a-range-picker <a-range-picker format="YYYY年MM月DD日" class="range_picker_style" @change="rangePickerChange"
format="YYYY年MM月DD日" v-model="BegindAndEndTime">
class="range_picker_style"
@change="rangePickerChange"
v-model="BegindAndEndTime"
>
</a-range-picker> </a-range-picker>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
<a-table <a-table size="small" bordered :row-key="(record) => record.id" :row-selection="{
size="small"
bordered
:row-key="(record) => record.id"
:row-selection="{
selectedRowKeys: tableSelectedKeys, selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange, onChange: onSelectChange,
}" }" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:scroll="{ y: 590 }" :columns="tableHeaders" :dataSource="tableSourceData">
:pagination="tablePagination"
@change="pagTableChange"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableSourceData"
>
<template slot="告警级别" slot-scope="text, record, index"> <template slot="告警级别" slot-scope="text, record, index">
<span class="levelState">{{ text }}</span> <span class="levelState">{{ text }}</span>
</template> </template>
<template slot="operation" slot-scope="text, record, index"> <template slot="operation" slot-scope="text, record, index">
<a-button type="link" @click="openDetails" <a-button type="link" @click="openDetails">查看详情{{ record.id }}</a-button>
>查看详情{{ record.id }}</a-button
>
</template> </template>
</a-table> </a-table>
<Details ref="Details" /> <Details ref="Details" />
...@@ -190,209 +170,55 @@ export default { ...@@ -190,209 +170,55 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.PoliticsShow-Container { /deep/.ant-spin-container {
.header_box { display: block;
}
.header_box {
padding-bottom: 1rem; padding-bottom: 1rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
& > div {
&>div {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
& > span {
&>span {
margin-left: 10px; margin-left: 10px;
& > i {
&>i {
margin: 0 5px; margin: 0 5px;
font-style: normal; font-style: normal;
} }
&:nth-child(2) { &:nth-child(2) {
color: #111; color: #111;
i { i {
font-weight: bold; font-weight: bold;
} }
} }
&:nth-child(3) { &:nth-child(3) {
i { i {
color: #ff3b3b; color: #ff3b3b;
} }
} }
&:nth-child(4) { &:nth-child(4) {
i { i {
color: #fb7101; color: #fb7101;
} }
} }
&:nth-child(5) { &:nth-child(5) {
i { i {
color: #1a7af8; color: #1a7af8;
} }
} }
} }
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 15rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.levelState {
padding: 5px 8px;
border-radius: 8px;
color: #f94545;
background: #ffedeb;
border: 1px solid #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
} }
} }
</style> </style>
......
portal-manager-ui/admin/src/views/dataAdmin/components/SMS/SMSRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>累计发送短信量：<i>589726条</i></b> <b>累计发送短信量：<i>589726条</i></b>
</div> </div>
<span> <span>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<a-select-option value="001"> 船山行政审批局 </a-select-option> <a-select-option value="001"> 船山行政审批局 </a-select-option>
</a-select> </a-select>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -110,7 +110,10 @@ export default { ...@@ -110,7 +110,10 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.callRecord-Container { /deep/.ant-spin-container {
display: block;
}
.header_box { .header_box {
padding-bottom: 1rem; padding-bottom: 1rem;
display: flex; display: flex;
...@@ -131,137 +134,9 @@ export default { ...@@ -131,137 +134,9 @@ export default {
font-style: normal; font-style: normal;
} }
} }
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
} }
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
} }
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
}
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/easyPoliticsShow/PoliticsShow.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="PoliticsShow-Container"> <div class="PoliticsShow-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>用户总数：<i>3人</i></b> <b>用户总数：<i>3人</i></b>
<b>试用客户：<i>2人</i></b> <b>试用客户：<i>2人</i></b>
<b>VIP：<i>1人</i></b> <b>VIP：<i>1人</i></b>
...@@ -12,12 +12,8 @@ ...@@ -12,12 +12,8 @@
<b>图片作品数：<i>36个</i></b> <b>图片作品数：<i>36个</i></b>
<b>视频作品数：<i>0个</i></b> <b>视频作品数：<i>0个</i></b>
</div> </div>
<span> <span class="topBoxFlex">
<a-input <a-input allowClear v-model="searchName" placeholder="请输入用户姓名/手机号搜索">
allowClear
v-model="searchName"
placeholder="请输入用户姓名/手机号搜索"
>
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<a-select default-value="001"> <a-select default-value="001">
...@@ -32,26 +28,15 @@ ...@@ -32,26 +28,15 @@
<a-select-option value="001"> 等级001 </a-select-option> <a-select-option value="001"> 等级001 </a-select-option>
<a-select-option value="002"> 等级002 </a-select-option> <a-select-option value="002"> 等级002 </a-select-option>
</a-select> </a-select>
<a-button type="primary" >搜索</a-button>
<button class="search_btn">搜索</button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
<a-table <a-table size="small" bordered :row-key="(record) => record.id" :row-selection="{
size="small"
bordered
:row-key="(record) => record.id"
:row-selection="{
selectedRowKeys: tableSelectedKeys, selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange, onChange: onSelectChange,
}" }" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:scroll="{ y: 590 }" :columns="tableHeaders" :dataSource="tableSourceData">
:pagination="tablePagination"
@change="pagTableChange"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableSourceData"
>
<template slot="zhenshixingming" slot-scope="text, record, index"> <template slot="zhenshixingming" slot-scope="text, record, index">
<a-button type="link" @click="openUserDetails">{{ text }}</a-button> <a-button type="link" @click="openUserDetails">{{ text }}</a-button>
</template> </template>
...@@ -179,157 +164,8 @@ export default { ...@@ -179,157 +164,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.PoliticsShow-Container { /deep/.ant-spin-container {
.header_box { display: block;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
/deep/.ant-input-affix-wrapper {
width: 15rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
......
portal-manager-ui/admin/src/views/dataAdmin/components/makeRecordReport/makeRecordReport.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="PoliticsShow-Container"> <div class="PoliticsShow-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
</div> </div>
<span> <span>
<a-input <a-input
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<a-select-option value="002"> 状态002 </a-select-option> <a-select-option value="002"> 状态002 </a-select-option>
</a-select> </a-select>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -186,189 +186,11 @@ export default { ...@@ -186,189 +186,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.PoliticsShow-Container {
.header_box {
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b { /deep/.ant-spin-container {
font-style: normal; display: block;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
&:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
&:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/makeRecordReport/recordReportdetails.vue
View file @ 669d9365
<template> <template>
<div class="Container"> <div class="Container">
<div class="header"> <div class="header">
<button class="go_back" @click="$router.go(-1)">返回上一级</button> <a-button type="success" @click="$router.go(-1)">返回上一级</a-button>
</div> </div>
<div class="main"> <div class="main">
<div class="left_"> <div class="left_">
......
portal-manager-ui/admin/src/views/dataAdmin/components/oneYardPass/reportForm.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="reportForm-Container"> <div class="reportForm-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
</div> </div>
<span> <span>
<a-input <a-input
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
> >
</a-range-picker> </a-range-picker>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -166,188 +166,8 @@ export default { ...@@ -166,188 +166,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.reportForm-Container { /deep/.ant-spin-container {
.header_box { display: block;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
&:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
&:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
......
portal-manager-ui/admin/src/views/dataAdmin/components/pickUp/depositRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="queueRecord-Container"> <div class="queueRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>存件次数：<i>233次</i></b> <b>存件次数：<i>233次</i></b>
<sub>统计时间段：2020.09.09~2021.09.09</sub> <sub>统计时间段：2020.09.09~2021.09.09</sub>
</div> </div>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
> >
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -183,7 +183,9 @@ export default { ...@@ -183,7 +183,9 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.queueRecord-Container { /deep/.ant-spin-container {
display: block;
}
.header_box { .header_box {
padding-bottom: 1rem; padding-bottom: 1rem;
display: flex; display: flex;
...@@ -204,169 +206,8 @@ export default { ...@@ -204,169 +206,8 @@ export default {
font-style: normal; font-style: normal;
} }
} }
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
} }
} }
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
}
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/pickUp/otherRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>次数：<i>233次</i></b> <b>次数：<i>233次</i></b>
<sub>统计时间段：2020.09.09~2021.09.09</sub> <sub>统计时间段：2020.09.09~2021.09.09</sub>
</div> </div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
> >
</a-range-picker> </a-range-picker>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -135,7 +135,9 @@ export default { ...@@ -135,7 +135,9 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.callRecord-Container { /deep/.ant-spin-container {
display: block;
}
.header_box { .header_box {
padding-bottom: 1rem; padding-bottom: 1rem;
display: flex; display: flex;
...@@ -156,168 +158,8 @@ export default { ...@@ -156,168 +158,8 @@ export default {
font-style: normal; font-style: normal;
} }
} }
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
} }
/deep/.ant-input {
height: 2.3rem !important;
} }
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
}
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/pickUp/pickUpRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>取件次数：<i>233次</i></b> <b>取件次数：<i>233次</i></b>
<sub>统计时间段：2020.09.09~2021.09.09</sub> <sub>统计时间段：2020.09.09~2021.09.09</sub>
</div> </div>
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
> >
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -171,7 +171,9 @@ export default { ...@@ -171,7 +171,9 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.callRecord-Container { /deep/.ant-spin-container {
display: block;
}
.header_box { .header_box {
padding-bottom: 1rem; padding-bottom: 1rem;
display: flex; display: flex;
...@@ -198,162 +200,9 @@ export default { ...@@ -198,162 +200,9 @@ export default {
bottom: unset; bottom: unset;
margin-left: 20px; margin-left: 20px;
} }
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
} }
&:hover span {
color: rgb(254, 242, 242);
} }
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
}
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/callRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>叫号次数：<i>233次</i></b> <b>叫号次数：<i>233次</i></b>
<sub>统计时间段：2020.09.09~2021.09.09</sub> <sub>统计时间段：2020.09.09~2021.09.09</sub>
</div> </div>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
> >
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<button class="search_btn">搜索</button> <a-button type="primary" >搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -262,188 +262,8 @@ export default { ...@@ -262,188 +262,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.callRecord-Container { /deep/.ant-spin-container {
.header_box { display: block !important;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
//.ant-calendar-picker-input {
// // background: transparent !important;
// // border-color: #32a6fb !important;
// // color: #32a6fb !important;
// }
//.ant-calendar-range-picker-separator {
// // color: #32a6fb !important;
// }
// ::-webkit-input-placeholder {
// /* WebKit browsers，webkit内核浏览器 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-moz-placeholder {
// /* Mozilla Firefox 4 to 18 */
// // color: #32a6fb;
// // font-size: 16px;
// }
// ::-moz-placeholder {
// /* Mozilla Firefox 19+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
// :-ms-input-placeholder {
// /* Internet Explorer 10+ */
// // color: #32a6fb;
// // font-size: 16px;
// }
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/queueRecord.vue
View file @ 669d9365
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="queueRecord-Container"> <div class="queueRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<button class="export_btn" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</button> </a-button>
<b>叫号次数：<i>233次</i></b> <b>叫号次数：<i>233次</i></b>
<sub>统计时间段：2020.09.09~2021.09.09</sub> <sub>统计时间段：2020.09.09~2021.09.09</sub>
</div> </div>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
> >
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
...@@ -262,189 +262,8 @@ export default { ...@@ -262,189 +262,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.queueRecord-Container { /deep/.ant-spin-container {
.header_box { display: block !important;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
justify-content: flex-start;
align-items: center;
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
}
.export_btn {
outline: none;
cursor: pointer;
border: none;
padding: 0.8rem 1.2rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
font-size: 0.8rem;
border-radius: 6px;
overflow: hidden;
background: #42dac8;
color: ghostwhite;
& span {
position: relative;
z-index: 10;
transition: color 0.4s;
}
&:hover span {
color: rgb(254, 242, 242);
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
&::before {
content: "";
background: #08cfb8;
width: 120%;
left: -10%;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
&:hover::before {
transform: translate3d(100%, 0, 0);
}
}
}
& > span {
display: flex;
justify-content: space-between;
align-items: center;
.range_picker_style {
margin-right: 20px;
// color: #32a6fb !important;
.ant-calendar-picker-input {
// background: transparent !important;
// border-color: #32a6fb !important;
// color: #32a6fb !important;
}
.ant-calendar-range-picker-separator {
// color: #32a6fb !important;
}
::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
// color: #32a6fb;
// font-size: 16px;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
// color: #32a6fb;
// font-size: 16px;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
// color: #32a6fb;
// font-size: 16px;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
// color: #32a6fb;
// font-size: 16px;
}
}
/deep/.ant-input-affix-wrapper {
width: 17rem !important;
margin-right: 1rem !important;
}
/deep/.ant-input {
height: 2.3rem !important;
}
/deep/.ant-select-selection {
width: 170px !important;
height: 2.3rem !important;
margin-right: 1rem !important;
}
/deep/.ant-select-selection__rendered {
height: 100% !important;
}
/deep/.ant-select-selection-selected-value {
height: 100% !important;
line-height: 2.3rem !important;
}
.search_btn {
padding: 0.8rem 1.2rem;
border: 0;
border-radius: 5px;
background: #1890ff;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 0.8rem;
color: hsl(0, 0%, 100%);
transition: all 0.5s ease;
cursor: pointer;
}
.search_btn:hover {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 2px 10px 0px;
}
.search_btn:active {
letter-spacing: 3px;
background-color: #7d5cf9;
color: hsl(0, 0%, 100%);
box-shadow: rgb(93 24 220) 0px 0px 0px 0px;
transform: translateY(2px);
transition: 100ms;
}
}
}
.main {
.type0 {
color: #888888;
}
.type1 {
color: #f94545;
}
.type2 {
color: #04ca8f;
}
/deep/.ant-btn-link {
padding: 0 !important;
& + .ant-btn-link {
margin-left: 1rem !important;
}
}
/deep/.ant-table-pagination {
float: left !important;
}
}
} }
</style> </style>
portal-manager-ui/admin/src/views/dataAdmin/components/serviceDataAnalyse/heatRanking.vue
View file @ 669d9365
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<a-select-option value="002"> 近7天 </a-select-option> <a-select-option value="002"> 近7天 </a-select-option>
</a-select> </a-select>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</template> </template>
</Head> </Head>
<div class="heat_box"> <div class="heat_box">
......
portal-manager-ui/admin/src/views/dataAdmin/components/serviceDataAnalyse/makeTrendResearch.vue
View file @ 669d9365
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<a-select-option value="002"> 近7天 </a-select-option> <a-select-option value="002"> 近7天 </a-select-option>
</a-select> </a-select>
<button class="search_btn">搜索</button> <a-button type="primary">搜索</a-button>
</template> </template>
</Head> </Head>
<div class="echarts"> <div class="echarts">
......
portal-manager-ui/admin/src/views/dataAdmin/dataAdmin.vue
View file @ 669d9365
...@@ -70,6 +70,9 @@ ...@@ -70,6 +70,9 @@
</li> </li>
<li class="content_list" @click="pushRouter8">取件记录报表</li> <li class="content_list" @click="pushRouter8">取件记录报表</li>
<li class="content_list" @click="pushRouter9">短信记录报表</li> <li class="content_list" @click="pushRouter9">短信记录报表</li>
<li class="content_list" @click="pushRouter10">评价记录报表</li>
<li class="content_list" @click="pushRouter11">样表记录报表</li>
<li class="content_list" @click="pushRouter12">填单记录样表</li>
</ul> </ul>
<p class="bottom" @click="handleCkeck(11)"> <p class="bottom" @click="handleCkeck(11)">
协同类数据分析<a-icon type="swap-right" /> 协同类数据分析<a-icon type="swap-right" />
...@@ -263,6 +266,24 @@ export default { ...@@ -263,6 +266,24 @@ export default {
path: "/home/dataManagement/SMS/SMSRecord", path: "/home/dataManagement/SMS/SMSRecord",
}); });
}, },
pushRouter10() {
// 评价记录报表
this.$router.push({
path: "/home/dataManagement/evaluationRecordReport/windowsEvaluation",
});
},
pushRouter11() {
// 样记录报表
this.$router.push({
path: "/home/dataManagement/sampleRecordReport/sampleForm",
});
},
pushRouter12() {
// 填单记录样表
this.$router.push({
path: "/home/dataManagement/fillRecordReport/fillForm",
});
},
}, },
}; };
</script> </script>
......
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