zhc077
/
projectManagement
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'dev_2307' of http://182.92.169.222:3000/zhc077/projectManagement into dev_2307

Browse Source
master
gegeya 1 year ago
parent 1e098a6f80 8c8748f5a1
commit c439ddba35
3 changed files with 861 additions and 444 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 705
      ant-design-vue-jeecg/src/views/functionx/modules/FunctionxForm.vue
  2. 590
      ant-design-vue-jeecg/src/views/modulex/modules/ModulexForm.vue
  3. 10
      ant-design-vue-jeecg/src/views/rulex/modules/RulexForm.vue

705
ant-design-vue-jeecg/src/views/functionx/modules/FunctionxForm.vue
Unescape View File

@ -1,105 +1,324 @@
<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="24">--> <!-- <a-col :span="24">-->
<!-- <a-form-model-item label="对应模块id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleId">--> <!-- <a-form-model-item label="对应模块id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleId">-->
<!-- <a-input v-model="model.moduleId" placeholder="请输入对应模块id" ></a-input>--> <!-- <a-input v-model="model.moduleId" placeholder="请输入对应模块id" ></a-input>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </a-col>--> <!-- </a-col>-->
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="中文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="functionName"> <a-form-model-item
<a-input v-model="model.functionName" placeholder="请输入中文名称" ></a-input> label="中文名称"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="functionName"
>
<a-input
v-model="model.functionName"
placeholder="请输入中文名称"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="英文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="functionEnName"> <a-form-model-item
<a-input v-model="model.functionEnName" placeholder="请输入英文名称" ></a-input> label="英文名称"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="functionEnName"
>
<a-input
v-model="model.functionEnName"
placeholder="请输入英文名称"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="任务状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.workStatus" dictCode="work_status" placeholder="请选择任务状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="发布时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="publishTime">-->
<!-- <j-date placeholder="请选择发布时间" v-model="model.publishTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="startTime">-->
<!-- <j-date placeholder="请选择开始时间" v-model="model.startTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="提交时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="submitTime">-->
<!-- <j-date placeholder="请选择提交时间" v-model="model.submitTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="实际时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realDuration">-->
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="功能状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">-->
<!-- <j-dict-select-tag type="list" v-model="model.status" dictCode="a_status" placeholder="请选择功能状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verisonStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.verisonStatus" dictCode="verison_status" placeholder="请选择版本状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
</a-row>
<a-row>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="对应模块id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleId">-->
<!-- <a-input v-model="model.moduleId" placeholder="请输入对应模块id" ></a-input>-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="功能类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="functionType"> <a-form-model-item
<j-dict-select-tag type="list" v-model="model.functionType" dictCode="function_type" placeholder="请选择功能类型" @change="functionxbianma"/> label="功能类型"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="functionType"
>
<j-dict-select-tag
type="list"
v-model="model.functionType"
dictCode="function_type"
placeholder="请选择功能类型"
@change="functionxbianma"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="功能编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="functionCode"> <a-form-model-item
<a-input v-model="model.functionCode" placeholder="请输入功能编码" ></a-input> label="功能编码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="functionCode"
>
<a-input
v-model="model.functionCode"
placeholder="请输入功能编码"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="任务状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.workStatus" dictCode="work_status" placeholder="请选择任务状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="发布时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="publishTime">-->
<!-- <j-date placeholder="请选择发布时间" v-model="model.publishTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="startTime">-->
<!-- <j-date placeholder="请选择开始时间" v-model="model.startTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="提交时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="submitTime">-->
<!-- <j-date placeholder="请选择提交时间" v-model="model.submitTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="实际时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realDuration">-->
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="功能状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">-->
<!-- <j-dict-select-tag type="list" v-model="model.status" dictCode="a_status" placeholder="请选择功能状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verisonStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.verisonStatus" dictCode="verison_status" placeholder="请选择版本状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
</a-row>
<a-row>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="对应模块id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleId">-->
<!-- <a-input v-model="model.moduleId" placeholder="请输入对应模块id" ></a-input>-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="用户角色" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userRole"> <a-form-model-item
<j-multi-select-tag type="list_multi" v-model="model.userRole" dictCode="sys_role,role_name,id" placeholder="请选择用户角色" /> label="用户角色"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="userRole"
>
<j-multi-select-tag
type="list_multi"
v-model="model.userRole"
dictCode="sys_role,role_name,id"
placeholder="请选择用户角色"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="责任人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="managerUsers"> <a-form-model-item
label="责任人"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="managerUsers"
>
<j-select-user-by-dep v-model="model.managerUsers" /> <j-select-user-by-dep v-model="model.managerUsers" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24">
<a-form-model-item label="任务等级" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workLevel"> <!-- <a-col :span="24">-->
<j-dict-select-tag type="list" v-model="model.workLevel" dictCode="work_level" placeholder="请选择任务等级" /> <!-- <a-form-model-item label="任务状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.workStatus" dictCode="work_status" placeholder="请选择任务状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="发布时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="publishTime">-->
<!-- <j-date placeholder="请选择发布时间" v-model="model.publishTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="startTime">-->
<!-- <j-date placeholder="请选择开始时间" v-model="model.startTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="提交时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="submitTime">-->
<!-- <j-date placeholder="请选择提交时间" v-model="model.submitTime" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="实际时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realDuration">-->
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="功能状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">-->
<!-- <j-dict-select-tag type="list" v-model="model.status" dictCode="a_status" placeholder="请选择功能状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verisonStatus">-->
<!-- <j-dict-select-tag type="list" v-model="model.verisonStatus" dictCode="verison_status" placeholder="请选择版本状态" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
</a-row>
<a-row>
<a-col>
<a-form-model-item
label="任务等级"
:labelCol="{
xs: { span: 24 },
sm: { span: 3 }
}"
:wrapperCol="{
xs: { span: 24 },
sm: { span: 21 }
}"
prop="workLevel"
style="margin-left: 15px"
>
<j-dict-select-tag
type="radio"
v-model="model.workLevel"
dictCode="work_level"
placeholder="请选择任务等级"
style="margin-left: 10px"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">--> </a-row>
<!-- <a-form-model-item label="任务状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workStatus">--> <a-row>
<!-- <j-dict-select-tag type="list" v-model="model.workStatus" dictCode="work_status" placeholder="请选择任务状态" />--> <a-col>
<!-- </a-form-model-item>--> <a-form-model-item
<!-- </a-col>--> label="任务时长"
<!-- <a-col :span="24">--> :labelCol="{
<!-- <a-form-model-item label="发布时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="publishTime">--> xs: { span: 24 },
<!-- <j-date placeholder="请选择发布时间" v-model="model.publishTime" style="width: 100%" />--> sm: { span: 3 }
<!-- </a-form-model-item>--> }"
<!-- </a-col>--> :wrapperCol="{
<!-- <a-col :span="24">--> xs: { span: 24 },
<!-- <a-form-model-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="startTime">--> sm: { span: 18 }
<!-- <j-date placeholder="请选择开始时间" v-model="model.startTime" style="width: 100%" />--> }"
<!-- </a-form-model-item>--> prop="duration"
<!-- </a-col>--> style="margin-left: 15px"
<a-col :span="24"> >
<a-form-model-item label="任务时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="duration"> <a-input-number
<a-input-number v-model="model.duration" placeholder="请输入任务时长" style="width: 100%" /> v-model="model.duration"
placeholder="请输入任务时长"
style="width: 45%; margin-left: 8px"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">--> </a-row>
<!-- <a-form-model-item label="提交时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="submitTime">--> <a-row>
<!-- <j-date placeholder="请选择提交时间" v-model="model.submitTime" style="width: 100%" />--> <a-col>
<!-- </a-form-model-item>--> <a-form-model-item
<!-- </a-col>--> label="分析图"
<!-- <a-col :span="24">--> :labelCol="{
<!-- <a-form-model-item label="实际时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realDuration">--> xs: { span: 24 },
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />--> sm: { span: 2 }
<!-- </a-form-model-item>--> }"
<!-- </a-col>--> :wrapperCol="{
<!-- <a-col :span="24">--> xs: { span: 24 },
<!-- <a-form-model-item label="功能状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">--> sm: { span: 21 }
<!-- <j-dict-select-tag type="list" v-model="model.status" dictCode="a_status" placeholder="请选择功能状态" />--> }"
<!-- </a-form-model-item>--> prop="diagrams"
<!-- </a-col>--> style="margin-left: 50px"
<!-- <a-col :span="24">--> >
<!-- <a-form-model-item label="版本状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verisonStatus">--> <j-image-upload
<!-- <j-dict-select-tag type="list" v-model="model.verisonStatus" dictCode="verison_status" placeholder="请选择版本状态" />--> isMultiple
<!-- </a-form-model-item>--> v-model="model.diagrams"
<!-- </a-col>--> style="margin-left: 8px"
<!-- <a-col :span="24">--> ></j-image-upload>
<!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<a-col :span="24">
<a-form-model-item label="分析图" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="diagrams">
<j-image-upload isMultiple v-model="model.diagrams" ></j-image-upload>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="24"> <a-col>
<a-form-model-item label="功能描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pmDescribe"> <a-form-model-item
<j-editor v-model="model.pmDescribe" /> label="功能描述"
:labelCol="{
xs: { span: 24 },
sm: { span: 2 }
}"
:wrapperCol="{
xs: { span: 24 },
sm: { span: 21 }
}"
prop="pmDescribe"
style="margin-left: 40px"
>
<j-editor v-model="model.pmDescribe" style="margin-left: 18px" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
@ -109,180 +328,190 @@
</template> </template>
<script> <script>
import { httpAction, getAction } from '@/api/manage'
import { validateDuplicateValue1 } from '@/utils/util'
import { httpAction, getAction } from '@/api/manage' export default {
import { validateDuplicateValue1 } from '@/utils/util' name: 'FunctionxForm',
components: {},
export default { props: {
name: 'FunctionxForm', //表单禁用
components: { disabled: {
}, type: Boolean,
props: { default: false,
//表单禁用 required: false
disabled: { }
type: Boolean, },
default: false, data() {
required: false return {
model: {
workLevel: 1,
workStatus: 0
},
labelCol: {
xs: { span: 20 },
sm: { span: 5 }
},
wrapperCol: {
xs: { span: 20 },
sm: { span: 16 }
},
confirmLoading: false,
validatorRules: {
moduleId: [{ required: true, message: '请输入对应模块id!' }],
functionName: [
{ required: true, message: '请输入中文名称!' },
{
validator: (rule, value, callback) =>
validateDuplicateValue1(
'functionx',
'function_name',
value,
this.model.id,
this.moduleid,
callback
)
}
],
functionEnName: [
{ required: true, message: '请输入英文名称!' },
{
validator: (rule, value, callback) =>
validateDuplicateValue1(
'functionx',
'function_en_name',
value,
this.model.id,
this.moduleid,
callback
)
}
],
functionCode: [{ required: true, message: '请输入功能编码!' }],
functionType: [{ required: true, message: '请输入功能类型!' }],
workLevel: [{ required: true, message: '请输入任务等级!' }],
workStatus: [{ required: true, message: '请输入任务状态!' }],
realDuration: [{ required: true, message: '请输入实际时长!' }],
status: [{ required: true, message: '请输入功能状态!' }],
verisonStatus: [{ required: true, message: '请输入版本状态!' }],
verison: [{ required: true, message: '请输入版本号!' }]
},
url: {
add: '/functionx/functionx/add',
edit: '/functionx/functionx/edit',
queryById: '/functionx/functionx/queryById',
bianma: '/functionx/functionx/bianma'
},
moduleid: '',
modulecode: ''
}
},
computed: {
formDisabled() {
return this.disabled
}
},
created() {
//备份model原始值
this.moduleid = this.$route.query.moduleid
this.model.moduleId = this.$route.query.moduleid
//获得模块编码
this.modulebianma(this.moduleid)
this.modelDefault = JSON.parse(JSON.stringify(this.model))
},
methods: {
functionxbianma() {
if (this.model.functionType == 0) {
this.model.functionCode = this.modulecode + '列表'
} else if (this.model.functionType == 1) {
this.model.functionCode = this.modulecode + '增加'
} else if (this.model.functionType == 2) {
this.model.functionCode = this.modulecode + '删除'
} else if (this.model.functionType == 3) {
this.model.functionCode = this.modulecode + '修改'
} else if (this.model.functionType == 4) {
this.model.functionCode = this.modulecode + '查看'
} else if (this.model.functionType == 5) {
this.model.functionCode = this.modulecode + '导入'
} else if (this.model.functionType == 6) {
this.model.functionCode = this.modulecode + '导出'
} else {
this.model.functionCode = this.modulecode + '其他'
} }
console.log(this.model.functionCode, '---------')
}, },
data () { modulebianma(id) {
return { getAction(this.url.bianma, { id: id }).then((res) => {
model:{ if (res.success) {
workLevel:2, //重新计算分页问题
workStatus:0, this.modulecode = res.result
}
}, })
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
moduleId: [
{ required: true, message: '请输入对应模块id!'},
],
functionName: [
{ required: true, message: '请输入中文名称!'},
{ validator: (rule, value, callback) => validateDuplicateValue1('functionx', 'function_name', value, this.model.id,this.moduleid, callback)},
],
functionEnName: [
{ required: true, message: '请输入英文名称!'},
{ validator: (rule, value, callback) => validateDuplicateValue1('functionx', 'function_en_name', value, this.model.id,this.moduleid, callback)},
],
functionCode: [
{ required: true, message: '请输入功能编码!'},
],
functionType: [
{ required: true, message: '请输入功能类型!'},
],
workLevel: [
{ required: true, message: '请输入任务等级!'},
],
workStatus: [
{ required: true, message: '请输入任务状态!'},
],
realDuration: [
{ required: true, message: '请输入实际时长!'},
],
status: [
{ required: true, message: '请输入功能状态!'},
],
verisonStatus: [
{ required: true, message: '请输入版本状态!'},
],
verison: [
{ required: true, message: '请输入版本号!'},
],
},
url: {
add: "/functionx/functionx/add",
edit: "/functionx/functionx/edit",
queryById: "/functionx/functionx/queryById",
bianma:'/functionx/functionx/bianma'
},
moduleid:'',
modulecode:'',
}
}, },
computed: { add() {
formDisabled(){ this.edit(this.modelDefault)
return this.disabled
},
}, },
created () { edit(record) {
//备份model原始值 this.model = Object.assign({}, record)
this.moduleid=this.$route.query.moduleid if (this.model.functionName1 != null) {
this.model.moduleId=this.$route.query.moduleid this.model.functionName = this.model.functionName1
//获得模块编码 }
this.modulebianma(this.moduleid) if (this.model.functionEnName1 != null) {
this.modelDefault = JSON.parse(JSON.stringify(this.model)); this.model.functionEnName = this.model.functionEnName1
}
if (this.model.functionCode1 != null) {
this.model.functionCode = this.model.functionCode1
}
this.visible = true
}, },
methods: { submitForm() {
functionxbianma(){ const that = this
if(this.model.functionType==0){ // 触发表单验证
this.model.functionCode=this.modulecode+"列表" this.$refs.form.validate((valid) => {
} if (valid) {
else if(this.model.functionType==1){ that.confirmLoading = true
this.model.functionCode=this.modulecode+"增加" let httpurl = ''
} let method = ''
else if(this.model.functionType==2){ if (!this.model.id) {
this.model.functionCode=this.modulecode+"删除" httpurl += this.url.add
} method = 'post'
else if(this.model.functionType==3){ } else {
this.model.functionCode=this.modulecode+"修改" httpurl += this.url.edit
} method = 'put'
else if(this.model.functionType==4){ }
this.model.functionCode=this.modulecode+"查看" httpAction(httpurl, this.model, method)
} .then((res) => {
else if(this.model.functionType==5){ if (res.success) {
this.model.functionCode=this.modulecode+"导入" that.$message.success(res.message)
} that.$emit('ok')
else if(this.model.functionType==6){ } else {
this.model.functionCode=this.modulecode+"导出" that.$message.warning(res.message)
}
else {
this.model.functionCode=this.modulecode+"其他"
}
console.log(this.model.functionCode,"---------")
},
modulebianma(id){
getAction(this.url.bianma,{id:id}).then((res)=>{
if (res.success) {
//重新计算分页问题
this.modulecode=res.result;
}
})
},
add () {
this.edit(this.modelDefault);
},
edit (record) {
this.model = Object.assign({}, record);
if(this.model.functionName1!=null){
this.model.functionName=this.model.functionName1;
}
if(this.model.functionEnName1!=null){
this.model.functionEnName=this.model.functionEnName1
}
if(this.model.functionCode1!=null){
this.model.functionCode=this.model.functionCode1
}
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;
}) })
} .finally(() => {
that.confirmLoading = false
}) })
}, }
})
} }
} }
</script> }
</script>
<style lang="less" scoped>
/deep/ .ant-col.ant-col-xs-20.ant-col-sm-5.ant-form-item-label > label {
display: block;
margin-right: 8px;
}
/deep/ .ant-btn {
background-color: #1890ff;
color: #fff;
}
/deep/ .ant-btn:hover {
color: #add4f9;
}
/deep/
.ant-col.ant-col-md-12.ant-col-lg-10.ant-col-xl-8.ant-col-xxl-5.ant-form-item-label {
margin-right: 15px;
}
</style>

590
ant-design-vue-jeecg/src/views/modulex/modules/ModulexForm.vue
Unescape View File

@ -1,272 +1,460 @@
<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 style="border-bottom: 1px solid gainsboro">项目描述</a-row> -->
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="上级模块" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pid"> <a-form-model-item
<!-- <a-input v-model="model.pid" placeholder="请输入上级模块id" ></a-input>--> label="上级模块"
<j-dict-select-tag v-model="model.pid" dict-code="modulex,module_name,id" :labelCol="labelCol"
placeholder="请输入上级模块" style="width: 100%" /> :wrapperCol="wrapperCol"
prop="pid"
>
<!-- <a-input v-model="model.pid" placeholder="请输入上级模块id" ></a-input>-->
<j-dict-select-tag
v-model="model.pid"
dict-code="modulex,module_name,id"
placeholder="请输入上级模块"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="项目名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="projectId"> <a-form-model-item
<!-- <a-input v-model="model.projectId" placeholder="请输入项目id" ></a-input>--> label="项目名"
<j-dict-select-tag v-model="model.projectId" dict-code="projectx,project_name,id" :labelCol="labelCol"
placeholder="请输入项目id" style="width: 100%" /> :wrapperCol="wrapperCol"
prop="projectId"
>
<!-- <a-input v-model="model.projectId" placeholder="请输入项目id" ></a-input>-->
<j-dict-select-tag
v-model="model.projectId"
dict-code="projectx,project_name,id"
placeholder="请输入项目id"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="中文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleName"> <a-form-model-item
<a-input v-model="model.moduleName" placeholder="请输入中文名称" ></a-input> label="中文名称"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="moduleName"
>
<a-input
v-model="model.moduleName"
placeholder="请输入中文名称"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="英文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleEnName"> <a-form-model-item
<a-input v-model="model.moduleEnName" placeholder="请输入英文名称" ></a-input> label="英文名称"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="moduleEnName"
>
<a-input
v-model="model.moduleEnName"
placeholder="请输入英文名称"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="模块编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="moduleCode"> <a-form-model-item
<a-input v-model="model.moduleCode" placeholder="请输入模块编码" ></a-input> label="模块编码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="moduleCode"
>
<a-input
v-model="model.moduleCode"
placeholder="请输入模块编码"
></a-input>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="内容描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pmDescribe"> <a-form-model-item
<a-input v-model="model.pmDescribe" placeholder="请输入内容描述" ></a-input> label="任务等级"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="workLevel"
>
<!-- <a-input-number v-model="model.workLevel" placeholder="请输入任务等级" style="width: 100%" />-->
<j-dict-select-tag
v-model="model.workLevel"
dict-code="work_level"
placeholder="请输入任务等级"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="责任人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="managerUsers"> <a-form-model-item
<!-- <a-input v-model="model.managerUsers" placeholder="请输入责任人" ></a-input>--> label="用户角色"
<j-select-user-by-dep v-model="model.managerUsers" /> :labelCol="labelCol"
</a-form-model-item> :wrapperCol="wrapperCol"
</a-col> prop="userRole"
<a-col :span="24"> >
<a-form-model-item label="任务等级" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workLevel"> <!-- <a-input v-model="model.userRole" placeholder="请输入用户角色" ></a-input>-->
<!-- <a-input-number v-model="model.workLevel" placeholder="请输入任务等级" style="width: 100%" />--> <j-multi-select-tag
<j-dict-select-tag v-model="model.workLevel" dict-code="work_level" type="list_multi"
placeholder="请输入任务等级" style="width: 100%" /> v-model="model.userRole"
dictCode="sys_role,role_name,id"
placeholder="请选择用户角色"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="任务状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workStatus"> <a-form-model-item
<!-- <a-input-number v-model="model.workStatus" placeholder="请输入任务状态" style="width: 100%" />--> label="责任人"
<j-dict-select-tag v-model="model.workStatus" dict-code="work_status" :labelCol="labelCol"
placeholder="请输入任务状态" style="width: 100%" /> :wrapperCol="wrapperCol"
prop="managerUsers"
>
<!-- <a-input v-model="model.managerUsers" placeholder="请输入责任人" ></a-input>-->
<j-select-user-by-dep v-model="model.managerUsers" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="发布时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="publishTime"> <a-form-model-item
<j-date placeholder="请选择发布时间" date-format="YYYY-MM-DD HH:mm:ss" v-model="model.publishTime" style="width: 100%" /> label="任务时长"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="duration"
>
<a-input-number
:min="0.1"
:max="16"
:precision="1"
v-model="model.duration"
placeholder="请输入任务时长"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="任务时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="duration"> <a-form-model-item
<a-input-number :min="0.1" :max="16" :precision="1" v-model="model.duration" placeholder="请输入任务时长" style="width: 100%"/> label="实际时长"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="realDuration"
>
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />-->
<a-input-number
:min="0.1"
:max="16"
:precision="1"
v-model="model.realDuration"
placeholder="请输入实际时长"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="startTime"> <a-form-model-item
<j-date placeholder="请选择开始时间" date-format="YYYY-MM-DD HH:mm:ss" v-model="model.startTime" style="width: 100%" /> label="开始时间"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="startTime"
>
<j-date
placeholder="请选择开始时间"
date-format="YYYY-MM-DD HH:mm:ss"
v-model="model.startTime"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="提交时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="submitTime"> <a-form-model-item
<j-date placeholder="请选择提交时间" date-format="YYYY-MM-DD HH:mm:ss" v-model="model.submitTime" style="width: 100%" /> label="提交时间"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="submitTime"
>
<j-date
placeholder="请选择提交时间"
date-format="YYYY-MM-DD HH:mm:ss"
v-model="model.submitTime"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="关联实体" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="relatedBean">-->
<!-- <j-dict-select-tag v-model="model.relatedBean" dict-code="tablex,table_name,id"-->
<!-- placeholder="请输入关联实体" ></j-dict-select-tag>-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="实际时长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realDuration"> <a-form-model-item
<!-- <a-input-number v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%" />--> label="发布时间"
<a-input-number :min="0.1" :max="16" :precision="1" v-model="model.realDuration" placeholder="请输入实际时长" style="width: 100%"/> :labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="publishTime"
>
<j-date
placeholder="请选择发布时间"
date-format="YYYY-MM-DD HH:mm:ss"
v-model="model.publishTime"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="用户角色" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userRole"> <a-form-model-item
<!-- <a-input v-model="model.userRole" placeholder="请输入用户角色" ></a-input>--> label="版本状态"
<j-multi-select-tag type="list_multi" v-model="model.userRole" dictCode="sys_role,role_name,id" placeholder="请选择用户角色" /> :labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="verisonStatus"
>
<!-- <a-input-number v-model="model.verisonStatus" placeholder="请输入版本状态" style="width: 100%" />-->
<j-dict-select-tag
type="radioButton"
v-model="model.verisonStatus"
dict-code="verison_status"
placeholder="请输入版本状态"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">--> <!-- <a-col :span="24">-->
<!-- <a-form-model-item label="关联实体" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="relatedBean">--> <!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <j-dict-select-tag v-model="model.relatedBean" dict-code="tablex,table_name,id"--> <!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- placeholder="请输入关联实体" ></j-dict-select-tag>--> <!-- </a-form-model-item>-->
<!-- </a-form-model-item>--> <!-- </a-col>-->
<!-- </a-col>--> <a-col :span="24" style="height: 3rem">
<a-col :span="24"> <a-form-model-item
<a-form-model-item label="原型图" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="prototypes"> label="任务状态"
<!-- <a-input v-model="model.prototypes" placeholder="请输入原型图" ></a-input>--> :labelCol="labelCol"
<j-image-upload isMultiple v-model="model.prototypes" ></j-image-upload> :wrapperCol="wrapperCol"
prop="workStatus"
>
<!-- <a-input-number v-model="model.workStatus" placeholder="请输入任务状态" style="width: 100%" />-->
<j-dict-select-tag
type="radio"
v-model="model.workStatus"
dict-code="work_status"
placeholder="请输入任务状态"
style="width: 100%"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-model-item label="分析图" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="diagrams"> <a-form-model-item
<!-- <a-input v-model="model.diagrams" placeholder="请输入分析图" ></a-input>--> label="模块状态"
<j-image-upload isMultiple v-model="model.diagrams" ></j-image-upload> :labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="status"
>
<!-- <a-input-number v-model="model.status" placeholder="请输入模块状态" style="width: 100%" />-->
<j-dict-select-tag
type="radio"
v-model="model.status"
placeholder="请输入模块状态"
dict-code="a_status"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> </a-row>
<a-form-model-item label="模块状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status"> <a-row>
<!-- <a-input-number v-model="model.status" placeholder="请输入模块状态" style="width: 100%" />--> <a-col :span="24" class="content_describe">
<j-dict-select-tag type="radio" v-model="model.status" placeholder="请输入模块状态" dict-code="a_status" /> <a-form-model-item
label="内容描述"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="pmDescribe"
>
<j-editor v-model="model.pmDescribe"></j-editor>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="24"> </a-row>
<a-form-model-item label="版本状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verisonStatus"> <a-row>
<!-- <a-input-number v-model="model.verisonStatus" placeholder="请输入版本状态" style="width: 100%" />--> <a-col style="width: 100%">
<j-dict-select-tag type="radioButton" v-model="model.verisonStatus" dict-code="verison_status" <a-form-model-item
placeholder="请输入版本状态"/> label="原型图"
:labelCol="{ xs: { span: 24 }, sm: { span: 2 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
prop="prototypes"
>
<!-- <a-input v-model="model.prototypes" placeholder="请输入原型图" ></a-input>-->
<j-image-upload
isMultiple
v-model="model.prototypes"
></j-image-upload>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<!-- <a-col :span="24">-->
<!-- <a-form-model-item label="版本号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="verison">-->
<!-- <a-input-number v-model="model.verison" placeholder="请输入版本号" style="width: 100%" />-->
<!-- </a-form-model-item>-->
<!-- </a-col>-->
</a-row> </a-row>
<a-row>
<a-col style="width: 100%">
<a-form-model-item
label="分析图"
:labelCol="{ xs: { span: 24 }, sm: { span: 2 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
prop="diagrams"
>
<!-- <a-input v-model="model.diagrams" placeholder="请输入分析图" ></a-input>-->
<j-image-upload
isMultiple
v-model="model.diagrams"
></j-image-upload>
</a-form-model-item> </a-col
></a-row>
</a-form-model> </a-form-model>
</j-form-container> </j-form-container>
</a-spin> </a-spin>
</template> </template>
<script> <script>
import { httpAction, getAction } from '@api/manage'
import { validateDuplicateValue } from '@/utils/util'
import moment from 'dayjs'
import { httpAction, getAction } from '@api/manage' export default {
import { validateDuplicateValue } from '@/utils/util' name: 'ModulexForm',
import moment from "dayjs"; components: {},
props: {
export default { //表单禁用
name: 'ModulexForm', disabled: {
components: { type: Boolean,
}, default: false,
props: { required: false
//表单禁用 }
disabled: { },
type: Boolean, data() {
default: false, return {
required: false model: {
workLevel: 2,
workStatus: 0,
duration: 1,
submitTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
realDuration: 16,
status: 1,
verisonStatus: 1
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 }
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 }
},
confirmLoading: false,
validatorRules: {
projectId: [{ required: true, message: '请输入项目id!' }],
moduleName: [{ required: true, message: '请输入中文名称!' }],
moduleEnName: [{ required: true, message: '请输入英文名称!' }],
moduleCode: [{ required: true, message: '请输入模块编码!' }],
workLevel: [{ required: true, message: '请输入任务等级!' }],
workStatus: [{ required: true, message: '请输入任务状态!' }],
duration: [{ required: true, message: '请输入任务时长!' }],
realDuration: [{ required: true, message: '请输入实际时长!' }],
status: [{ required: true, message: '请输入模块状态!' }],
verisonStatus: [{ required: true, message: '请输入版本状态!' }],
verison: [{ required: true, message: '请输入版本号!' }]
},
url: {
add: '/modulex/modulex/add',
edit: '/modulex/modulex/edit',
queryById: '/modulex/modulex/queryById'
} }
}
},
computed: {
formDisabled() {
return this.disabled
}
},
created() {
//备份model 原始值
this.modelDefault = JSON.parse(JSON.stringify(this.model))
},
methods: {
add() {
this.edit(this.modelDefault)
}, },
data () { edit(record) {
return { this.model = Object.assign({}, record)
model:{ if (this.model.fuzhi) {
workLevel: 2, this.model.id = null
workStatus: 0, this.model.moduleName = this.model.moduleName + '+1'
duration: 1, this.model.moduleEnName = this.model.moduleEnName + '+1'
submitTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"), this.model.moduleCode = this.model.moduleCode + '+1'
realDuration: 16, this.model.createTime = null
status: 1,
verisonStatus: 1,
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
projectId: [
{ required: true, message: '请输入项目id!'},
],
moduleName: [
{ required: true, message: '请输入中文名称!'},
],
moduleEnName: [
{ required: true, message: '请输入英文名称!'},
],
moduleCode: [
{ required: true, message: '请输入模块编码!'},
],
workLevel: [
{ required: true, message: '请输入任务等级!'},
],
workStatus: [
{ required: true, message: '请输入任务状态!'},
],
duration: [
{ required: true, message: '请输入任务时长!'},
],
realDuration: [
{ required: true, message: '请输入实际时长!'},
],
status: [
{ required: true, message: '请输入模块状态!'},
],
verisonStatus: [
{ required: true, message: '请输入版本状态!'},
],
verison: [
{ required: true, message: '请输入版本号!'},
],
},
url: {
add: "/modulex/modulex/add",
edit: "/modulex/modulex/edit",
queryById: "/modulex/modulex/queryById"
}
} }
this.visible = true
}, },
computed: { submitForm() {
formDisabled(){ const that = this
return this.disabled // 触发表单验证
}, this.$refs.form.validate((valid) => {
}, if (valid) {
created () { that.confirmLoading = true
//备份model 原始值 let httpurl = ''
this.modelDefault = JSON.parse(JSON.stringify(this.model)); let method = ''
}, if (!this.model.id) {
methods: { httpurl += this.url.add
add () { method = 'post'
this.edit(this.modelDefault); } else {
}, httpurl += this.url.edit
edit (record) { method = 'put'
this.model = Object.assign({}, record); }
if (this.model.fuzhi){ httpAction(httpurl, this.model, method)
.then((res) => {
this.model.id = null; if (res.success) {
this.model.moduleName = this.model.moduleName + '+1'; that.$message.success(res.message)
this.model.moduleEnName = this.model.moduleEnName + '+1'; that.$emit('ok')
this.model.moduleCode = this.model.moduleCode + '+1'; } else {
this.model.createTime = null; that.$message.warning(res.message)
//复制源对象id
this.model.copyId = record.id;
}
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;
}) })
} .finally(() => {
that.confirmLoading = false
}) })
}, }
})
} }
} }
</script> }
</script>
<style lang="less" scoped>
.ant-col {
width: 50%;
}
/deep/.ant-col-sm-16 {
width: 70%;
}
.ant-col-sm-5 {
width: 0%;
}
.content_describe {
width: 100%;
.ant-col-sm-5 {
width: 10% I;
}
/deep/ .ant-col-sm-16 {
width: 85%;
}
}
/deep/.ant-form-item-label {
width: 5rem;
height: 2rem;
text-align: right;
// background-color: aquamarine;
}
/deep/.ant-radio-wrapper {
margin-bottom: 0.5rem;
margin-right: 0.8rem;
}
</style>

10
ant-design-vue-jeecg/src/views/rulex/modules/RulexForm.vue
Unescape View File

@ -109,11 +109,11 @@ export default {
sm: { span: 20 }, sm: { span: 20 },
}, },
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 20 },
sm: { span: 6 }, sm: { span: 6 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 20 },
sm: { span: 16 }, sm: { span: 16 },
}, },
@ -253,7 +253,7 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/.ant-col-24 .ant-form-item .ant-col-xs-24 { // /deep/.ant-col-24 .ant-form-item .ant-col-xs-24 {
text-align: center; // text-align: center;
} // }
</style> </style>
Write Preview
Loading…
Cancel
Save