修改样式

src/views/admin/IssueInfo/components/IssueInfoDetailForm.vue

@@ -4,8 +4,8 @@
       <template #detail>
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
           name="NuIssueInfoForm">
-          <a-row style="padding:14px;">
-            <a-col :span="24" style="text-align: center;">
+          <a-row style="padding:14px;"  class="card-class">
+            <!-- <a-col :span="24"  style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
               <p>
                 <span>发版类型：</span>
                 <span>{{ formData.issueType_dictText }}</span>
@@ -16,8 +16,24 @@
               </p>
             </a-col>
             <a-col :span="24" style="margin-top: 20px;">
-              <!-- <p>发版内容：</p> -->
               <div v-html="formData.content"></div>
+            </a-col> -->
+            
+            <a-col :span="12">
+              <a-form-item label="发版类型" v-bind="validateInfos.issueType_dictText" id="NuEmployeesAdvisoryInfoForm-issueType_dictText" name="issueType_dictText">
+                <a-input v-model:value="formData.issueType_dictText" placeholder="请输入发版类型"   disabled  ></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="发版日期" v-bind="validateInfos.createTime" id="NuEmployeesAdvisoryInfoForm-createTime" name="createTime">
+                <a-input v-model:value="formData.createTime" placeholder="请输入发版日期"   disabled  ></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-item label="发版内容：" v-bind="validateInfos.content" id="NuEmployeesAdvisoryInfoForm-content" name="content"
+              :labelCol="labelCol2" :wrapperCol="wrapperCol2">
+                <div v-html="formData.content" style="background:#f9f9fa;padding:8px;"></div>
+              </a-form-item>
             </a-col>
           </a-row>
         </a-form>
@@ -52,8 +68,10 @@ const formData = reactive<Record<string, any>>({
   content: '',
 });
 const { createMessage } = useMessage();
-const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
 const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
+const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
+const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 20 } });
 const confirmLoading = ref<boolean>(false);
 //表单验证
 const validatorRules = reactive({
@@ -157,4 +175,17 @@ defineExpose({
 .antd-modal-form {
   padding: 14px;
 }
+
+.card-class {
+  padding-top: 24px;
+  padding-bottom: 24px;
+  padding-left: 14px;
+  padding-right: 14px;
+  // background-color: rgba(255, 255, 255, 0.9);
+  background-color: #fcfdff;
+  border-radius: 10px;
+  // box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
+  margin-bottom: 14px;
+
+}
 </style>

src/views/iot/weihu/weihu.data.ts

@@ -175,7 +175,7 @@ export const formSchema: FormSchema[] = [
       showCount: true,
       maxlength: 1000,
       autosize:{
-        minRows: 1
+        minRows: 5
       },
     }
   },