项目手册更改

src/views/compilation/handbook/index.vue

@@ -181,7 +181,7 @@
       <!-- 步骤1：封面设置 -->
       <div v-if="activeStep === 1" class="step-content">
         <div class="cover-form">
-          <div class="form-row">
+          <div class="form-row" style="margin-bottom: 10px">
             <div class="form-col">
               <label class="form-label">手册名称</label>
               <el-input
@@ -190,9 +190,25 @@
               ></el-input>
             </div>
             <div class="form-col">
-              <label class="form-label">副标题</label>
+              <label class="form-label">副标题1</label>
+              <el-input
+                v-model="coverForm.subtitle1"
+                placeholder="请输入"
+              ></el-input>
+            </div>
+          </div>
+          <div class="form-row">
+            <div class="form-col">
+              <label class="form-label">副标题2</label>
+              <el-input
+                v-model="coverForm.subtitle2"
+                placeholder="请输入"
+              ></el-input>
+            </div>
+            <div class="form-col" style="visibility: hidden">
+              <label class="form-label">手册名称</label>
               <el-input
-                v-model="coverForm.subtitle"
+                v-model="coverForm.title"
                 placeholder="请输入"
               ></el-input>
             </div>
@@ -348,13 +364,45 @@
               ></file-upload>
             </div>
           </div>
+          <div class="form-row" style="margin-bottom: 10px">
+            <div class="form-col">
+              <label class="form-label">单位名称</label>
+              <el-input
+                v-model="endForm.dwname"
+                placeholder="请输入"
+              ></el-input>
+            </div>
+            <div class="form-col">
+              <label class="form-label">联系人</label>
+              <el-input
+                v-model="endForm.lxname"
+                placeholder="请输入"
+              ></el-input>
+            </div>
+          </div>
+          <div class="form-row" style="margin-bottom: 10px">
+            <div class="form-col">
+              <label class="form-label">联系方式</label>
+              <el-input v-model="endForm.phone" placeholder="请输入"></el-input>
+            </div>
+            <div class="form-col">
+              <label class="form-label">时间</label>
+              <el-date-picker
+                v-model="endForm.date"
+                type="date"
+                placeholder="请选择日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </div>
+          </div>
           <div class="form-row">
             <div class="form-col">
-              <label class="form-label">副标题</label>
+              <label class="form-label">地址</label>
               <el-input
-                v-model="endForm.subtitle"
+                v-model="endForm.address"
                 placeholder="请输入"
-                style="width: 60%"
               ></el-input>
             </div>
           </div>
@@ -430,7 +478,8 @@ export default {
       activeStep: 1,
       coverForm: {
         title: "",
-        subtitle: "",
+        subtitle1: "",
+        subtitle2: "",
         imageUrl: "",
       },
       // 项目选择相关
@@ -445,7 +494,11 @@ export default {
       // 封尾设计
       endForm: {
         imageUrl: "",
-        subtitle: "",
+        dwname: "",
+        name: "",
+        phone: "",
+        lxname: "",
+        address: "",
       },
       // 导出相关
       selectedRows: [],
@@ -577,13 +630,18 @@ export default {
     resetAddForm() {
       this.coverForm = {
         title: "",
-        subtitle: "",
+        subtitle1: "",
+        subtitle2: "",
         imageUrl: "",
       };
       this.projectSearch = "";
       this.endForm = {
         imageUrl: "",
-        subtitle: "",
+        dwname: "",
+        date: "",
+        phone: "",
+        lxname: "",
+        address: "",
       };
     },
     nextStep() {
@@ -694,9 +752,14 @@ export default {
 
       if (this.coverForm.imageUrl) data.coverImg = this.coverForm.imageUrl;
       if (this.coverForm.title) data.name = this.coverForm.title;
-      if (this.coverForm.subtitle) data.subtitle = this.coverForm.subtitle;
+      if (this.coverForm.subtitle1) data.subtitle1 = this.coverForm.subtitle1;
+      if (this.coverForm.subtitle2) data.subtitle2 = this.coverForm.subtitle2;
       if (this.endForm.imageUrl) data.tailingImg = this.endForm.imageUrl;
-      if (this.endForm.subtitle) data.tail = this.endForm.subtitle;
+      if (this.endForm.dwname) data.dwname = this.endForm.dwname;
+      if (this.endForm.date) data.date = this.endForm.date;
+      if (this.endForm.phone) data.phone = this.endForm.phone;
+      if (this.endForm.lxname) data.lxname = this.endForm.lxname;
+      if (this.endForm.address) data.address = this.endForm.address;
       if (this.selectedProjects && this.selectedProjects.length > 0) {
         data.xmId = this.selectedProjects
           .map((project) => project.id)
@@ -795,12 +858,17 @@ export default {
           const detail = res.data;
           this.coverForm = {
             title: detail.name,
-            subtitle: detail.subtitle,
+            subtitle1: detail.subtitle1,
+            subtitle2: detail.subtitle2,
             imageUrl: detail.coverImg,
           };
           this.endForm = {
-            imageUrl: detail.tailingImg,
+            imageUrl: detail.tailingImg || "",
-            subtitle: detail.tail,
+            dwname: detail.dwname || "",
+            lxname: detail.lxname || "",
+            phone: detail.phone || "",
+            address: detail.address || "",
+            date: detail.date || "",
           };
 
           // 先清空选中状态