删除 取消

gaosp

2024-02-02 67eb829b12afb1a8ea2a24bfe84ed31e52845b63

删除 取消

 src/container/deviceType/Manage-add-update.vue

@@ -1,137 +1,138 @@
<template>
  <div>
    <el-dialog
    top="94px"
      :close-on-click-modal="false"
      width="100%"
      @close="cancel"
      :visible.sync="addVisible">
      <!-- 添加内容-->
      <el-form  :model="dataForm" label-width="100px" ref="dataForm">
          <el-row :gutter="24">
          
          <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
            <el-form-item label="名称" prop="name">
              <el-input v-model="dataForm.name" placeholder="名称" maxlength="80" clearable></el-input>
            </el-form-item>
          </el-col>
          
        </el-row>
        
      </el-form>
      <!-- 按钮 -->
        <span slot="footer" class="dialog-footer">
        <el-button type="ghost" size="mini" style="width: 150px" @click="cancel">取消</el-button>
        <el-button class="active" size="mini" type="primary" @click="dataFormSubmit()">保存</el-button>
      </span>
    </el-dialog>
  </div>
    <div>
        <el-dialog top="94px" :close-on-click-modal="false" width="100%" @close="cancel" :visible.sync="addVisible">
            <!-- 添加内容-->
            <el-form :model="dataForm" label-width="100px" ref="dataForm">
                <el-row :gutter="24">

                    <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">
                        <el-form-item label="名称" prop="name">
                            <el-input v-model="dataForm.name" placeholder="名称" maxlength="80" clearable></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>

            </el-form>
            <!-- 按钮 -->
            <span slot="footer" class="dialog-footer">
                <!-- <el-button type="ghost" size="mini" style="width: 150px" @click="cancel">取消</el-button> -->
                <el-button class="active" size="mini" type="primary" @click="dataFormSubmit()">保存</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
  import { deviceTypeUpdate,deviceTypeCreate } from '@/api/Api'
  export default {
    props: ['addVisible','row'],
    data() {
      return {
        visible: false,
        dataForm: {
          id: 0, // title显示新增还是修改
          name: ''
        }
       
      }
    },
    watch: {
      addVisible: {
        handler (val) {
          if (val) {
              this.init()
          }
        },
        immediate: true
      }
    },
    created () {
        //console.log('add create');
      this.init(this.row)
    },
    methods: {
      init(row) {
        if (this.$refs['dataForm']) {
          this.$refs['dataForm'].resetFields()
        }
        if (row !== undefined) {
          this.dataForm.id = row.id
          this.dataForm.name = row.name
          
        } else { 
            this.dataForm.id = '' 
import { deviceTypeUpdate, deviceTypeCreate } from '@/api/Api'
export default {
    props: ['addVisible', 'row'],
    data() {
        return {
            visible: false,
            dataForm: {
                id: 0, // title显示新增还是修改
                name: ''
            }

        }
      },
      /* 查询使用部门*/
      cancel  () {
        this.$emit('close')
      },
      /* 提交*/
      dataFormSubmit() {
        if (this.dataForm.id === '') { // 新增
          deviceTypeCreate(this.dataForm).then(res => {
            this.$message({
              message: '新增成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
                this.$emit('confirm')
                this.visible = false
              }
            })
          })
        } else {
          deviceTypeUpdate(this.dataForm).then(res => {
            this.$message({
              message: '修改成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
                this.$emit('confirm')
                this.visible = false
              }
            })
          })
        }
      }
    }
  }
    },
    watch: {
        addVisible: {
            handler(val) {
                if (val) {
                    this.init()
                }
            },
            immediate: true
        }
    },
    created() {
        //console.log('add create');
        this.init(this.row)
    },
    methods: {
        init(row) {
            if (this.$refs['dataForm']) {
                this.$refs['dataForm'].resetFields()
            }
            if (row !== undefined) {
                this.dataForm.id = row.id
                this.dataForm.name = row.name

            } else {
                this.dataForm.id = ''
            }
        },
        /* 查询使用部门*/
        cancel() {
            this.$emit('close')
        },
        /* 提交*/
        dataFormSubmit() {
            if (this.dataForm.id === '') { // 新增
                deviceTypeCreate(this.dataForm).then(res => {
                    this.$message({
                        message: '新增成功',
                        type: 'success',
                        duration: 1500,
                        onClose: () => {
                            this.$emit('confirm')
                            this.visible = false
                        }
                    })
                })
            } else {
                deviceTypeUpdate(this.dataForm).then(res => {
                    this.$message({
                        message: '修改成功',
                        type: 'success',
                        duration: 1500,
                        onClose: () => {
                            this.$emit('confirm')
                            this.visible = false
                        }
                    })
                })
            }
        }
    }
}
</script>

<style lang="scss">
  .el-form-item__content {
    .el-select,.el-input {
      width: 100%;
    }
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }
.el-form-item__content {

    .el-select,
    .el-input {
        width: 100%;
    }
}

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}

.avatar {
    width: 178px;
    height: 178px;
    display: block;
}
</style>

 src/container/ledger/Manage-add-update.vue

@@ -217,8 +217,8 @@
                    </el-col>

                    <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">

                        <el-form-item label="备注" prop="remark">

                            <el-input type="textarea"

  :rows="2" v-model="dataForm.remark" placeholder="备注" clearable></el-input>

                            <el-input type="textarea" :rows="2" v-model="dataForm.remark" placeholder="备注"

                                clearable></el-input>

                        </el-form-item>

                    </el-col>

                </el-row>

@@ -238,9 +238,8 @@
            </el-form>

            <!-- 按钮 -->

            <span slot="footer" class="dialog-footer">

                <el-button type="ghost" size="mini" style="width: 150px" @click="cancel">取消</el-button>

                <el-button size="mini" type="primary" style="width: 150px"

                    @click="dataFormSubmit()">保存</el-button>

                <!-- <el-button type="ghost" size="mini" style="width: 150px" @click="cancel">取消</el-button> -->

                <el-button size="mini" type="primary" style="width: 150px" @click="dataFormSubmit()">保存</el-button>

            </span>

        </el-dialog>

    </div>

@@ -462,4 +461,5 @@
    width: 178px;

    height: 178px;

    display: block;

}</style>

}

</style>


 src/container/machineList/Manage-add-update.vue

@@ -97,7 +97,7 @@
            </el-form>
            <!-- 按钮 -->
            <span slot="footer" class="dialog-footer">
                <el-button size="mini" @click="cancel">取消</el-button>
                <!-- <el-button size="mini" @click="cancel">取消</el-button> -->
                <el-button size="mini" class="active" type="primary" @click="dataFormSubmit()">保存</el-button>
            </span>
        </el-dialog>

 src/container/machineList/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-06 17:40:19
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-29 23:06:38
 * @LastEditTime: 2024-02-02 21:56:33
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/machineList/index.vue
-->
<template>
@@ -40,11 +40,11 @@
                    <el-button type="ghost" size="small" style="width: 150px" @click="reset">重置</el-button>
                </div>
            </template>
            <!--
<!-- 			
            <template slot="table-tool">
                <el-button type="primary" size="mini" @click="add">新增设备类型</el-button>
            </template>
            -->
             -->
            <template slot="columns">
                
                <el-table-column
@@ -108,6 +108,11 @@
                    label="DNC名称"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop=""
                    label=""
                    width="">
                </el-table-column>
                <el-table-column width="120px" fixed="right" align="center" label="操作">
                    <template slot-scope="scope">
                        <a class="table-action table-edit" @click="handlerSetting(scope.row)">配置</a>

 src/container/maintenance/dailyMAdd.vue

@@ -65,7 +65,7 @@
        </el-form>

        <div slot="footer" class="dialog-footer">

            <el-button size="mini" type="primary" @click="savedata()" plain>保存</el-button>

            <el-button size="mini" type="ghost" @click="resetForm()" plain>重置</el-button>

            <!-- <el-button size="mini" type="ghost" @click="resetForm()" plain>重置</el-button> -->

        </div>

    </el-dialog>

</template>