KH/kh-device-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] 调整字体，按钮、表单的效果

Browse Source
This commit is contained in:
danshihao
2024-04-19 12:06:48 +08:00
parent 2c05270bbf
commit 290fd7c9c4
19 changed files with 184 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/manage/Manage.vue
+3 -16
View File
@@ -104,12 +104,10 @@
</a-form-item>
</div>
<div class="flex-center">
<a-button type="primary" ghost @click="handleResetForm(deviceForm)" style="margin-right: 0.16rem;flex: 1;">
<img :src="require('@assets/images/icon/refresh.png')" alt="重置" class="btn-icon">
<a-button type="primary" icon="reload" ghost @click="handleResetForm(deviceForm)" style="margin-right: 0.16rem;flex: 1;">
<span class="btn-text">重置</span>
</a-button>
<a-button type="primary" @click="handleAddDevice" style="flex: 1;">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<a-button type="primary" icon="plus" @click="handleAddDevice" style="flex: 1;">
<span class="btn-text">添加</span>
</a-button>
</div>
@@ -154,8 +152,7 @@
</a-form-item>
</div>
<div class="flex-center">
<a-button type="primary" style="flex: 1;" @click="handleAddWellhead">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<a-button type="primary" icon="plus" style="flex: 1;" @click="handleAddWellhead">
<span class="btn-text">添加</span>
</a-button>
</div>
@@ -583,14 +580,4 @@ export default {
margin-left: 0.06rem;
}
}
// 表单边框
.manage-page-form {
/deep/.ant-form-item-control:not(.has-error) {
.ant-input,
.ant-select-selection {
border-color: @primary-color;
}
}
}
</style>
src/views/systemOverview/equipmentManagement/EquipmentManagement.vue
+3 -5
View File
@@ -125,11 +125,10 @@
</div>
<div class="flex-center">
<a-button type="primary" ghost @click="handleResetForm(deviceForm)" style="margin-right: 16px;">
<img :src="require('@assets/images/icon/refresh.png')" alt="重置" class="btn-icon">
<span class="action-kh-device actionreload btn-icon"></span>
<span class="btn-text">重置</span>
</a-button>
<a-button type="primary" @click="handleAddDevice">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<a-button type="primary" icon="plus" @click="handleAddDevice">
<span class="btn-text">添加</span>
</a-button>
</div>
@@ -166,8 +165,7 @@
</a-form-item>
</div>
<div class="flex-center">
<a-button type="primary" @click="handleAddWellhead">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<a-button type="primary" icon="plus" @click="handleAddWellhead">
<span class="btn-text">添加</span>
</a-button>
</div>
src/views/systemOverview/systemSettings/SystemSettings.vue
+3 -4
View File
@@ -32,11 +32,11 @@
</div>
<div class="flex-center">
<a-button type="primary" ghost @click="handleResetSysSettingForm" style="margin-right: 16px;">
<img :src="require('@assets/images/icon/refresh.png')" alt="恢复默认设置" class="btn-icon">
<span class="action-kh-device actionreload btn-icon"></span>
<span class="btn-text">恢复默认设置</span>
</a-button>
<a-button type="primary" @click="handleSaveSysSetting">
<img :src="require('@assets/images/icon/save.png')" alt="保存设置" class="btn-icon">
<span class="action-kh-device actionbaocun2 btn-icon"></span>
<span class="btn-text">保存设置</span>
</a-button>
</div>
@@ -129,8 +129,7 @@
</a-col>
</a-row>
<div class="flex-center">
<a-button type="primary" @click="handleAddUser">
<img :src="require('@assets/images/icon/add.png')" alt="添加" class="btn-icon">
<a-button type="primary" icon="plus" @click="handleAddUser">
<span class="btn-text">添加</span>
</a-button>
</div>
src/views/systemOverview/wellheadDataMonitoring/WellheadDataMonitoring.vue
+9 -7
View File
@@ -18,8 +18,8 @@
</a-select>
<span class="search-operate-btns">
<a-button style="width: 88px;" type="primary" @click="searchQuery">
<img :src="require('@assets/images/icon/search.png')" alt="查询" class="btn-icon">
<span class="btn-text">查询</span>
<span class="action-kh-device actionsousuo btn-icon"></span>
<span cclass="btn-text">查询</span>
</a-button>
</span>
</a-form-item>
@@ -94,9 +94,9 @@
<img :src="workingStatus" alt="油井工作状态">
</div>
<div class="working-status-btns">
<a-button @click="handleChangeWorkingCondition(true)" type="primary">远程启井</a-button>
<a-button @click="handleChangeWorkingCondition(false)" ghost type="primary">远程停井</a-button>
<a-button @click="handleChangeWorkingCondition(true)" ghost type="primary">频率控制</a-button>
<a-button @click="handleChangeWorkingCondition(true, 1)" :ghost="workingStatusCode !== 1" type="primary">远程启井</a-button>
<a-button @click="handleChangeWorkingCondition(false, 2)" :ghost="workingStatusCode !== 2" type="primary">远程停井</a-button>
<a-button @click="handleChangeWorkingCondition(true, 3)" :ghost="workingStatusCode !== 3" type="primary">频率控制</a-button>
</div>
</div>
</common-card>
@@ -188,7 +188,7 @@
:dataSource="this.dataSource.length ? [{}]: []"
:pagination="false">
<div slot="actionBatch" class="action-batch">
<a href='javascript:' @click="handleAllAlarms" class="all-alarms">全<br/>部<br/>报<br/>警</a>
<a-button type="primary" @click="handleAllAlarms" class="all-alarms">全<br/>部<br/>报<br/>警</a-button>
</div>
</a-table>
</div>
@@ -363,6 +363,7 @@ export default {
working: require('@assets/images/systemOverview/wellheadDataMonitoring/working.gif'),
// 是否工作中
workingStatus: require('@/assets/images/systemOverview/wellheadDataMonitoring/working.gif'),
workingStatusCode: 1, // 1远程启井 2远程停井 3频率控制
isWorking: true,
loading: false,
queryParam: {},
@@ -764,8 +765,9 @@ export default {
this.$refs.loadDistribution && this.$refs.loadDistribution.updateMyChartOption(option)
},
// 油井工作状态
handleChangeWorkingCondition (status) {
handleChangeWorkingCondition (status, statusCode) {
this.isWorking = status
this.workingStatusCode = statusCode
if (status === true) {
this.workingStatus = this.working
} else if (status === false) {