yangyin
2024-06-29 0f85cdd6a42a7c81b445ffdc9a2c2d93e71e06f0
src/views/project/ch/home/ScenarioDetails.vue
@@ -18,21 +18,34 @@
                     :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">
                        <el-input v-model="state.modelForm.supplementContenT" type="textarea" :rows="6" />
                     </el-form-item>
                     <div class="pt-[60px] text-right">
                        <el-button type="primary" @click="handleSubmit" size="large">立即生成</el-button>
                     </div>
                  </el-form>
               </div>
            </div>
@@ -129,7 +142,7 @@
      },
      {
         ID: 4,
         Name: '周总结',
         Name: '部门总结',
      },
   ],
   workContent: '在左侧输入内容并提交,将自动为您生成工作总结',
@@ -139,6 +152,7 @@
   supplementContenT: [{ required: true, message: '必填项', trigger: 'blur' }],
   modelType: [{ required: true, message: '必填项', trigger: 'change' }],
});
const handleSubmit = () => {};
</script>
<style scoped lang="scss">
.pc-detail {
@@ -219,6 +233,12 @@
      }
   }
}
:deep(.el-select-dropdown__list) {
   max-width: 700px !important;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 10px;
}
.custom-select-style .el-select-dropdown__item {
   height: 32px;
   background: #eaf4ff;
@@ -227,4 +247,8 @@
   font-size: 14px;
   padding: 0 20px;
}
.custom-select-style .el-select-dropdown__item.selected {
   color: #409eff !important;
   font-weight: 700;
}
</style>