feat: 基础信息 新增、编辑增加防重提交 列表也优化

石广澎

2023-12-01 9cb389b74302ce6b0a2333328922e7c462234a56

 admin-web/src/views/foundation/store/edit.vue

@@ -1,21 +1,47 @@
<template>
  <win-sm :title="setting.title" @close="close" :width="'800px'">
  <win-sm :title="setting.title" @close="close" :width="'800px'" :loading="loading">
    <el-form ref="ruleForm" :model="formData" :rules="rules" class="demo-ruleForm" label-width="100px">
      <el-form-item label="编号" prop="code">
        <el-input disabled v-model="formData.code" clearable maxlength="20" show-word-limit style="width: 100%"/>
      <!--      <el-form-item label="编号" prop="warehouseCode">
              <el-input disabled v-model="formData.warehouseCode" clearable maxlength="20" show-word-limit style="width: 100%" />
            </el-form-item>-->
      <el-form-item label="仓库名称" prop="warehouseName">
        <el-input v-model="formData.warehouseName" placeholder="请输入仓库名称" clearable maxlength="20" show-word-limit
                  style="width: 100%"/>
      </el-form-item>
      <el-form-item label="仓库名称" prop="name">
        <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/>
      <el-form-item label="仓库类型" prop="classificationCode">
        <el-select v-model="formData.classificationCode" clearable placeholder="请选择仓库类型" style="width: 100%">
          <el-option
              v-for="item in classList"
              :key="item.dict_code"
              :label="item.dict_label"
              :value="item.dict_code"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="地址" >
        <el-input v-model="formData.adss" clearable maxlength="20" show-word-limit style="width: 100%"/>
      <el-form-item label="所属机构" prop="agencyId">
        <el-cascader
            v-model="formData.agencyId"
            placeholder="请选择所属机构"
            :options="treeList"
            :props="{checkStrictly: true,emitPath: false,value:'id'}"
            style="width: 100%"></el-cascader>
      </el-form-item>
      <el-form-item label="状态" prop="status">
        <el-switch
          v-model="formData.status"
          active-color="#0d997c"
          inactive-color="#C0CCDA">
        </el-switch>
      <el-form-item label="地址">
        <el-input
            style="width: 100%"
            maxlength="200"
            show-word-limit
            type="textarea"
            :rows="3"
            placeholder="请输入内容"
            v-model="formData.adress"/>

      </el-form-item>
      <el-form-item label="状态" prop="states">
        <el-radio-group v-model="formData.states">
          <el-radio :label="1" border>启用</el-radio>
          <el-radio :label="0" border>禁用</el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
    <div slot="footer" align="center" class="dialog-footer">
@@ -26,9 +52,10 @@
</template>

<script>
import winSm from '@/components/win/win-sm'
import myButton from '@/components/myButton/myButton'
import * as finsystenant from '@/api/baseSetting/finsystenant'
import winSm from '@/components/win/win-sm';
import myButton from '@/components/myButton/myButton';
import * as finsystenant from '@/api/baseSetting/finsystenant';
import {findParentIds} from '@/utils/index';

export default {
  components: {winSm, myButton},
@@ -36,76 +63,103 @@
    setting: {
      type: Object,
      default: () => {
      }
    }
      },
    },
  },
  data() {
    return {
      loading: true,
      classList: [],
      treeList: [],
      checkAll: false,
      checkedList: [],
      formData: {
        code: '',
        name: '',
        status: true,
        summary: '',
        warehouseCode: null,
        classificationId: null,
        classificationCode: null,
        states: 1,
        agencyId: ''
      },
      rules: {
        code: [
          {required: true, message: '请输入机构编号', trigger: 'blur'}
        ],
        name: [
          {required: true, message: '请输入机构名称', trigger: 'blur'}
        ],
        status: [
          {required: true, message: '请选择状态', trigger: 'blur'}
        ]
      }
    }
        warehouseName: [{required: true, message: '请输入', trigger: 'blur'}],
        classificationCode: [{required: true, message: '请选择', trigger: 'blur'}],
        agencyId: [{required: true, message: '请选择', trigger: ['blur', 'change']}],
        states: [{required: true, message: '请选择状态', trigger: 'blur'}],
      },
    };
  },
  created() {
    if(this.setting.info){
      this.formData = Object.assign({},JSON.parse(this.setting.info))
  async created() {
    await this.class_List();
    await this.tree_List();
    this.loading = false
    if (this.setting.info) {
      this.formData = Object.assign({}, JSON.parse(this.setting.info));
    }
  },
  methods: {
    getEditInfo(id){

    async class_List() {
      await finsystenant.classList().then((res) => {
        if (res) {
          res.map(item => {
            item.dict_code = item.dict_code.toString()
          })
          this.classList = res;
        }
      });
    },
    async tree_List() {
      await finsystenant.getTree().then((res) => {
        if (res) {
          this.treeList = res;
          this.$set(this.formData, 'agencyIds', findParentIds(this.treeList, this.formData.agencyId))
        }
      });
    },
    getEditInfo(id) {
    },
    close() {
      this.$emit('close')
      this.$emit('close');
    },
    save() {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          const params = Object.assign({}, this.formData)
          if(this.setting.id){
          const params = Object.assign({}, this.formData);
          if (this.loading) return
          this.loading = true
          if (this.setting.id) {
            // 编辑接口
            finsystenant.edit(params).then(res => {
            finsystenant.editstore(params).then((res) => {
              this.loading = false
              if (res) {
                this.$message.success('保存成功！')
                this.close()
                this.$emit('search')
                this.$message.success('保存成功！');
                this.close();
                this.$emit('search');
              } else {
                this.$message.error('保存失败')
                this.$message.error('保存失败');
              }
            })
          }else{
            params.orgId = this.setting.orgId
            finsystenant.add(params).then(res => {
            }).catch(()=>{
              this.loading = false
            });
          } else {
            params.orgId = this.setting.orgId;
            finsystenant.addstore(params).then((res) => {
              this.loading = false
              if (res) {
                this.$message.success('保存成功！')
                this.close()
                this.$emit('search')
                this.$message.success('保存成功！');
                this.close();
                this.$emit('search');
              } else {
                this.$message.error('保存失败')
                this.$message.error('保存失败');
              }
            })
            }).catch(()=>{
              this.loading = false
            });
          }
        } else {
          this.$message.error('校验未通过，请检查。')
          this.$message.error('校验未通过，请检查。');
        }
      })
    }
  }
}
      });
    },
  },
};
</script>