|
@ -39,14 +39,14 @@ |
|
|
@click="actionActionExecute(item)"> |
|
|
@click="actionActionExecute(item)"> |
|
|
{{item.fnDispName}}</a-button> |
|
|
{{item.fnDispName}}</a-button> |
|
|
|
|
|
|
|
|
<div v-for="param in item.params" class="param-input"> |
|
|
|
|
|
<a-select v-if="item.paramInfoMap[param].isEnum" v-model:value="item.values[param]" |
|
|
|
|
|
|
|
|
<div v-for="param in item.params" > |
|
|
|
|
|
<a-select v-if="item.paramInfoMap[param].isEnum" class="param-input" v-model:value="item.values[param]" |
|
|
:placeholder="param" :dropdownMatchSelectWidth="false"> |
|
|
:placeholder="param" :dropdownMatchSelectWidth="false"> |
|
|
<a-select-option v-for="enumValue in item.paramInfoMap[param].enumValues" :key="enumValue" |
|
|
<a-select-option v-for="enumValue in item.paramInfoMap[param].enumValues" :key="enumValue" |
|
|
:value="enumValue">{{enumValue}}</a-select-option> |
|
|
:value="enumValue">{{enumValue}}</a-select-option> |
|
|
</a-select> |
|
|
</a-select> |
|
|
|
|
|
|
|
|
<a-input v-else v-model:value="item.values[param]" :placeholder="param" |
|
|
|
|
|
|
|
|
<a-input v-else v-model:value="item.values[param]" :placeholder="param" class="param-input" |
|
|
@click="showKeyboard(item.values, param)"></a-input> |
|
|
@click="showKeyboard(item.values, param)"></a-input> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -77,6 +77,8 @@ |
|
|
</a-collapse-panel> |
|
|
</a-collapse-panel> |
|
|
</a-collapse> |
|
|
</a-collapse> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</a-col> |
|
|
</a-col> |
|
|
</a-row> |
|
|
</a-row> |
|
|
</div> |
|
|
</div> |
|
@ -84,7 +86,7 @@ |
|
|
<style> |
|
|
<style> |
|
|
:root { |
|
|
:root { |
|
|
--primary-color: #1890ff; /* 主蓝色 */ |
|
|
--primary-color: #1890ff; /* 主蓝色 */ |
|
|
--primary-hover: #40a9ff; /* 悬停蓝色 */ |
|
|
|
|
|
|
|
|
--primary-hover: #40a9ff2a; /* 悬停蓝色 */ |
|
|
--success-color: #52c41a; /* 成功绿色 */ |
|
|
--success-color: #52c41a; /* 成功绿色 */ |
|
|
--warning-color: #faad14; /* 警告黄色 */ |
|
|
--warning-color: #faad14; /* 警告黄色 */ |
|
|
--error-color: #f5222d; /* 错误红色 */ |
|
|
--error-color: #f5222d; /* 错误红色 */ |
|
@ -96,7 +98,7 @@ |
|
|
--card-bg: #ffffff; /* 卡片背景 */ |
|
|
--card-bg: #ffffff; /* 卡片背景 */ |
|
|
--action-btn-bg: #1890ff; /* 操作按钮背景 */ |
|
|
--action-btn-bg: #1890ff; /* 操作按钮背景 */ |
|
|
--action-btn-hover: #40a9ff; /* 操作按钮悬停 */ |
|
|
--action-btn-hover: #40a9ff; /* 操作按钮悬停 */ |
|
|
--disinfect-color: #13c2c2; /* 消毒主题色 - 青蓝色 */ |
|
|
|
|
|
|
|
|
--disinfect-color: #1890ff; /* 消毒主题色 - */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
body { |
|
|
body { |
|
@ -141,7 +143,7 @@ |
|
|
/* 主内容区样式 */ |
|
|
/* 主内容区样式 */ |
|
|
.main-content { |
|
|
.main-content { |
|
|
padding: 15px; |
|
|
padding: 15px; |
|
|
background-color: white; |
|
|
|
|
|
|
|
|
background-color: #f0f2f5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.action-container { |
|
|
.action-container { |
|
@ -150,7 +152,7 @@ |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
padding: 10px; |
|
|
padding: 10px; |
|
|
background-color: white; |
|
|
|
|
|
|
|
|
background-color:#f0f2f5; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); |
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); |
|
|
} |
|
|
} |
|
@ -160,9 +162,9 @@ |
|
|
flex-direction: row; |
|
|
flex-direction: row; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
padding: 10px; |
|
|
padding: 10px; |
|
|
background-color: #f6ffed; |
|
|
|
|
|
|
|
|
background-color: var(--primary-hover); |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
border-left: 3px solid var(--success-color); |
|
|
|
|
|
|
|
|
border-left: 3px solid var(--primary-color); |
|
|
transition: all 0.3s; |
|
|
transition: all 0.3s; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -210,7 +212,7 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.log-container, .report-container { |
|
|
.log-container, .report-container { |
|
|
height: 0; |
|
|
|
|
|
|
|
|
height: 600px; |
|
|
flex-grow: 1; |
|
|
flex-grow: 1; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|