| | |
| | | :model="state.modelForm" |
| | | :rules="modelRules" |
| | | label-width="auto" |
| | | class="custom-form" |
| | | label-position="top" |
| | | status-icon |
| | | size="large" |
| | | > |
| | | <el-form-item label="主题" prop="theme"> |
| | | <el-input v-model="state.modelForm.theme" /> |
| | | <el-input v-model="state.modelForm.theme" clearable /> |
| | | </el-form-item> |
| | | <el-form-item label="类型" prop="modelType"> |
| | | <el-select v-model="state.modelForm.modelType" placeholder="请选择类型" popper-class="custom-select-style"> |
| | | <el-option v-for="item in state.modelTypeList" :key="item.ID" :label="item.Name" :value="item.Name"> </el-option> |
| | | <el-select |
| | | v-model="state.modelForm.modelType" |
| | | placeholder="请选择类型" |
| | | popper-class="custom-select-style" |
| | | :teleported="false" |
| | | > |
| | | <el-option v-for="item in state.modelTypeList" :key="item.ID" :label="item.Name" :value="item.Name"> |
| | | <!-- <div style="max-width: 200px !important; display: flex; flex-wrap: wrap; margin-bottom: 10px"> |
| | | {{ item.Name }} |
| | | </div> --> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="补充内容" prop="supplementContenT"> |
| | |
| | | }, |
| | | { |
| | | ID: 4, |
| | | Name: '周总结', |
| | | Name: '部门总结', |
| | | }, |
| | | ], |
| | | workContent: '在左侧输入内容并提交,将自动为您生成工作总结', |
| | |
| | | flex-wrap: wrap; |
| | | margin-bottom: 10px; |
| | | } |
| | | .custom-select-style { |
| | | .el-select-dropdown__list { |
| | | max-width: 700px !important; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin-bottom: 10px; |
| | | } |
| | | .el-select-dropdown__item { |
| | | .custom-select-style .el-select-dropdown__item { |
| | | height: 32px; |
| | | background: #eaf4ff; |
| | | border-radius: 8px; |
| | |
| | | font-size: 14px; |
| | | padding: 0 20px; |
| | | } |
| | | .custom-select-style .el-select-dropdown__item.selected { |
| | | color: #409eff !important; |
| | | font-weight: 700; |
| | | } |
| | | </style> |