修复数据采集-查看 月报 可编辑、调整对话框的对齐方式

src/views/GATHER/index.vue

@@ -179,13 +179,13 @@
               >提交审核</el-button
             >
           </el-popconfirm>
-            <el-button
+          <el-button
             v-if="scope.row.collStatus == 1"
-              size="mini"
-              type="text"
-               @click="handleDetail(scope.row)"
-              >查看</el-button
-            >
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+            >查看</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -199,8 +199,13 @@
     />
 
     <!-- 添加或修改数据采集对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
-      <el-tabs v-if="this.form.type == 0" v-model="activeName" type="border-card" @tab-click="handleClick">
+    <el-dialog center :title="title" :visible.sync="open" width="80%" append-to-body>
+      <el-tabs
+        v-if="this.form.type == 0"
+        v-model="activeName"
+        type="border-card"
+        @tab-click="handleClick"
+      >
         <el-tab-pane
           v-for="(item, index) in tabList"
           :key="index + 'tabs'"
@@ -242,24 +247,28 @@
         </el-tab-pane>
       </el-tabs>
 
-      <el-form :model="form" label-width="200px" v-else-if="this.form.type == 1">
-            <!-- :rules="rules" ref="form" -->
-            <el-form-item
-              v-for="(listItem, listIndex) in form.feeLists"
-              :key="listItem.normfeeId"
-              :label="listItem.normfeeName"
-              :required="true"
-            >
-              <!-- 这里科研失败！想动态绑定校验规则的 -->
-              <!-- :prop="listItem.normfeeId" -->
-              <!-- :rules="rules.listItem.normfeeId" -->
-              <el-input
-                v-model="listItem.collCalue"
-                :placeholder="'请输入' + listItem.normfeeName"
-              ></el-input>
-            </el-form-item>
-          </el-form>
-      <div slot="footer" class="dialog-footer"> 
+      <el-form
+        :model="form"
+        label-width="200px"
+        v-else-if="this.form.type == 1"
+      >
+        <!-- :rules="rules" ref="form" -->
+        <el-form-item
+          v-for="(listItem, listIndex) in form.feeLists"
+          :key="listItem.normfeeId"
+          :label="listItem.normfeeName"
+          :required="true"
+        >
+          <!-- 这里科研失败！想动态绑定校验规则的 -->
+          <!-- :prop="listItem.normfeeId" -->
+          <!-- :rules="rules.listItem.normfeeId" -->
+          <el-input
+            v-model="listItem.collCalue"
+            :placeholder="'请输入' + listItem.normfeeName"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
         <!-- <el-button @click="cancel">取 消</el-button> -->
@@ -267,8 +276,19 @@
     </el-dialog>
 
     <!-- 查看 -->
-    <el-dialog :title="title" :visible.sync="openDetail" width="80%" append-to-body>
-      <el-tabs v-if="this.form.type == 0" v-model="activeName" type="border-card" @tab-click="handleClick">
+    <el-dialog
+      center
+      :title="title"
+      :visible.sync="openDetail"
+      width="80%"
+      append-to-body
+    >
+      <el-tabs
+        v-if="this.form.type == 0"
+        v-model="activeName"
+        type="border-card"
+        @tab-click="handleClick"
+      >
         <el-tab-pane
           v-for="(item, index) in tabList"
           :key="index + 'tabs'"
@@ -288,7 +308,7 @@
               <!-- :prop="listItem.normfeeId" -->
               <!-- :rules="rules.listItem.normfeeId" -->
               <el-input
-              disabled
+                disabled
                 v-model="listItem.collCalue"
                 :placeholder="'请输入' + listItem.normfeeName"
               ></el-input>
@@ -311,29 +331,32 @@
         </el-tab-pane>
       </el-tabs>
 
-      <el-form :model="form" label-width="200px" v-else-if="this.form.type == 1">
-            <!-- :rules="rules" ref="form" -->
-            <el-form-item
-              v-for="(listItem, listIndex) in form.feeLists"
-              disabled
-              :key="listItem.normfeeId"
-              :label="listItem.normfeeName"
-              :required="true"
-            >
-              <!-- 这里科研失败！想动态绑定校验规则的 -->
-              <!-- :prop="listItem.normfeeId" -->
-              <!-- :rules="rules.listItem.normfeeId" -->
-              <el-input
-                v-model="listItem.collCalue"
-                :placeholder="'请输入' + listItem.normfeeName"
-              ></el-input>
-            </el-form-item>
-          </el-form>
+      <el-form
+        :model="form"
+        label-width="200px"
+        v-else-if="this.form.type == 1"
+      >
+        <!-- :rules="rules" ref="form" -->
+        <el-form-item
+          v-for="(listItem, listIndex) in form.feeLists"
+          :key="listItem.normfeeId"
+          :label="listItem.normfeeName"
+          :required="true"
+        >
+          <!-- 这里科研失败！想动态绑定校验规则的 -->
+          <!-- :prop="listItem.normfeeId" -->
+          <!-- :rules="rules.listItem.normfeeId" -->
+          <el-input
+            disabled
+            v-model="listItem.collCalue"
+            :placeholder="'请输入' + listItem.normfeeName"
+          ></el-input>
+        </el-form-item>
+      </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="cancel">返 回</el-button>
       </div>
     </el-dialog>
-    
   </div>
 </template>
 
@@ -398,7 +421,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
-      openDetail:false,
+      openDetail: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -456,7 +479,7 @@ export default {
     // 取消按钮
     cancel() {
       this.open = false;
-      this.openDetail = false
+      this.openDetail = false;
       this.reset();
     },
     // 表单重置
@@ -493,7 +516,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.openDetail = true
+      this.openDetail = true;
       this.title = "添加数据采集";
     },
     /** 修改按钮操作 */