| | |
| | | <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> |
| | |
| | | } |
| | | const onSubmit = async () => { |
| | | const valid = await busRef.value.validate(); |
| | | console.log('sta',state.form) |
| | | if(valid){ |
| | | if(title.value === '新增'){ |
| | | console.log('sta',state.form) |
| | |
| | | state.form.qualityTargets = res.data.map(item => { |
| | | return { |
| | | id: item.id, |
| | | message: item.message |
| | | message: item.message, |
| | | qualityTargetMesses: [{qualityTargetId: item.id}] |
| | | } |
| | | }) |
| | | |
| | |
| | | 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 |
| | | }); |