外来人员名单
            添加

          
      
        取消保存
    
        
      
        取消保存
    
export default {
  data() {
    return {
      // 表单
      form: {},
      exterForm: {},
      exterTableData: [],
      //form表单验证规则
      exterFormRules: {}
    }
  },
  methods: {
   // 添加一行，外来人员信息
    insertExterRow() {
      this.exterTitleInfo = '外来人员信息新增'
      this.exterForm = {}
      this.exterDialogVisible = true
      this.selectExterRow = null
      this.$nextTick(() => {
        this.$refs.exterForm.clearValidate() // 移除校验结果
      })
    },
    // 编辑一行，外来人员信息
    editExterRow(index, row) {
      this.exterTitleInfo = '外来人员信息编辑'
      this.exterDialogVisible = true
      this.selectExterRow = row
      this.exterForm = Object.assign({}, row)
      this.$nextTick(() => {
        this.$refs.exterForm.clearValidate() // 移除校验结果
      })
    },
    // 删除一行，外来人员信息
    removeExterRow(index, row) {
      this.$confirm('此操作将永久删除当前信息, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
        center: true
      })
        .then(() => {
          this.exterTableData.splice(index, 1)
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
    },
    // 保存外来人员信息
    saveExter() {
      this.$refs.exterForm.validate((valid) => {
        if (valid) {
          this.exterSaveLoading = true
          if (this.selectExterRow) {
            Object.assign(this.selectExterRow, this.exterForm)
          } else {
            this.exterTableData.push(this.exterForm)
          }
          this.exterSaveLoading = false
          this.exterDialogVisible = false
        } else {
          return false
        }
      })
    },
    cancelExter() {
      this.exterForm = {}
      this.exterDialogVisible = false
    }
  }
}