录入列表样式调整3

src/views/followup/record-manage/record-list.vue

@@ -75,13 +75,37 @@
           </el-row>
         </div>
       </div>
+      <el-dialog title="变更随访状态" :visible.sync="dialogFormVisible" center :close-on-click-modal="false" :close-on-press-escape="false" width="800px">
+        <el-form ref="statusForm" :model="statusForm" label-suffix=":" label-width="120px" class="modal-form">
+          <el-form-item label="居民" style="margin-bottom:0;">
+            <span>{{statusForm.nickname}}</span>
+          </el-form-item>
+          <el-form-item label="变更状态">
+            <span>{{statusForm.status==1 ? '未完成' : '已完成'}}</span>
+          </el-form-item>
+          <el-form-item label="变更原因">
+            <el-input type="textarea"
+                      :rows="2"
+                      placeholder="请输入变更原因"
+                      v-model="statusForm.reason"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+        </div>
+      </el-dialog>
     </div>
 </template>
 
 <script>
   import BreadCrumb from "@/components/breadcrumb";
+  import ElFormItem from "element-ui/packages/form/src/form-item";
+  import ElInput from "element-ui/packages/input/src/input";
   export default {
     components:{
+      ElInput,
+      ElFormItem,
       BreadCrumb
     },
     data(){
@@ -120,7 +144,11 @@
           pageSize: 10,
           total: 0,
           pageSizes: [10,20,50,100]
-        }
+        },
+        dialogFormVisible: false,
+        statusForm: {
+          reason: ''
+        },
       }
     },
     methods: {
@@ -137,7 +165,10 @@
         console.log(this.activeName)
       },
       editRow(row){},
-      changeStatusRow(row){},
+      changeStatusRow(row){
+        this.dialogFormVisible = true;
+        this.statusForm = row;
+      },
       sendRow(row){},
       handleSizeChangePre(pageSize){
         this.paginationSet['pageSize'] = pageSize;