保存进度！

code/web/regulatory-management-util/src/views/console/data/NewRegulatory.vue

@@ -12,7 +12,11 @@ Copyright © CPIC All rights reserved
                     <span>名称</span>
                 </el-col>
                 <el-col :span="10">
-                    <el-input v-model.trim.lazy="ui.newRegulatory.regulatory_name" style="text-align:center;" />
+                    <el-input
+                        ref="regulatoryName"
+                        v-model.trim.lazy="ui.newRegulatory.regulatory_name"
+                        style="text-align:center;"
+                    />
                 </el-col>
             </el-row>
             <el-row :gutter="10">
@@ -20,7 +24,10 @@ Copyright © CPIC All rights reserved
                     <span>部门</span>
                 </el-col>
                 <el-col :span="4">
-                    <el-input v-model.trim="ui.newRegulatory.department_name" />
+                    <el-input
+                        ref="departmentName"
+                        v-model.trim="ui.newRegulatory.department_name"
+                    />
                 </el-col>
                 <el-col :span="2">
                     <span>发布、修订年份</span>
@@ -34,13 +41,21 @@ Copyright © CPIC All rights reserved
                     <span>备注</span>
                 </el-col>
                 <el-col :span="10">
-                    <el-input v-model.lazy.trim="ui.newRegulatory.comment" type="textarea" :rows="3" />
+                    <el-input
+                        v-model.lazy.trim="ui.newRegulatory.comment"
+                        type="textarea"
+                        :rows="3"
+                    />
                 </el-col>
             </el-row>
             <el-row :gutter="10">
                 <el-col :span="3">
                     <div class="button-wrapper-left">
-                        <el-button type="primary" icon="document" @click="showUploadFileDialog">
+                        <el-button
+                            type="primary"
+                            icon="document"
+                            @click="showUploadFileDialog"
+                        >
                             新增文档
                         </el-button>
                     </div>
@@ -49,8 +64,9 @@ Copyright © CPIC All rights reserved
                 <el-col :span="3">
                     <div class="button-wrapper-right">
                         <el-button
-                            type="primary" icon="document"
+                            type="primary"
-                            @click="onPreviewUploadedFile(1)"
+                            icon="document"
+                            @click="onCreateNewRegulatory()"
                         >
                             提交
                         </el-button>
@@ -59,32 +75,46 @@ Copyright © CPIC All rights reserved
             </el-row>
         </div>
         <el-table
-            width="100%" stripe
+            width="100%"
+            stripe
             border="true"
             :head-cell-style="headerCellStyle"
             :row-class-name="tableRowClassName"
             empty-text="请上传文件"
             :data="ui.newRegulatory.regulatory_files"
         >
-            <el-table-column label="文件名" align="center">
+            <el-table-column
+                label="文件名"
+                align="center"
+            >
                 <template #default="file">
                     <span>{{ file.row.regulatory_file_name }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="文件类型" align="center" width="200px">
+            <el-table-column
+                label="文件类型"
+                align="center"
+                width="200px"
+            >
                 <template #default="file">
                     <span>{{ file.row.file_type }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="操作" align="center" width="200px">
+            <el-table-column
+                label="操作"
+                align="center"
+                width="200px"
+            >
                 <template #default="file">
                     <el-button
-                        type="primary" icon="search"
+                        type="primary"
+                        icon="search"
                         circle
                         @click="onPreviewUploadedFile(file.row.rowIndex)"
                     />
                     <el-button
-                        type="danger" icon="delete"
+                        type="danger"
+                        icon="delete"
                         circle
                         @click="onDeleteUploadedFile(file.row.rowIndex)"
                     />
@@ -93,9 +123,11 @@ Copyright © CPIC All rights reserved
         </el-table>
         <div class="upload-dialog-wrapper">
             <el-dialog
-                v-model="ui.showUploadDialog" title="上传文件"
+                v-model="ui.showUploadDialog"
+                title="上传文件"
                 width="600px"
-                :close-on-click-model="false" :close-on-press-escape="false"
+                :close-on-click-model="false"
+                :close-on-press-escape="false"
                 :show-close="true"
             >
                 <el-upload
@@ -115,7 +147,8 @@ Copyright © CPIC All rights reserved
                 </el-upload>
             </el-dialog>
             <el-dialog
-                v-model="ui.isPDF" :close-on-click-model="false"
+                v-model="ui.isPDF"
+                :close-on-click-model="false"
                 :close-on-press-escape="false"
                 :show-close="true"
                 align-center
@@ -123,13 +156,15 @@ Copyright © CPIC All rights reserved
                 width="1024px"
             >
                 <VueOfficePdf
-                    v-if="ui.isPDF" :src="ui.fileURL"
+                    v-if="ui.isPDF"
+                    :src="ui.fileURL"
                     style="height:calc(100vh - 100px);"
                     @error="errorHandle"
                 />
             </el-dialog>
             <el-dialog
-                v-model="ui.isDOCX" :close-on-click-model="false"
+                v-model="ui.isDOCX"
+                :close-on-click-model="false"
                 :close-on-press-escape="false"
                 :show-close="true"
                 align-center
@@ -137,13 +172,15 @@ Copyright © CPIC All rights reserved
                 width="1024px"
             >
                 <VueOfficeDocx
-                    v-if="ui.isDOCX" :src="ui.fileURL"
+                    v-if="ui.isDOCX"
+                    :src="ui.fileURL"
                     style="height:calc(100vh - 100px);"
                     @error="errorHandle"
                 />
             </el-dialog>
             <el-dialog
-                v-model="ui.isXLSX" :close-on-click-model="false"
+                v-model="ui.isXLSX"
+                :close-on-click-model="false"
                 :close-on-press-escape="false"
                 :show-close="true"
                 align-center
@@ -171,7 +208,7 @@ import VueOfficePdf from "@vue-office/pdf";
 import VueOfficeDocx from "@vue-office/docx";
 import VueOfficeExcel from "@vue-office/excel";
 
-//引入相关样式
+// 引入相关样式
 import "@vue-office/docx/lib/index.css";
 import "@vue-office/excel/lib/index.css";
 
@@ -193,7 +230,9 @@ interface UI{
 
 export default {
     name: "NewRegulatory",
-    components: {VueOfficePdf, VueOfficeDocx, VueOfficeExcel,},
+    components: {VueOfficePdf,
+        VueOfficeDocx,
+        VueOfficeExcel,},
     setup()
     {
         const ui: UI = reactive({
@@ -238,7 +277,7 @@ export default {
             ui.showUploadDialog = true;
         };
 
-        /*表格操作相关 */
+        /* 表格操作相关 */
         /**
          * 删除对应的上传文件记录。
          * @param rowId 行号
@@ -298,18 +337,21 @@ export default {
          * 其中给row加一个参数rowIndex，用行号赋值。
          * @param element-plus给于的参数
          */
-        const tableRowClassName = ({row, rowIndex,}: {row:any, rowIndex:number}): void =>
+        const tableRowClassName = ({row, rowIndex,}: {row:any,
+            rowIndex:number}): void =>
         {
             console.log( `行${row}设置行号${rowIndex}。` );
 
+            const regulatoryName = ref();
+
             row.rowIndex = rowIndex;
         };
 
         /**
          * 上传成功的响应函数。
-         * @param response 
+         * @param response
-         * @param uploadFile 
+         * @param uploadFile
-         * @param uploadFiles 
+         * @param uploadFiles
          */
         const onUploadSuccess: UploadProps["onSuccess"] = ( response: UploadFileResponse, uploadFile: UploadFile, uploadFiles: UploadFiles ): void =>
         {
@@ -371,6 +413,11 @@ export default {
             ElMessage.error( "渲染文档出错！" );
         };
 
+        const onCreateNewRegulatory = () =>
+        {
+            console.log( "制度对象：", ui.newRegulatory );
+        };
+
         return {
             ui,
             headerCellStyle,
@@ -380,6 +427,7 @@ export default {
             showUploadFileDialog,
             onDeleteUploadedFile,
             onPreviewUploadedFile,
+            onCreateNewRegulatory,
             errorHandle,
         };
     },