zhc077
1 year ago
parent
986baeb3d7
commit
cc41bcc9e9
7 changed files with 271 additions and 173 deletions
@ -1,121 +1,121 @@ |
||||
<template> |
||||
<a-spin :spinning="confirmLoading"> |
||||
<j-form-container :disabled="formDisabled"> |
||||
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
||||
<a-row> |
||||
<a-col :span="80"> |
||||
<a-form-model-item label="类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="typeName"> |
||||
<a-input v-model="model.typeName" placeholder="请输入类型名称"></a-input> |
||||
</a-form-model-item> |
||||
</a-col> |
||||
<!-- <a-col :span="24">--> |
||||
<!-- <a-form-model-item label="上级类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="upperId">--> |
||||
<!-- <j-tree-select--> |
||||
<!-- ref="treeSelect"--> |
||||
<!-- placeholder="请选择上级类型"--> |
||||
<!-- v-model="model.upperId"--> |
||||
<!-- dict="task_type,type_name,id"--> |
||||
<!-- pidField="upper_id"--> |
||||
<!-- pidValue=""--> |
||||
<!-- >--> |
||||
<!-- </j-tree-select>--> |
||||
<!--<template>--> |
||||
<!-- <a-spin :spinning="confirmLoading">--> |
||||
<!-- <j-form-container :disabled="formDisabled">--> |
||||
<!-- <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">--> |
||||
<!-- <a-row>--> |
||||
<!-- <a-col :span="80">--> |
||||
<!-- <a-form-model-item label="类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="typeName">--> |
||||
<!-- <a-input v-model="model.typeName" placeholder="请输入类型名称"></a-input>--> |
||||
<!-- </a-form-model-item>--> |
||||
<!-- </a-col>--> |
||||
<a-col :span="80"> |
||||
<a-form-model-item label="所属类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="upperId"> |
||||
<j-dict-select-tag type="list" v-model="model.upperId" dictCode="task_type,type_name,id" |
||||
placeholder="请选择所属类型"/> |
||||
</a-form-model-item> |
||||
</a-col> |
||||
</a-row> |
||||
</a-form-model> |
||||
</j-form-container> |
||||
</a-spin> |
||||
</template> |
||||
<!--<!– <a-col :span="24">–>--> |
||||
<!--<!– <a-form-model-item label="上级类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="upperId">–>--> |
||||
<!--<!– <j-tree-select–>--> |
||||
<!--<!– ref="treeSelect"–>--> |
||||
<!--<!– placeholder="请选择上级类型"–>--> |
||||
<!--<!– v-model="model.upperId"–>--> |
||||
<!--<!– dict="task_type,type_name,id"–>--> |
||||
<!--<!– pidField="upper_id"–>--> |
||||
<!--<!– pidValue=""–>--> |
||||
<!--<!– >–>--> |
||||
<!--<!– </j-tree-select>–>--> |
||||
<!--<!– </a-form-model-item>–>--> |
||||
<!--<!– </a-col>–>--> |
||||
<!-- <a-col :span="80">--> |
||||
<!-- <a-form-model-item label="所属类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="upperId">--> |
||||
<!-- <j-dict-select-tag type="list" v-model="model.upperId" dictCode="task_type,type_name,id"--> |
||||
<!-- placeholder="请选择所属类型"/>--> |
||||
<!-- </a-form-model-item>--> |
||||
<!-- </a-col>--> |
||||
<!-- </a-row>--> |
||||
<!-- </a-form-model>--> |
||||
<!-- </j-form-container>--> |
||||
<!-- </a-spin>--> |
||||
<!--</template>--> |
||||
|
||||
<script> |
||||
<!--<script>--> |
||||
|
||||
import {httpAction, getAction} from '@api/manage' |
||||
import {validateDuplicateValue} from '@/utils/util' |
||||
<!--import {httpAction, getAction} from '@api/manage'--> |
||||
<!--import {validateDuplicateValue} from '@/utils/util'--> |
||||
|
||||
export default { |
||||
name: 'TaskTypeForm', |
||||
components: {}, |
||||
props: { |
||||
//表单禁用 |
||||
disabled: { |
||||
type: Boolean, |
||||
default: false, |
||||
required: false |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
model: {}, |
||||
labelCol: { |
||||
xs: {span: 24}, |
||||
sm: {span: 5}, |
||||
}, |
||||
wrapperCol: { |
||||
xs: {span: 24}, |
||||
sm: {span: 16}, |
||||
}, |
||||
confirmLoading: false, |
||||
validatorRules: {}, |
||||
url: { |
||||
add: "/taskType/taskType/add", |
||||
edit: "/taskType/taskType/edit", |
||||
queryById: "/taskType/taskType/queryById" |
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
formDisabled() { |
||||
return this.disabled |
||||
}, |
||||
}, |
||||
created() { |
||||
//备份model原始值 |
||||
this.modelDefault = JSON.parse(JSON.stringify(this.model)); |
||||
}, |
||||
methods: { |
||||
add() { |
||||
this.edit(this.modelDefault); |
||||
}, |
||||
edit(record) { |
||||
this.model = Object.assign({}, record); |
||||
// console.log('this.model',this.model) |
||||
this.visible = true; |
||||
}, |
||||
submitForm() { |
||||
const that = this; |
||||
// 触发表单验证 |
||||
this.$refs.form.validate(valid => { |
||||
if (valid) { |
||||
that.confirmLoading = true; |
||||
let httpurl = ''; |
||||
let method = ''; |
||||
if (!this.model.id) { |
||||
httpurl += this.url.add; |
||||
method = 'post'; |
||||
} else { |
||||
httpurl += this.url.edit; |
||||
method = 'put'; |
||||
} |
||||
httpAction(httpurl, this.model, method).then((res) => { |
||||
if (res.success) { |
||||
that.$message.success(res.message); |
||||
that.$emit('ok'); |
||||
} else { |
||||
that.$message.warning(res.message); |
||||
} |
||||
}).finally(() => { |
||||
that.confirmLoading = false; |
||||
}) |
||||
} |
||||
<!--export default {--> |
||||
<!-- name: 'TaskTypeForm',--> |
||||
<!-- components: {},--> |
||||
<!-- props: {--> |
||||
<!-- //表单禁用--> |
||||
<!-- disabled: {--> |
||||
<!-- type: Boolean,--> |
||||
<!-- default: false,--> |
||||
<!-- required: false--> |
||||
<!-- }--> |
||||
<!-- },--> |
||||
<!-- data() {--> |
||||
<!-- return {--> |
||||
<!-- model: {},--> |
||||
<!-- labelCol: {--> |
||||
<!-- xs: {span: 24},--> |
||||
<!-- sm: {span: 5},--> |
||||
<!-- },--> |
||||
<!-- wrapperCol: {--> |
||||
<!-- xs: {span: 24},--> |
||||
<!-- sm: {span: 16},--> |
||||
<!-- },--> |
||||
<!-- confirmLoading: false,--> |
||||
<!-- validatorRules: {},--> |
||||
<!-- url: {--> |
||||
<!-- add: "/taskType/taskType/add",--> |
||||
<!-- edit: "/taskType/taskType/edit",--> |
||||
<!-- queryById: "/taskType/taskType/queryById"--> |
||||
<!-- }--> |
||||
<!-- }--> |
||||
<!-- },--> |
||||
<!-- computed: {--> |
||||
<!-- formDisabled() {--> |
||||
<!-- return this.disabled--> |
||||
<!-- },--> |
||||
<!-- },--> |
||||
<!-- created() {--> |
||||
<!-- //备份model原始值--> |
||||
<!-- this.modelDefault = JSON.parse(JSON.stringify(this.model));--> |
||||
<!-- },--> |
||||
<!-- methods: {--> |
||||
<!-- add() {--> |
||||
<!-- this.edit(this.modelDefault);--> |
||||
<!-- },--> |
||||
<!-- edit(record) {--> |
||||
<!-- this.model = Object.assign({}, record);--> |
||||
<!-- // console.log('this.model',this.model)--> |
||||
<!-- this.visible = true;--> |
||||
<!-- },--> |
||||
<!-- submitForm() {--> |
||||
<!-- const that = this;--> |
||||
<!-- // 触发表单验证--> |
||||
<!-- this.$refs.form.validate(valid => {--> |
||||
<!-- if (valid) {--> |
||||
<!-- that.confirmLoading = true;--> |
||||
<!-- let httpurl = '';--> |
||||
<!-- let method = '';--> |
||||
<!-- if (!this.model.id) {--> |
||||
<!-- httpurl += this.url.add;--> |
||||
<!-- method = 'post';--> |
||||
<!-- } else {--> |
||||
<!-- httpurl += this.url.edit;--> |
||||
<!-- method = 'put';--> |
||||
<!-- }--> |
||||
<!-- httpAction(httpurl, this.model, method).then((res) => {--> |
||||
<!-- if (res.success) {--> |
||||
<!-- that.$message.success(res.message);--> |
||||
<!-- that.$emit('ok');--> |
||||
<!-- } else {--> |
||||
<!-- that.$message.warning(res.message);--> |
||||
<!-- }--> |
||||
<!-- }).finally(() => {--> |
||||
<!-- that.confirmLoading = false;--> |
||||
<!-- })--> |
||||
<!-- }--> |
||||
|
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
<!-- })--> |
||||
<!-- },--> |
||||
<!-- }--> |
||||
<!--}--> |
||||
<!--</script>--> |
||||
Loading…
Reference in new issue