研究成果

src/views/findings/copyright/index.vue

@@ -126,7 +126,7 @@
   <Dialog
     :title="dialogTitle"
     v-model="dialogVisible"
-    width="680px"
+    width="780px"
     :close-on-click-modal="false"
     destroy-on-close
   >
@@ -137,58 +137,60 @@
       label-width="100px"
       v-loading="formLoading"
     >
-      <el-form-item label="部门" prop="deptId">
-        <el-tree-select
-          v-model="formData.deptId"
-          :data="deptList"
-          :props="defaultProps"
-          node-key="id"
-          filterable
-          clearable
-          placeholder="请选择部门"
-          class="w-full"
-        />
-      </el-form-item>
-      <el-form-item label="成果名称" prop="achievementName">
-        <el-input v-model="formData.achievementName" placeholder="请输入成果名称" />
-      </el-form-item>
-      <el-form-item label="成果类型" prop="achievementType">
-        <el-select
-          v-model="formData.achievementType"
-          placeholder="请选择成果类型"
-          clearable
-          class="w-full"
-          @change="handleAchievementTypeChange"
-        >
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.ACHIEVEMENT_TYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="子类型" prop="subType">
-        <el-select
-          v-model="formData.subType"
-          placeholder="请先选择成果类型"
-          clearable
-          class="w-full"
-          :disabled="!formData.achievementType"
-        >
-          <el-option
-            v-for="dict in subTypeOptions"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+      <div class="form-basic-grid">
+        <el-form-item label="部门" prop="deptId">
+          <el-tree-select
+            v-model="formData.deptId"
+            :data="deptList"
+            :props="defaultProps"
+            node-key="id"
+            filterable
+            clearable
+            placeholder="请选择部门"
+            class="w-full"
           />
-        </el-select>
-      </el-form-item>
+        </el-form-item>
+        <el-form-item label="成果名称" prop="achievementName">
+          <el-input v-model="formData.achievementName" placeholder="请输入成果名称" />
+        </el-form-item>
+        <el-form-item label="成果类型" prop="achievementType">
+          <el-select
+            v-model="formData.achievementType"
+            placeholder="请选择成果类型"
+            clearable
+            class="w-full"
+            @change="handleAchievementTypeChange"
+          >
+            <el-option
+              v-for="dict in getStrDictOptions(DICT_TYPE.ACHIEVEMENT_TYPE)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="子类型" prop="subType">
+          <el-select
+            v-model="formData.subType"
+            placeholder="请先选择成果类型"
+            clearable
+            class="w-full"
+            :disabled="!formData.achievementType"
+          >
+            <el-option
+              v-for="dict in subTypeOptions"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
       <el-form-item label="概述" prop="summary">
         <el-input
           v-model="formData.summary"
           type="textarea"
-          :rows="5"
+          :rows="3"
           placeholder="请输入成果概述"
         />
       </el-form-item>
@@ -762,6 +764,13 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
+.form-basic-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0 20px;
+  align-items: start;
+}
+
 .form-extra-sections {
   display: flex;
   flex-direction: column;
@@ -781,6 +790,10 @@ onMounted(async () => {
 }
 
 @media (max-width: 640px) {
+  .form-basic-grid {
+    grid-template-columns: 1fr;
+  }
+
   .form-attribute-grid,
   .form-attachment-grid {
     grid-template-columns: 1fr;