句模式数据 处理(未完成)

src/views/wordcard/cread.vue

@@ -81,7 +81,9 @@
                   style="width: 60px"
                   v-model="from.writeBoxNumber"
                 ></el-input>
-                <span style="margin-left: 8px">行</span>
+                <span style="margin-left: 8px">{{
+                  typeIndex == 0 ? "行" : "句"
+                }}</span>
               </div>
               <div style="margin-right: 16px">
                 <span class="title">描红</span>
@@ -89,7 +91,9 @@
                   style="width: 60px"
                   v-model="from.miaoRedBoxNumber"
                 ></el-input>
-                <span style="margin-left: 8px">格</span>
+                <span style="margin-left: 8px">{{
+                  typeIndex == 0 ? "格" : "句"
+                }}</span>
               </div>
               <div>
                 <span class="title">文末空行</span>
@@ -196,14 +200,17 @@ export default {
         data.width = "62px";
         data.fontSize = "48px";
         data.rowNumber = 8;
+        data.pageNumber = 9;
       } else if (this.from.fontSize == "center") {
         data.width = "49px";
         data.fontSize = "38px";
         data.rowNumber = 10;
+        data.pageNumber = 12;
       } else {
         data.width = "41px";
         data.fontSize = "31px";
         data.rowNumber = 12;
+        data.pageNumber = 14;
       }
       let contentArr = this.from.content.split("\n");
       for (let i = 0; i < contentArr.length; i++) {
@@ -277,7 +284,10 @@ export default {
                   for (let i = 0; i < data.writeBoxNumber; i++) {
                     let numrow = [];
                     for (let k = 0; k < data.rowNumber; k++) {
-                      numrow.push({});
+                      numrow.push({
+                        con: item.con,
+                        write: true,
+                      });
                     }
                     // 描红格
                     if (i == 0 && data.miaoRedBoxNumber) {
@@ -285,6 +295,7 @@ export default {
                         numrow[j] = {
                           con: item.con,
                           miaoRed: true,
+                          write: true,
                         };
                       }
                     }
@@ -296,12 +307,15 @@ export default {
                 for (let i = 0; i < data.lastNullrow; i++) {
                   let numrow = [];
                   for (let k = 0; k < data.rowNumber; k++) {
-                    numrow.push({});
+                    numrow.push({
+                      write: true,
+                    });
                   }
                   allArr.push(numrow);
                 }
               }
-              console.log(allArr);
+              data.result = this.arrSplice(allArr, data.pageNumber);
+              console.log(data);
               clearInterval(timer);
               timer = null;
             }
@@ -337,7 +351,10 @@ export default {
               for (let i = 0; i < data.writeBoxNumber; i++) {
                 let numrow = [];
                 for (let k = 0; k < data.rowNumber; k++) {
-                  numrow.push({});
+                  numrow.push({
+                    con: item.con,
+                    write: true,
+                  });
                 }
                 // 描红格
                 if (i == 0 && data.miaoRedBoxNumber) {
@@ -345,6 +362,7 @@ export default {
                     numrow[j] = {
                       con: item.con,
                       miaoRed: true,
+                      write: true,
                     };
                   }
                 }
@@ -356,14 +374,33 @@ export default {
             for (let i = 0; i < data.lastNullrow; i++) {
               let numrow = [];
               for (let k = 0; k < data.rowNumber; k++) {
-                numrow.push({});
+                numrow.push({
+                  write: true,
+                });
               }
               allArr.push(numrow);
             }
           }
-          console.log(allArr);
+          data.result = this.arrSplice(allArr, data.pageNumber);
         }
       } else {
+        // 处理句模式数据
+        let allArr = [];
+        data.option.forEach((item) => {
+          let spltArr = item.con.split("");
+          let arr = [];
+          spltArr.forEach((item) => {
+            arr.push({ con: item });
+          });
+          //  如果不满一行则补满
+          if (arr.length % data.rowNumber != 0) {
+            let num = data.rowNumber - (arr.length % data.rowNumber);
+            for (let i = 0; i < num; i++) {
+              arr.push({});
+            }
+          }
+          console.log(arr);
+        });
       }
     },
     arrSplice(arr, chunkSize) {