feat: id改为前端输入,优化部分样式

This commit is contained in:
Xu Zhimeng 2023-05-16 10:14:27 +08:00
parent d6198fd43f
commit bb55f090ee
7 changed files with 45 additions and 33 deletions

View File

@ -5,26 +5,12 @@
<div class="header"> <div class="header">
<a href="/"> <a href="/">
<img src="~@/assets/logo.png" class="logo" alt="logo"> <img src="~@/assets/logo.png" class="logo" alt="logo">
<span class="title">Jeecg Boot</span> <span class="title">核素监测数据自动处理与交互分析系统</span>
</a> </a>
</div> </div>
<div class="desc">
Jeecg Boot 是中国最具影响力的 企业级 低代码平台
</div>
</div> </div>
<route-view></route-view> <route-view></route-view>
<div class="footer">
<div class="links">
<a href="http://doc.jeecg.com" target="_blank">帮助</a>
<a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">隐私</a>
<a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">条款</a>
</div>
<div class="copyright">
Copyright &copy; 2019 <a href="http://www.jeecg.com" target="_blank">JEECG开源社区</a> 出品
</div>
</div>
</div> </div>
</div> </div>
</template> </template>

View File

@ -663,14 +663,17 @@
} }
.sub-menus { .sub-menus {
border-top: 1px solid rgba(12, 235, 201, .3);
border-bottom: 1px solid rgba(12, 235, 201, .3);
margin-bottom: 16px; margin-bottom: 16px;
padding: 5px 10px;
background-color: rgba(12, 235, 201, .05);
overflow: auto;
.ant-menu { .ant-menu {
font-size: 16px;
background: rgba(12, 235, 201, .05);
border-bottom: none; border-bottom: none;
height: 40px; font-size: 16px;
line-height: normal; line-height: normal;
padding-top: 5px; background-color: transparent;
.ant-menu-item { .ant-menu-item {
background: rgba(58, 236, 240, .22) !important; background: rgba(58, 236, 240, .22) !important;
border-bottom: none !important; border-bottom: none !important;

View File

@ -71,7 +71,7 @@ body {
} }
} }
&-placeholder { &-placeholder {
background-color: transparent; background-color: @modalBg;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
} }
@ -582,6 +582,15 @@ body {
background-color: #15494c !important; background-color: #15494c !important;
} }
#userLayout {
.container {
background-color: @modalBg !important;
.title {
color: #fff !important;
}
}
}
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: #15494c !important; background-color: #15494c !important;
} }

View File

@ -52,8 +52,10 @@
:colon="false" :colon="false"
:labelCol="{ style: { width: '115px' } }" :labelCol="{ style: { width: '115px' } }"
:wrapperCol="{ style: { width: '300px' } }" :wrapperCol="{ style: { width: '300px' } }"
autocomplete="off"
> >
<a-form-model-item label="Detector Id" prop="detectorId">
<a-input v-model="model.detectorId" type="number"></a-input>
</a-form-model-item>
<a-form-model-item label="Detector Code" prop="detectorCode"> <a-form-model-item label="Detector Code" prop="detectorCode">
<a-input v-model="model.detectorCode"></a-input> <a-input v-model="model.detectorCode"></a-input>
</a-form-model-item> </a-form-model-item>
@ -193,6 +195,7 @@ export default {
return { return {
queryParam: {}, queryParam: {},
rules: { rules: {
detectorId: [{ required: true, message: 'Please Enter Detector Id' }],
detectorCode: [{ required: true, validator: validateDetectorCode }], detectorCode: [{ required: true, validator: validateDetectorCode }],
moddate: [{ required: true, message: 'Please Select Moddate' }] moddate: [{ required: true, message: 'Please Select Moddate' }]
}, },

View File

@ -53,6 +53,9 @@
:labelCol="{ style: { width: '105px' } }" :labelCol="{ style: { width: '105px' } }"
:wrapperCol="{ style: { width: '300px' } }" :wrapperCol="{ style: { width: '300px' } }"
> >
<a-form-model-item label="Facility Id" prop="facilityId">
<a-input v-model="model.facilityId" type="number"></a-input>
</a-form-model-item>
<a-form-model-item label="Facility Name" prop="facilityName"> <a-form-model-item label="Facility Name" prop="facilityName">
<a-input v-model="model.facilityName"></a-input> <a-input v-model="model.facilityName"></a-input>
</a-form-model-item> </a-form-model-item>
@ -145,6 +148,7 @@ export default {
return { return {
queryParam: {}, queryParam: {},
rules: { rules: {
facilityId: [{ required: true, message: 'Please Enter Facility Id' }],
facilityName: [{ required: true, message: 'Please Enter Facility Name' }] facilityName: [{ required: true, message: 'Please Enter Facility Name' }]
}, },
url: { url: {
@ -165,13 +169,26 @@ export default {
if (this.selectedRowKeys && this.selectedRowKeys.length) { if (this.selectedRowKeys && this.selectedRowKeys.length) {
this.isAdd = false this.isAdd = false
this.visible = true this.visible = true
const find = this.dataSource.find(item => item.id === this.selectedRowKeys[0]) const find = this.dataSource.find(item => item.facilityId === this.selectedRowKeys[0])
this.model = cloneDeep(find) this.model = cloneDeep(find)
} else { } else {
this.$message.warn('Please Select An Item To Edit') this.$message.warn('Please Select An Item To Edit')
} }
}, },
onDel() {} onDel() {
if (this.selectedRowKeys && this.selectedRowKeys.length) {
this.$confirm({
title: 'Do You Want To Delete This Item?',
okText: 'OK',
cancelText: 'Cancel',
onOk: () => {
this.handleDelete(this.selectedRowKeys[0])
}
})
} else {
this.$message.warn('Please Select An Item To Delete')
}
}
} }
} }
</script> </script>

View File

@ -54,6 +54,9 @@
:wrapperCol="{ style: { width: '300px' } }" :wrapperCol="{ style: { width: '300px' } }"
autocomplete="off" autocomplete="off"
> >
<a-form-model-item label="Station Id" prop="stationId">
<a-input v-model="model.stationId" type="number"></a-input>
</a-form-model-item>
<a-form-model-item label="Station Code" prop="stationCode"> <a-form-model-item label="Station Code" prop="stationCode">
<a-input v-model="model.stationCode"></a-input> <a-input v-model="model.stationCode"></a-input>
</a-form-model-item> </a-form-model-item>
@ -181,6 +184,7 @@ export default {
return { return {
queryParam: {}, queryParam: {},
rules: { rules: {
stationId: [{ required: true, message: 'Please Enter Station Id' }],
stationCode: [{ required: true, validator: validateStationCode }], stationCode: [{ required: true, validator: validateStationCode }],
countryCode: [{ validator: validateCountryCode }] countryCode: [{ validator: validateCountryCode }]
}, },

View File

@ -13,12 +13,6 @@
<a-form-model-item> <a-form-model-item>
<a-checkbox @change="handleRememberMeChange" default-checked>自动登录</a-checkbox> <a-checkbox @change="handleRememberMeChange" default-checked>自动登录</a-checkbox>
<router-link :to="{ name: 'alteration'}" class="forge-password" style="float: right;">
忘记密码
</router-link>
<router-link :to="{ name: 'register'}" class="forge-password" style="float: right;margin-right: 10px" >
注册账户
</router-link>
</a-form-model-item> </a-form-model-item>
<a-form-item style="margin-top:24px"> <a-form-item style="margin-top:24px">
@ -27,10 +21,6 @@
</a-form-item> </a-form-item>
</a-form-model> </a-form-model>
<two-step-captcha v-if="requiredTwoStepCaptcha" :visible="stepCaptchaVisible" @success="stepCaptchaSuccess" @cancel="stepCaptchaCancel"></two-step-captcha>
<login-select-tenant ref="loginSelect" @success="loginSelectOk"></login-select-tenant>
<third-login ref="thirdLogin"></third-login>
</div> </div>
</template> </template>