修改新增

祖安之光

48 分钟以前 fca7a89c2bf084dcd5d83819140cc7eb33fc6199

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

@@ -26,20 +26,21 @@
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="质量目标:" prop="qualityId" >
              <el-select
                  :disabled="title === '查看' || title == '编辑'"
                  v-model="state.form.qualityId"
                  placeholder="请选择质量目标"
                  style="width: 100%"
                  @change="chooseQuality"
              >
                <el-option
                    v-for="item in state.qualityList"
                    :key="item.id"
                    :label="item.message"
                    :value="item.id"
                />
              </el-select>
                <el-select
                    :disabled="title === '查看' || title == '编辑'"
                    v-model="state.form.qualityId"
                    placeholder="请选择质量目标"
                    style="width: 100%"
                    @change="chooseQuality"
                >
                  <el-option
                      v-for="item in state.qualityList"
                      :key="item.id"
                      :label="item.message"
                      :value="item.id"
                      :title="item.message"
                  />
                </el-select>
            </el-form-item>
          </el-col>
        </el-row>
@@ -62,45 +63,99 @@
                <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 + ']' + '.num'" :rules="state.rules.num">-->
<!--                      <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.num'" :rules="state.rules.num">
                      <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="实施措施及需要的资源" align="center"  width="180">
<!--                  <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>-->
<!--                  </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>-->
<!--                  </template>-->
                  <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>
                </el-table-column>
                <el-table-column label="数据源" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.dataSource'" :rules="state.rules.dataSource">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.dataSource" 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 + ']' + '.departName'" :rules="state.rules.departName">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.departName" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.departName'" :rules="state.rules.departName">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.departName" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']'+ '.departName'" :rules="state.rules.departName">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.departName" 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 + ']' + '.frequency'" :rules="state.rules.frequency">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <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>
                </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>
@@ -201,6 +256,7 @@
const title = ref("");
const busRef = ref();
const length = ref()
const selectPopperClass = "max-width-select";
const emit = defineEmits(["getList"]);
const dataRef = ref();
const state = reactive({
@@ -403,7 +459,8 @@
    state.form.qualityTargets = res.data.map(item => {
      return {
        id: item.id,
        message: item.message
        message: item.message,
        qualityTargetMesses: [{qualityTargetId: item.id}]
      }
    })

@@ -456,6 +513,27 @@
    }
  }
}
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
});