cyl/dev
wangxia 2 years ago
parent fdb532b811
commit b119445151

@ -67,4 +67,5 @@ body {
width: auto !important; width: auto !important;
overflow: revert !important; overflow: revert !important;
} }
</style> </style>

@ -470,7 +470,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pagecontainer"> <div class="pagecontainer f40">
<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" /> <a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
<div class="ant-pagination-options-quick-jumper"> <div class="ant-pagination-options-quick-jumper">
跳至 跳至

@ -344,7 +344,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pagecontainer"> <div class="pagecontainer f40">
<a-pagination <a-pagination
:current="+formvalue.pageNum" :current="+formvalue.pageNum"
:default-current="1" :default-current="1"

@ -68,7 +68,8 @@ export default {
color: #fff; color: #fff;
background-color: #fff; background-color: #fff;
border: none; border: none;
width: 92px; // width: 92px;
padding: 0 12px;
height: 24px; height: 24px;
background: #1890ff; background: #1890ff;
border-radius: 4px; border-radius: 4px;

@ -52,9 +52,9 @@
<a v-if="loginUserInfo.agencyRole != 3" class="delete" @click="deleteMemeber(record)"></a> <a v-if="loginUserInfo.agencyRole != 3" class="delete" @click="deleteMemeber(record)"></a>
</div> </div>
</a-table> </a-table>
<div class="pagecontainer"> <div class="pagecontainer mt16">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" /> <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper"> <div class="ant-pagination-options-quick-jumper f14 ml12">
<span>{{ pagination.total }}</span>跳至 <span>{{ pagination.total }}</span>跳至
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" /> <input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div> </div>
@ -1007,4 +1007,21 @@ export default {
} }
} }
} }
/deep/.spinstyle {
.ant-spin-dot-item {
background-color: #1890ff !important;
}
.ant-spin-text {
color: #1890ff !important;
}
}
.pagecontainer {
// position: absolute;
// bottom: 0;
// left: 50%;
width: 100%;
// transform: translateX(-50%);
display: flex;
// justify-content: center;
}
</style> </style>

@ -91,10 +91,11 @@
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose> <a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
<div slot="title" destoryOnClose>明细</div> <div slot="title" destoryOnClose>明细</div>
<div class="searchinput"> <div class="searchinput">
<a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys"> <a-input-search placeholder="请输入老乡姓名" v-model.trim="billPagination.keys" enter-button allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch" />
<!-- <a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys">
<i slot="prefix" class="iconfont icon-sousuo"></i> <i slot="prefix" class="iconfont icon-sousuo"></i>
<button slot="suffix" @click="onSearch"></button> <button slot="suffix" @click="onSearch"></button>
</a-input> </a-input>-->
</div> </div>
<a-table :columns="billColumns" :scroll="{ x: 1100}" :data-source="billList" class="detailTable" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index"> <a-table :columns="billColumns" :scroll="{ x: 1100}" :data-source="billList" class="detailTable" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
<span slot="storeJobName" slot-scope="text">{{text}}</span> <span slot="storeJobName" slot-scope="text">{{text}}</span>
@ -104,7 +105,7 @@
</a-table> </a-table>
<div class="pagecontainer"> <div class="pagecontainer">
<a-pagination :current="billPagination.pageNum" :default-current="1" :defaultPageSize="8" :total="billPagination.total" @change="onChange" /> <a-pagination :current="billPagination.pageNum" :default-current="1" :defaultPageSize="8" :total="billPagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper"> <div class="ant-pagination-options-quick-jumper ml12">
<span>{{ billPagination.total }}</span>跳至 <span>{{ billPagination.total }}</span>跳至
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" /> <input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div> </div>
@ -152,7 +153,7 @@ export default {
rowSelection, rowSelection,
billPagination: { billPagination: {
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 10,
total: null, // total: null, //
status: 0, status: 0,
keys: null, keys: null,
@ -221,7 +222,7 @@ export default {
state: '报名中', state: '报名中',
}, },
], ],
contentListSearchForm: { pageNum: 1, pageSize: 8, keys: '' }, contentListSearchForm: { pageNum: 1, pageSize: 10, keys: '' },
townsmanDetailVisible: false, townsmanDetailVisible: false,
isspinning: false, isspinning: false,
totalObj: { totalObj: {
@ -701,7 +702,7 @@ export default {
this.townsmanDetailVisible = false this.townsmanDetailVisible = false
this.billPagination = { this.billPagination = {
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 10,
total: null, // total: null, //
status: 0, status: 0,
keys: null, keys: null,
@ -767,6 +768,14 @@ export default {
this.dateType = '入职时间' this.dateType = '入职时间'
this.dateVal = 'status40OperateTime' this.dateVal = 'status40OperateTime'
break break
case 60:
this.dateType = '入职时间'
this.dateVal = 'status40OperateTime'
break
case 70:
this.dateType = '交付时间'
this.dateVal = 'status40OperateTime'
break
default: default:
break break
} }
@ -838,9 +847,9 @@ export default {
} }
/deep/ .ant-modal-content { /deep/ .ant-modal-content {
.ant-modal-body { .ant-modal-body {
min-height: 640px; min-height: 780px;
max-height: 700px; max-height: 780px;
padding-bottom: 90px; padding-bottom: 50px;
overflow: auto; overflow: auto;
} }
} }
@ -913,73 +922,21 @@ export default {
width: 326px; width: 326px;
margin-bottom: 16px; margin-bottom: 16px;
position: relative; position: relative;
.ant-input {
// width: 300px;
position: relative;
height: 32px;
text-indent: 10px;
background: #fff;
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 0px;
box-shadow: 0px 2px 4px 0px transparent;
font-size: 14px !important;
padding-right: 0;
border-color: #ddd;
// z-index: ;
&::placeholder {
text-indent: 10px;
font-size: 14px !important;
}
&:hover {
border-color: #ff4400;
box-shadow: none;
}
&:focus {
border-color: #ff4400;
}
}
.ant-input-affix-wrapper {
.ant-input-prefix {
position: absolute;
width: 20px;
right: 0;
top: 16px;
i {
color: #c9c9c9;
}
}
.ant-input-suffix {
// position: absolute;
right: 0px !important;
}
}
button {
width: 70px;
height: 32px;
color: white;
background: #ff4400;
border-color: #ff4400;
border: none;
border-radius: 0px;
font-size: 14px;
box-shadow: none;
cursor: pointer;
outline: none;
&:hover {
background-color: #ff4400cc;
}
// &:focus {
// border: none;
// }
}
} }
.pagecontainer { .pagecontainer {
position: absolute; // position: absolute;
bottom: 0; // bottom: 0;
left: 50%; // left: 50%;
width: 100%; width: 100%;
transform: translateX(-50%); // transform: translateX(-50%);
display: flex;
// justify-content: center;
}
/deep/.ant-btn-primary:hover {
border-color: #40a9ff;
background-color: #40a9ff;
color: #fff;
} }
.detailTable { .detailTable {
/deep/.ant-table-body { /deep/.ant-table-body {
@ -1053,7 +1010,57 @@ export default {
position: absolute; position: absolute;
left: 0px; left: 0px;
} }
/deep/.spinstyle {
.ant-spin-dot-item {
background-color: #1890ff !important;
}
.ant-spin-text {
color: #1890ff !important;
}
}
/deep/.ant-calendar-panel {
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #1890ff !important;
}
.ant-calendar-date:hover {
border-color: #1890ff !important;
background-color: #fff;
color: #1890ff !important;
}
.ant-calendar-today .ant-calendar-date {
background-color: #1890ff !important;
border-color: #1890ff !important;
color: #fff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
background-color: #1890ff !important;
border-color: #1890ff !important;
color: #fff;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
background: #e6f7ff !important;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
background: #1890ff !important;
}
.ant-calendar-header a:hover {
color: #1890ff !important;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
background: #1890ff !important;
}
.ant-calendar-month-panel-month:hover,
.ant-calendar-year-panel-year:hover,
.ant-calendar-decade-panel-decade:hover {
background: #e6f7ff !important;
}
}
// /deep/.ant-popover .ant-popover-content .ant-popover-inner-content { // /deep/.ant-popover .ant-popover-content .ant-popover-inner-content {
// width: 200px !important; // width: 200px !important;
// } // }

@ -34,7 +34,7 @@
> >
<a slot="name" slot-scope="text">{{ text }}</a> <a slot="name" slot-scope="text">{{ text }}</a>
</a-table> </a-table>
<div class="pagecontainer"> <div class="pagecontainer f40">
<a-pagination <a-pagination
:current="+pagination.pageNum" :current="+pagination.pageNum"
:default-current="1" :default-current="1"

@ -1,5 +1,5 @@
<template> <template>
<div class="mybill-container w"> <div class="mybill-container f40 w">
<div class="contenttitle"> <div class="contenttitle">
<ul @click="resetpag"> <ul @click="resetpag">
<li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }"> <li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
@ -52,14 +52,14 @@
</div> </div>
<div class="contentbody"> <div class="contentbody">
<div class="searchbox"> <div class="searchbox">
<div class="searchinput"> <div class="searchinput f40">
<a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys"> <a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys">
<i slot="prefix" class="iconfont icon-sousuo"></i> <i slot="prefix" class="iconfont icon-sousuo"></i>
<button slot="suffix" @click="onSearch"></button> <button slot="suffix" @click="onSearch"></button>
</a-input> </a-input>
<div> <div>
<div>报名时间</div> <div>报名时间</div>
<a-range-picker style @change="dateChange" class /> <a-range-picker style @change="dateChange" class dropdownClassName="f40" />
</div> </div>
</div> </div>
<div class="pagechange"> <div class="pagechange">
@ -128,7 +128,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pagecontainer" v-if="billList.length !== 0"> <div class="pagecontainer f40" v-if="billList.length !== 0">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" /> <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper"> <div class="ant-pagination-options-quick-jumper">
<span>{{ pagination.total }}</span> <span>{{ pagination.total }}</span>
@ -1165,7 +1165,7 @@ export default {
.ant-calendar-picker-input { .ant-calendar-picker-input {
display: flex; display: flex;
padding-left: 0; padding-left: 0;
justify-content: space-between; justify-content: center;
// margin-left: 20px; // margin-left: 20px;
width: 260px; width: 260px;
border-color: #ccc; border-color: #ccc;
@ -1557,4 +1557,47 @@ export default {
} }
} }
} }
/deep/ .ant-calendar-panel {
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #ff4400;
}
.ant-calendar-date:hover {
border-color: #ff4400;
background-color: #fff;
color: #ff4400;
}
.ant-calendar-today .ant-calendar-date {
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
background: #fff3ef;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
background: #ff4400;
}
.ant-calendar-header a:hover {
color: #ff4400;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
background: #ff4400;
}
.ant-calendar-month-panel-month:hover,
.ant-calendar-year-panel-year:hover,
.ant-calendar-decade-panel-decade:hover {
background: #fff3ef;
}
}
</style> </style>

@ -1,5 +1,5 @@
<template> <template>
<div class="townsman-container w"> <div class="townsman-container f40 w">
<div class="contenttitle"> <div class="contenttitle">
<ul @click="resetpag"> <ul @click="resetpag">
<li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }"> <li @click="pagination.status = 0" :class="{ townsmanactive: pagination.status === 0 }">
@ -36,11 +36,11 @@
<button @click="changepage(1)"></button> <button @click="changepage(1)"></button>
</div> </div>
</div> </div>
<a-table :columns="columns" :data-source="data" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :locale="tablenodata" :rowKey="(record) => record.index"> <a-table :columns="columns" class="" :data-source="data" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :locale="tablenodata" :rowKey="(record) => record.index">
<a slot="name" slot-scope="text" style="height:0px">{{ text }}</a> <a slot="name" slot-scope="text" style="height:0px">{{ text }}</a>
<a slot="userDetail" style="color: #ff4400;height:0px" slot-scope="text, text1" @click="toDetail(text1)"></a> <a slot="userDetail" style="color: #ff4400;height:0px" slot-scope="text, text1" @click="toDetail(text1)"></a>
</a-table> </a-table>
<div class="pagecontainer"> <div class="pagecontainer f40">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" /> <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper"> <div class="ant-pagination-options-quick-jumper">
<span>{{ pagination.total }}</span>跳至 <span>{{ pagination.total }}</span>跳至

@ -410,7 +410,8 @@ i {
//svg图标 //svg图标
.svg_icon { .svg_icon {
width: 1em; height: 1em; width: 1em;
height: 1em;
fill: currentColor; fill: currentColor;
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
@ -469,7 +470,7 @@ i {
} }
} }
// 分页器样式 // 分页器样式
.pagecontainer { .pagecontainer.f40 {
display: flex; display: flex;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
@ -800,6 +801,7 @@ p.bottombox {
} }
} }
// 日期选择器样式 // 日期选择器样式
.f40 {
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month { .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #ff4400; background: #ff4400;
} }
@ -841,46 +843,9 @@ p.bottombox {
.ant-calendar-decade-panel-decade:hover { .ant-calendar-decade-panel-decade:hover {
background: #fff3ef; background: #fff3ef;
} }
// 全体样式
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
color: #ff4400;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
background: #fff3ef;
}
.ant-radio-checked .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none !important;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio:hover .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio-checked:hover .ant-radio-inner {
border-color: #ff4400 !important;
}
.ant-radio {
border-color: #ddd !important;
box-shadow: none !important;
}
.ant-btn-primary:hover {
border-color: #ff4400;
background-color: #ff5416;
color: #fff;
}
.ant-input:hover {
border-color: #ff4400;
} }
// 全体样式
.ant-select-selection:active { .ant-select-selection:active {
box-shadow: none; box-shadow: none;
} }

@ -18,9 +18,9 @@
<li> <li>
<router-link to="/mytownsman" :class="routertitleindex == 4 ? 'titleactive' : ''">我的老乡</router-link> <router-link to="/mytownsman" :class="routertitleindex == 4 ? 'titleactive' : ''">我的老乡</router-link>
</li> </li>
<li> <!-- <li>
<router-link to="/dataStatistics" :class="routertitleindex == 6 ? 'titleactive' : ''">团队数据</router-link> <router-link to="/dataStatistics" :class="routertitleindex == 6 ? 'titleactive' : ''">团队数据</router-link>
</li> </li>-->
<!-- <li> <!-- <li>
<router-link to="/serviceoutlets" <router-link to="/serviceoutlets"
><a ><a
@ -1028,4 +1028,48 @@ export default {
// box-shadow: 3px 3px 3px 3px #00000033; // box-shadow: 3px 3px 3px 3px #00000033;
} }
} }
.f40 {
/deep/ .ant-table {
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
color: #ff4400;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
background: #fff3ef;
}
.ant-radio-checked .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none !important;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio:hover .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio-checked:hover .ant-radio-inner {
border-color: #ff4400 !important;
}
.ant-radio {
border-color: #ddd !important;
box-shadow: none !important;
}
.ant-btn-primary:hover {
border-color: #ff4400;
background-color: #ff5416;
color: #fff;
}
.ant-input:hover {
border-color: #ff4400;
}
}
}
</style> </style>

@ -459,4 +459,12 @@ header.header,
color: #1890ff; color: #1890ff;
} }
} }
/deep/.spinstyle {
.ant-spin-dot-item {
background-color: #1890ff !important;
}
.ant-spin-text {
color: #1890ff !important;
}
}
</style> </style>

Loading…
Cancel
Save