<template>
|
<div>
|
<el-dialog :visible.sync="formDia" title="新增" width="80%" @close="closeDia">
|
<el-form ref="form" :model="form" :rules="formRules" label-width="auto">
|
<el-button size="small" type="primary" @click="addBtn">添加一条</el-button>
|
<div class="form-info">
|
<div v-for="(items, index) in form.taskRel" :key="index">
|
<el-col :span="12">
|
<el-form-item :prop="`taskRel.${index}.newMethodName`"
|
:rules="{ required: true, message: '请填写标准名称', trigger: 'blur', }" label="新标准名称：">
|
<el-input v-model="items.newMethodName" size="small"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item :prop="`taskRel.${index}.newStandardNo`"
|
:rules="{ required: true, message: '请填写标准号', trigger: 'blur', }" label="新标准号：">
|
<el-input v-model="items.newStandardNo" size="small"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item :prop="`taskRel.${index}.searchNewSource`"
|
:rules="{ required: true, message: '请选择查新记录来源', trigger: 'change', }" label="查新记录来源：">
|
<el-radio-group v-model="items.searchNewSource">
|
<el-radio :label="0">标准网</el-radio>
|
<el-radio :label="1">委托情报</el-radio>
|
<el-radio :label="2">标准数</el-radio>
|
<el-radio :label="3">其他</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item :prop="`taskRel.${index}.remark`"
|
:rules="{ required: false, message: '请选择备注', trigger: 'change', }" label="备注：">
|
<el-select v-model="items.remark" :prop="`taskRel.${index}.remark`"
|
:rules="{ required: false, message: '请选择备注', trigger: 'change', }" clearable size="small">
|
<el-option :value="0" label="作废"></el-option>
|
<el-option :value="1" label="替换"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-button v-if="index !== 0" circle icon="el-icon-delete" size="small" type="danger"
|
@click="deleteHeaderRow(index)"></el-button>
|
</el-col>
|
<el-col :span="24">
|
<el-divider></el-divider>
|
</el-col>
|
</div>
|
</div>
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="closeDia">取 消</el-button>
|
<el-button :loading="editLoad" type="primary" @click="handleEdit">提 交</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
addMethodSearchNew,
|
} from '@/api/cnas/process/method/standardNoveltyRetrieval.js'
|
export default {
|
name: 'FormDialog',
|
// import 引入的组件需要注入到对象中才能使用
|
components: {},
|
data() {
|
// 这里存放数据
|
return {
|
formDia: false,
|
form: {
|
taskRel: [
|
{
|
newMethodName: '',
|
newStandardNo: '',
|
searchNewSource: '',
|
remark: '',
|
}
|
]
|
},
|
formRules: {},
|
editLoad: false,
|
info: {},
|
};
|
},
|
// 方法集合
|
methods: {
|
openDia(row) {
|
this.formDia = true
|
},
|
// 添加一条
|
addBtn() {
|
this.form.taskRel.push({ newMethodName: '', newStandardNo: '', searchNewSource: '', remark: '' });
|
},
|
// 删除一条
|
deleteHeaderRow(index) {
|
this.form.taskRel.splice(index, 1);
|
},
|
handleEdit() {
|
this.$refs['form'].validate((valid) => {
|
if (valid) {
|
this.editLoad = true
|
const processMethodSearchNews = this.HaveJson(this.form.taskRel)
|
addMethodSearchNew(processMethodSearchNews).then(res => {
|
this.editLoad = false
|
if (res.code === 201) return
|
this.$message.success('操作成功')
|
this.closeDia()
|
}).catch(err => {
|
console.log('err---', err);
|
this.editLoad = false
|
})
|
} else {
|
console.log('error submit!!');
|
return false;
|
}
|
});
|
},
|
closeDia() {
|
this.$refs.form.resetFields();
|
this.formDia = false
|
this.$emit('closeDia');
|
},
|
}
|
};
|
</script>
|
|
<style scoped>
|
.form-info {
|
display: inline-block;
|
max-height: 42em;
|
overflow-y: auto;
|
}
|
|
>>>.el-dialog {
|
margin: 6vh auto 50px !important;
|
}
|
</style>
|
