css

liukangdong

2024-06-03 248f2f32b0f1e406a8110f0839702914a9c3ca0a

 admin/src/components/business/OperaInternalCompanyWindow.vue

@@ -6,9 +6,21 @@
        @confirm="confirm"
    >
        <el-form :model="form" ref="form" :rules="rules">
            <el-form-item label="名称" prop="name">
                <el-input v-model="form.name" placeholder="请输入名称" v-trim/>
            <el-form-item label="上级组织"  >
<!--
                <companySelect v-if="!form.id " v-model="form.parentId" placeholder="请选择上级菜单" clearable :inline="false"/>
-->
              <span>【{{form.parentName || '-'}}】</span>
            </el-form-item>
            <el-form-item label="组织名称" prop="name">
                <el-input v-model="form.name" placeholder="请输入组织名称" v-trim/>
            </el-form-item>
          <el-form-item label="组织类型" prop="type">
            <el-radio-group v-model="form.type" :disabled="form.parentType == 0">
              <el-radio :label="0">相关方组织</el-radio>
              <el-radio :label="1">内部组织</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
    </GlobalWindow>
</template>
@@ -16,27 +28,130 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import companySelect from '@/components/common/companySelect'
export default {
  name: 'OperaInternalCompanyWindow',
  extends: BaseOpera,
  components: { GlobalWindow },
  components: { GlobalWindow, companySelect },
  data () {
    return {
      options: [],
      // 表单数据
      form: {
        id: null,
        name: ''
        type: '0',
        name: '',
        parentId: null,
        disable: false,
        parentName: ''
      },
      // 验证规则
      rules: {
        name: [
          { required: true, message: '请输入组织名称' }
        ],
        type: [
          { required: true, message: '请选择组织类型' }
        ]
      }
    }
  },
  props: {
    list: {
      type: Array
    }
  },
  created () {
    this.config({
      api: '/business/company',
      api: '/business/company.js',
      'field.id': 'id'
    })
  },
  methods: {
    open(title,target,row){
      this.title =title
      this.visible =true
      console.log(target)
      this.form= {
        id: null,
        type: 0,
        name: '',
        parentId: null,
        disable: false,
        parentName: '',
        parentType:null
      }
      if (target != null) {
        this.form.parentId = target.id
        this.form.parentType = target.type
        this.form.parentName = target.companyNamePath

      }
      // 新建组织
      if (row == null) {
        this.$nextTick(() => {
          this.$refs.form.resetFields()
          this.form[this.configData['field.id']] = null
        })
        return
      }
      // 编辑
      this.$nextTick(() => {
        this.originPermissionCode = target.code
        for (const key in this.form) {
          this.form[key] = row[key]
        }
        if(target.type == 0){
          this.form.type = 0
        }
      })
    },
    // 确认新建/修改
    confirm () {
      this.$refs.form.validate((valid) => {
        if (!valid) {
          return
        }
        // 调用新建接口
        this.isWorking = true
        if (this.form.id == null || this.form.id === '') {
          this.api.create({
            parentId: this.form.parentId,
            name: this.form.name,
            type: this.form.type
          })
            .then(() => {
              this.visible = false
              this.$tip.apiSuccess('新建成功')
              this.$emit('success')
            })
            .catch(e => {
              this.$tip.apiFailed(e)
            })
            .finally(() => {
              this.isWorking = false
            })
        } else {
          this.api.updateById({
            id: this.form.id,
            parentId: this.form.parentId,
            name: this.form.name,
            type: this.form.type
          })
            .then(() => {
              this.visible = false
              this.$tip.apiSuccess('修改成功')
              this.$emit('success')
            })
            .catch(e => {
              this.$tip.apiFailed(e)
            })
            .finally(() => {
              this.isWorking = false
            })
        }
      })
    }
  }
}
</script>