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