feat: id改为前端输入,优化部分样式
This commit is contained in:
parent
d6198fd43f
commit
bb55f090ee
|
@ -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 © 2019 <a href="http://www.jeecg.com" target="_blank">JEECG开源社区</a> 出品
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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' }]
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 }]
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user