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%" size="40%"
> >
<loading :loading="showLoading">加载中...</loading> <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-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item"> <el-form-item label="申请单位" prop="applyForUnitId" label-width="100px" class="add-form-item">
<el-input v-model="addForm.SJDW" readonly clearable></el-input> <el-input v-model="StandardApplyForEO.applyForUnitId" readonly clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item"> <el-form-item label="申请人" prop="applyForUserId" label-width="100px" class="add-form-item">
<el-input v-model="addForm.SQR" readonly clearable></el-input> <el-input v-model="StandardApplyForEO.applyForUserId" readonly clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item"> <el-form-item label="类型" prop="type" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择类型"> <el-select v-model="StandardApplyForEO.type" placeholder="请选择类型" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item"> <el-form-item label="标准类型" prop="standType" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择标准类型"> <el-select v-model="StandardApplyForEO.standType" placeholder="请选择标准类型" @change="selectStandType" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item"> <el-form-item label="标准类别" prop="standLb" label-width="100px" class="add-form-item">
<el-select v-model="addForm.LX" placeholder="请选择标准类别"> <el-select v-model="StandardApplyForEO.standLb" placeholder="请选择标准类别" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item"> <el-form-item label="标准编号" prop="standNum" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZBH" placeholder="请输入标准编号" clearable></el-input> <el-input v-model="StandardApplyForEO.standNum" placeholder="请输入标准编号" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item"> <el-form-item label="标准年份" prop="standYear" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZNF" placeholder="请输入标准年份" clearable></el-input> <el-input v-model="StandardApplyForEO.standYear" placeholder="请输入标准年份" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item"> <el-form-item label="需求时间" prop="requiredTime" label-width="100px" class="add-form-item">
<el-input v-model="addForm.XQSJ" placeholder="请输入需求时间" clearable></el-input> <el-input v-model="StandardApplyForEO.requiredTime" placeholder="请输入需求时间" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item"> <el-form-item label="标准名称" prop="standName" label-width="100px" class="add-form-item">
<el-input v-model="addForm.BZMC" placeholder="请输入标准名称" clearable></el-input> <el-input v-model="StandardApplyForEO.standName" placeholder="请输入标准名称" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item"> <el-form-item label="原语言" prop="sourceLanguage" label-width="100px" class="add-form-item">
<el-input v-model="addForm.YYY" placeholder="请输入原语言" clearable></el-input> <el-input v-model="StandardApplyForEO.sourceLanguage" placeholder="请输入原语言" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item"> <el-form-item label="目标语言" prop="targetLanguage" label-width="100px" class="add-form-item">
<el-input v-model="addForm.MBYY" placeholder="请输入目标语言" clearable></el-input> <el-input v-model="StandardApplyForEO.targetLanguage" placeholder="请输入目标语言" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item"> <el-form-item label="理由" prop="reason" 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-input v-model="StandardApplyForEO.reason" placeholder="请输入理由" type="textarea" onkeydown="return event.key !== 'Enter';" :autosize="{ minRows: 10,maxRows: 10}" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="drawer-footer"> <div class="drawer-footer">
<el-button type="primary" class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</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> <el-button class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
</div> </div>
</el-drawer> </el-drawer>
</template> </template>
@@ -88,27 +85,32 @@ export default {
name: 'AddModal', name: 'AddModal',
data () { data () {
return { return {
visible: false,
direction: 'rtl', direction: 'rtl',
visible: false,
isSubmit: false, isSubmit: false,
showLoading: false, showLoading: false,
addForm: { id: '',
}, StandardApplyForEO: {},
standTypeList: [],
standLb: [],
addFormRules: { addFormRules: {
SJDW: [{required: true, message: '申请单位不能为空', trigger: 'blur'}], applyForUnitId: [ { required: true, message: '申请单位不能为空', trigger: 'blur' } ],
SQR: [{required: true, message: '申请人不能为空', trigger: 'blur'}], applyForUserId: [ { required: true, message: '申请人不能为空', trigger: 'blur' } ],
LX: [{required: true, message: '类型不能为空', trigger: 'blur'}], type: [ { required: true, message: '类型不能为空', trigger: 'blur' } ],
BZLX: [{required: true, message: '标准类型类型不能为空', trigger: 'blur'}], standType: [ { required: true, message: '标准类型类型不能为空', trigger: 'blur' } ],
BZLB: [{required: true, message: '标准类型类别不能为空', trigger: 'blur'}], standLb: [ { required: true, message: '标准类型类别不能为空', trigger: 'blur' } ],
BZNF:[{max: 100, message: '标准年份不能超过100个字符'}], standYear: [ { max: 100, message: '标准年份不能超过100个字符' } ],
XQSJ:[{max: 100, message: '需求时间不能超过100个字符'}], requiredTime: [ { max: 100, message: '需求时间不能超过100个字符' } ],
YYY:[{max: 100, message: '原语言不能超过100个字符'}], sourceLanguage: [ { max: 100, message: '原语言不能超过100个字符' } ],
MBYY:[{max: 100, message: '目标语言不能超过100个字符'}], targetLanguage: [ { max: 100, message: '目标语言不能超过100个字符' } ],
BZBH: [{required: true, message: '标准编号不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}], standNum: [ { required: true, message: '标准编号不能为空', trigger: 'blur' }, { max: 100, message: '标准编号不能超过100个字符' } ],
BZMC: [{required: true, message: '标准名称不能为空', trigger: 'blur'},{max: 500, message: '标准名称不能超过500个字符'}], standName: [ { required: true, message: '标准名称不能为空', trigger: 'blur' }, { max: 500, message: '标准名称不能超过500个字符' } ],
LY: [{required: true, message: '理由不能为空', trigger: 'blur'}, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'}], reason: [ { required: true, message: '理由不能为空', trigger: 'blur' }, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'} ],
}, },
isEdit: false url: {
addUrl: '/lawss/standardApplyFor/insert',
editUrl: '/lawss/standardApplyFor/edit'
}
} }
}, },
methods: { methods: {
@@ -117,14 +119,25 @@ export default {
}, },
showModal (id) { showModal (id) {
this.visible = true this.visible = true
this.$nextTick(()=>{ this.id = id
this.$nextTick(() => {
this.$refs.addFormRef.clearValidate() this.$refs.addFormRef.clearValidate()
this.addForm = {} this.StandardApplyForEO = {}
}) })
}, },
selectStandType () {
},
submit () { submit () {
this.$refs.addFormRef.validate((valid) => { this.$refs.addFormRef.validate((valid) => {
if (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> </script>
<style scoped> <style scoped>
.label-input-form{ .label-input-form {
padding: 0 19px; padding: 0 19px;
} }
.drawer-footer { .drawer-footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/detailModal.vue
+29 -27
View File
@@ -9,66 +9,66 @@
size="40%" size="40%"
> >
<loading :loading="showLoading">加载中...</loading> <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-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item"> <el-form-item label="申请单位" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.applyForUnitId}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item"> <el-form-item label="申请人" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.applyForUserId}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item"> <el-form-item label="类型" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.type}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item"> <el-form-item label="标准类型" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.standType}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item"> <el-form-item label="标准类别" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.standLb}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item"> <el-form-item label="标准编号" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.standNum}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item"> <el-form-item label="标准年份" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.standYear}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item"> <el-form-item label="需求时间" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.requiredTime}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item"> <el-form-item label="标准名称" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.standName}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item"> <el-form-item label="原语言" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.sourceLanguage}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item"> <el-form-item label="目标语言" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.targetLanguage}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item"> <el-form-item label="理由" label-width="100px" class="add-form-item">
<span></span> <span>{{StandardApplyForEO.reason}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -87,8 +87,7 @@ export default {
visible: false, visible: false,
showLoading: false, showLoading: false,
direction: 'rtl', direction: 'rtl',
addForm: { StandardApplyForEO: [],
},
} }
}, },
methods: { methods: {
@@ -97,6 +96,9 @@ export default {
}, },
showModal (id) { showModal (id) {
this.visible = true 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(0)">保存</el-button>
<el-button size="mini" type="primary" @click="submitData(1)">提交</el-button> <el-button size="mini" type="primary" @click="submitData(1)">提交</el-button>
</span> </span>
<addModal ref="addModalRef" /> <addModal ref="addModalRef" @updateList="getList" />
<detailModal ref="detailModalRef" /> <detailModal ref="detailModalRef" />
</el-dialog> </el-dialog>
</template> </template>
@@ -144,6 +144,7 @@ export default {
}, },
handleClose () { handleClose () {
this.visible = false this.visible = false
this.$emit('updateIndexList')
}, },
toView (id) { toView (id) {
this.$refs.addModalRef.showModal(id) this.$refs.addModalRef.showModal(id)
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue
+1 -4
View File
@@ -142,8 +142,7 @@
@pageSizeChange="pageSizeChange" @pageSizeChange="pageSizeChange"
/> />
</div> </div>
<standardsAndTranslationModal ref="standardsAndTranslationModalRef" /> <standardsAndTranslationModal ref="standardsAndTranslationModalRef" @updateIndexList="getList" />
<addModal ref="addModalRef" />
<detailModal ref="detailModalRef" /> <detailModal ref="detailModalRef" />
<exportDialog ref="exportDialogRef"></exportDialog> <exportDialog ref="exportDialogRef"></exportDialog>
</div> </div>
@@ -151,7 +150,6 @@
<script> <script>
import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal'; import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
import addModal from './components/addModal';
import detailModal from './components/detailModal'; import detailModal from './components/detailModal';
import exportDialog from './components/exportDialog'; import exportDialog from './components/exportDialog';
@@ -159,7 +157,6 @@ export default {
name: 'StandardTranslationAcquisitionRequest', name: 'StandardTranslationAcquisitionRequest',
components: { components: {
standardsAndTranslationModal, standardsAndTranslationModal,
addModal,
detailModal, detailModal,
exportDialog exportDialog
}, },