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;
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/detailModal.vue
+29 -27
View File
@@ -9,66 +9,66 @@
size="40%"
>
<loading :loading="showLoading">加载中...</loading>
<el-form ref="addFormRef" :model="addForm" class="label-input-form detail-modal-form">
<el-form ref="addFormRef" :model="StandardApplyForEO" class="label-input-form detail-modal-form">
<el-row>
<el-col :span="12">
<el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="申请单位" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.applyForUnitId}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="申请人" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.applyForUserId}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="类型" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.type}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="标准类型" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.standType}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="标准类别" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.standLb}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="标准编号" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.standNum}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="标准年份" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.standYear}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="需求时间" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.requiredTime}}</span>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="标准名称" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.standName}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="原语言" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.sourceLanguage}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="目标语言" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.targetLanguage}}</span>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item">
<span></span>
<el-form-item label="理由" label-width="100px" class="add-form-item">
<span>{{StandardApplyForEO.reason}}</span>
</el-form-item>
</el-col>
</el-row>
@@ -87,8 +87,7 @@ export default {
visible: false,
showLoading: false,
direction: 'rtl',
addForm: {
},
StandardApplyForEO: [],
}
},
methods: {
@@ -97,6 +96,9 @@ export default {
},
showModal (id) {
this.visible = true
this.$nextTick(() => {
this.StandardApplyForEO = []
})
},
}
}
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue
+2 -1
View File
@@ -106,7 +106,7 @@
<el-button size="mini" type="primary" @click="submitData(0)">保存</el-button>
<el-button size="mini" type="primary" @click="submitData(1)">提交</el-button>
</span>
<addModal ref="addModalRef" />
<addModal ref="addModalRef" @updateList="getList" />
<detailModal ref="detailModalRef" />
</el-dialog>
</template>
@@ -144,6 +144,7 @@ export default {
},
handleClose () {
this.visible = false
this.$emit('updateIndexList')
},
toView (id) {
this.$refs.addModalRef.showModal(id)
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue
+1 -4
View File
@@ -142,8 +142,7 @@
@pageSizeChange="pageSizeChange"
/>
</div>
<standardsAndTranslationModal ref="standardsAndTranslationModalRef" />
<addModal ref="addModalRef" />
<standardsAndTranslationModal ref="standardsAndTranslationModalRef" @updateIndexList="getList" />
<detailModal ref="detailModalRef" />
<exportDialog ref="exportDialogRef"></exportDialog>
</div>
@@ -151,7 +150,6 @@
<script>
import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
import addModal from './components/addModal';
import detailModal from './components/detailModal';
import exportDialog from './components/exportDialog';
@@ -159,7 +157,6 @@ export default {
name: 'StandardTranslationAcquisitionRequest',
components: {
standardsAndTranslationModal,
addModal,
detailModal,
exportDialog
},