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-button class="search-btn" type="primary" @click="onSearch">
<img src="@/assets/images/global/search.png" alt="" />
search
Search
</a-button>
<slot name="additional"></slot>
</a-row>

View File

@ -15,7 +15,6 @@ import Antd, { version } from 'ant-design-vue'
console.log('ant-design-vue version:', version)
import Viser from 'viser-vue'
import 'ant-design-vue/dist/antd.less'; // or 'ant-design-vue/dist/antd.less'
import '@/permission' // permission control
import '@/utils/filter' // base filter
@ -55,6 +54,7 @@ import SearchForm from '@/components/SearchForm'
import CustomSelect from '@/components/CustomSelect'
import CustomTable from '@/components/CustomTable'
import CustomModal from '@/components/CustomModal'
import CustomDatePicker from '@/components/CustomDatePicker'
Vue.prototype.rules = rules
@ -74,6 +74,7 @@ Vue.component('search-form', SearchForm)
Vue.component('custom-select', CustomSelect)
Vue.component('custom-table', CustomTable)
Vue.component('custom-modal', CustomModal)
Vue.component('custom-date-picker', CustomDatePicker)
SSO.init(() => {
main()

View File

@ -168,7 +168,7 @@ export const JeecgListMixin = {
return
}
if (this.selectedRowKeys.length <= 0) {
this.$message.warning('请选择一条记录!');
this.$message.warning('Please Select An Item');
return;
} else {
var ids = "";
@ -177,8 +177,8 @@ export const JeecgListMixin = {
}
var that = this;
this.$confirm({
title: "确认删除",
content: "是否删除选中数据?",
title: "Confirm Delete",
content: "Do You Want To Delete This Item?",
onOk: function () {
that.loading = true;
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-family: MicrogrammaD-MediExte;
@ -21,8 +45,6 @@ body {
height: 100vh;
}
@modalBg: #022024;
// 卡片样式
.ant-card {
background-color: transparent;
@ -134,11 +156,9 @@ body {
&-container {
padding-top: 2px;
}
&-clear,
&-icon {
>svg {
display: none;
}
&-clear {
background-color: @formInputBgColor;
color: #00e9fe !important;
}
}
@ -275,8 +295,6 @@ body {
}
}
@formInputBgColor: #03353f;
@formInputBorderColor: #0b8c82;
// 输入框样式
.ant-input {
background-color: @formInputBgColor !important;

View File

@ -55,9 +55,16 @@
</custom-table>
</div>
<!-- 日志列表结束 -->
<custom-modal title="Log" v-model="visible" :show-footer="false">
<a-spin :spinning="isGettingDetail" style="min-height: 100px">
{{ logInfo }}
<custom-modal
title="Log"
: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>
</custom-modal>
</div>
@ -116,7 +123,7 @@ export default {
visible: false,
isGettingDetail: false,
logInfo: ''
logInfo: []
}
},
created() {
@ -197,7 +204,8 @@ export default {
try {
this.isGettingDetail = true
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) {
console.error(error)
} finally {

View File

@ -17,7 +17,7 @@
:loading="loading"
@change="handleTableChange"
:selectedRowKeys.sync="selectedRowKeys"
:scroll="{ x: true, y: 'calc(100vh - 405px)' }"
:scroll="{ x: true, y: 'calc(100vh - 410px)' }"
>
<template slot="index" slot-scope="{ index }">
{{ index + 1 }}
@ -295,7 +295,7 @@ export default {
},
{
label: 'From',
type: 'a-date-picker',
type: 'custom-date-picker',
name: 'collectStart',
props: {
showTime: { format: 'HH:mm' },
@ -312,7 +312,7 @@ export default {
},
{
label: 'To',
type: 'a-date-picker',
type: 'custom-date-picker',
name: 'collectStop',
props: {
showTime: { format: 'HH:mm' },

View File

@ -1,7 +1,7 @@
<template>
<custom-modal
:title="title"
:width="800"
:width="600"
v-model="visible"
:confirmLoading="confirmLoading"
:okHandler="handleOk"
@ -35,8 +35,8 @@
roleDisabled: false,
model: {},
layout: {
labelCol: { span: 3 },
wrapperCol: { span: 14 },
labelCol: { span: 5 },
wrapperCol: { span: 17 },
},
confirmLoading: false,
validatorRules:{