fix: 优化各页面

This commit is contained in:
Xu Zhimeng 2023-05-26 15:07:08 +08:00
parent acf73d481e
commit 0f5deea676
9 changed files with 72 additions and 25 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View 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>

View File

@ -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>

View File

@ -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()

View File

@ -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) => {

View File

@ -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;

View File

@ -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 {

View File

@ -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' },

View File

@ -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:{