修改

src/views/kc/zyJxdgBanben/components/ZyJxdgBanbenDetailForm.vue

@@ -28,14 +28,14 @@
     </div>
     <a-row>
       <a-col
-        :span="24"
+        :span="23"
         v-for="(item, index) in zyJxdgMainTable.dataSource"
         :key="index"
-        style="border: 1px solid #f5f5f5; margin: 5px 0; background: #fbfbfb; border-radius: 5px"
+        style="margin:8px auto;border:1px solid #f5f5f5;background:#fbfbfb;border-radius:5px;"
       >
         <a-row c>
-          <a-col :span="24" style="margin-bottom: 15px; height: 40px; background-color: #f5f7fa; border-left: 3px solid #19a789">
-            <span class="title">{{ item.title }}</span>
+          <a-col :span="24">
+            <div class="title">{{ item.title }}</div>
           </a-col>
           <!-- 单行文本	1	 -->
           <a-col v-if="item.type === '1'" :span="24">
@@ -51,6 +51,7 @@
           </a-col>
           <!-- 固定表单（基础信息）	4	 -->
           <a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24">
+             <a-col style="margin-bottom:15px;" ></a-col>
             <a-form v-bind="formItemLayout">
               <a-row>
                 <a-col v-for="(item2, index2) in item.zyJxdgPzxxList" :key="index2" :span="12">
@@ -76,6 +77,7 @@
               <a-col>
                 <a-button type="primary" @click="handleDhwb(item)" class="increase" >添加</a-button>
               </a-col>
+              <a-col style="margin-bottom:15px;" ></a-col>
               <a-col v-for="(item2, index2) in item.list" :key="index2" >
                 <a-input
                   placeholder="请输入内容"
@@ -84,7 +86,7 @@
                   style="width: 80%; margin: 0 10px 10px 15px"
                   @blur="handleGlxm(item)"
                 ></a-input>
-                <a-button type="danger" @click="handleDhwbDel(item, index2)" style="margin: 10px 0; text-align: right">删除</a-button>
+                 <button type="danger" @click="handleDhwbDel(item, index2)" class="ant-btn">删除</button>
               </a-col>
             </a-row>
           </a-col>
@@ -96,7 +98,7 @@
               </a-col>
               <a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
                 <j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
-                <a-button type="danger" @click="handleDhfwbDel(item, index2)" class="place-dele">删除</a-button>
+                 <button type="danger" @click="handleDhfwbDel(item, index2)" class="ant-btn" style="margin:8px 0">删除</button>
               </a-col>
             </a-row>
           </a-col>
@@ -108,7 +110,7 @@
               </a-col>
               <a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
                 <a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
-                <a-button type="danger" @click="handleDhwbAreaDel(item, index2)" class="place-dele">删除</a-button>
+                <button type="danger" @click="handleDhwbAreaDel(item, index2)" class="ant-btn">删除</button>
               </a-col>
             </a-row>
           </a-col>
@@ -119,7 +121,7 @@
             <a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
               <template #bodyCell="{ column, record }">
                 <template v-if="column.key === 'action'">
-                  <a-button type="danger" @click="handleZzbgDel(item.list, record.sort)">删除</a-button>
+                  <button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn" >删除</button>
                 </template>
                 <template v-else>
                   <a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 100%"></a-input>
@@ -133,7 +135,7 @@
             <a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
               <template #bodyCell="{ column, record }">
                 <template v-if="column.key === 'action'">
-                  <a-button type="danger" @click="handleZzbgDel(item.list, record.sort)">删除</a-button>
+                   <button type="danger" @click="handleZzbgDel(item.list, record.sort)" class="ant-btn">删除</button>
                 </template>
                 <template v-else>
                   <a-input placeholder="请输入内容" v-model:value="record[column.key]" @blur="handleTwoGlxm(item)" style="width: 100%"></a-input>
@@ -524,13 +526,11 @@ export default defineComponent({
 </script>
 <style scoped lang="less" >
 .title {
-  width: 80%;
-  font-size: 16px;
-  font-weight: bold;
-  padding-left: 10px;
   position: relative;
-  color: #333333;
+  height: 40px;
   line-height: 40px;
+  background-color: rgb(246, 246, 246);
+  padding:0 20px;
 }
 .tishi {
   width: 100%;
@@ -547,8 +547,8 @@ export default defineComponent({
 }
 .increase {
   position: absolute;
-  right: 6px;
-  top: -51px;
+  right: 4px;
+  top: -37px;
 }
 .place-dele {
   margin: 10px 0;

src/views/kc/zyJxdgBanben/components/ZyJxdgBanbenDetailModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="800" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="1100" @ok="handleSubmit">
     <zy-jxdg-banben-form ref="formComponent" :formDisabled="formDisabled" :formBpm="false" @success="submitSuccess"></zy-jxdg-banben-form>
   </BasicModal>
 </template>

src/views/kc/zyJxdgBanben/components/ZyJxdgBanbenForm.vue

@@ -1,6 +1,6 @@
 <template>
   <a-spin :spinning="loading" >
-    <a-form v-bind="formItemLayout" style="background:#fafafa; border-radius: 10px; padding-top:20px; margin-bottom:10px;" >
+    <a-form v-bind="formItemLayout" style=" padding-top:20px;" >
       <a-row>
         <a-col :span="24">
           <a-form-item label="版本" v-bind="validateInfos.title">
@@ -21,7 +21,7 @@
     </a-form>
 
     <a-row>
-      <a-col :span="24" style="text-align:left;">
+      <a-col :span="23" style="text-align:left; margin:0 auto;">
         <a-button type="primary" @click="handleOneType" preIcon="ant-design:plus-outlined">新增项目</a-button>
         <div style="background:#fff4e6; border:1px solid #ffe8ca; border-radius: 8px; padding:10px; margin:10px 0;">
           <div style="font-weight: bold;">说明：</div>
@@ -30,7 +30,7 @@
           <div class="explain-word">3.被关联项目禁用问题：目前只支持文本及表格进行关联，富文本、表单、多行文本不支持被关联！</div>
         </div>
       </a-col>
-      <a-col :span="24" v-for="(item,index) in zyJxdgMainTable.dataSource" :key="index" style="border:1px solid #f5f5f5;padding:10px;margin:5px 0; background:#fbfbfb;border-radius:5px;">
+      <a-col :span="23" v-for="(item,index) in zyJxdgMainTable.dataSource" :key="index" style="margin:8px auto;border:1px solid #f5f5f5;padding:10px;background:#fbfbfb;border-radius:5px;">
         <a-row style="margin:10px;">
           <a-col :span="6" style="padding-right:10px;">
             <a-input v-model:value="item.title" placeholder="请输入标题" :disabled="disabled" class="input-title"/>

src/views/kc/zyJxdgBanben/components/ZyJxdgBanbenModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="800" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="1100" @ok="handleSubmit">
     <zy-jxdg-banben-form ref="formComponent" :formDisabled="formDisabled" :formBpm="false" @success="submitSuccess"></zy-jxdg-banben-form>
   </BasicModal>
 </template>