表单对齐

master
yin-kangning 2023-11-14 11:38:55 +08:00
parent 5a6d28fd88
commit 4ca32123cb
8 changed files with 111 additions and 105 deletions

View File

@ -4,9 +4,9 @@ spring:
druid:
db-type: com.alibaba.druid.pool.DruidDataSource
driverClassName: net.sf.log4jdbc.sql.jdbcapi.DriverSpy
url: jdbc:log4jdbc:mysql://${DB_HOST:localhost}:${DB_PORT:3306}/${DB_NAME:eladmin}?serverTimezone=Asia/Shanghai&characterEncoding=utf8&useSSL=false
url: jdbc:log4jdbc:mysql://${DB_HOST:182.254.242.199}:${DB_PORT:3306}/${DB_NAME:admin}?serverTimezone=Asia/Shanghai&characterEncoding=utf8&useSSL=false
username: ${DB_USER:root}
password: ${DB_PWD:123456}
password: ${DB_PWD:ykn123456}
# 初始连接数
initial-size: 5
# 最小连接数

View File

@ -2,6 +2,6 @@ ENV = 'production'
# 如果使用 Nginx 代理后端接口,那么此处需要改为 '/',文件查看 Docker 部署篇Nginx 配置
# 接口地址,注意协议,如果你没有配置 ssl需要将 https 改为 http
VUE_APP_BASE_API = 'https://eladmin.vip'
VUE_APP_BASE_API = 'http://182.254.242.199'
# 如果接口是 http 形式, wss 需要改为 ws
VUE_APP_WS_API = 'wss://eladmin.vip'
VUE_APP_WS_API = 'ws://182.254.242.199'

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

View File

@ -38,7 +38,7 @@ module.exports = {
/**
* 底部文字支持html语法
*/
footerTxt: '© 2018-2022 Zheng Jie <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License 2.0</a>',
// footerTxt: '© 2018-2022 Zheng Jie <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License 2.0</a>',
/**
* 备案号
*/

View File

@ -47,7 +47,7 @@ import Config from '@/settings'
import { getCodeImg } from '@/api/login'
import Cookies from 'js-cookie'
import qs from 'qs'
import Background from '@/assets/images/background.webp'
import Background from '@/assets/images/kashi2.jpg'
export default {
name: 'Login',
data() {

View File

@ -13,7 +13,7 @@
<!--表单组件-->
<el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="800px">
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="150px">
<el-form-item label="申请人" prop="user.id" hidden="hidden" v-show="false">
<el-form-item v-show="false" label="申请人" prop="user.id" hidden="hidden">
<el-input v-model="form.user.id" />
</el-form-item>
<el-form-item label="申请人" prop="user.nickName">
@ -35,12 +35,13 @@
<el-input v-model="form.productName" style="" />
</el-form-item>
<el-form-item label="申请类型">
<el-select v-model="form.purchaseType" filterable placeholder="请选择" style="">
<el-select v-model="form.purchaseType" filterable placeholder="请选择" style="width:185px">
<el-option
v-for="item in dict.purchase_type"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="品牌/规格/参数">
@ -56,22 +57,23 @@
<el-input v-model="form.totalFee" style="" />
</el-form-item>
<el-form-item label="资金来源">
<el-select v-model="form.feeSource" filterable placeholder="请选择" style="">
<el-select v-model="form.feeSource" filterable placeholder="请选择" style="width:185px">
<el-option
v-for="item in dict.fee_source"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="项目名称">
<el-input v-model="form.projectName" style="" disabled/>
<el-input v-model="form.projectName" style="" />
</el-form-item>
<el-form-item label="项目编号">
<el-input v-model="form.projectNo" style="" disabled />
<el-input v-model="form.projectNo" style="" />
</el-form-item>
<el-form-item label="预计采购时间">
<el-date-picker v-model="form.purchaseTime" type="datetime" style="" />
<el-date-picker v-model="form.purchaseTime" type="datetime" style="width:185px" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="form.remark" style="width: 535px;" />
@ -130,9 +132,9 @@ import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import user from "@/views/system/user/index.vue";
import {mapGetters} from "vuex";
import store from "@/store";
import user from '@/views/system/user/index.vue'
import { mapGetters } from 'vuex'
import store from '@/store'
const defaultForm = { user: { dept: {}}, purchaseId: null, userId: null, reason: null, fee: null, productName: null, purchaseType: null, productInfo: null, productCount: null, productPrice: null, totalFee: null, feeSource: null, projectName: null, projectNo: null, purchaseTime: null, applyTime: null, remark: null, createBy: null, updateBy: null, createTime: null, updateTime: null }
export default {
@ -141,7 +143,7 @@ export default {
mixins: [presenter(), header(), form(defaultForm), crud()],
dicts: ['purchase_type', 'fee_source'],
cruds() {
return CRUD({ title: '经费支出', url: 'api/purchase', idField: 'purchaseId', sort: 'purchaseId,desc', crudMethod: { ...crudPurchase }})
return CRUD({ title: '经费支出申请', url: 'api/purchase', idField: 'purchaseId', sort: 'purchaseId,desc', crudMethod: { ...crudPurchase }})
},
data() {
return {
@ -159,7 +161,7 @@ export default {
},
computed: {
...mapGetters([
'user',
'user'
])
},
methods: {
@ -169,7 +171,7 @@ export default {
},
[CRUD.HOOK.beforeToAdd]() {
this.form.user = this.user
},
}
}
}
</script>

View File

@ -13,7 +13,7 @@
<!--表单组件-->
<el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="800px">
<el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="150px">
<el-form-item label="报销人" prop="user.id" hidden="hidden" v-show="false">
<el-form-item v-show="false" label="报销人" prop="user.id" hidden="hidden">
<el-input v-model="form.user.id" />
</el-form-item>
<el-form-item label="报销人" prop="user.nickName">
@ -25,12 +25,6 @@
<el-form-item label="部门" prop="user.dept.name">
<el-input v-model="form.user.dept.name" disabled />
</el-form-item>
<el-form-item label="开户行" prop="user.dept.name">
<el-input v-model="form.user.userBanks[0].bankName" disabled />
</el-form-item>
<el-form-item label="银行卡号" prop="user.dept.name">
<el-input v-model="form.user.userBanks[0].bankNo" disabled />
</el-form-item>
<el-form-item label="申请事由" prop="reason">
<el-input v-model="form.reason" style="" />
</el-form-item>
@ -38,34 +32,42 @@
<el-input v-model="form.fee" style="" />
</el-form-item>
<el-form-item label="报销类型" prop="reimburseType">
<el-select v-model="form.reimburseType" filterable placeholder="请选择">
<el-select v-model="form.reimburseType" filterable placeholder="请选择" style="width:185px">
<el-option
v-for="item in dict.purchase_type"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="业务费类型" prop="businessFeeType" v-if="businessFeeShow">
<el-form-item v-if="businessFeeShow" label="业务费类型" prop="businessFeeType">
<el-select v-model="form.businessFeeType" filterable placeholder="请选择">
<el-option
v-for="item in dict.business_fee_type"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="资金来源">
<el-select v-model="form.feeSource" filterable placeholder="请选择" >
<el-select v-model="form.feeSource" style="width:185px" filterable placeholder="请选择">
<el-option
v-for="item in dict.fee_source"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="项目名称">
<!-- <el-form-item label="项目名称" prop="projectName" >-->
<!-- <el-input v-model="form.projectName" style="" />-->
<!-- </el-form-item>-->
<el-form-item label="项目名称" prop="projectName">
<el-input v-model="form.projectName" style="" />
<!-- <project-select v-model="form.projectName" ></project-select>-->
</el-form-item>
<el-form-item label="项目编号">
<el-input v-model="form.projectNo" style="" />
@ -74,7 +76,7 @@
<el-input v-model="form.projectFee" style="" />
</el-form-item>
<el-form-item label="花费产生时间" prop="reimburseTime">
<el-date-picker v-model="form.reimburseTime" type="datetime" style="" />
<el-date-picker v-model="form.reimburseTime" type="datetime" style="width:185px" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" style="" />
@ -129,9 +131,9 @@ import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import {mapGetters} from "vuex";
import { mapGetters } from 'vuex'
const defaultForm = { user:{dept:{},userBanks:[{}]},userId: null, reason: null, fee: null, reimburseType: null, feeSource: null, projectName: null, projectNo: null, projectFee: null, reimburseTime: null, remark: null, createBy: null, updateBy: null, createTime: null, updateTime: null, reimburseId: null }
const defaultForm = { user: { dept: {}}, userId: null, reason: null, fee: null, reimburseType: null, feeSource: null, projectName: null, projectNo: null, projectFee: null, reimburseTime: null, remark: null, createBy: null, updateBy: null, createTime: null, updateTime: null, reimburseId: null }
export default {
name: 'Reimburse',
components: { pagination, crudOperation, rrOperation, udOperation },
@ -172,7 +174,7 @@ export default {
},
computed: {
...mapGetters([
'user',
'user'
])
},
watch: {
@ -190,7 +192,7 @@ export default {
},
[CRUD.HOOK.beforeToAdd]() {
this.form.user = this.user
},
}
}
}
</script>

View File

@ -14,7 +14,7 @@
<!-- <el-input v-model="form.user.id" />-->
<!-- </el-form-item>-->
<el-form-item label="劳务人">
<user-select v-model="form.user.id" @userInfo="fillUser" ></user-select>
<user-select v-model="form.user.id" style="width:185px" @userInfo="fillUser" />
</el-form-item>
<el-form-item label="性别">
<el-input v-model="form.user.gender" disabled />
@ -39,19 +39,20 @@
<el-input v-model="form.paidFee" />
</el-form-item>
<el-form-item label="资金来源">
<el-select v-model="form.feeSource" filterable placeholder="请选择">
<el-select v-model="form.feeSource" filterable placeholder="请选择" style="width:185px">
<el-option
v-for="item in dict.fee_source"
:key="item.id"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="审批人">-->
<!-- <el-input v-model="form.approveUserId" />-->
<!-- </el-form-item>-->
<el-form-item label="劳务时间">
<el-date-picker v-model="form.serviceTime" type="datetime" style="" />
<el-input v-model="form.serviceTime" style="" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="form.remark" />
@ -100,7 +101,7 @@ import rrOperation from '@crud/RR.operation.vue'
import crudOperation from '@crud/CRUD.operation.vue'
import udOperation from '@crud/UD.operation.vue'
import pagination from '@crud/Pagination.vue'
import UserSelect from "@/views/system/user/user-select.vue";
import UserSelect from '@/views/system/user/user-select.vue'
const defaultForm = { user: { userBanks: [{}] }, approveUser: {}, serviceFeeId: null, userId: null, payableFee: null, tax: null, paidFee: null, feeSource: null, approveUserId: null, serviceTime: null, applyTime: null, remark: null, createBy: null, updateBy: null, createTime: null, updateTime: null }
export default {
@ -119,7 +120,8 @@ export default {
del: ['admin', 'serviceFee:del']
},
rules: {
} }
}
}
},
methods: {
// false