fix: 优化各页面
This commit is contained in:
parent
acf73d481e
commit
0f5deea676
BIN
src/assets/images/global/calendar.png
Normal file
BIN
src/assets/images/global/calendar.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
20
src/components/CustomDatePicker/index.vue
Normal file
20
src/components/CustomDatePicker/index.vue
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
<template>
|
||||||
|
<a-date-picker v-bind="$attrs">
|
||||||
|
<img src="@/assets/images/global/calendar.png" slot="suffixIcon" alt="" srcset="">
|
||||||
|
</a-date-picker>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: [String, Object]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="">
|
||||||
|
|
||||||
|
</style>
|
|
@ -15,7 +15,7 @@
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-button class="search-btn" type="primary" @click="onSearch">
|
<a-button class="search-btn" type="primary" @click="onSearch">
|
||||||
<img src="@/assets/images/global/search.png" alt="" />
|
<img src="@/assets/images/global/search.png" alt="" />
|
||||||
search
|
Search
|
||||||
</a-button>
|
</a-button>
|
||||||
<slot name="additional"></slot>
|
<slot name="additional"></slot>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
|
@ -15,7 +15,6 @@ import Antd, { version } from 'ant-design-vue'
|
||||||
console.log('ant-design-vue version:', version)
|
console.log('ant-design-vue version:', version)
|
||||||
|
|
||||||
import Viser from 'viser-vue'
|
import Viser from 'viser-vue'
|
||||||
import 'ant-design-vue/dist/antd.less'; // or 'ant-design-vue/dist/antd.less'
|
|
||||||
|
|
||||||
import '@/permission' // permission control
|
import '@/permission' // permission control
|
||||||
import '@/utils/filter' // base filter
|
import '@/utils/filter' // base filter
|
||||||
|
@ -55,6 +54,7 @@ import SearchForm from '@/components/SearchForm'
|
||||||
import CustomSelect from '@/components/CustomSelect'
|
import CustomSelect from '@/components/CustomSelect'
|
||||||
import CustomTable from '@/components/CustomTable'
|
import CustomTable from '@/components/CustomTable'
|
||||||
import CustomModal from '@/components/CustomModal'
|
import CustomModal from '@/components/CustomModal'
|
||||||
|
import CustomDatePicker from '@/components/CustomDatePicker'
|
||||||
|
|
||||||
|
|
||||||
Vue.prototype.rules = rules
|
Vue.prototype.rules = rules
|
||||||
|
@ -74,6 +74,7 @@ Vue.component('search-form', SearchForm)
|
||||||
Vue.component('custom-select', CustomSelect)
|
Vue.component('custom-select', CustomSelect)
|
||||||
Vue.component('custom-table', CustomTable)
|
Vue.component('custom-table', CustomTable)
|
||||||
Vue.component('custom-modal', CustomModal)
|
Vue.component('custom-modal', CustomModal)
|
||||||
|
Vue.component('custom-date-picker', CustomDatePicker)
|
||||||
|
|
||||||
SSO.init(() => {
|
SSO.init(() => {
|
||||||
main()
|
main()
|
||||||
|
|
|
@ -168,7 +168,7 @@ export const JeecgListMixin = {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (this.selectedRowKeys.length <= 0) {
|
if (this.selectedRowKeys.length <= 0) {
|
||||||
this.$message.warning('请选择一条记录!');
|
this.$message.warning('Please Select An Item');
|
||||||
return;
|
return;
|
||||||
} else {
|
} else {
|
||||||
var ids = "";
|
var ids = "";
|
||||||
|
@ -177,8 +177,8 @@ export const JeecgListMixin = {
|
||||||
}
|
}
|
||||||
var that = this;
|
var that = this;
|
||||||
this.$confirm({
|
this.$confirm({
|
||||||
title: "确认删除",
|
title: "Confirm Delete",
|
||||||
content: "是否删除选中数据?",
|
content: "Do You Want To Delete This Item?",
|
||||||
onOk: function () {
|
onOk: function () {
|
||||||
that.loading = true;
|
that.loading = true;
|
||||||
deleteAction(that.url.deleteBatch, {ids: ids}).then((res) => {
|
deleteAction(that.url.deleteBatch, {ids: ids}).then((res) => {
|
||||||
|
|
|
@ -1,4 +1,28 @@
|
||||||
// 重置样式
|
// 重置样式
|
||||||
|
@import '~ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件
|
||||||
|
|
||||||
|
@modalBg: #022024;
|
||||||
|
@formInputBgColor: #03353f;
|
||||||
|
@formInputBorderColor: #0b8c82;
|
||||||
|
|
||||||
|
@primary-color: #1397a3;
|
||||||
|
@link-color: #1397a3;
|
||||||
|
@border-radius-base: 4px;
|
||||||
|
@text-color: #fff;
|
||||||
|
@btn-default-bg: #b98326;
|
||||||
|
@btn-default-border: #b98326;
|
||||||
|
|
||||||
|
@radio-button-bg: transparent;
|
||||||
|
@radio-button-checked-bg: transparent;
|
||||||
|
@radio-button-color: @btn-default-color;
|
||||||
|
|
||||||
|
@modal-footer-border-color-split: @formInputBorderColor;
|
||||||
|
|
||||||
|
.ant-btn:hover, .ant-btn:active {
|
||||||
|
color: #fff !important;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: MicrogrammaD-MediExte;
|
font-family: MicrogrammaD-MediExte;
|
||||||
|
@ -21,8 +45,6 @@ body {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
@modalBg: #022024;
|
|
||||||
|
|
||||||
// 卡片样式
|
// 卡片样式
|
||||||
.ant-card {
|
.ant-card {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
@ -134,11 +156,9 @@ body {
|
||||||
&-container {
|
&-container {
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
&-clear,
|
&-clear {
|
||||||
&-icon {
|
background-color: @formInputBgColor;
|
||||||
>svg {
|
color: #00e9fe !important;
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -275,8 +295,6 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@formInputBgColor: #03353f;
|
|
||||||
@formInputBorderColor: #0b8c82;
|
|
||||||
// 输入框样式
|
// 输入框样式
|
||||||
.ant-input {
|
.ant-input {
|
||||||
background-color: @formInputBgColor !important;
|
background-color: @formInputBgColor !important;
|
||||||
|
|
|
@ -55,9 +55,16 @@
|
||||||
</custom-table>
|
</custom-table>
|
||||||
</div>
|
</div>
|
||||||
<!-- 日志列表结束 -->
|
<!-- 日志列表结束 -->
|
||||||
<custom-modal title="Log" v-model="visible" :show-footer="false">
|
<custom-modal
|
||||||
<a-spin :spinning="isGettingDetail" style="min-height: 100px">
|
title="Log"
|
||||||
{{ logInfo }}
|
:width="620"
|
||||||
|
v-model="visible"
|
||||||
|
:show-footer="false"
|
||||||
|
>
|
||||||
|
<a-spin :spinning="isGettingDetail" style="min-height: 100px; max-height: 520px; overflow: auto; white-space: nowrap; padding: 10px;">
|
||||||
|
<div v-for="(logItem, index) in logInfo" :key="index">
|
||||||
|
{{ logItem }}
|
||||||
|
</div>
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</custom-modal>
|
</custom-modal>
|
||||||
</div>
|
</div>
|
||||||
|
@ -116,7 +123,7 @@ export default {
|
||||||
|
|
||||||
visible: false,
|
visible: false,
|
||||||
isGettingDetail: false,
|
isGettingDetail: false,
|
||||||
logInfo: ''
|
logInfo: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
@ -197,7 +204,8 @@ export default {
|
||||||
try {
|
try {
|
||||||
this.isGettingDetail = true
|
this.isGettingDetail = true
|
||||||
const res = await postAction('/logManage/downloadFile', formData)
|
const res = await postAction('/logManage/downloadFile', formData)
|
||||||
this.logInfo = res
|
console.log('%c [ res ]-206', 'font-size:13px; background:pink; color:#bf2c9f;', res.split('\r\n'))
|
||||||
|
this.logInfo = res.split('\r\n')
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error)
|
console.error(error)
|
||||||
} finally {
|
} finally {
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
:selectedRowKeys.sync="selectedRowKeys"
|
:selectedRowKeys.sync="selectedRowKeys"
|
||||||
:scroll="{ x: true, y: 'calc(100vh - 405px)' }"
|
:scroll="{ x: true, y: 'calc(100vh - 410px)' }"
|
||||||
>
|
>
|
||||||
<template slot="index" slot-scope="{ index }">
|
<template slot="index" slot-scope="{ index }">
|
||||||
{{ index + 1 }}
|
{{ index + 1 }}
|
||||||
|
@ -295,7 +295,7 @@ export default {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'From',
|
label: 'From',
|
||||||
type: 'a-date-picker',
|
type: 'custom-date-picker',
|
||||||
name: 'collectStart',
|
name: 'collectStart',
|
||||||
props: {
|
props: {
|
||||||
showTime: { format: 'HH:mm' },
|
showTime: { format: 'HH:mm' },
|
||||||
|
@ -312,7 +312,7 @@ export default {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'To',
|
label: 'To',
|
||||||
type: 'a-date-picker',
|
type: 'custom-date-picker',
|
||||||
name: 'collectStop',
|
name: 'collectStop',
|
||||||
props: {
|
props: {
|
||||||
showTime: { format: 'HH:mm' },
|
showTime: { format: 'HH:mm' },
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<custom-modal
|
<custom-modal
|
||||||
:title="title"
|
:title="title"
|
||||||
:width="800"
|
:width="600"
|
||||||
v-model="visible"
|
v-model="visible"
|
||||||
:confirmLoading="confirmLoading"
|
:confirmLoading="confirmLoading"
|
||||||
:okHandler="handleOk"
|
:okHandler="handleOk"
|
||||||
|
@ -35,8 +35,8 @@
|
||||||
roleDisabled: false,
|
roleDisabled: false,
|
||||||
model: {},
|
model: {},
|
||||||
layout: {
|
layout: {
|
||||||
labelCol: { span: 3 },
|
labelCol: { span: 5 },
|
||||||
wrapperCol: { span: 14 },
|
wrapperCol: { span: 17 },
|
||||||
},
|
},
|
||||||
confirmLoading: false,
|
confirmLoading: false,
|
||||||
validatorRules:{
|
validatorRules:{
|
||||||
|
|
Loading…
Reference in New Issue
Block a user