标准及译文获取申请需求确认单 基础样式
This commit is contained in:
baoyu
+149
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
title="新增标准/译文获取申请"
|
||||
:visible.sync="visible"
|
||||
:direction="direction"
|
||||
:append-to-body="true"
|
||||
:wrapper-closable="false"
|
||||
:before-close="handleClose"
|
||||
size="40%"
|
||||
>
|
||||
<el-form ref="addFormRef" :model="addForm" :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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</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" :autosize="{ minRows: 10,maxRows: 10}" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="drawer-footer">
|
||||
<el-button v-show="isEdit" type="primary" class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</el-button>
|
||||
<el-button v-show="isEdit" class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
|
||||
<el-button v-show="!isEdit" class="common-button-default" @click="visible=false">关闭</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddModal',
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
direction: 'rtl',
|
||||
isSubmit: false,
|
||||
addForm: {
|
||||
},
|
||||
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'}],
|
||||
BZBH: [{required: true, message: '标准编号不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}],
|
||||
BZMC: [{required: true, message: '标准名称不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}],
|
||||
LY: [{required: true, message: '理由不能为空', trigger: 'blur'}, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'}],
|
||||
},
|
||||
isEdit: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClose () {
|
||||
this.visible = false
|
||||
},
|
||||
showModal (isEdit, id) {
|
||||
this.isEdit = isEdit
|
||||
this.visible = true
|
||||
this.$nextTick(()=>{
|
||||
this.$refs.addFormRef.clearValidate()
|
||||
this.addForm = {}
|
||||
})
|
||||
},
|
||||
submit () {
|
||||
this.$refs.addFormRef.validate((valid) => {
|
||||
if (valid) {
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.label-input-form{
|
||||
padding: 0 19px;
|
||||
}
|
||||
.drawer-footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
padding: 0 20px;
|
||||
height: 70px;
|
||||
line-height: 69px;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
text-align: right;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
</style>
|
||||
+195
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
title="标准/译文获取申请"
|
||||
width="70%"
|
||||
:visible.sync="visible"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div class="operate">
|
||||
<el-button size="mini" type="primary" @click="standardTranslationAcquisitionRequestAdd">新增标准/译文获取申请</el-button>
|
||||
<el-button size="mini" type="primary" @click="importData">导入</el-button>
|
||||
<el-button size="mini" @click="templateDownload">模版下载</el-button>
|
||||
<el-button size="mini" @click="batchDelete">批量删除</el-button>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table
|
||||
ref="selections"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%; flex: auto;"
|
||||
class="drag-table"
|
||||
height="300px"
|
||||
row-key="id"
|
||||
border
|
||||
:loading="tableLoading"
|
||||
:data="tableData"
|
||||
@selection-change="handleSelectionChange"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
/>
|
||||
|
||||
<el-table-column
|
||||
type="index"
|
||||
fixed="left"
|
||||
width="55"
|
||||
label="序号"
|
||||
align="center"
|
||||
/>
|
||||
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="类型"
|
||||
prop="classification"
|
||||
align="center"
|
||||
min-width="100"
|
||||
/>
|
||||
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="标准编号"
|
||||
width="150"
|
||||
align="center"
|
||||
prop="standardEncdoing"
|
||||
/>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="标准名称"
|
||||
prop="standardName"
|
||||
align="center"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="原语言"
|
||||
prop="problemDescription"
|
||||
align="center"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="目标语言"
|
||||
prop="problemDescription"
|
||||
align="center"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="理由"
|
||||
prop="problemDescription"
|
||||
align="center"
|
||||
min-width="300"
|
||||
/>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="申请状态"
|
||||
prop="problemDescription"
|
||||
align="center"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" width="200" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<div class="table-operate-btn" @click="toView(scope.row.id)">查看</div>
|
||||
<div class="table-operate-btn" @click="edit(scope.row.id)">编辑</div>
|
||||
<div class="table-operate-btn" @click="deleteItem(scope.row.id)">删除</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<pagination
|
||||
style="position: relative;"
|
||||
:page="serachForm.page"
|
||||
:total="serachForm.total"
|
||||
@pageChange="pageChange"
|
||||
@pageSizeChange="pageSizeChange"
|
||||
/>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" @click="submitData(0)">保存</el-button>
|
||||
<el-button size="mini" type="primary" @click="submitData(1)">提交</el-button>
|
||||
</span>
|
||||
<add-modal ref="addModalRef"></add-modal>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addModal from './addModal';
|
||||
export default {
|
||||
name: 'StandardTranslationAcquisitionRequestModal',
|
||||
components: {
|
||||
addModal
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
tableLoading: false,
|
||||
tableData: [],
|
||||
serachForm: {},
|
||||
selectedList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showModal () {
|
||||
this.visible = true
|
||||
},
|
||||
handleClose () {
|
||||
this.visible = false
|
||||
},
|
||||
handleSelectionChange (value) {
|
||||
this.selectedList = value
|
||||
},
|
||||
toView (id) {
|
||||
this.$refs.addModalRef.showModal(false, id)
|
||||
},
|
||||
edit (id) {
|
||||
this.$refs.addModalRef.showModal(true, id)
|
||||
},
|
||||
deletItem(id){
|
||||
},
|
||||
templateDownload () {
|
||||
},
|
||||
batchDelete () {
|
||||
if (this.selectedList.length === 0) {
|
||||
this.$message({
|
||||
message: '请选择至少一条数据',
|
||||
type: 'warning',
|
||||
offset: 20
|
||||
})
|
||||
}
|
||||
},
|
||||
importData () {
|
||||
},
|
||||
standardTranslationAcquisitionRequestAdd () {
|
||||
this.$refs.addModalRef.showModal(true)
|
||||
},
|
||||
submitData (tag) {
|
||||
if (tag) {
|
||||
return
|
||||
}
|
||||
},
|
||||
pageChange (page) {
|
||||
this.questionSerach.page = page
|
||||
this.getList()
|
||||
},
|
||||
pageSizeChange (pageSize) {
|
||||
this.questionSerach.pageSize = pageSize
|
||||
this.getList()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.operate{
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.table-operate-btn{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
color: #409EFF;
|
||||
margin: 0 5px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user