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 09:54:09 +08:00
parent 5adf282552
commit 1bd438a4bc
7 changed files with 637 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+1 -1
View File
@@ -10,7 +10,7 @@
<!-- scrolling="0"-->
<!-- ></iframe>-->
<!-- 数小福 -->
<customerService v-if="customerServiceShow"></customerService>
<!-- <customerService v-if="customerServiceShow"></customerService>-->
<!-- <router-view v-if="!isBoolean"/>-->
<span v-if="this.$route.name === 'Login'|| !isBoolean">
<keep-alive>
src/components/navMenu/index.vue
+17 -3
View File
@@ -40,7 +40,7 @@
v-for="(children, childrenIndex) in item.children"
:key="childrenIndex"
:index="children.path"
style="text-align: center;"
style="padding-right: 15px; padding-left: 30px;font-size: 14px"
v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
>
<el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
@@ -52,6 +52,9 @@
<el-badge :value="getDynamicTotal.myStandCount" class="item" v-else-if="children.title === '我的企标' && getDynamicTotal.myStandCount !== 0">
{{ children.title }}
</el-badge>
<el-badge is-dot class="item miniBadge" v-else-if="children.title === '标准/译文获取申请管理'">
<div>{{children.title}}</div>
</el-badge>
<div v-else>
{{ children.title }}
</div>
@@ -161,6 +164,11 @@
path: '/standQA',
menuId: '2621269642ea4c6c8c42905863b2dc09'
},
{
title: '标准/译文获取申请管理',
path: '/standardTranslationAcquisitionRequest',
menuId: ''
},
// {
// title: '零部件编号申请',
// path: '/partCodeApply',
@@ -606,6 +614,7 @@
width: 58px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
user-select: none;
box-sizing: border-box;
position: absolute;
@@ -785,7 +794,7 @@
}
}
.el-menu-item {
padding-left: 0 !important;
//padding-left: 0 !important;
font-size: 16px;
font-weight: normal;
height: 40px;
@@ -812,5 +821,10 @@
}
}
}
.miniBadge{
/deep/ .is-dot{
left: -18px;
top: 14px;
}
}
</style>
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue
+149
View File
@@ -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>
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue
+195
View File
@@ -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>
src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue
+256
View File
@@ -0,0 +1,256 @@
<template>
<div class="standardTranslationAcquisitionRequest">
<div class="search-area">
<el-form :inline="true" :model="searchForm">
<el-form-item class="el-form-item search-item" label="类型">
<el-select v-model="searchForm.LX" clearable placeholder="请选择类型" />
</el-form-item>
<el-form-item class="el-form-item search-item" label="申请单位">
<el-input v-model="searchForm.SJDW" placeholder="请选择申请单位" />
</el-form-item>
<el-form-item class="el-form-item search-item" label="申请人">
<el-input v-model="searchForm.SQR" placeholder="请选择申请人" />
</el-form-item>
<el-form-item class="el-form-item search-item" style="margin-right: 0" label="需求时间">
<el-date-picker
v-model="searchForm.startTimeBegin"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
type="date"
clearable
:editable="true"
placeholder="请选择开始时间"
/>
</el-form-item>
<el-form-item label="至" label-width="25px" class="search-item">
<el-date-picker
v-model="searchForm.startTimeEnd"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
type="date"
clearable
:editable="true"
placeholder="选择结束时间"
/>
</el-form-item>
<el-form-item class="el-form-item search-item" label="申请状态">
<el-select v-model="searchForm.SJZT" clearable placeholder="请选择申请状态" />
</el-form-item>
<el-form-item>
<el-button size="mini" type="primary" @click="searchData">查询</el-button>
<el-button size="mini" @click="clearSerach">清空</el-button>
</el-form-item>
</el-form>
</div>
<div class="table-container">
<div class="operate-options">
<div>
<el-button size="mini" type="danger" @click="batchOverrule">批量驳回</el-button>
<el-button size="mini" type="primary" @click="batchPass">批量通过</el-button>
</div>
<div>
<el-button size="mini" type="primary" @click="standardsAndTranslationRequest">标准/译文获取申请</el-button>
<el-button size="mini" @click="exportList">列表导出</el-button>
</div>
</div>
<el-table
ref="selections"
tooltip-effect="dark"
style="width: 100%; flex: auto;"
class="drag-table"
height="86%"
row-key="id"
border
:loading="tableLoading"
:data="tableData"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<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=""
align="center"
min-width="100"
/>
<el-table-column
show-overflow-tooltip
label="标准编号"
width="150"
align="center"
prop="aa"
/>
<el-table-column
show-overflow-tooltip
label="标准名称"
prop="standardName"
align="center"
min-width="150"
/>
<el-table-column
show-overflow-tooltip
label="原语言"
prop=""
align="center"
min-width="100"
/>
<el-table-column
show-overflow-tooltip
label="目标语言"
prop=""
align="center"
min-width="100"
/>
<el-table-column
show-overflow-tooltip
label="理由"
prop=""
align="center"
min-width="300"
/>
<el-table-column
show-overflow-tooltip
label="申请状态"
prop=""
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="pass(scope.row.id,'down')">通过</div>
<div class="table-operate-btn" @click="overrule(scope.row.id,'down')">驳回</div>
</template>
</el-table-column>
</el-table>
<pagination
style="position: relative;"
:page="searchForm.page"
:total="searchForm.total"
@pageChange="pageChange"
@pageSizeChange="pageSizeChange"
/>
</div>
<standardsAndTranslationModal ref="standardsAndTranslationModalRef" />
<addModal ref="addModalRef"></addModal>
</div>
</template>
<script>
import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
import addModal from './components/addModal';
export default {
name: 'StandardTranslationAcquisitionRequest',
components: {
standardsAndTranslationModal,
addModal
},
mounted () {
if (this.$route.query && this.$route.query.tag === 'fromSearchCenter'){
this.standardsAndTranslationRequest()
this.$router.replace({ query: { ...this.$route.query, tag: undefined } })
}
},
data () {
return {
tableLoading: false,
total: 0,
searchForm: {
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
},
tableData: [{aa: '123'}],
selectedList: []
}
},
methods: {
searchData () {
this.getList()
},
clearSerach () {
this.searchForm = {}
},
batchPass () {
if (this.selectedList.length === 0) {
this.$message({
message: '请选择至少一条数据',
type: 'warning',
offset: 20
})
}
},
batchOverrule () {
if (this.selectedList.length === 0) {
this.$message({
message: '请选择至少一条数据',
type: 'warning',
offset: 20
})
}
},
exportList () {
},
getList () {
},
toView (id) {
this.$refs.addModalRef.showModal(false, id)
},
pass (id) {
},
overrule (id) {
},
standardsAndTranslationRequest () {
this.$refs.standardsAndTranslationModalRef.showModal()
},
pageChange (page) {
this.questionSerach.page = page
this.getList()
},
pageSizeChange (pageSize) {
this.questionSerach.pageSize = pageSize
this.getList()
},
formatClassification () {
},
handleSelectionChange (value) {
this.selectedList = value
}
},
}
</script>
<style scoped lang="less">
.standardTranslationAcquisitionRequest {
height: 94%;
.table-container {
background-color: white;
padding: 0 10px;
height: 100%;
.operate-options {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
}
}
.table-operate-btn{
display: inline-block;
cursor: pointer;
color: #409EFF;
margin: 0 5px;
}
}
</style>
src/pages/searchCenter/pages/standardSearch/index.vue
+10
View File
@@ -81,6 +81,7 @@
<div>首页</div>
</router-link>
</div>
<el-button @click="toStandardTranslationAcquisitionRequest" style="margin-left: auto" type="primary" size="mini">标准/译文获取申请</el-button>
</div>
<div class="main">
<loading :loading="loading">数据获取中</loading>
@@ -236,6 +237,15 @@ export default {
this.getData()
},
methods: {
toStandardTranslationAcquisitionRequest () {
let url = this.$router.resolve({
name: 'standardTranslationAcquisitionRequest',
query: {
tag: 'fromSearchCenter'
}
})
window.open(url.href, '_blank')
},
onSearch () {
this.searchForm.page = 1
this.getData()
src/router/index.js
+9
View File
@@ -4112,6 +4112,15 @@ const routes = [
menuId: ''
}
},
{
path: '/standardTranslationAcquisitionRequest',
name: 'standardTranslationAcquisitionRequest',
component: () => import('@/pages/regulatoryRepository/standardTranslationAcquisitionRequest'),
meta: {
requireAuth: true,
title: '标准/译文获取申请管理'
}
},
// 本地产品/项目库详情页
{
path: '/localProductDetail',