Gitea
1 year ago
parent
e816ee151c
commit
51ed3a5dbf
4 changed files with 244 additions and 10 deletions
@ -0,0 +1,163 @@ |
||||
<template> |
||||
<j-modal |
||||
:title="title" |
||||
:width="800" |
||||
:visible="visible" |
||||
:confirmLoading="confirmLoading" |
||||
switchFullscreen |
||||
@cancel="handleCancel" |
||||
@ok="handleCancel" |
||||
cancelText="关闭"> |
||||
|
||||
<a-spin :spinning="confirmLoading"> |
||||
<j-form-container :disabled="formDisabled"> |
||||
<a-form-model ref="form" :model="model" :rules="validatorRules"> |
||||
|
||||
|
||||
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="departId" label="车间名称"> |
||||
<!-- <j-dict-select-tag type="list" v-model="model.departId" dictCode="sys_depart,depart_name,id,org_category='2'" placeholder="请选择车间" />--> |
||||
|
||||
<!-- <j-tree-select v-model="model.departId" |
||||
dict="sys_depart,depart_name,id" |
||||
pidField="parent_id" |
||||
placeholder="请选择车间" |
||||
condition='{"org_category":"2"}' |
||||
hasChildField="1" |
||||
> |
||||
</j-tree-select>--> |
||||
|
||||
<j-dict-select-tag type="list" v-model="model.departId" |
||||
dictCode="sys_depart,depart_name,id,org_category='2'" |
||||
placeholder="请选择车间"/> |
||||
|
||||
</a-form-model-item> |
||||
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stationName" label="工位名称"> |
||||
<a-input placeholder="请输入工位名称" v-model="model.stationName"/> |
||||
</a-form-model-item> |
||||
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="stationNum" label="工位序号"> |
||||
<a-input-number v-model="model.stationNum"/> |
||||
</a-form-model-item> |
||||
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="description" label="备注"> |
||||
<a-input placeholder="请输入备注" v-model="model.description"/> |
||||
</a-form-model-item> |
||||
|
||||
</a-form-model> |
||||
</j-form-container> |
||||
</a-spin> |
||||
</j-modal> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getAction, httpAction} from '@/api/manage' |
||||
import moment from "moment" |
||||
|
||||
export default { |
||||
name: "StationModal", |
||||
data() { |
||||
return { |
||||
title: "操作", |
||||
visible: false, |
||||
formDisabled:true, |
||||
model: {}, |
||||
labelCol: { |
||||
xs: {span: 24}, |
||||
sm: {span: 5}, |
||||
}, |
||||
wrapperCol: { |
||||
xs: {span: 24}, |
||||
sm: {span: 16}, |
||||
}, |
||||
|
||||
confirmLoading: false, |
||||
validatorRules: { |
||||
departId: [ |
||||
{required: true, message: "部门不能为空"}, |
||||
], |
||||
stationName: [ |
||||
{required: true,message:"工位名称不能为空"}, |
||||
{pattern: /(^[\u4e00-\u9fa5_a-zA-Z0-9_]{1,10}$)/, message: '工位名称为空且长度不能超过10！'} |
||||
], |
||||
stationNum: [ |
||||
{required: true,message:"工位序号不能不空"}, |
||||
{pattern: /^[1-9]{0,100}$/, message: '工位序号不能为空且长度为(1-100)间正整数'} |
||||
], |
||||
}, |
||||
url: { |
||||
add: "/team/station/add", |
||||
edit: "/team/station/edit", |
||||
}, |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
methods: { |
||||
|
||||
async bianhao() { |
||||
//var n=6 |
||||
getAction(this.url.sort, {id: this.model.clothsTypeId}).then((res) => { |
||||
//let num = res.result; |
||||
console.log("+6++++aaa: " + res.result) |
||||
//num=num.toString() |
||||
//while(num.length<n){ |
||||
//num="0"+num |
||||
//} |
||||
//console.log(num) |
||||
this.model.nums = res.result; |
||||
}) |
||||
}, |
||||
add() { |
||||
//初始化默认值 |
||||
this.edit({}); |
||||
}, |
||||
edit(record) { |
||||
this.model = Object.assign({}, record); |
||||
this.visible = true; |
||||
}, |
||||
close() { |
||||
this.$emit('close'); |
||||
this.visible = false; |
||||
this.$refs.form.clearValidate(); |
||||
}, |
||||
handleOk() { |
||||
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; |
||||
that.close(); |
||||
}) |
||||
} else { |
||||
return false; |
||||
} |
||||
}) |
||||
}, |
||||
handleCancel() { |
||||
this.close() |
||||
}, |
||||
|
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue