FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

标准/译文获取申请管理 完善页面逻辑

Browse Source
This commit is contained in:
baoyu
2024-03-27 19:35:57 +08:00
parent f7ec289695
commit cbd7392931
4 changed files with 95 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue
+63 -49
View File
@@ -9,76 +9,73 @@
size="40%"
>
<loading :loading="showLoading">加载中...</loading>
<el-form ref="addFormRef" :model="addForm" :rules="addFormRules" class="label-input-form">
<el-form ref="addFormRef" :model="StandardApplyForEO" :rules="addFormRules" class="label-input-form">
<el-row>
<el-col :span="12">
<el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item">
<el-input v-model="addForm.SJDW" readonly clearable></el-input>
<el-form-item label="申请单位" prop="applyForUnitId" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.applyForUnitId" readonly clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item">
<el-input v-model="addForm.SQR" readonly clearable></el-input>
<el-form-item label="申请人" prop="applyForUserId" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.applyForUserId" readonly clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择类型">
</el-select>
<el-form-item label="类型" prop="type" label-width="100px" class="add-form-item">
<el-select v-model="StandardApplyForEO.type" placeholder="请选择类型" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择标准类型">
</el-select>
<el-form-item label="标准类型" prop="standType" label-width="100px" class="add-form-item">
<el-select v-model="StandardApplyForEO.standType" placeholder="请选择标准类型" @change="selectStandType" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择标准类别">
</el-select>
<el-form-item label="标准类别" prop="standLb" label-width="100px" class="add-form-item">
<el-select v-model="StandardApplyForEO.standLb" placeholder="请选择标准类别" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZBH" placeholder="请输入标准编号" clearable></el-input>
<el-form-item label="标准编号" prop="standNum" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.standNum" placeholder="请输入标准编号" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZNF" placeholder="请输入标准年份" clearable></el-input>
<el-form-item label="标准年份" prop="standYear" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.standYear" placeholder="请输入标准年份" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item">
<el-input v-model="addForm.XQSJ" placeholder="请输入需求时间" clearable></el-input>
<el-form-item label="需求时间" prop="requiredTime" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.requiredTime" placeholder="请输入需求时间" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZMC" placeholder="请输入标准名称" clearable></el-input>
<el-form-item label="标准名称" prop="standName" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.standName" placeholder="请输入标准名称" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item">
<el-input v-model="addForm.YYY" placeholder="请输入原语言" clearable></el-input>
<el-form-item label="原语言" prop="sourceLanguage" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.sourceLanguage" placeholder="请输入原语言" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item">
<el-input v-model="addForm.MBYY" placeholder="请输入目标语言" clearable></el-input>
<el-form-item label="目标语言" prop="targetLanguage" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.targetLanguage" placeholder="请输入目标语言" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item">
<el-input v-model="addForm.LY" placeholder="请输入理由" type="textarea" onkeydown="return event.key !== 'Enter';" :autosize="{ minRows: 10,maxRows: 10}" clearable></el-input>
<el-form-item label="理由" prop="reason" label-width="100px" class="add-form-item">
<el-input v-model="StandardApplyForEO.reason" placeholder="请输入理由" type="textarea" onkeydown="return event.key !== 'Enter';" :autosize="{ minRows: 10,maxRows: 10}" clearable/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="drawer-footer">
<el-button type="primary" class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</el-button>
<el-button class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
<el-button type="primary" class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</el-button>
<el-button class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
</div>
</el-drawer>
</template>
@@ -88,27 +85,32 @@ export default {
name: 'AddModal',
data () {
return {
visible: false,
direction: 'rtl',
visible: false,
isSubmit: false,
showLoading: false,
addForm: {
},
id: '',
StandardApplyForEO: {},
standTypeList: [],
standLb: [],
addFormRules: {
SJDW: [{required: true, message: '申请单位不能为空', trigger: 'blur'}],
SQR: [{required: true, message: '申请人不能为空', trigger: 'blur'}],
LX: [{required: true, message: '类型不能为空', trigger: 'blur'}],
BZLX: [{required: true, message: '标准类型类型不能为空', trigger: 'blur'}],
BZLB: [{required: true, message: '标准类型类别不能为空', trigger: 'blur'}],
BZNF:[{max: 100, message: '标准年份不能超过100个字符'}],
XQSJ:[{max: 100, message: '需求时间不能超过100个字符'}],
YYY:[{max: 100, message: '原语言不能超过100个字符'}],
MBYY:[{max: 100, message: '目标语言不能超过100个字符'}],
BZBH: [{required: true, message: '标准编号不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}],
BZMC: [{required: true, message: '标准名称不能为空', trigger: 'blur'},{max: 500, message: '标准名称不能超过500个字符'}],
LY: [{required: true, message: '理由不能为空', trigger: 'blur'}, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'}],
applyForUnitId: [ { required: true, message: '申请单位不能为空', trigger: 'blur' } ],
applyForUserId: [ { required: true, message: '申请人不能为空', trigger: 'blur' } ],
type: [ { required: true, message: '类型不能为空', trigger: 'blur' } ],
standType: [ { required: true, message: '标准类型类型不能为空', trigger: 'blur' } ],
standLb: [ { required: true, message: '标准类型类别不能为空', trigger: 'blur' } ],
standYear: [ { max: 100, message: '标准年份不能超过100个字符' } ],
requiredTime: [ { max: 100, message: '需求时间不能超过100个字符' } ],
sourceLanguage: [ { max: 100, message: '原语言不能超过100个字符' } ],
targetLanguage: [ { max: 100, message: '目标语言不能超过100个字符' } ],
standNum: [ { required: true, message: '标准编号不能为空', trigger: 'blur' }, { max: 100, message: '标准编号不能超过100个字符' } ],
standName: [ { required: true, message: '标准名称不能为空', trigger: 'blur' }, { max: 500, message: '标准名称不能超过500个字符' } ],
reason: [ { required: true, message: '理由不能为空', trigger: 'blur' }, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'} ],
},
isEdit: false
url: {
addUrl: '/lawss/standardApplyFor/insert',
editUrl: '/lawss/standardApplyFor/edit'
}
}
},
methods: {
@@ -117,14 +119,25 @@ export default {
},
showModal (id) {
this.visible = true
this.$nextTick(()=>{
this.id = id
this.$nextTick(() => {
this.$refs.addFormRef.clearValidate()
this.addForm = {}
this.StandardApplyForEO = {}
})
},
selectStandType () {
},
submit () {
this.$refs.addFormRef.validate((valid) => {
if (valid) {
const url = this.id ? this.url.editUrl : this.url.addUrl
this.$http.postData(url, this.StandardApplyForEO, { _this: this },
res => {
if (res.ok) {
this.$emit('updateList')
this.visible = false
}
})
}
})
}
@@ -133,9 +146,10 @@ export default {
</script>
<style scoped>
.label-input-form{
.label-input-form {
padding: 0 19px;
}
.drawer-footer {
position: absolute;
bottom: 0;