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-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>
|
||||
|
|
|
@ -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()
|
||||
|
|
|
@ -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) => {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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' },
|
||||
|
|
|
@ -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:{
|
||||
|
|
Loading…
Reference in New Issue
Block a user