修改禅道已知bug

This commit is contained in:
qq787203167
2022-05-23 17:45:30 +08:00
parent 3d97252141
commit dbd7c662a6
17 changed files with 1623 additions and 1473 deletions
@@ -4,6 +4,7 @@
<div class="collection-search-wrapper"> <div class="collection-search-wrapper">
<div class="collection-search-header"> <div class="collection-search-header">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -42,6 +43,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
</div> </div>
</div> </div>
@@ -1,93 +1,101 @@
<template> <template>
<div class="tag-content"> <div class="tag-content">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="12"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('LabelName')"> <div class="box-title-text">
<a-input :placeholder="$t('PleaseEnter')+$t('LabelName')" v-model="queryParams.dictName"></a-input> <div class="title-text" :title="$t('LabelName')">
</a-form-item> <span>{{$t('LabelName')}}</span>
</a-col> </div>
<a-col :md="6" :sm="8"> <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('LabelName')"
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> v-model="queryParams.dictName"></a-input>
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button> </div>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col>
</span> </span>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </div>
<div class="table-operator">
<div class="operator-text" @click="handleAdd" v-has="'dict:add'">
<a-icon type="plus"/>
{{$t('newlyAdded')}}
</div> </div>
<div class="table-operator"> <div class="operator-text" @click="batDelete" v-has="'dict:logicDeleteBatch'">
<div class="operator-text" @click="handleAdd" v-has="'dict:add'"> <a-icon type="delete"/>
<a-icon type="plus" /> {{$t('BatchDelete')}}
{{$t('newlyAdded')}}
</div>
<div class="operator-text" @click="batDelete" v-has="'dict:logicDeleteBatch'">
<a-icon type="delete" />
{{$t('BatchDelete')}}
</div>
</div> </div>
<a-modal class="show-content" v-model="contentVisible" :visible="contentVisible" :title="title" :ok-text="$t('preservation')" :cancel-text="$t('cancel')" @ok="hideModal" @cancel="cancelModel" v-if="contentVisible"> </div>
<a-form-model <a-modal class="show-content" v-model="contentVisible" :visible="contentVisible" :title="title"
class="tag-content" :ok-text="$t('preservation')" :cancel-text="$t('cancel')" @ok="hideModal" @cancel="cancelModel"
ref="ruleForm" v-if="contentVisible">
:model="form" <a-form-model
:rules="rules" class="tag-content"
:label-col="labelCol" ref="ruleForm"
:wrapper-col="wrapperCol" :model="form"
> :rules="rules"
<a-form-model-item ref="tagName" :label="$t('LabeItemName')" prop="dictName" class="tag-item"> :label-col="labelCol"
<a-input :wrapper-col="wrapperCol"
v-model="form.dictName"
:placeholder="$t('PleaseEnterLabelName')"
/>
</a-form-model-item>
<a-form-model-item :label="$t('LabelType')" prop="attributeType" v-if="isEdit==1" class="tag-item">
<j-dict-select-tag type="list" v-model="form.attributeType" dictCode="attribute_type" :placeholder="$t('PleaseSelectLabelType')" />
</a-form-model-item>
<a-form-model-item ref="describe" :label="$t('describe')" prop="description" class="tag-item">
<a-input
v-model="form.description"
:placeholder="$t('PleaseEnterDescription')"
/>
</a-form-model-item>
</a-form-model>
</a-modal>
<a-table :data-source="tableData" rowKey="id" :columns="columns"
:scroll="{x: true}"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :pagination="false" :loading="loading" class="tag-con-table">
<template slot="action" slot-scope="text, record">
<a class="action-dict" @click="handleDicPop(record)">{{$t('DictionaryConfiguration')}}</a>
<a class="action-edit" @click="actionEdit(record)" v-has="'dict:edit'">{{$t('edit')}}</a>
<a class="action-delete" href="javascript:;" @click="onDelete(record)" v-has="'dict:logicDelete'">{{$t('delete')}}</a>
</template>
</a-table>
<div class="page" v-if="tableData.length > 0">
<a-pagination
:show-total="total => $t('total')+` ${total} `+$t('strip')"
show-quick-jumper
show-size-changer
:page-size.sync="queryParams.pageSize"
:total="total"
@change="onChangePage"
@showSizeChange="SizeChange"
/>
</div>
<a-drawer
class="dict-drawer"
:title="$t('DictionaryList')"
placement="right"
:closable="true"
:visible="dicVisible"
:after-visible-change="afterDicVisibleChange"
@close="onDicClose"
width="1000px"
> >
<dic-list :dictVal="dictVal" :record="record" v-if="dicVisible"></dic-list> <a-form-model-item ref="tagName" :label="$t('LabeItemName')" prop="dictName" class="tag-item">
</a-drawer> <a-input
v-model="form.dictName"
:placeholder="$t('PleaseEnterLabelName')"
/>
</a-form-model-item>
<a-form-model-item :label="$t('LabelType')" prop="attributeType" v-if="isEdit==1" class="tag-item">
<j-dict-select-tag type="list" v-model="form.attributeType" dictCode="attribute_type"
:placeholder="$t('PleaseSelectLabelType')"/>
</a-form-model-item>
<a-form-model-item ref="describe" :label="$t('describe')" prop="description" class="tag-item">
<a-input
v-model="form.description"
:placeholder="$t('PleaseEnterDescription')"
/>
</a-form-model-item>
</a-form-model>
</a-modal>
<a-table :data-source="tableData" rowKey="id" :columns="columns"
:scroll="{x: true}"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :pagination="false"
:loading="loading" class="tag-con-table">
<template slot="action" slot-scope="text, record">
<a class="action-dict" @click="handleDicPop(record)">{{$t('DictionaryConfiguration')}}</a>
<a class="action-edit" @click="actionEdit(record)" v-has="'dict:edit'">{{$t('edit')}}</a>
<a class="action-delete" href="javascript:;" @click="onDelete(record)" v-has="'dict:logicDelete'">{{$t('delete')}}</a>
</template>
</a-table>
<div class="page" v-if="tableData.length > 0">
<a-pagination
:show-total="total => $t('total')+` ${total} `+$t('strip')"
show-quick-jumper
show-size-changer
:page-size.sync="queryParams.pageSize"
:total="total"
@change="onChangePage"
@showSizeChange="SizeChange"
/>
</div>
<a-drawer
class="dict-drawer"
:title="$t('DictionaryList')"
placement="right"
:closable="true"
:visible="dicVisible"
:after-visible-change="afterDicVisibleChange"
@close="onDicClose"
width="1000px"
>
<dic-list :dictVal="dictVal" :record="record" v-if="dicVisible"></dic-list>
</a-drawer>
</div> </div>
</template> </template>
@@ -97,137 +105,136 @@
// import tabTable from './tabTable' // import tabTable from './tabTable'
import DicList from '../dialog/DicList' import DicList from '../dialog/DicList'
import Vue from 'vue' import Vue from 'vue'
import { UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types" import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
export default { export default {
name: 'tagContent', name: 'tagContent',
components:{ components: {
// tabTable, // tabTable,
DicList DicList
}, },
data(){ data() {
return{ return {
title: this.$t('add'), title: this.$t('add'),
total:0, total: 0,
queryParams:{ queryParams: {
pageNo:1, pageNo: 1,
pageSize:10 pageSize: 10
}, },
ids:[], ids: [],
loading:false, loading: false,
selectedRowKeys: [], selectedRowKeys: [],
contentVisible:false, contentVisible: false,
tableData:[], tableData: [],
columns: [ columns: [
{ {
title: this.$t('LabelName'), title: this.$t('LabelName'),
dataIndex: 'dictName', dataIndex: 'dictName',
key: 'dictName', key: 'dictName',
align: "center", align: 'center',
ellipsis: true, ellipsis: true,
width: 100, width: 100
}, },
{ {
title: this.$t('LabelType'), title: this.$t('LabelType'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'attributeTypeName', dataIndex: 'attributeTypeName'
}, },
{ {
title: this.$t('describe'), title: this.$t('describe'),
align: "center", align: 'center',
dataIndex: 'description', dataIndex: 'description',
ellipsis: true, ellipsis: true,
width:300 width: 300
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
dataIndex: 'action', dataIndex: 'action',
scopedSlots: {customRender: 'action'}, scopedSlots: { customRender: 'action' },
align: "center", align: 'center',
width: 170 width: 170
} }
], ],
labelCol: { span:6 }, labelCol: { span: 6 },
wrapperCol: { span: 16 }, wrapperCol: { span: 16 },
form:{}, form: {},
rules:{ rules: {
dictName:[{ required: true, message: this.$t('PleaseEnterLabelName'), trigger: 'change' }, dictName: [{ required: true, message: this.$t('PleaseEnterLabelName'), trigger: 'change' },
{ min:1, max: 100, message: this.$t('cantExeed')+'100'+this.$t('characters'), trigger: 'blur' },], { min: 1, max: 100, message: this.$t('cantExeed') + '100' + this.$t('characters'), trigger: 'blur' }],
attributeType:[ attributeType: [
{ required: true, message: this.$t('PleaseSelectLabelType'), trigger: 'blur' }, { required: true, message: this.$t('PleaseSelectLabelType'), trigger: 'blur' }
], ],
description:[ description: [
{ min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' }, { min: 1, max: 200, message: this.$t('cantExeed') + '200' + this.$t('characters'), trigger: 'blur' }
] ]
}, },
// typeVisible:{}, // typeVisible:{},
dicVisible:false, dicVisible: false,
dictVal:'list', dictVal: 'list',
record: {}, record: {},
isEdit:1, isEdit: 1,
flag:false, //表单提交标识 flag: false //表单提交标识
} }
}, },
computed:{ computed: {},
},
mounted() { mounted() {
this.loadData(); this.loadData()
}, },
methods:{ methods: {
//获取列表数据 //获取列表数据
loadData(param){ loadData(param) {
this.loading=true this.loading = true
let params={ let params = {
...this.queryParams, ...this.queryParams,
isTagDict:1, isTagDict: 1
} }
// sys/dict/tagDictPage // sys/dict/tagDictPage
// sys/dict/page // sys/dict/page
postAction(`sys/dict/tagDictPage`,params).then(res=>{ postAction(`sys/dict/tagDictPage`, params).then(res => {
if(res.success){ if (res.success) {
this.total=res.result.total this.total = res.result.total
this.tableData=[...res.result.records] this.tableData = [...res.result.records]
} }
}).finally(()=>{ }).finally(() => {
this.loading=false this.loading = false
}) })
}, },
//查询 //查询
searchQuery(){ searchQuery() {
this.queryParams.pageNo=1 this.queryParams.pageNo = 1
this.loadData() this.loadData()
}, },
searchReset(){ searchReset() {
this.queryParams={ this.queryParams = {
pageNo:1, pageNo: 1,
pageSize: 10 pageSize: 10
} }
this.loadData() this.loadData()
}, },
handleAdd(){ handleAdd() {
this.title=this.$t('add') this.title = this.$t('add')
this.isEdit=1 this.isEdit = 1
this.contentVisible=true this.contentVisible = true
this.form={} this.form = {}
}, },
hideModal(){ hideModal() {
let params={ let params = {
...this.form, ...this.form
} }
this.$refs.ruleForm.validate((valid)=>{ this.$refs.ruleForm.validate((valid) => {
// console.log('valide',valide) // console.log('valide',valide)
if(valid){ if (valid) {
if(!this.flag){ if (!this.flag) {
this.flag=true this.flag = true
if(this.isEdit==1){ if (this.isEdit == 1) {
params.id='' params.id = ''
params.isTagDict=1 params.isTagDict = 1
params.isReadOnly=0 params.isReadOnly = 0
postAction(`sys/dict/add`,params).then(res=> { postAction(`sys/dict/add`, params).then(res => {
if (res.success) { if (res.success) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
this.contentVisible = false this.contentVisible = false
@@ -244,26 +251,26 @@
} }
} }
}).finally(()=>{ }).finally(() => {
this.flag=false this.flag = false
}) })
}else if(this.isEdit==0){ } else if (this.isEdit == 0) {
this.$delete(params,'isReadOnly') this.$delete(params, 'isReadOnly')
this.$delete(params,'isTagDict') this.$delete(params, 'isTagDict')
// console.log('editparams',params) // console.log('editparams',params)
putAction(`sys/dict/edit`,params).then(res=>{ putAction(`sys/dict/edit`, params).then(res => {
if(res.success){ if (res.success) {
this.$message.success( this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
this.reFresh() this.reFresh()
this.loadData() this.loadData()
this.contentVisible=false this.contentVisible = false
this.form={} this.form = {}
}else{ } else {
this.$message.warning(this.$t('operationFailed')) this.$message.warning(this.$t('operationFailed'))
} }
}).finally(()=>{ }).finally(() => {
this.flag=false this.flag = false
}) })
} }
} }
} }
@@ -271,7 +278,7 @@
}, },
//刷新缓存 //刷新缓存
reFresh(){ reFresh() {
getAction('sys/dict/refleshCache').then((res) => { getAction('sys/dict/refleshCache').then((res) => {
if (res.success) { if (res.success) {
//重新加载缓存 //重新加载缓存
@@ -286,17 +293,17 @@
console.log('刷新失败', e) console.log('刷新失败', e)
}) })
}, },
cancelModel(){ cancelModel() {
this.contentVisible=false this.contentVisible = false
this.form={} this.form = {}
}, },
onCellChange(){ onCellChange() {
}, },
//删除 //删除
onDelete(val){ onDelete(val) {
let param={ let param = {
id:val.id id: val.id
} }
this.$confirm({ this.$confirm({
title: this.$t('ConfirmDelete'), title: this.$t('ConfirmDelete'),
@@ -307,12 +314,12 @@
if (res.success) { if (res.success) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
this.reFresh() this.reFresh()
if(this.tableData&&this.tableData.length==1&&this.queryParams.pageNo!=1){ if (this.tableData && this.tableData.length == 1 && this.queryParams.pageNo != 1) {
this.queryParams.pageNo=this.queryParams.pageNo-1 this.queryParams.pageNo = this.queryParams.pageNo - 1
} }
this.loadData() this.loadData()
}else{ } else {
this.$message.warning(this.$t('operationFailed')); this.$message.warning(this.$t('operationFailed'))
} }
}) })
} }
@@ -320,16 +327,16 @@
}, },
onSelectChange(selectedRowKeys) { onSelectChange(selectedRowKeys) {
// console.log('selectedRowKeys changed: ', selectedRowKeys); // console.log('selectedRowKeys changed: ', selectedRowKeys);
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys
this.ids = this.selectedRowKeys; this.ids = this.selectedRowKeys
console.log('selRows',selectedRowKeys) console.log('selRows', selectedRowKeys)
}, },
//批量删除 //批量删除
batDelete(){ batDelete() {
let params={ let params = {
ids:this.ids.join(',') ids: this.ids.join(',')
} }
if(this.ids&&this.ids.length>0){ if (this.ids && this.ids.length > 0) {
this.$confirm({ this.$confirm({
title: this.$t('ConfirmDelete'), title: this.$t('ConfirmDelete'),
content: '', content: '',
@@ -339,46 +346,45 @@
if (res.success) { if (res.success) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
this.reFresh() this.reFresh()
this.selectedRowKeys=[] this.selectedRowKeys = []
if(this.ids.length==this.tableData.length&&this.queryParams.pageNo!=1){ if (this.ids.length == this.tableData.length && this.queryParams.pageNo != 1) {
this.queryParams.pageNo=this.queryParams.pageNo-1 this.queryParams.pageNo = this.queryParams.pageNo - 1
} }
this.loadData() this.loadData()
// postAction(`online/cgform/api/doDbSynch/48308196e7b04761b533dc31bc899707/normal // postAction(`online/cgform/api/doDbSynch/48308196e7b04761b533dc31bc899707/normal
// `,{}).then(res=>{ // `,{}).then(res=>{
// }) // })
}else{ } else {
this.$message.warning(this.$t('operationFailed')) this.$message.warning(this.$t('operationFailed'))
} }
}) })
} }
}) })
} } else {
else{
this.$message.warning(this.$t('selectLeastOne')) this.$message.warning(this.$t('selectLeastOne'))
} }
}, },
//编辑 //编辑
actionEdit(val){ actionEdit(val) {
this.title=this.$t('edit') this.title = this.$t('edit')
this.isEdit=0 this.isEdit = 0
this.form={...val} this.form = { ...val }
this.contentVisible=true this.contentVisible = true
}, },
//字典配置 //字典配置
handleDicPop(record){ handleDicPop(record) {
this.record=record this.record = record
if(record.attributeType=='1'){ if (record.attributeType == '1') {
// console.log('attribu',record.attributeType,record.attributeType=='1') // console.log('attribu',record.attributeType,record.attributeType=='1')
// this.typeVisible[record.id]=false // this.typeVisible[record.id]=false
this.dictVal='list' this.dictVal = 'list'
this.dicVisible=true this.dicVisible = true
}else if(record.attributeType=='2'){ } else if (record.attributeType == '2') {
// this.typeVisible[record.id]=false // this.typeVisible[record.id]=false
this.dictVal='tree' this.dictVal = 'tree'
this.dicVisible=true this.dicVisible = true
} }
}, },
afterDicVisibleChange(val) { afterDicVisibleChange(val) {
@@ -387,69 +393,107 @@
}, },
//字典列表关闭 //字典列表关闭
onDicClose() { onDicClose() {
this.dicVisible = false; this.dicVisible = false
}, },
//点击页数 //点击页数
onChangePage(page,pageSize){ onChangePage(page, pageSize) {
console.log('page',page) console.log('page', page)
this.queryParams.pageNo = page this.queryParams.pageNo = page
this.loadData() this.loadData()
}, },
//一页显示条数 //一页显示条数
SizeChange(page,pageSize){ SizeChange(page, pageSize) {
this.queryParams.pageSize = pageSize this.queryParams.pageSize = pageSize
this.queryParams.pageNo=1 this.queryParams.pageNo = 1
this.loadData() this.loadData()
}, }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.tag-content{
.tag-con-table{ .tag-content {
.action-dict,.action-edit{ .tag-con-table {
.action-dict, .action-edit {
margin-right: 10px; margin-right: 10px;
} }
.action-delete{
color:red; .action-delete {
color: red;
} }
} }
.page{ .page {
margin-top: 20px; margin-top: 20px;
text-align: right; text-align: right;
} }
} }
.type-popover{
p{ .type-popover {
margin:5px 0; p {
margin: 5px 0;
} }
p:hover{
p:hover {
cursor: pointer; cursor: pointer;
color:#0c8fcf; color: #0c8fcf;
} }
} }
.dict-drawer{
.ant-drawer-content-wrapper{ .dict-drawer {
.ant-drawer-content-wrapper {
width: 100%; width: 100%;
} }
} }
</style> .box-title-text {
<style lang="less"> line-height: 1.4;
.show-content{ display: flex;
.ant-modal-footer{ align-items: center;
text-align: center; margin-bottom: 10px;
} }
} .title-text {
.tag-content{ width: 60px;
.tag-item{ color: #000F16;
.ant-col-6{ display: inline-block;
min-width: 130px; font-weight: 500;
font-size: 14px;
margin-right: 16px;
margin-top: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-input {
display: inline-block;
width: 70%;
height: 38px;
margin-top: 2px;
}
.box-button {
height: 38px;
/*margin-top: 2px;*/
}
</style>
<style lang="less">
.show-content {
.ant-modal-footer {
text-align: center;
}
}
.tag-content {
.tag-item {
.ant-col-6 {
min-width: 130px;
}
} }
} }
}
</style> </style>
@@ -1,256 +1,279 @@
<template> <template>
<div class="tag-item"> <div class="tag-item">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="12" v-show='submitKey=="1"'> <a-col :md="6" :sm="8" v-show='submitKey=="1"'>
<a-form-item :label="$t('ChineseName')"> <div class="box-title-text">
<a-input :placeholder="$t('PleaseEnter')+$t('ChineseName')" v-model="queryParamOne.dbFieldTxt"></a-input> <div class="title-text" :title="$t('ChineseName')">
</a-form-item> <span>{{$t('ChineseName')}}</span>
</a-col> </div>
<a-col :md="6" :sm="12" v-show='submitKey=="2"'> <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('ChineseName')"
<a-form-item :label="$t('ChineseName')"> v-model="queryParamOne.dbFieldTxt"></a-input>
<a-input :placeholder="$t('PleaseEnter')+$t('ChineseName')" v-model="queryParamTwo.dbFieldTxt"></a-input> </div>
</a-form-item> </a-col>
</a-col> <a-col :md="6" :sm="8" v-show='submitKey=="2"'>
<a-col :md="6" :sm="8" v-show='submitKey=="1"'> <div class="box-title-text">
<a-form-item :label="$t('DisplayArea')"> <div class="title-text" :title="$t('ChineseName')">
<a-select v-model="queryParamOne.showArea" :placeholder="$t('pleaseSelect')"> <span>{{$t('ChineseName')}}</span>
<a-select-option :value="item.id" v-for="item in areas">{{item.showArea}}</a-select-option> </div>
</a-select> <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('ChineseName')"
</a-form-item> v-model="queryParamOne.dbFieldTxt"></a-input>
</a-col> </div>
<a-col :md="6" :sm="8"> </a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> <a-col :md="6" :sm="8" v-show='submitKey=="1"'>
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button> <div class="box-title-text">
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button> <div class="title-text" :title="$t('DisplayArea')">
</span> <span>{{$t('DisplayArea')}}</span>
</a-col> </div>
</a-row> <a-select class="box-input" v-model="queryParamOne.showArea" :placeholder="$t('pleaseSelect')">
</a-form> <a-select-option :value="item.id" v-for="item in areas">{{item.showArea}}</a-select-option>
</div> </a-select>
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col>
</span>
</a-row>
</a-form>
</div>
<div class="table-operator"> <div class="table-operator">
<div class="operator-text" @click="handleAddPop" v-has="'tag:add'"> <div class="operator-text" @click="handleAddPop" v-has="'tag:add'">
<a-icon type="plus" /> <a-icon type="plus"/>
{{$t('newlyAdded')}} {{$t('newlyAdded')}}
</div> </div>
<div class="operator-text" @click="handleShow" v-if="key=='1'"> <div class="operator-text" @click="handleShow" v-if="key=='1'">
<a-icon type="rocket" :rotate="45" /> <a-icon type="rocket" :rotate="45"/>
{{$t('ExhibitionAreaManagement')}} {{$t('ExhibitionAreaManagement')}}
</div> </div>
<div class="operator-text" @click="batDelete" v-has="'tag:logicDeleteBatch'"> <div class="operator-text" @click="batDelete" v-has="'tag:logicDeleteBatch'">
<a-icon type="delete" /> <a-icon type="delete"/>
{{$t('BatchDelete')}} {{$t('BatchDelete')}}
</div> </div>
</div> </div>
<a-drawer class="show-drawer" :title="titleTag" placement="right" width="1000px" @close="close" :visible="drawerVisible" :after-visible-change="afterVisibleChange" > <a-drawer class="show-drawer" :title="titleTag" placement="right" width="1000px" @close="close"
:visible="drawerVisible" :after-visible-change="afterVisibleChange">
<div class="new-tag-drawer"> <div class="new-tag-drawer">
<a-spin :spinning="spinningDrawer" style="width: 100%;height:100%"> <a-spin :spinning="spinningDrawer" style="width: 100%;height:100%">
<tag-form v-if="drawerVisible&&editFlag" ref="realForm" @ok="closeTag" :isTagContent="isTagContent" :editData="editData" :editId=editId :submitEdit="submitEdit" :disableEdit="disableEdit" :disabled="disableSubmit" :submitKey="submitKey" normal> </tag-form> <tag-form v-if="drawerVisible&&editFlag" ref="realForm" @ok="closeTag" :isTagContent="isTagContent"
:editData="editData" :editId=editId :submitEdit="submitEdit" :disableEdit="disableEdit"
:disabled="disableSubmit" :submitKey="submitKey" normal></tag-form>
<div class="drawer-footer" v-if="drawerVisible&&editFlag"> <div class="drawer-footer" v-if="drawerVisible&&editFlag">
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">{{$t('preservation')}}</a-button> <a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">
<a-button @click="handleCancel" style="margin-bottom: 0;">{{$t('close')}}</a-button> {{$t('preservation')}}
</div> </a-button>
<a-button @click="handleCancel" style="margin-bottom: 0;">{{$t('close')}}</a-button>
</div>
</a-spin>
</div>
</a-drawer>
<a-modal class="show-area" v-model="areaVisible" :title="$t('ExhibitionAreaManagement')" :footer="null"
@cancel="hideModal">
<area-manage v-if="areaVisible" @diaHide="diaHide" @submitOk="submitOk" @deleteOk="deleteOk"
@updateOk="updateOk"></area-manage>
</a-modal>
<div class="tag-doc-tab">
<a-spin :spinning="spinning">
<a-tabs default-active-key="1" @change="callbackTab">
<a-tab-pane key="1" :tab="$t('DocumentLibrary')">
<tab-table v-if="spinning==false" :tableData="tableData" :columns="taglabColumns" :parm="queryParamOne"
:selectedRowKey="selectedRowKey" @visibleEd="visibleEd" @visibleDelete="visibleDelete"
@queryParams="queryParamsOne" @selecteds="selecteds" :total="total"></tab-table>
</a-tab-pane>
<a-tab-pane key="2" :tab="$t('DocumentSplitting')">
<tab-table v-if="spinning==false" :tableData="tableData" :columns="taglabColumns1" :parm="queryParamTwo"
:selectedRowKey="selectedRowKey" @visibleEd="visibleEd" @visibleDelete="visibleDelete"
@queryParams="queryParamsTwo" @selecteds="selecteds" :total="total"></tab-table>
<!-- <tab-table :tableData="tableData" :columns="taglabColumns" @visibleEd="visibleEd" @visibleDelete="visibleDelete" :total="total" :parm="queryParam"></tab-table>-->
</a-tab-pane>
</a-tabs>
</a-spin> </a-spin>
</div> </div>
</a-drawer>
<a-modal class="show-area" v-model="areaVisible" :title="$t('ExhibitionAreaManagement')" :footer="null" @cancel="hideModal">
<area-manage v-if="areaVisible" @diaHide="diaHide" @submitOk="submitOk" @deleteOk="deleteOk" @updateOk="updateOk"></area-manage>
</a-modal>
<div class="tag-doc-tab">
<a-spin :spinning="spinning">
<a-tabs default-active-key="1" @change="callbackTab">
<a-tab-pane key="1" :tab="$t('DocumentLibrary')">
<tab-table v-if="spinning==false" :tableData="tableData" :columns="taglabColumns" :parm="queryParamOne" :selectedRowKey="selectedRowKey" @visibleEd="visibleEd" @visibleDelete="visibleDelete" @queryParams="queryParamsOne" @selecteds="selecteds" :total="total"></tab-table>
</a-tab-pane>
<a-tab-pane key="2" :tab="$t('DocumentSplitting')">
<tab-table v-if="spinning==false" :tableData="tableData" :columns="taglabColumns1" :parm="queryParamTwo" :selectedRowKey="selectedRowKey" @visibleEd="visibleEd" @visibleDelete="visibleDelete" @queryParams="queryParamsTwo" @selecteds="selecteds" :total="total"></tab-table>
<!-- <tab-table :tableData="tableData" :columns="taglabColumns" @visibleEd="visibleEd" @visibleDelete="visibleDelete" :total="total" :parm="queryParam"></tab-table>-->
</a-tab-pane>
</a-tabs>
</a-spin>
</div>
</div> </div>
</template> </template>
<script> <script>
import { putAction,postAction,getAction,deleteAction } from '@/api/manage' import { putAction, postAction, getAction, deleteAction } from '@/api/manage'
import JInput from '@/components/jero/JInput' import JInput from '@/components/jero/JInput'
import TabTable from './TabTable' import TabTable from './TabTable'
import AreaManage from '../dialog/AreaManage' import AreaManage from '../dialog/AreaManage'
import TagForm from '../dialog/TagForm' import TagForm from '../dialog/TagForm'
export default { export default {
name: 'tagItem', name: 'tagItem',
components:{ components: {
JInput, JInput,
TabTable, TabTable,
AreaManage, AreaManage,
TagForm TagForm
}, },
data(){ data() {
return{ return {
spinning:false, spinning: false,
queryParamOne:{ queryParamOne: {
pageNo:1, pageNo: 1,
pageSize:10, pageSize: 10
}, },
queryParamTwo:{ queryParamTwo: {
pageNo:1, pageNo: 1,
pageSize:10, pageSize: 10
}, },
titleTag:this.$t('NewLabelItem'), titleTag: this.$t('NewLabelItem'),
typeVisible:false, typeVisible: false,
isTagContent:false, isTagContent: false,
editData:{}, //编辑的数据 editData: {}, //编辑的数据
editFlag:true, editFlag: true,
areas:[], areas: [],
tableData:[], tableData: [],
taglabColumns: [ taglabColumns: [
{ {
title: this.$t('ChineseName'), title: this.$t('ChineseName'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'dbFieldTxt', dataIndex: 'dbFieldTxt'
}, },
{ {
title: this.$t('enName'), title: this.$t('enName'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'dbFieldEnName', dataIndex: 'dbFieldEnName'
}, },
{ {
title: this.$t('AttributeType'), title: this.$t('AttributeType'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'fieldShowTypeName', dataIndex: 'fieldShowTypeName'
}, },
{ {
title: this.$t('FieldLength'), title: this.$t('FieldLength'),
align: "center", align: 'center',
width: 80, width: 80,
dataIndex: 'dbLength' dataIndex: 'dbLength'
}, },
{ {
title: this.$t('DisplayOrder'), title: this.$t('DisplayOrder'),
align: "center", align: 'center',
width: 80, width: 80,
dataIndex: 'orderNum' dataIndex: 'orderNum'
}, },
{ {
title: this.$t('DisplayArea'), title: this.$t('DisplayArea'),
align: "center", align: 'center',
width: 80, width: 80,
dataIndex: 'showAreaName' dataIndex: 'showAreaName'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
dataIndex: 'action', dataIndex: 'action',
scopedSlots: {customRender: 'action'}, scopedSlots: { customRender: 'action' },
align: "center", align: 'center',
width: 170 width: 170
} }
], ],
taglabColumns1: [ taglabColumns1: [
{ {
title: this.$t('ChineseName'), title: this.$t('ChineseName'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'dbFieldTxt', dataIndex: 'dbFieldTxt'
}, },
{ {
title: this.$t('enName'), title: this.$t('enName'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'dbFieldEnName', dataIndex: 'dbFieldEnName'
}, },
{ {
title: this.$t('AttributeType'), title: this.$t('AttributeType'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'fieldShowTypeName', dataIndex: 'fieldShowTypeName'
}, },
{ {
title: this.$t('FieldLength'), title: this.$t('FieldLength'),
align: "center", align: 'center',
width: 80, width: 80,
dataIndex: 'dbLength' dataIndex: 'dbLength'
}, },
{ {
title: this.$t('DisplayOrder'), title: this.$t('DisplayOrder'),
align: "center", align: 'center',
width: 80, width: 80,
dataIndex: 'orderNum' dataIndex: 'orderNum'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
dataIndex: 'action', dataIndex: 'action',
scopedSlots: {customRender: 'action'}, scopedSlots: { customRender: 'action' },
align: "center", align: 'center',
width: 170 width: 170
} }
], ],
areaVisible:false, areaVisible: false,
areaTable:[], areaTable: [],
areaTotal:0, areaTotal: 0,
drawerVisible:false, drawerVisible: false,
value:1, value: 1,
editId:'', editId: '',
submitEdit:'add', submitEdit: 'add',
key:1, key: 1,
total:0, total: 0,
type:'input', type: 'input',
ids:[], ids: [],
disableSubmit:false, disableSubmit: false,
selectedRowKey:[], selectedRowKey: [],
spinningDrawer:false, spinningDrawer: false,
disableEdit:true, disableEdit: true,
submitKey:'1' submitKey: '1'
} }
}, },
mounted() { mounted() {
this.loadData(1) this.loadData(1)
this.loadShowArea() this.loadShowArea()
}, },
methods:{ methods: {
//获取展示区域 //获取展示区域
loadShowArea(){ loadShowArea() {
let params = {}; let params = {}
getAction(`tag/onlCgformArea/queryShowArea`,params).then((res)=>{ getAction(`tag/onlCgformArea/queryShowArea`, params).then((res) => {
if(res.success){ if (res.success) {
this.areas=res.result this.areas = res.result
} }
}); })
}, },
searchQuery(){ searchQuery() {
this.queryParamOne.pageNo=1 this.queryParamOne.pageNo = 1
this.queryParamTwo.pageNo=1 this.queryParamTwo.pageNo = 1
if(this.key==1){ if (this.key == 1) {
this.loadData(1) this.loadData(1)
}else if(this.key==2){ } else if (this.key == 2) {
this.loadData(0) this.loadData(0)
} }
}, },
searchReset(){ searchReset() {
this.queryParamOne={ this.queryParamOne = {
pageNo:0, pageNo: 0,
pageSize: 10 pageSize: 10
} }
this.queryParamTwo={ this.queryParamTwo = {
pageNo:0, pageNo: 0,
pageSize: 10 pageSize: 10
} }
this.searchQuery() this.searchQuery()
}, },
handleAdd(){ handleAdd() {
this.drawerVisible=true this.drawerVisible = true
}, },
//区域管理列表数据 //区域管理列表数据
handleShow(){ handleShow() {
this.areaVisible=true this.areaVisible = true
// getAction(`tag/onlCgformArea/page`,{}).then(res=>{ // getAction(`tag/onlCgformArea/page`,{}).then(res=>{
// if(res.success){ // if(res.success){
// this.areaTable=res.result // this.areaTable=res.result
@@ -259,99 +282,99 @@
// }) // })
}, },
//标签项管理文档库初始数据 //标签项管理文档库初始数据
loadData(val){ loadData(val) {
this.spinning=true this.spinning = true
this.tableData=[] this.tableData = []
let paramsOne={ let paramsOne = {
...this.queryParamOne, ...this.queryParamOne,
isModel:1 isModel: 1
} }
let paramsTwo={ let paramsTwo = {
...this.queryParamTwo, ...this.queryParamTwo,
isModel:1 isModel: 1
} }
let paramsItem let paramsItem
// console.log('params',params) // console.log('params',params)
if(val==1){ if (val == 1) {
// console.log('1') // console.log('1')
paramsOne.isModel=1 paramsOne.isModel = 1
paramsItem = paramsOne paramsItem = paramsOne
}else if(val==0){ } else if (val == 0) {
paramsTwo.isModel=0 paramsTwo.isModel = 0
paramsItem = paramsTwo paramsItem = paramsTwo
} }
postAction(`tag/onlCgformTag/page`,paramsItem).then(res=>{ postAction(`tag/onlCgformTag/page`, paramsItem).then(res => {
if(res.success){ if (res.success) {
this.total=res.result.total this.total = res.result.total
this.tableData= [ ...res.result.records] this.tableData = [...res.result.records]
this.spinning=false this.spinning = false
}else{ } else {
this.$message.warning(res.message) this.$message.warning(res.message)
this.spinning=false this.spinning = false
} }
}) })
}, },
//标签项管理tab切换 //标签项管理tab切换
callbackTab(value){ callbackTab(value) {
this.key=value this.key = value
if(value==1){ if (value == 1) {
this.queryParamOne.dbFieldTxt='' this.queryParamOne.dbFieldTxt = ''
this.submitKey='1' this.submitKey = '1'
this.queryParamOne.pageNo=1 this.queryParamOne.pageNo = 1
this.loadData(1) this.loadData(1)
// this.tableData=this.taglab // this.tableData=this.taglab
// this.tableData=this.taglabSplit // this.tableData=this.taglabSplit
}else if(value==2){ } else if (value == 2) {
this.queryParamTwo.dbFieldTxt='' this.queryParamTwo.dbFieldTxt = ''
this.submitKey='2' this.submitKey = '2'
this.queryParamTwo.pageNo=1 this.queryParamTwo.pageNo = 1
this.loadData(0) this.loadData(0)
} }
}, },
diaHide(vis){ diaHide(vis) {
this.areaVisible=vis this.areaVisible = vis
}, },
hideModal(){ hideModal() {
this.visible = false; this.visible = false
}, },
close(){ close() {
this.drawerVisible=false this.drawerVisible = false
}, },
submitOk(value){ submitOk(value) {
this.handleShow() this.handleShow()
}, },
deleteOk(value){ deleteOk(value) {
this.handleShow() this.handleShow()
}, },
//编辑按钮 //编辑按钮
updateOk(value){ updateOk(value) {
this.handleShow() this.handleShow()
}, },
//编辑 //编辑
visibleEd(val,id,title){ visibleEd(val, id, title) {
this.editFlag=false this.editFlag = false
this.disableEdit=true this.disableEdit = true
this.drawerVisible=val this.drawerVisible = val
this.titleTag=title this.titleTag = title
this.editId=id this.editId = id
this.submitEdit='edit' this.submitEdit = 'edit'
let params={ let params = {
id:id, id: id
} }
this.spinningDrawer=true this.spinningDrawer = true
getAction(`tag/onlCgformTag/queryById`,params).then(res=>{ getAction(`tag/onlCgformTag/queryById`, params).then(res => {
if(res.success){ if (res.success) {
this.editData=res.result this.editData = res.result
this.editFlag=true this.editFlag = true
} }
}).finally(()=>{ }).finally(() => {
this.spinningDrawer=false this.spinningDrawer = false
}) })
}, },
//删除 //删除
visibleDelete(id){ visibleDelete(id) {
let params={ let params = {
id:id id: id
} }
this.$confirm({ this.$confirm({
title: this.$t('ConfirmDelete'), title: this.$t('ConfirmDelete'),
@@ -384,88 +407,87 @@
} }
}) })
}, },
selecteds(val){ selecteds(val) {
this.ids=val this.ids = val
}, },
//批量删除 //批量删除
batDelete(val){ batDelete(val) {
let params={ let params = {
ids:this.ids.join(',') ids: this.ids.join(',')
} }
if(this.ids){ if (this.ids) {
this.$confirm({ this.$confirm({
title: this.$t('ConfirmDelete'), title: this.$t('ConfirmDelete'),
content: '', content: '',
onOk: onOk:
async () => { async () => {
getAction(`tag/onlCgformTag/logicDeleteBatch`, params).then(res => { getAction(`tag/onlCgformTag/logicDeleteBatch`, params).then(res => {
if (res.success) { if (res.success) {
if (this.key == 1) { if (this.key == 1) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
if(this.ids&&this.ids.length==this.tableData.length){ if (this.ids && this.ids.length == this.tableData.length) {
this.queryParamOne.pageNo=this.queryParamOne.pageNo-1 this.queryParamOne.pageNo = this.queryParamOne.pageNo - 1
} }
this.selectedRowKey=[] this.selectedRowKey = []
this.loadData(1) this.loadData(1)
} else if (this.key == 2) { } else if (this.key == 2) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
if(this.ids&&this.ids.length==this.tableData.length){ if (this.ids && this.ids.length == this.tableData.length) {
this.queryParamTwo.pageNo=this.queryParamTwo.pageNo-1 this.queryParamTwo.pageNo = this.queryParamTwo.pageNo - 1
} }
this.loadData(0) this.loadData(0)
} }
// postAction(`online/cgform/api/doDbSynch/48308196e7b04761b533dc31bc899707/normal // postAction(`online/cgform/api/doDbSynch/48308196e7b04761b533dc31bc899707/normal
// `,{}).then(res=>{ // `,{}).then(res=>{
// }) // })
}else{ } else {
this.$message.warning(this.$t('operationFailed')) this.$message.warning(this.$t('operationFailed'))
} }
}) })
} }
}) })
} else {
this.$message.warning(this.$t('selectLeastOne'))
} }
else{
this.$message.warning(this.$t('selectLeastOne'))
}
}, },
//新增关闭 //新增关闭
closeTag(val){ closeTag(val) {
this.drawerVisible=val this.drawerVisible = val
if(this.key==1){ if (this.key == 1) {
this.loadData(1) this.loadData(1)
}else if(this.key==2){ } else if (this.key == 2) {
this.loadData(0) this.loadData(0)
} }
}, },
afterVisibleChange(val){ afterVisibleChange(val) {
// console.log('val',val) // console.log('val',val)
}, },
handleAddPop(val){ handleAddPop(val) {
this.editData={} this.editData = {}
if(this.submitKey=='1'){ if (this.submitKey == '1') {
this.editData.isModel='1' this.editData.isModel = '1'
}else if(this.submitKey=='2'){ } else if (this.submitKey == '2') {
this.editData.isModel='0' this.editData.isModel = '0'
} }
this.disableEdit=false this.disableEdit = false
this.drawerVisible=true this.drawerVisible = true
this.titleTag=this.$t('NewLabelItem') this.titleTag = this.$t('NewLabelItem')
this.submitEdit='add' this.submitEdit = 'add'
// this.type=val // this.type=val
if(val=='input'){ if (val == 'input') {
this.typeVisible=false this.typeVisible = false
this.isTagContent=false this.isTagContent = false
} else if(val='select'){ } else if (val = 'select') {
this.typeVisible=false this.typeVisible = false
this.isTagContent=true this.isTagContent = true
} }
}, },
queryParamsOne(val) { queryParamsOne(val) {
this.queryParamOne.pageNo=val.pageNo this.queryParamOne.pageNo = val.pageNo
this.queryParamOne.pageSize=val.pageSize this.queryParamOne.pageSize = val.pageSize
if(this.key==1){ if (this.key == 1) {
this.loadData(1) this.loadData(1)
} }
// else if(this.key==2){ // else if(this.key==2){
@@ -473,12 +495,12 @@
// } // }
}, },
queryParamsTwo(val) { queryParamsTwo(val) {
this.queryParamTwo.pageNo=val.pageNo this.queryParamTwo.pageNo = val.pageNo
this.queryParamTwo.pageSize=val.pageSize this.queryParamTwo.pageSize = val.pageSize
// if(this.key==1){ // if(this.key==1){
// this.loadData(1) // this.loadData(1)
// } else // } else
if(this.key==2){ if (this.key == 2) {
this.loadData(0) this.loadData(0)
} }
}, },
@@ -493,11 +515,11 @@
// } // }
// //
// }, // },
handleOk () { handleOk() {
this.$refs.realForm.submitForm(); this.$refs.realForm.submitForm()
}, },
handleCancel () { handleCancel() {
this.drawerVisible=false this.drawerVisible = false
this.close() this.close()
} }
} }
@@ -506,47 +528,90 @@
<style lang="less" scoped> <style lang="less" scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.type-popover{
p{ .type-popover {
margin:5px; p {
margin: 5px;
}
p:hover {
color: #0c8fcf;
cursor: pointer;
}
} }
p:hover{
color: #0c8fcf; .new-tag-drawer {
cursor: pointer; .drawer-footer {
}
}
.new-tag-drawer{
.drawer-footer{
height: 32px; height: 32px;
display: flex; display: flex;
justify-content: center; justify-content: center;
.ant-btn { .ant-btn {
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
float: right; float: right;
} }
} }
}
.box-title-text {
line-height: 1.4;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.title-text {
width: 60px;
color: #000F16;
display: inline-block;
font-weight: 500;
font-size: 14px;
margin-right: 16px;
margin-top: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-input {
display: inline-block;
width: 70%;
height: 38px;
margin-top: 2px;
}
.box-button {
height: 38px;
/*margin-top: 2px;*/
} }
</style> </style>
<style lang="less"> <style lang="less">
.show-area{ .show-area {
.ant-modal-wrap{ .ant-modal-wrap {
.ant-modal{ .ant-modal {
width: 1000px!important; width: 1000px !important;
} }
} }
.diolag-area{
.table-operator{ .diolag-area {
.table-operator {
text-align: right; text-align: right;
} }
.page{
.page {
text-align: right; text-align: right;
} }
} }
} }
.box-input .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
.box-input .ant-select-selection--single {
height: 38px;
}
</style> </style>
@@ -10,6 +10,7 @@
style="height: 100%;overflow: auto;padding-bottom: 53px;"> style="height: 100%;overflow: auto;padding-bottom: 53px;">
<div style="margin-bottom: 60px"> <div style="margin-bottom: 60px">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="12" :sm="8"> <a-col :md="12" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -50,6 +51,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<a-table <a-table
@@ -42,6 +42,7 @@
{{$t('listSubclauses')}} {{$t('listSubclauses')}}
</div> </div>
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -80,6 +81,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<!-- 导入--> <!-- 导入-->
@@ -1,6 +1,7 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -29,6 +30,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="handleAdd" class="operator-text" v-has="'document:getInfoById'"> <div @click="handleAdd" class="operator-text" v-has="'document:getInfoById'">
File diff suppressed because it is too large Load Diff
@@ -1,34 +1,36 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-col :md="6" :sm="8"> <a-row :gutter="24">
<div class="box-title-text"> <a-col :md="6" :sm="8">
<div class="title-text" :title="$t('standard')"> <div class="box-title-text">
<span>{{$t('standard')}}</span> <div class="title-text" :title="$t('standard')">
<span>{{$t('standard')}}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
v-model="queryParam.serialNumber"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')" </a-col>
v-model="queryParam.serialNumber"></j-input> <a-col :md="6" :sm="8">
</div> <div class="box-title-text">
</a-col> <div class="title-text" style="width: 64px" :title="$t('areaOfResponsibility')">
<a-col :md="6" :sm="8"> <span>{{$t('areaOfResponsibility')}}</span>
<div class="box-title-text"> </div>
<div class="title-text" style="width: 64px" :title="$t('areaOfResponsibility')"> <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
<span>{{$t('areaOfResponsibility')}}</span> :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
:type="'select'"
:triggerChange="false" :dictCode="'duty_territory'"/>
</div> </div>
<j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory" </a-col>
:placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')" <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
:type="'select'"
:triggerChange="false" :dictCode="'duty_territory'"/>
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button> <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="CertificationDirectory" class="operator-text"> <div @click="CertificationDirectory" class="operator-text">
@@ -212,7 +214,7 @@
'To be tracked': 'TrackedColor', 'To be tracked': 'TrackedColor',
'NA': 'notInvolvedColor', 'NA': 'notInvolvedColor',
'No rating': 'submittedColor', 'No rating': 'submittedColor',
'Termination of task': 'nonConformityColor', 'Termination of task': 'nonConformityColor'
}, },
statusText: { statusText: {
'Compliance': this.$t('accord'), 'Compliance': this.$t('accord'),
@@ -220,7 +222,7 @@
'To be tracked': this.$t('Tracked'), 'To be tracked': this.$t('Tracked'),
'NA': this.$t('notInvolved'), 'NA': this.$t('notInvolved'),
'No rating': this.$t('toBeConfirmed'), 'No rating': this.$t('toBeConfirmed'),
'Termination of task': this.$t('taskTermination'), 'Termination of task': this.$t('taskTermination')
}, },
CertificationColor: { CertificationColor: {
'Test passed': 'accordColor', 'Test passed': 'accordColor',
@@ -299,7 +301,7 @@
projectName: this.$route.query.projectName, projectName: this.$route.query.projectName,
projectNameId: this.$route.query.projectNameId, projectNameId: this.$route.query.projectNameId,
primaryKeyId: val.designTaskDetailId, primaryKeyId: val.designTaskDetailId,
PersonChargeFeedback:val.designPersonChargeFeedback, PersonChargeFeedback: val.designPersonChargeFeedback
} }
break break
case 2: case 2:
@@ -323,7 +325,7 @@
projectName: this.$route.query.projectName, projectName: this.$route.query.projectName,
projectNameId: this.$route.query.projectNameId, projectNameId: this.$route.query.projectNameId,
primaryKeyId: val.prehomoTaskDetailId, primaryKeyId: val.prehomoTaskDetailId,
PersonChargeFeedback:val.prehomoPersonChargeFeedback, PersonChargeFeedback: val.prehomoPersonChargeFeedback
} }
break break
case 3: case 3:
@@ -347,7 +349,7 @@
projectName: this.$route.query.projectName, projectName: this.$route.query.projectName,
projectNameId: this.$route.query.projectNameId, projectNameId: this.$route.query.projectNameId,
primaryKeyId: val.verifyTaskDetailId, primaryKeyId: val.verifyTaskDetailId,
PersonChargeFeedback:val.verifyPersonChargeFeedback, PersonChargeFeedback: val.verifyPersonChargeFeedback
} }
break break
} }
@@ -1,23 +1,25 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-col :md="6" :sm="8"> <a-row :gutter="24">
<div class="box-title-text"> <a-col :md="6" :sm="8">
<div class="title-text" :title="$t('title')"> <div class="box-title-text">
<span>{{$t('title')}}</span> <div class="title-text" :title="$t('title')">
<span>{{$t('title')}}</span>
</div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
v-model="queryParam.title"></a-input>
</div> </div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')" </a-col>
v-model="queryParam.title"></a-input> <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button> <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="handleAdd" class="operator-text"> <div @click="handleAdd" class="operator-text">
@@ -53,7 +55,7 @@
<span slot="paramsManifestClick" slot-scope="text,record"> <span slot="paramsManifestClick" slot-scope="text,record">
<a @click="paramsManifestClick(record)">{{text}}</a> <a @click="paramsManifestClick(record)">{{text}}</a>
</span> </span>
<span slot="operation" slot-scope="text,record"> <span slot="operation" slot-scope="text,record">
<a class="text-operation" @click="configure(record)">{{$t('configure')}}</a> <a class="text-operation" @click="configure(record)">{{$t('configure')}}</a>
<a class="text-operation" @click="edit(record)">{{$t('edit')}}</a> <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
<a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a> <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
@@ -72,21 +74,23 @@
@showSizeChange="SizeChange" @showSizeChange="SizeChange"
/> />
</div> </div>
<!-- 参数模板--> <!-- 参数模板-->
<a-modal v-model="areaVisible" :title="$t('parameterTemplate')" width='750px' :footer="null"> <a-modal v-model="areaVisible" :title="$t('parameterTemplate')" width='750px' :footer="null">
<parameter-template-add v-if='areaVisible' @areaVisible='handleCancel' :templateTitle='templatetitle' <parameter-template-add v-if='areaVisible' @areaVisible='handleCancel' :templateTitle='templatetitle'
:selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version' :projectId='this.$route.query.id'></parameter-template-add> :selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version'
:projectId='this.$route.query.id'></parameter-template-add>
</a-modal> </a-modal>
<!-- 配置--> <!-- 配置-->
<configure ref="configureRef" :url='url' :itemId='itemId'/> <configure ref="configureRef" :url='url' :itemId='itemId'/>
<!-- 历史版本--> <!-- 历史版本-->
<a-modal v-model="historicalVisible" :title="$t('historicalVersion')" width='750px' :footer="null"> <a-modal v-model="historicalVisible" :title="$t('historicalVersion')" width='750px' :footer="null">
<historical-version v-if='historicalVisible' :historicalRow='historicalRow'></historical-version> <historical-version v-if='historicalVisible' :historicalRow='historicalRow'></historical-version>
</a-modal> </a-modal>
<!-- 复制参数模板--> <!-- 复制参数模板-->
<a-modal v-model="areaVisibleCody" :title="$t('CopyProjectCollectionparameters')" width='750px' :footer="null"> <a-modal v-model="areaVisibleCody" :title="$t('CopyProjectCollectionparameters')" width='750px' :footer="null">
<parameter-template-cody v-if='areaVisibleCody' @areaVisible='handleCancel' :templateTitle='templatetitle' <parameter-template-cody v-if='areaVisibleCody' @areaVisible='handleCancel' :templateTitle='templatetitle'
:selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version' :projectId='this.$route.query.id'></parameter-template-cody> :selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version'
:projectId='this.$route.query.id'></parameter-template-cody>
</a-modal> </a-modal>
</a-card> </a-card>
</template> </template>
@@ -96,107 +100,108 @@
import ParameterTemplateAdd from '../dialog/ParameterTemplateAdd' import ParameterTemplateAdd from '../dialog/ParameterTemplateAdd'
import ParameterTemplateCody from '../dialog/ParameterTemplateCody' import ParameterTemplateCody from '../dialog/ParameterTemplateCody'
import HistoricalVersion from '../dialog/historicalVersion' import HistoricalVersion from '../dialog/historicalVersion'
import { getAction,postAction } from '../../../api/manage' import { getAction, postAction } from '../../../api/manage'
import Configure from '../dialog/configure' import Configure from '../dialog/configure'
import axios from 'axios' import axios from 'axios'
import Vue from 'vue' import Vue from 'vue'
import { ACCESS_TOKEN } from '@/store/mutation-types' import { ACCESS_TOKEN } from '@/store/mutation-types'
export default { export default {
name: 'TaskParameterCollection', name: 'TaskParameterCollection',
components:{ components: {
ImportFile, ImportFile,
ParameterTemplateAdd, ParameterTemplateAdd,
Configure, Configure,
HistoricalVersion, HistoricalVersion,
ParameterTemplateCody ParameterTemplateCody
}, },
data(){ data() {
return{ return {
columns:[ columns: [
{ {
title: this.$t('title'), title: this.$t('title'),
align: 'center', align: 'center',
dataIndex: 'title', dataIndex: 'title',
scopedSlots: { customRender: 'paramsManifestClick' } scopedSlots: { customRender: 'paramsManifestClick' }
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'center',
dataIndex: 'state', dataIndex: 'state'
}, },
{ {
title: this.$t('parameterTemplateName'), title: this.$t('parameterTemplateName'),
align: 'center', align: 'center',
dataIndex: 'paramsTemplateName', dataIndex: 'paramsTemplateName'
}, },
{ {
title: this.$t('collectionCompletionTime'), title: this.$t('collectionCompletionTime'),
align: 'center', align: 'center',
dataIndex: 'finishTime', dataIndex: 'finishTime'
}, },
{ {
title: this.$t('Version'), title: this.$t('Version'),
align: 'center', align: 'center',
dataIndex: 'version', dataIndex: 'version'
}, },
{ {
title: this.$t('creator'), title: this.$t('creator'),
align: 'center', align: 'center',
dataIndex: 'createBy', dataIndex: 'createBy'
}, },
{ {
title: this.$t('createTime'), title: this.$t('createTime'),
align: 'center', align: 'center',
dataIndex: 'createTime', dataIndex: 'createTime'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'center',
fixed: 'right', fixed: 'right',
width: 200, width: 200,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
} }
], ],
token:Vue.ls.get(ACCESS_TOKEN), token: Vue.ls.get(ACCESS_TOKEN),
selectedRowKeys: [], selectedRowKeys: [],
queryParam: {}, queryParam: {},
url: { url: {
list: 'params/manifest/page', list: 'params/manifest/page',
add: 'params/manifest/add', add: 'params/manifest/add',
edit: 'params/manifest/edit', edit: 'params/manifest/edit',
queryById: 'params/manifest/queryById', queryById: 'params/manifest/queryById',
deleteBatch: 'params/manifest/delete', deleteBatch: 'params/manifest/delete',
deleteAll: 'params/manifest/deleteBatch', deleteAll: 'params/manifest/deleteBatch',
conAdd: 'params/config/addBatch', conAdd: 'params/config/addBatch',
conList: 'params/config/list', conList: 'params/config/list'
}, },
loading: false, loading: false,
dataSource: [], dataSource: [],
areaVisible: false, // 弹框的控制 areaVisible: false, // 弹框的控制
configureareaVisible: false, // 配置的彈框 configureareaVisible: false, // 配置的彈框
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
selectedRowKeysArray: '', selectedRowKeysArray: '',
templatetitle: '', templatetitle: '',
templatetitleId: '', templatetitleId: '',
rowId: '', rowId: '',
version: 0, version: 0,
itemId: '', itemId: '',
historicalVisible: false, historicalVisible: false,
historicalRow: {}, // 历史版本得数据 historicalRow: {}, // 历史版本得数据
areaVisibleCody: false, // 复制参数清单得弹框 areaVisibleCody: false // 复制参数清单得弹框
} }
}, },
mounted() { mounted() {
this.getlist() this.getlist()
}, },
methods:{ methods: {
paramsManifestClick(item) { paramsManifestClick(item) {
localStorage.setItem('paramsManifest',JSON.stringify(item)) localStorage.setItem('paramsManifest', JSON.stringify(item))
let newUrl = this.$router.resolve({ let newUrl = this.$router.resolve({
path: '/ParameterItemCollection', path: '/ParameterItemCollection',
query: this.$route.query, query: this.$route.query
}) })
window.open(newUrl.href, '_blank') window.open(newUrl.href, '_blank')
}, },
@@ -247,7 +252,7 @@
this.selectedRowKeys = val this.selectedRowKeys = val
this.selectedRowKeysArray = val.join(',') this.selectedRowKeysArray = val.join(',')
}, },
edit(edit){ edit(edit) {
this.areaVisible = true this.areaVisible = true
let _this = this let _this = this
let query = { let query = {
@@ -263,15 +268,15 @@
} }
}) })
}, },
handleAdd(){ handleAdd() {
this.areaVisible = true this.areaVisible = true
}, },
handleModule(){ handleModule() {
let _this = this let _this = this
axios({ axios({
url: `/jero-boot/params/manifest/changeExtension?id=${this.selectedRowKeys[0]}`, url: `/jero-boot/params/manifest/changeExtension?id=${this.selectedRowKeys[0]}`,
method: 'get', method: 'get',
transformRequest: [function (data) { transformRequest: [function(data) {
let ret = '' let ret = ''
for (let it in data) { for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&' ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
@@ -280,22 +285,22 @@
}], }],
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded',
'X-Access-Token':_this.token 'X-Access-Token': _this.token
} }
}) })
.then( (res) =>{ .then((res) => {
if (res.data.success) { if (res.data.success) {
_this.$message.success(res.data.message) _this.$message.success(res.data.message)
}else{ } else {
_this.$message.warning(res.data.message) _this.$message.warning(res.data.message)
} }
}) })
.catch( (error) =>{ .catch((error) => {
console.log(error); console.log(error)
}); })
}, },
handleDel(){ handleDel() {
let param={ let param = {
ids: this.selectedRowKeysArray ids: this.selectedRowKeysArray
} }
if (this.selectedRowKeys.length > 0) { if (this.selectedRowKeys.length > 0) {
@@ -320,7 +325,7 @@
handleCody() { handleCody() {
this.areaVisibleCody = true this.areaVisibleCody = true
}, },
getPersonnelList(){ getPersonnelList() {
}, },
pageOnChange() { pageOnChange() {
@@ -337,8 +342,8 @@
...this.queryParam ...this.queryParam
} }
getAction(this.url.list, query).then((res) => { getAction(this.url.list, query).then((res) => {
if(res.success) { if (res.success) {
this.total = res.result.total this.total = res.result.total
this.dataSource = res.result.records || [] this.dataSource = res.result.records || []
this.loading = false this.loading = false
} else { } else {
@@ -346,7 +351,7 @@
} }
}) })
} }
}, }
} }
</script> </script>
@@ -10,6 +10,7 @@
style="height: 100%;overflow: auto;padding-bottom: 53px;"> style="height: 100%;overflow: auto;padding-bottom: 53px;">
<div style="margin-bottom: 60px"> <div style="margin-bottom: 60px">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="12" :sm="8"> <a-col :md="12" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -50,6 +51,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<a-table <a-table
:columns="columns" :columns="columns"
@@ -4,6 +4,7 @@
{{ $t('DocumentStandard') }} {{ $t('DocumentStandard') }}
</div> </div>
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -43,6 +44,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator" style="overflow:hidden;"> <div class="table-operator" style="overflow:hidden;">
<div style="float: left;margin-bottom: 10px;margin-left: 20px" v-if="isDisplay"> <div style="float: left;margin-bottom: 10px;margin-left: 20px" v-if="isDisplay">
@@ -1,6 +1,7 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -38,6 +39,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="handleExport" class="operator-text"> <div @click="handleExport" class="operator-text">
@@ -10,23 +10,25 @@
style="height: 100%;overflow: auto;padding-bottom: 53px;"> style="height: 100%;overflow: auto;padding-bottom: 53px;">
<div style="margin-bottom: 60px"> <div style="margin-bottom: 60px">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-col :md="12" :sm="8"> <a-row :gutter="24">
<div class="box-title-text"> <a-col :md="12" :sm="8">
<div class="title-text" :title="$t('VirtualListName')"> <div class="box-title-text">
<span>{{$t('VirtualListName')}}</span> <div class="title-text" :title="$t('VirtualListName')">
<span>{{$t('VirtualListName')}}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('VirtualListName')"
v-model="queryParam.name"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('VirtualListName')" </a-col>
v-model="queryParam.name"></j-input> <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="12" :sm="24"> <a-col :md="12" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button> <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<a-table <a-table
:columns="columns" :columns="columns"
@@ -210,7 +212,7 @@
.drawer-bootom-button { .drawer-bootom-button {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
z-index:100; z-index: 100;
width: 100%; width: 100%;
border-top: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;
padding: 10px 16px; padding: 10px 16px;
@@ -4,35 +4,36 @@
{{ $t('DocumentStandard') }} {{ $t('DocumentStandard') }}
</div> </div>
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-col :md="6" :sm="8"> <a-row :gutter="24">
<div class="box-title-text"> <a-col :md="6" :sm="8">
<div class="title-text" :title="$t('standard')"> <div class="box-title-text">
<span>{{ $t('standard') }}</span> <div class="title-text" :title="$t('standard')">
<span>{{ $t('standard') }}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
v-model="queryParam.serialNumber"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')" </a-col>
v-model="queryParam.serialNumber"></j-input> <a-col :md="6" :sm="8">
</div> <div class="box-title-text">
</a-col> <div class="title-text" :title="$t('title')">
<a-col :md="6" :sm="8"> <span>{{ $t('title') }}</span>
<div class="box-title-text"> </div>
<div class="title-text" :title="$t('title')"> <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
<span>{{ $t('title') }}</span> v-model="queryParam.title"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')" </a-col>
v-model="queryParam.title"></j-input> <a-col :md="6" :sm="8">
</div> <div class="box-title-text">
</a-col> <div class="title-text" style="width: 44px" :title="$t('subtitle')">
<a-col :md="6" :sm="8"> <span>{{ $t('subtitle') }}</span>
<div class="box-title-text"> </div>
<div class="title-text" style="width: 44px" :title="$t('subtitle')"> <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')"
<span>{{ $t('subtitle') }}</span> v-model="queryParam.subtitle"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')" </a-col>
v-model="queryParam.subtitle"></j-input> <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<globalAdvancedQuery ref="globalAdvancedQueryRef" <globalAdvancedQuery ref="globalAdvancedQueryRef"
@handleSuperQuery="handleSuperQuery" @handleSuperQuery="handleSuperQuery"
@@ -42,7 +43,8 @@
@click="searchReset">{{ $t('reset') }}</a-button> @click="searchReset">{{ $t('reset') }}</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<a-table <a-table
@@ -1,6 +1,7 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -94,6 +95,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="handleAdd" class="operator-text" v-has="'document:getInfoById'"> <div @click="handleAdd" class="operator-text" v-has="'document:getInfoById'">
@@ -1,6 +1,7 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
@@ -22,7 +23,7 @@
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text" style="width: 64px" :title="$t('areaOfResponsibility')"> <div class="title-text" :title="$t('areaOfResponsibility')">
<span>{{$t('areaOfResponsibility')}}</span> <span>{{$t('areaOfResponsibility')}}</span>
</div> </div>
<j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory" <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
@@ -138,6 +139,7 @@
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div @click="handleExport" class="operator-text"> <div @click="handleExport" class="operator-text">
@@ -1,34 +1,36 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-col :md="6" :sm="8"> <a-row :gutter="24">
<div class="box-title-text"> <a-col :md="6" :sm="8">
<div class="title-text" :title="$t('entryName')"> <div class="box-title-text">
<span>{{$t('entryName')}}</span> <div class="title-text" :title="$t('entryName')">
<span>{{$t('entryName')}}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('entryName')"
v-model="queryParam.projectName"></j-input>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('entryName')" </a-col>
v-model="queryParam.projectName"></j-input> <a-col :md="6" :sm="8">
</div> <div class="box-title-text">
</a-col> <div class="title-text" :title="$t('targetMarket')">
<a-col :md="6" :sm="8"> <span>{{$t('targetMarket')}}</span>
<div class="box-title-text"> </div>
<div class="title-text" :title="$t('targetMarket')"> <j-dict-select-tag class="box-input" v-model="queryParam.targetMarket"
<span>{{$t('targetMarket')}}</span> :placeholder="$t('PleaseSelect')+$t('targetMarket')"
:type="'select'"
:triggerChange="false" :dictCode="'region'"/>
</div> </div>
<j-dict-select-tag class="box-input" v-model="queryParam.targetMarket" </a-col>
:placeholder="$t('PleaseSelect')+$t('targetMarket')" <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
:type="'select'"
:triggerChange="false" :dictCode="'region'"/>
</div>
</a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button> <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
</a-form>
</div> </div>
<div class="box-top"> <div class="box-top">
<span class="box-top-text">{{$t('regulatoryCertificationTaskPlan')}}</span> <span class="box-top-text">{{$t('regulatoryCertificationTaskPlan')}}</span>
@@ -315,7 +317,7 @@
fontFamily: 'Blue Sky Noto', fontFamily: 'Blue Sky Noto',
color: '#000F16', color: '#000F16',
fontSize: '16' fontSize: '16'
}, }
}, },
axisLine: { axisLine: {
show: false show: false