zhouwx
2025-07-08 af16c1eca4ffd904c193300cbe3fb3dac06797ce
src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
@@ -58,38 +58,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>
@@ -283,6 +328,7 @@
}
const onSubmit = async () => {
  const valid = await busRef.value.validate();
  console.log('sta',state.form)
  if(valid){
    if(title.value === '新增'){
      console.log('sta',state.form)
@@ -390,7 +436,8 @@
    state.form.qualityTargets = res.data.map(item => {
      return {
        id: item.id,
        message: item.message
        message: item.message,
        qualityTargetMesses: [{qualityTargetId: item.id}]
      }
    })
@@ -418,7 +465,27 @@
  getQualityList()
  getPeopleList()
}
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
});