修改新增

祖安之光

8 天以前 5df79be2b15c0c22e4c25f94b02464ad70d793c3

 src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue

@@ -25,6 +25,28 @@
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="部门:" prop="departId" >
              <el-select
                  v-model="state.form.departId"
                  placeholder="请选择部门"
                  filterable
                  clearable
                  style="width: 100%"
                  :disabled="title == '查看' || title == '编辑'"
                  @change="selectValueDep"
              >
                <el-option
                    v-for="item in state.deptList"
                    :key="item.deptId"
                    :label="item.deptName"
                    :value="item.deptId">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="质量目标:" prop="qualityId" >
              <el-select
                  :disabled="title === '查看' || title == '编辑'"
@@ -38,6 +60,7 @@
                    :key="item.id"
                    :label="item.message"
                    :value="item.id"
                    :title="item.message"
                />
              </el-select>
            </el-form-item>
@@ -57,38 +80,83 @@
              <el-table-column type="index" label="序号"  align="center"></el-table-column>
              <el-table-column label="目标项目" prop="message" align="center"  />
              <el-table-column label="目标展开" align="center"  >
<!--                <template #default="{row,$index}">-->
<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method">-->
<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="row.method" placeholder="请输入"></el-input>-->
<!--                  </el-form-item>-->
<!--                </template>-->
                <template #default="{row,$index}">
                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method">
                    <el-input :disabled="title === '查看'" type="textarea" v-model="row.method" placeholder="请输入"></el-input>
                  </el-form-item>
                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.method'" :rules="state.rules.method">
                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.method" placeholder="请输入"></el-input>
                    </el-form-item>

                  </div>
                </template>
              </el-table-column>
              <el-table-column label="实施对策" align="center"  >
                <template #default="{row,$index}">
                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">
                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>
                  </el-form-item>
                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.calculate'" :rules="state.rules.calculate">
                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.calculate" placeholder="请输入"></el-input>
                    </el-form-item>

                  </div>
                </template>
<!--                <template #default="{row,$index}">-->
<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">-->
<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>-->
<!--                  </el-form-item>-->
<!--                </template>-->
              </el-table-column>
              <el-table-column label="责任人" align="center"  >
                <template #default="{row,$index}">
                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dutyName'" :rules="state.rules.dutyName">
                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dutyName" placeholder="请输入"></el-input>
                  </el-form-item>
                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.dutyName'" :rules="state.rules.dutyName">
                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.dutyName" placeholder="请输入"></el-input>
                    </el-form-item>
                  </div>
                </template>
<!--                <template #default="{row,$index}">-->
<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dutyName'" :rules="state.rules.dutyName">-->
<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.dutyName" placeholder="请输入"></el-input>-->
<!--                  </el-form-item>-->
<!--                </template>-->
              </el-table-column>
              <el-table-column label="考核时机" align="center"  >
                <template #default="{row,$index}">
                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">
                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>
                  </el-form-item>
                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']'+ '.frequency'" :rules="state.rules.frequency">
                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.frequency" placeholder="请输入"></el-input>
                    </el-form-item>

                  </div>
                </template>
<!--                <template #default="{row,$index}">-->
<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">-->
<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>-->
<!--                  </el-form-item>-->
<!--                </template>-->
              </el-table-column>
              <el-table-column label="备注" align="center"  >
                <template #default="{row,$index}">
                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.remark'">
                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.remark" placeholder="请输入"></el-input>
                  </el-form-item>
                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.remark'">
                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.remark"></el-input>
                    </el-form-item>

                  </div>
                </template>
<!--                <template #default="{row,$index}">-->
<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.remark'">-->
<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.remark" placeholder="请输入"></el-input>-->
<!--                  </el-form-item>-->
<!--                </template>-->
              </el-table-column>
              <el-table-column label="操作" align="center" width="120" v-if="title !== '查看'" >
                <template #default="scope">
                  <el-button link type="primary"  @click="addObject(scope.row)" >添加</el-button>
                  <el-button link type="danger"  @click="delObject(scope.row)" >删除</el-button>
                </template>
              </el-table-column>
            </el-table>
@@ -182,7 +250,7 @@
import {getCompany} from "@/api/onlineEducation/company";
import {ElMessage} from "element-plus";
import {getUser} from "@/api/onlineEducation/user";
import {getObject, getObjectPage} from "@/api/qualityObjectives/object";
import {getDept, getObject, getObjectPage} from "@/api/qualityObjectives/object";
import {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";

const dialogVisible = ref(false);
@@ -194,6 +262,7 @@
const state = reactive({
  form: {
    id: '',
    departId: null,
    qualityId: '',
    number: '',
    serial: '',
@@ -209,6 +278,7 @@
    qualityTargets:[],
  },
  rules: {
    departId: [{ required: true, message: '请选择部门', trigger: 'blur' }],
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
    qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }],
    number: [{ required: true, message: '请输入编号', trigger: 'blur' }],
@@ -248,7 +318,8 @@
    state.companyList = companyList
  }

    await getQualityList()
  await getDeptList()
    // await getQualityList()

  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
  if(type === 'edit' || type === 'review') {
@@ -261,7 +332,7 @@

const getQualityList = async () => {
  if(state.form.companyId){
    const res = await getObject({companyId:state.form.companyId,type: 2 });
    const res = await getObject({departId:state.form.departId ,companyId:state.form.companyId,type: 2 });
    if(res.code === 200){
      state.qualityList = res.data.data.map(item => {
        return {
@@ -280,8 +351,23 @@


}
const getDeptList = async () => {
  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
    return
  }
  const param = {
    pageNum: 1,
    pageSize: 999,
    companyId: state.form.companyId
  }
  const res = await getDept(param)
  if(res.code === 200){
    state.deptList = res.data
  }
}
const onSubmit = async () => {
  const valid = await busRef.value.validate();
  console.log('sta',state.form)
  if(valid){
    if(title.value === '新增'){
      console.log('sta',state.form)
@@ -328,6 +414,7 @@
const reset = () => {
  state.form = {
    id: '',
    departId: null,
    qualityId: '',
    number: '',
    serial: '',
@@ -389,7 +476,8 @@
    state.form.qualityTargets = res.data.map(item => {
      return {
        id: item.id,
        message: item.message
        message: item.message,
        qualityTargetMesses: [{qualityTargetId: item.id}]
      }
    })

@@ -400,6 +488,7 @@

}
const selectValueCom = (val) => {
  state.form.departId = null
  state.form.qualityId = null
  state.qualityList = []
  state.form.qualityTargets = []
@@ -414,10 +503,44 @@
      state.form.companyId = item.id
    }
  })
  getDeptList()
  getQualityList()
  getPeopleList()
}
const selectValueDep = async (val) => {
  state.form.departId = val
  state.form.qualityId = null
  state.qualityList = []
  state.form.qualityTargets = []
  // state.form.fictionId = null
  // state.form.fictionName = ''
  // state.form.checkId = null
  // state.form.checkName = ''
  // state.form.ratifyId = null
  // state.form.ratifyName = ''
  await getQualityList()
}
const addObject = (val) => {
  console.log('val',state.form.qualityTargets)
  state.form.qualityTargets.forEach(item => {
    if(item.id == val.id){
      item.qualityTargetMesses.push({qualityTargetId: item.id})
    }
  })

}
const delObject = (val) => {
  state.form.qualityTargets.forEach(item => {
    if(item.id == val.id){
      if(item.qualityTargetMesses.length == 1){
        ElMessage.warning('至少保留一组数据')
        return
      }
      item.qualityTargetMesses.pop()

    }
  })
}
defineExpose({
  openDialog
});