| | |
| | | > |
| | | <div class="main-container"> |
| | | <div class="main-container-lf"> |
| | | <div style="padding: 10px;font-size: 16px;background:#eeeeee;">智能体配置</div> |
| | | <div style="padding: 10px;font-size: 16px;">智能体配置</div> |
| | | <div style="display: flex;width: 100%;" :style="{height:height}"> |
| | | <div style="width: 50%;height: 100%"> |
| | | <div style="padding: 10px;font-size: 12px;color: #2a2a2b;">智能体画像</div> |
| | | <div> |
| | | <a-textarea v-model="system" placeholder="" disabled style="height: 400px;background: #ffffff;color: #666666" /> |
| | | <a-textarea v-model="system" placeholder="" disabled style="height: 400px;color: #666666" /> |
| | | </div> |
| | | |
| | | </div> |
| | | <div style="background:#eeeeee;width: 50%;"> |
| | | <div style="width: 50%;border: 1px solid var(--color-neutral-3);"> |
| | | <a-form ref="formRef" :rules="rules" :model="form" @submit="handleSubmit" layout="vertical" > |
| | | <a-collapse :default-active-key="['1']"> |
| | | <a-collapse-item header="基础信息" key="0" v-if="typeAngint == 'edit'"> |
| | |
| | | height: 100%; |
| | | overflow: auto; |
| | | //background: #626aea; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | padding-top: 80px; |
| | | |
| | | &-lf { |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-evenly; |
| | | background: #ffffff; |
| | | background: var(--color-neutral-3); |
| | | width: 200px; |
| | | .lf-container-top{ |
| | | display: flex; |
| | |
| | | box-sizing: border-box; |
| | | width: 90%; |
| | | //height: 56rem; |
| | | border: 1px solid #eeeeee; |
| | | border: 1px solid var(--color-neutral-3); |
| | | //padding: 10px; |
| | | margin-bottom: 10px; |
| | | //.tabs{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 10px 10px; |
| | | padding:0 10px; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | //color: var(--color-text-1); |
| | | font-size: 14px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | |
| | | } |
| | | .tab:hover { |
| | | border: 1px solid #ffffff; |
| | | color: #000000; |
| | | background: #e8e8ea; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | .tab.active { |
| | | border: 1px solid #e8e8ea; |
| | | background: #e8e8ea; |
| | | color: #000000; |
| | | cursor: pointer; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | } |
| | | } |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | .details-header{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | width: 30%; |
| | | height: 100%; |
| | | //border: 1px solid #cccccc; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | &-top{ |
| | |
| | | height: 100%; |
| | | //background: #626aea; |
| | | //border: 1px solid #cccccc; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | border-radius: 10px; |
| | | } |
| | | } |
| | |
| | | <a-divider style="margin-top: 10px" /> |
| | | <div class="groupMain"> |
| | | <a-checkbox-group v-model="data" @change="handleChange" > |
| | | <div class="groupList" :style="{background:keyBg=='1'?'#eff8ff':'white'}"> |
| | | <div class="groupList"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="groupList" :style="{background:keyBg=='2'?'#eff8ff':'white'}"> |
| | | <div class="groupList"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | |
| | | padding: 24px; |
| | | border-radius: 8px; |
| | | //background: #eff8ff; |
| | | border: 1px solid #f0f0f0; |
| | | border: 1px solid var(--color-neutral-3); |
| | | margin-bottom: 20px; |
| | | overflow: auto; |
| | | .groupList-content{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | padding: 0; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | color: var(--color-text-1); |
| | | font-size: 14px; |
| | | font-family: Inter; |
| | | position: relative; |