Merge remote-tracking branch 'origin/develop' into develop
This commit is contained in:
+145
-61
@@ -1,58 +1,128 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view v-if="!isBoolean"/>
|
||||
<div class="content-box" v-if="isBoolean">
|
||||
<nav-menu></nav-menu>
|
||||
<div class="sub-container">
|
||||
<div style="background-color: #0068B7; height: 65px; width: 100%">
|
||||
<span style="color: #fff; line-height: 65px; float: left; font-size: 20px; font-weight: 600;">
|
||||
标准法规管理系统 Standard and Regulation Management System
|
||||
</span>
|
||||
<!-- header头部 右侧内容 当前登录人和退出-->
|
||||
<div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
<!-- <router-view v-if="!isBoolean"/>-->
|
||||
<span v-if="this.$route.name === 'Login'">
|
||||
<router-view />
|
||||
</span>
|
||||
<span v-else>
|
||||
<div class="content-box" v-if="isCollapse">
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div>
|
||||
<img style="height: 50px;width: 100%" :src="require('@/assets/images/shangqi/home/top-logo.png')">
|
||||
</div>
|
||||
<div style="float: right; margin-right: 20px;">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div class="user-box" style="margin-top: 23px;">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
<span class="iconfont" v-else style="color: #FFFFFF;"></span>
|
||||
<span style="color: #FFFFFF;">{{ $store.getters.userInfo.uName }}</span>
|
||||
<i style="color: #FFFFFF;" class="el-icon-arrow-down"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginOut">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
>
|
||||
<div class="user-box">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
<span class="iconfont" v-else style="color: #000;"></span>
|
||||
<span style="color: #000;">{{ $store.getters.userInfo.uName }}</span>
|
||||
<i style="color: #000;" class="el-icon-arrow-down"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginOut">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="logo">-->
|
||||
<!-- <img :src="logo" />-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<!-- <com-header></com-header>-->
|
||||
<div class="container-box">
|
||||
<router-view />
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main>
|
||||
<nav-menu></nav-menu>
|
||||
<div class="sub-container" style="margin-left: 60px">
|
||||
<div class="container-box">
|
||||
<router-view/>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-box" v-else>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div>
|
||||
<img style="height: 50px;width: 100%" :src="require('@/assets/images/shangqi/home/top-logo.png')">
|
||||
</div>
|
||||
<div style="float: right; margin-right: 20px;">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div class="user-box">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
<span class="iconfont" v-else style="color: #000;"></span>
|
||||
<span style="color: #000;">{{ $store.getters.userInfo.uName }}</span>
|
||||
<i style="color: #000;" class="el-icon-arrow-down"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginOut">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main>
|
||||
<nav-menu></nav-menu>
|
||||
<div class="sub-container" style="margin-left: 200px">
|
||||
<!-- <div style="background-color: #0068B7; height: 65px; width: 100%">
|
||||
<span style="color: #fff; line-height: 65px; float: left; font-size: 20px; font-weight: 600;">
|
||||
标准法规管理系统 Standard and Regulation Management System
|
||||
</span>
|
||||
header头部 右侧内容 当前登录人和退出
|
||||
<div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div class="user-box" style="margin-top: 23px;">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
<span class="iconfont" v-else style="color: #FFFFFF;"></span>
|
||||
<span style="color: #FFFFFF;">{{ $store.getters.userInfo.uName }}</span>
|
||||
<i style="color: #FFFFFF;" class="el-icon-arrow-down"/>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginOut">退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<img :src="logo" />
|
||||
</div>
|
||||
</div>
|
||||
<com-header></com-header>-->
|
||||
<div class="container-box">
|
||||
<router-view/>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapGetters, mapState} from 'vuex'
|
||||
import { webLoginType } from '@/sysConfig'
|
||||
import {webLoginType} from '@/sysConfig'
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
isBoolean: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 点击下拉选项事件
|
||||
handleCommand (command) {
|
||||
handleCommand(command) {
|
||||
// 退出登录
|
||||
if (command === 'loginOut') {
|
||||
this.$confirm('您确认要退出吗?', '提示', {
|
||||
@@ -62,19 +132,20 @@ export default {
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: false
|
||||
}).then(() => {
|
||||
if(webLoginType != null && webLoginType === 'idm' ) {
|
||||
window.location.href= 'http://sso.foton.com.cn/logout?service='
|
||||
if (webLoginType != null && webLoginType === 'idm') {
|
||||
window.location.href = 'http://sso.foton.com.cn/logout?service='
|
||||
// this.$http.post('logout', {}, res => {
|
||||
// window.location.href= 'http://testsso1.foton.com.cn/logout?service='
|
||||
// })
|
||||
}else if(webLoginType != null && webLoginType === 'dev'){
|
||||
} else if (webLoginType != null && webLoginType === 'dev') {
|
||||
this.$store.commit('setTypeFlag', 'loginOut')
|
||||
this.$http.get('logout', {}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$store.dispatch('logout')
|
||||
this.$router.push('/login')
|
||||
}, e => {})
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
// this.$http.post('/logout', {}, res => {
|
||||
// window.location.href = 'http://testsso1.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&redirect_uri=http://127.0.0.1:9090&response_type=code'
|
||||
@@ -96,7 +167,7 @@ export default {
|
||||
* @author: xx
|
||||
* @date: 2018-08-29 14:56:39
|
||||
*/
|
||||
setTheme (theme) {
|
||||
setTheme(theme) {
|
||||
document.getElementById('app').className = theme
|
||||
},
|
||||
|
||||
@@ -108,32 +179,32 @@ export default {
|
||||
banBackSpace(e) {
|
||||
var ev = e || window.event;
|
||||
//各种浏览器下获取事件对象
|
||||
var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget;
|
||||
var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget;
|
||||
//按下Backspace键
|
||||
if(ev.keyCode == 8){
|
||||
if (ev.keyCode == 8) {
|
||||
var tagName = obj.nodeName //标签名称
|
||||
//如果标签不是input或者textarea则阻止Backspace
|
||||
if(tagName!='INPUT' && tagName!='TEXTAREA'){
|
||||
if (tagName != 'INPUT' && tagName != 'TEXTAREA') {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
var tagType = obj.type.toUpperCase();//标签类型
|
||||
//input标签除了下面几种类型,全部阻止Backspace
|
||||
if(tagName=='INPUT' && (tagType!='TEXT' && tagType!='TEXTAREA' && tagType!='PASSWORD')){
|
||||
if (tagName == 'INPUT' && (tagType != 'TEXT' && tagType != 'TEXTAREA' && tagType != 'PASSWORD')) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
//input或者textarea输入框如果不可编辑则阻止Backspace
|
||||
if((tagName=='INPUT' || tagName=='TEXTAREA') && (obj.readOnly==true || obj.disabled ==true)){
|
||||
if ((tagName == 'INPUT' || tagName == 'TEXTAREA') && (obj.readOnly == true || obj.disabled == true)) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
stopIt(ev) {
|
||||
if(ev.preventDefault){
|
||||
if (ev.preventDefault) {
|
||||
//preventDefault()方法阻止元素发生默认的行为
|
||||
ev.preventDefault();
|
||||
}
|
||||
if(ev.returnValue){
|
||||
if (ev.returnValue) {
|
||||
//IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
|
||||
ev.returnValue = false;
|
||||
}
|
||||
@@ -148,25 +219,25 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
// 获取用户头像
|
||||
userAvator () {
|
||||
userAvator() {
|
||||
return this.$store.getters.userInfo.avator || require('@/assets/images/avator_default.png')
|
||||
},
|
||||
...mapGetters([
|
||||
'getWebSocketList', 'getTheme', 'getMenuList'
|
||||
]),
|
||||
...mapState(['userInfoModifyTime','isCollapse'])
|
||||
...mapState(['userInfoModifyTime', 'isCollapse'])
|
||||
},
|
||||
watch: {
|
||||
// 'userInfoModifyTime'() {
|
||||
// // console.log('watch global, userInfoModifyTime')
|
||||
// this.refresh()
|
||||
// },
|
||||
getTheme (val) {
|
||||
getTheme(val) {
|
||||
// 主题修改
|
||||
this.setTheme(val)
|
||||
},
|
||||
// 监听路由 控制isBoolean
|
||||
$route () {
|
||||
$route() {
|
||||
if (this.$route.name !== 'Login' && this.$route.name !== 'Home' && !this.$route.meta.isBoolean && this.$route.name !== 'beeEChungLogin' && this.$route.name !== 'beeEnergyLogin' && this.$route.name !== 'mdLawLogin' && this.$route.name !== 'nuoBLogin' && this.$route.name !== 'sTLogin' && this.$route.name !== 'StandardSearch') {
|
||||
this.isBoolean = true
|
||||
} else {
|
||||
@@ -174,7 +245,7 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
mounted() {
|
||||
this.setTheme(this.getTheme)
|
||||
//实现对字符码的截获,keypress中屏蔽了这些功能按键
|
||||
document.onkeypress = this.banBackSpace
|
||||
@@ -195,7 +266,9 @@ export default {
|
||||
this.$store.dispatch('syncStorageData')
|
||||
|
||||
const currentPage = this.$route.name
|
||||
if (currentPage === 'Login') {return}
|
||||
if (currentPage === 'Login') {
|
||||
return
|
||||
}
|
||||
this.currentMinute = 3
|
||||
this.loading && this.loading.close()
|
||||
this.loading = this.$loading({
|
||||
@@ -285,35 +358,45 @@ export default {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-y: hidden;
|
||||
background-color: #F0F2F5;
|
||||
//background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
& > div{
|
||||
font-family: MicrosoftYaHei, 微软雅黑;
|
||||
|
||||
& > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
.content-box {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
.el-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sub-container {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.container-box {
|
||||
position: relative;
|
||||
height: calc(~'100% - 65px');
|
||||
height: calc(~'100% - 10px');
|
||||
//flex: 1;
|
||||
background: #F4F4F4;
|
||||
overflow-y: auto;
|
||||
padding: 10px 0 10px 0;
|
||||
//padding: 10px 10px 0;
|
||||
|
||||
.pagination {
|
||||
border-top: 1px solid #f4f4f4;
|
||||
width: calc(~'100% - 20px');
|
||||
@@ -322,7 +405,8 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.el-menu--vertical {
|
||||
|
||||
/deep/ .el-menu--vertical {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
|
||||
+110
-11
@@ -138,7 +138,7 @@ export function CgfyDetail(data) {
|
||||
export function CgfysEdit (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-cgfy/modCgfy',
|
||||
method: 'get',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
@@ -146,15 +146,7 @@ export function CgfysEdit (data) {
|
||||
export function CgfysAdd (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-cgfy/addCgfy',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 单条删除
|
||||
export function CgfysDelOne (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-cgfy/delCgfy',
|
||||
method: 'get',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
@@ -162,8 +154,115 @@ export function CgfysDelOne (data) {
|
||||
export function CgfysDelMore (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-cgfy/delCgfys',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 翻译费用信息统计 */
|
||||
// 查询
|
||||
export function fyQuery (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-fyfy/queryAllFyfys',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
// 查看
|
||||
export function fyDetail (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-fyfy/getFyfyById',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 编辑
|
||||
export function fyEdit (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-fyfy/modFyfy',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 新增
|
||||
export function fyAdd (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-fyfy/addFyfy',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 删除
|
||||
// 查看
|
||||
export function fyDel (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-fyfy/delFyfys',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 资金收支统计(收入) */
|
||||
// 查询
|
||||
export function inComeQuery (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-srb/queryAllSrbs',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 编辑
|
||||
export function inComeEdit (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-srb/modSrb',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 新增
|
||||
export function inComeAdd (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-srb/addSrb',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 删除
|
||||
export function inComeDel (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-srb/delSrbs',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
/** 资金收支统计(支出) */
|
||||
// 查询
|
||||
export function exportQuery (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-zcb/queryAllZcbs',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 编辑
|
||||
export function exportEdit (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-zcb/modZcb',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 新增
|
||||
export function exportAdd (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-zcb/addZcb',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 删除
|
||||
export function exportDel (data) {
|
||||
return axios({
|
||||
url: 'api/wgdCensusLeo/wgd-zcb/delZcbs',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
@@ -389,3 +389,8 @@
|
||||
.clearfix{
|
||||
*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/
|
||||
}
|
||||
.el-button--primary {
|
||||
background-color: #4788c0 ;
|
||||
border-color: #3986c9
|
||||
}
|
||||
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<!--左侧导航菜单 liuyan -->
|
||||
<template>
|
||||
<div class="nav-menu v-class" :class="{'is-collapse': isCollapse}">
|
||||
<div class="nav-menu-header" style="height: 65px; background-color: #0068B7;">
|
||||
<!-- <div class="nav-menu-header" style="height: 65px; background-color: #4788c0;">
|
||||
<div class="header-left">
|
||||
<div class="logo">
|
||||
<img :src="logo" height="58" width="149" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<!-- <div class="toggle-btn el-icon-s-fold" v-if="isCollapse === false" style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">-->
|
||||
<!-- <div style="font-size: 14px; line-height: 30px;">{{ this.isCollapse ? '' : '' }}</div><i class=""></i></div>-->
|
||||
<!-- <div class="toggle-btn el-icon-s-unfold" v-else style="margin: 10px 0; display: flex;justify-content: center; font-size: 30px; color: #333333;" @click="handleToggleSideBar">-->
|
||||
@@ -16,7 +16,7 @@
|
||||
<el-menu
|
||||
unique-opened
|
||||
:default-active="defaultActive"
|
||||
background-color="#0068B7"
|
||||
background-color="#4788c0"
|
||||
text-color="#fff"
|
||||
active-text-color="#000"
|
||||
router
|
||||
@@ -40,6 +40,7 @@
|
||||
v-for="(children, childrenIndex) in item.children"
|
||||
:key="childrenIndex"
|
||||
:index="children.path"
|
||||
style="text-align: center;"
|
||||
v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
|
||||
>
|
||||
<el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
|
||||
@@ -69,8 +70,8 @@
|
||||
</div>
|
||||
<div class="tree-collapse" @click="handleToggleSideBar" :class="{ 'tree-close': isCollapse }">
|
||||
<!--切换折叠样式-->
|
||||
<i class="el-icon-arrow-left" style="font-weight: 600; font-size: 16px;" v-if="isCollapse === false"></i>
|
||||
<i class="el-icon-arrow-right" style="font-weight: 600; font-size: 16px;" v-if="isCollapse === true"></i>
|
||||
<i class="el-icon-arrow-left" style="font-weight: 600; font-size: 16px;margin-top: 300px;" v-if="isCollapse === false"></i>
|
||||
<i class="el-icon-arrow-right" style="font-weight: 600; font-size: 16px;margin-top: 300px;" v-if="isCollapse === true"></i>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -116,7 +117,7 @@ export default {
|
||||
// menuId: 'ad9db496772c075f78495382b7581fe9'
|
||||
// },
|
||||
{
|
||||
title: '标准法规工作组数据统计',
|
||||
title: '工作组数据统计',
|
||||
path: '/dataStatisComments',
|
||||
menuId: ''
|
||||
},
|
||||
@@ -517,35 +518,31 @@ export default {
|
||||
}
|
||||
.el-menu--collapse {
|
||||
.is-active {
|
||||
background-color: #fff !important;
|
||||
background-color: #697178 !important;
|
||||
.shangqi-icon {
|
||||
color: #0068B7 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
color: #0068B7 !important;
|
||||
color: #697178 !important;
|
||||
}
|
||||
}
|
||||
.nav-menu {
|
||||
width: 58px;
|
||||
height: 100%;
|
||||
height: 90%;
|
||||
overflow-y: auto;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
background: rgb(255, 255, 255);
|
||||
position: absolute;
|
||||
background: #697178;
|
||||
background-size: 100% 100%;
|
||||
/deep/.el-tooltip {
|
||||
padding: 0px 16px !important;
|
||||
}
|
||||
.left-tree {
|
||||
height: calc(~'100% - 115px');
|
||||
overflow-y: auto;
|
||||
}
|
||||
.left-tree::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
&:not(.is-collapse) {
|
||||
width: 180px;
|
||||
background: #0068B7;
|
||||
width: 200px;
|
||||
background: #697178;
|
||||
background-size: 100% 100%;
|
||||
.logo {
|
||||
padding: 10px;
|
||||
@@ -558,18 +555,18 @@ export default {
|
||||
}
|
||||
}
|
||||
.tree-collapse{
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 65px;
|
||||
display: flex;
|
||||
top: 0px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 15px;
|
||||
height: calc(100% - 65px);
|
||||
min-height: 140%;
|
||||
background: #EEE;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
background-color: #3391CE;
|
||||
background-color: #f0f2f5;
|
||||
}
|
||||
}
|
||||
.logo{
|
||||
@@ -584,8 +581,8 @@ export default {
|
||||
/*background:url("../../assets/images/shangqi/home/logo3.png");*/
|
||||
}
|
||||
/deep/:not(.is-collapse) .el-menu-item.is-active{
|
||||
background: #fff !important;
|
||||
color: #0068B7 !important;
|
||||
background: #4788c0 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
.has-no-read{
|
||||
@@ -608,7 +605,7 @@ export default {
|
||||
/* }*/
|
||||
/*}*/
|
||||
.is-active /deep/.shangqi-icon {
|
||||
color: #0068B7;
|
||||
color: #fff;
|
||||
}
|
||||
/deep/.el-submenu__title i {
|
||||
color: #fff;
|
||||
@@ -617,7 +614,7 @@ export default {
|
||||
color: #fff;
|
||||
}
|
||||
.nav-menu{
|
||||
background-color: #0068B7;
|
||||
background-color: #697178;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none; /* IE 10+ */
|
||||
}
|
||||
@@ -629,19 +626,19 @@ export default {
|
||||
}
|
||||
.nav-menu-popper .el-menu .el-menu-item.is-active {
|
||||
background-color: #fff !important;
|
||||
color: #0068B7 !important;
|
||||
color: #4788c0 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
.nav-menu-popper .el-menu .el-menu-item:hover {
|
||||
background-color: #fff !important;
|
||||
color: #0068B7 !important;
|
||||
background-color: #697178 !important;
|
||||
color: #fff !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.el-menu-item {
|
||||
padding: 0 16px !important;
|
||||
span {
|
||||
margin-left: 5px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.shangqi-icon {
|
||||
display: inline-block;
|
||||
@@ -671,6 +668,9 @@ export default {
|
||||
}
|
||||
}
|
||||
.el-submenu {
|
||||
.is-opened {
|
||||
background-color: red;
|
||||
}
|
||||
/deep/.el-submenu__title {
|
||||
padding: 0 16px !important;
|
||||
span {
|
||||
|
||||
@@ -1,8 +1,12 @@
|
||||
<template>
|
||||
<div @click="toPage">
|
||||
<div>
|
||||
<div v-if="label">
|
||||
<span class="card-font">{{ label }}</span>
|
||||
<div v-if="label" class="icon-style">
|
||||
<span v-for="item in icons" v-if="item.label === label" :class="item.icon">
|
||||
<span style="padding-left: 10px">
|
||||
{{ label }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="labelNull">
|
||||
@@ -17,7 +21,43 @@
|
||||
export default {
|
||||
name: 'EnterCard',
|
||||
props: ['icon', 'label', 'path'],
|
||||
data () {
|
||||
return {
|
||||
icons: [],
|
||||
iconList: ['el-icon-help','el-icon-s-order',
|
||||
'el-icon-document-remove','el-icon-document-checked',
|
||||
'el-icon-folder','el-icon-notebook-2',
|
||||
'el-icon-bangzhu','el-icon-reading'],
|
||||
iconInfo: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData (){
|
||||
this.$http.get('/sarPersonalCenter/sar-user-personal-menu/getList',
|
||||
{
|
||||
userId: this.$store.getters.userInfo.userId
|
||||
}, {_this: this}, res => {
|
||||
if (res.ok) {
|
||||
res.data.records.forEach(item => {
|
||||
this.icons.push({
|
||||
label: item.menuName,
|
||||
icon: ''
|
||||
})
|
||||
})
|
||||
}
|
||||
this.icons.forEach((item,index)=>{
|
||||
if (index > this.iconList.length) {
|
||||
let i = index % this.iconList.length
|
||||
item.icon = this.iconList[i]
|
||||
} else {
|
||||
item.icon = this.iconList[index]
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
toPage() {
|
||||
this.$router.push(this.path)
|
||||
}
|
||||
@@ -40,13 +80,14 @@
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background-color: #99BEDB;
|
||||
color: #fff;
|
||||
background-color: #4788c0;
|
||||
}
|
||||
}
|
||||
.wx-card:hover {
|
||||
& > div {
|
||||
color: #fff;
|
||||
background-color: #0068B7;
|
||||
background-color: #3a8ee6;
|
||||
}
|
||||
}
|
||||
.wx-card1 {
|
||||
|
||||
@@ -1,13 +1,91 @@
|
||||
<!-- 尾部链接 -->
|
||||
<template>
|
||||
<div class="link" id="link">
|
||||
<!-- 此部分暂时这样写,到后面做修改 -->
|
||||
<div style="display: inline-block;width: 15%;">
|
||||
<span class="title borderRight">友情链接</span>
|
||||
</div>
|
||||
<div style="display: inline-block;width: 80%;text-align: center">
|
||||
<div>
|
||||
<span class="title borderRight">友情链接</span>
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="http://www.sac.gov.cn/">国标委</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="http://www.catarc.org.cn/">汽标委</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="http://openstd.samr.gov.cn/bzgk/gb/index">国标全文公开</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="http://std.samr.gov.cn/">全国标准信息公共服务</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="http://jtst.mot.gov.cn/">交通部标准信息</a>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="https://www.un.org/zh/aboutun/structure/unece/">欧洲经济委员会</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="https://eur-lex.europa.eu">欧盟</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="https://www.interregs.com/">InterRegs </a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="https://tbt.sist.org.cn/cslm/wtotbttb/">WTO/TBT通报</a>
|
||||
</el-col>
|
||||
<el-col :span="1">
|
||||
<span class="borderMiddle"></span>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<a style="color: #0068B7;" href="https://www.iso.org/home.html">ISO</a>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: inline-block;width: 15%;">
|
||||
<span class="borderLeft"></span>
|
||||
<span class="myLi1" @click="$router.push('linkManage')">更多链接 ⋙</span></div>
|
||||
|
||||
|
||||
<!-- <div>
|
||||
<span class="myLi1 borderRight" v-for="(link, index) in linkList" :key="index" @click="openLinkUrl(link.url)" :title="link.name" >
|
||||
{{ link.name }}
|
||||
</span>
|
||||
<span class="myLi1" @click="$router.push('linkManage')">更多链接 ⋙</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="false">
|
||||
<span class="myLi1 borderRight" v-for="(link, index) in linkList" :key="index" @click="openLinkUrl(link.url)" :title="link.name" >
|
||||
{{ link.name }}
|
||||
</span>
|
||||
<span class="myLi1" @click="$router.push('linkManage')">更多链接 ⋙</span>
|
||||
</div>-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -70,6 +148,7 @@
|
||||
}
|
||||
let list
|
||||
list = res.data.slice(0, c)
|
||||
console.log(list)
|
||||
this.linkList = list
|
||||
})
|
||||
}
|
||||
@@ -85,16 +164,25 @@
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
|
||||
.borderRight {
|
||||
padding-right: 30px;
|
||||
margin-right: 30px;
|
||||
//padding-right: 50px;
|
||||
//margin-right: 50px;
|
||||
border-right: 2px dotted #aaa;
|
||||
}
|
||||
.borderLeft {
|
||||
margin-right: 50px;
|
||||
//padding-left: 50px;
|
||||
//margin-left: 50px;
|
||||
border-left: 2px dotted #aaa;
|
||||
}
|
||||
.borderMiddle {
|
||||
border-left: 2px dotted #aaa;
|
||||
}
|
||||
.title {
|
||||
padding-right: 50px;
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
padding-left: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
.myLi1 {
|
||||
|
||||
@@ -105,7 +105,7 @@ export default {
|
||||
width: 18vm;
|
||||
height: 40px;
|
||||
color: #333333;
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
@@ -1289,10 +1289,10 @@ export default {
|
||||
}
|
||||
.more {
|
||||
float: right;
|
||||
color: #5ea9f6;
|
||||
color: #4788c0;
|
||||
margin: 15px 15px;
|
||||
&:hover {
|
||||
color: #5ea9f6;
|
||||
color: #3a8ee6;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,10 +28,10 @@
|
||||
<todo-list></todo-list>
|
||||
</div>
|
||||
</div>
|
||||
<div calss="home_footer">
|
||||
<div class="footer">
|
||||
<div calss="home_footer" style="padding: 0">
|
||||
<el-card class="footer">
|
||||
<Empennage></Empennage>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -182,9 +182,12 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.el-card__body {
|
||||
padding: 0;
|
||||
}
|
||||
.footer {
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
height: 90px;
|
||||
line-height: 44px;
|
||||
//margin-top: 0.3vh;
|
||||
//line-height: 5.2vh;
|
||||
background: #FFFFFF;
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
</div>
|
||||
<div class="content_text">
|
||||
<span>会议附件 :
|
||||
<span v-if="item.files.length === '0'">{{ '-' }}</span>
|
||||
<span v-if="item.files.length === 0">{{ '-' }}</span>
|
||||
<span v-for="res in item.files" :key="res.id" style="color: #409EFF;" @click="previews(res.id)">
|
||||
{{ res.name }} {{ ';'}}
|
||||
</span>
|
||||
|
||||
@@ -186,6 +186,7 @@
|
||||
v-model="uploadFilesdfEo.standNumber"
|
||||
:placeholder="$t('m.pleaseEnterTheStandardNumberAndPolicyNumber')"
|
||||
></el-input>
|
||||
<el-button type="primary" size="mini" @click="handleSelect">手动查找</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="标准名称/政策名称"
|
||||
@@ -226,6 +227,487 @@
|
||||
<!--<el-button @click="uploadSave" type="primary">转换</Button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-drawer
|
||||
title="查询结果"
|
||||
:wrapperClosable="false"
|
||||
:visible.sync="selectModal"
|
||||
size="1250px"
|
||||
:styles="styles"
|
||||
:close="cancelSelectModel">
|
||||
<div class="demo-drawer-content">
|
||||
<el-form
|
||||
class="label-input-form"
|
||||
style="margin-top: 15px;"
|
||||
label-width="130px"
|
||||
:modal="handleSelectForm"
|
||||
:inline="true"
|
||||
>
|
||||
<el-form-item label="标准/政策来源" class="search-item">
|
||||
<el-select
|
||||
v-model="handleSelectForm.dataSource"
|
||||
@change="dataSourceChange"
|
||||
:popper-append-to-body="false"
|
||||
placeholder="请选择标准/政策来源">
|
||||
<el-option value="INLAND" label="国内标准库"></el-option>
|
||||
<el-option value="FOREIGN" label="海外标准库"></el-option>
|
||||
<el-option value="FOREIGN_LAWS" label="国内外政策库"></el-option>
|
||||
<el-option value="BUSINESS_STAND" label="企业标准库"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准编号/政策编号" class="search-item">
|
||||
<el-input
|
||||
v-model="handleSelectForm.lawNumber"
|
||||
@change="lawNumberSearch"
|
||||
placeholder="根据标准编号/政策编号查找"
|
||||
clearable
|
||||
:maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称/政策名称" class="search-item">
|
||||
<el-input
|
||||
v-model="handleSelectForm.lawName"
|
||||
@change="lawNameSearch"
|
||||
placeholder="根据标准名称/政策名称查找"
|
||||
clearable
|
||||
:maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
icon="el-icon-search"
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
round
|
||||
@click="searchLawBtn">
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
icon="el-icon-refresh-left"
|
||||
round
|
||||
type="default"
|
||||
@click="clearLawBtn"></el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<loading :loading="lawInfoTableLoading">数据获取中</loading>
|
||||
<el-table
|
||||
ref="selections"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;overflow-y: auto;overflow-x: hidden;"
|
||||
border
|
||||
:loading="lawInfoTableLoading"
|
||||
:data="lawInfoTable"
|
||||
:height="300"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectTableChange"
|
||||
>
|
||||
|
||||
<el-table-column
|
||||
fixed="left"
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
|
||||
<div v-if="handleSelectForm.dataSource === 'INLAND'">
|
||||
<el-table-column
|
||||
label="标准号"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
|
||||
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
|
||||
scope.row.standNumber
|
||||
}}-{{ scope.row.standYear }}</a>
|
||||
<a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
|
||||
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
|
||||
scope.row.standNumber
|
||||
}}-{{ scope.row.standYear }}</a>
|
||||
<a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
|
||||
{{ scope.row.standSortShow }}
|
||||
{{ scope.row.standNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
|
||||
<a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
sortable="custom"
|
||||
width="120"
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ formatIssueDate(scope.row.issueTime) }}</span>
|
||||
<span v-else>{{ formatIssueDate(scope.row.issueTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="SSRQ"
|
||||
sortable="custom"
|
||||
width="120"
|
||||
label="实施日期">
|
||||
<template slot-scope="scope">
|
||||
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
|
||||
<span v-else>{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="XCXSSRQ"
|
||||
sortable="custom"
|
||||
width="150"
|
||||
label="新车型实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
|
||||
<span v-else>{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ZCCSSRQ"
|
||||
sortable="custom"
|
||||
width="150"
|
||||
label="在产车实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
|
||||
<span v-else>{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="textStatus"
|
||||
sortable="custom"
|
||||
width="110"
|
||||
label="文本状态">
|
||||
<!-- <template slot="header" slot-scope="scope">-->
|
||||
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
|
||||
<!-- <span>文本状态<i class="el-icon-warning-outline"></i></span>-->
|
||||
<!-- </el-tooltip>-->
|
||||
<!-- </template>-->
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
textStatusMap[scope.row.textStatus]
|
||||
}}</span>
|
||||
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</div>
|
||||
<div v-if="handleSelectForm.dataSource === 'FOREIGN'">
|
||||
<el-table-column
|
||||
label="标准号"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
|
||||
scope.row.standSortShow
|
||||
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
|
||||
<a v-else-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
|
||||
scope.row.standSortShow
|
||||
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
|
||||
<a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
|
||||
scope.row.standSortShow
|
||||
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
|
||||
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
scope.row.standSortShow
|
||||
}}
|
||||
{{ scope.row.standNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
scope.row.standName
|
||||
}}</a>
|
||||
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
scope.row.standName
|
||||
}}</a>
|
||||
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
scope.row.standName
|
||||
}}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
sortable="custom"
|
||||
width="120"
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
|
||||
{{ formatIssueDate(scope.row.issueTime) }}
|
||||
</div>
|
||||
<div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
|
||||
{{ formatIssueDate(scope.row.issueTime) }}
|
||||
</div>
|
||||
<div v-else style="color: #333333">
|
||||
{{ formatIssueDate(scope.row.issueTime) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="SSRQ"
|
||||
sortable="custom"
|
||||
width="120"
|
||||
label="实施日期">
|
||||
<template slot-scope="scope">
|
||||
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
|
||||
scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else style="color: #333333">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="XCXSSRQ"
|
||||
sortable="custom"
|
||||
width="150"
|
||||
label="新车型实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
|
||||
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else style="color: #333333">{{
|
||||
scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ZCCSSRQ"
|
||||
sortable="custom"
|
||||
width="150"
|
||||
label="在产车实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
|
||||
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
<span v-else style="color: #333333">{{
|
||||
scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-'
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="textStatus"
|
||||
sortable="custom"
|
||||
width="110"
|
||||
label="文本状态">
|
||||
<!-- <template slot="header" slot-scope="scope">-->
|
||||
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
|
||||
<!-- <span>文本状态 <i class="el-icon-warning-outline"></i></span>-->
|
||||
<!-- </el-tooltip>-->
|
||||
<!-- </template>-->
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
textStatusMap[scope.row.textStatus]
|
||||
}}</span>
|
||||
<span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
|
||||
textStatusMap[scope.row.textStatus]
|
||||
}}</span>
|
||||
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</div>
|
||||
<div v-if="handleSelectForm.dataSource === 'FOREIGN_LAWS'">
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="政策编号"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="lawsName"
|
||||
label="中文名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="lawsEnName"
|
||||
label="英文名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
label="发文日期"
|
||||
sortable
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="XCXSSRQLAWS"
|
||||
label="新车实施日期"
|
||||
sortable
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.XCXSSRQLAWS ? scope.row.XCXSSRQLAWS.slice(0, 10) : ''}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
prop="standStatusShow"
|
||||
label="文本状态"
|
||||
width="110"
|
||||
>
|
||||
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</div>
|
||||
<div v-if="handleSelectForm.dataSource === 'BUSINESS_STAND'">
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="企标编号"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="中文名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="standEnName"
|
||||
label="英文名称"
|
||||
min-width="300"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
|
||||
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
|
||||
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
label="发布日期"
|
||||
sortable
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="putTime"
|
||||
label="实施日期"
|
||||
sortable
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
prop="standStatusShow"
|
||||
label="文本状态"
|
||||
width="110"
|
||||
>
|
||||
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
|
||||
{{scope.row.standStatusShow}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</div>
|
||||
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<pagination
|
||||
v-show="this.lawInfoTableLoading === false"
|
||||
style="position: relative;"
|
||||
:page="handleSelectForm.page"
|
||||
:total="handleSelectForm.total"
|
||||
@pageChange="handleSelectPageChange"
|
||||
@pageSizeChange="handleSelectPageSizeChange"></pagination>
|
||||
<div slot="footer" class="demo-drawer-footer">
|
||||
<el-button class="common-button-default" round icon="el-icon-close" @click="selectModal = false">取消</el-button>
|
||||
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -235,6 +717,34 @@ export default {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
textStatusMap: {}, // 文本状态id与name对应
|
||||
lawInfoTable:[],
|
||||
lawInfoTableLoading: true,
|
||||
//手动查找的模态框
|
||||
selectModal: false,
|
||||
styles: {
|
||||
height: 'calc(100% - 55px)',
|
||||
overflow: 'auto',
|
||||
paddingBottom: '53px',
|
||||
position: 'static'
|
||||
},
|
||||
handleSelectForm: {
|
||||
standName: '', //标准名称
|
||||
numberName: '', //政策名称
|
||||
lawsNumber: '', //政策编号
|
||||
standNumber: '', //标准编号
|
||||
standCode: '', //企标编号
|
||||
dataSource: 'INLAND',
|
||||
lawNumber: '', // 标准编号/政策编号
|
||||
lawName: '', // 标准名称/政策名称
|
||||
page: 1,
|
||||
pageSize: this.$store.getters.userInfo.configContent,
|
||||
total: 0,
|
||||
standType: '',
|
||||
quoteIdList: '',
|
||||
validFlag: '0',
|
||||
menuId: 'nomenu'
|
||||
},
|
||||
tableHeight: null,
|
||||
loading: false,
|
||||
uploadModal: false,
|
||||
@@ -468,6 +978,242 @@ export default {
|
||||
props: {},
|
||||
watch: {},
|
||||
methods: {
|
||||
// 将文本状态的id与name对应
|
||||
setMap(data) {
|
||||
data.forEach(item => {
|
||||
this.$set(this.textStatusMap, item.value, item.label)
|
||||
})
|
||||
},
|
||||
//手动查找的确定按钮
|
||||
handleSelectConfirm(){
|
||||
if (this.handleSelectTableList.length>1){
|
||||
this.$message.warning('只能选择一条数据')
|
||||
}else if (this.handleSelectTableList.length===0){
|
||||
this.$message.warning('请选择一条数据')
|
||||
}
|
||||
else {
|
||||
console.log('619',this.handleSelectForm.dataSource)
|
||||
// this.attributeEO.dataSource = this.handleSelectForm.dataSource
|
||||
// this.attributeEO.lawId = this.handleSelectTableList[0].id
|
||||
this.uploadFilesdfEo.standNumber =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
|
||||
this.uploadFilesdfEo.standName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
|
||||
//文本状态,下次一定
|
||||
// this.uploadFilesdfEo.fileType = this.handleSelectTableList[0].textStatus || this.handleSelectTableList[0].standStatusShow
|
||||
this.selectModal = false
|
||||
}
|
||||
console.log('确定',this.handleSelectTableList)
|
||||
},
|
||||
handleSelectPageChange(page){
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectForm.page = page
|
||||
console.log(this.handleSelectForm.page)
|
||||
this.searchLawBtn()
|
||||
},
|
||||
handleSelectPageSizeChange(pageSize){
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectForm.pageSize = pageSize
|
||||
console.log(this.handleSelectForm.pageSize)
|
||||
this.searchLawBtn()
|
||||
},
|
||||
formatIssueDate(str) {
|
||||
const momentDate = this.$moment(str)
|
||||
if (momentDate.isValid()) {
|
||||
return this.$moment(str).format('YYYY-MM-DD')
|
||||
} else {
|
||||
return str
|
||||
}
|
||||
},
|
||||
// 点击查看
|
||||
handlePreview(item) {
|
||||
console.log('539',item)
|
||||
if (item.standType === "INLAND"){
|
||||
let routeUrlINLAND = this.$router.resolve({
|
||||
name: 'OtherStandardDetails',
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: 'INLAND_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrlINLAND.href, '_blank')
|
||||
}else if (item.standType === "FOREIGN"){
|
||||
let routeUrlFOREIGN = this.$router.resolve({
|
||||
name: 'OtherStandardDetails',
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: 'FOREIGN_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrlFOREIGN.href, '_blank')
|
||||
} else if (item.country !== undefined){
|
||||
let routeUrlLAWS = this.$router.resolve({
|
||||
name: 'OtherLawsStandDetails',
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: 'LAWS_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrlLAWS.href, '_blank')
|
||||
}else {
|
||||
let routeUrlBUSINESS = this.$router.resolve({
|
||||
name: 'OtherBussStandardDetails',
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: 'BUSINESS_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrlBUSINESS.href, '_blank')
|
||||
}
|
||||
|
||||
},
|
||||
// 手动查找 table选择事件
|
||||
handleSelectTableChange (row) {
|
||||
this.handleSelectTableList = row
|
||||
console.log('我选的',this.handleSelectTableList)
|
||||
},
|
||||
//手动查找的清空按钮
|
||||
clearLawBtn(){
|
||||
this.lawInfoTableLoading = true
|
||||
//清空的时候还是不要把人家选的数据源清空吧
|
||||
// this.handleSelectForm.dataSource = ''
|
||||
//清空标准编号/政策编号的查询
|
||||
this.handleSelectForm.lawNumber = ''
|
||||
this.handleSelectForm.standNumber = ''
|
||||
this.handleSelectForm.lawsNumber = ''
|
||||
this.handleSelectForm.standCode = ''
|
||||
//清空标准名称/政策名称的查询
|
||||
this.handleSelectForm.lawName = ''
|
||||
this.handleSelectForm.standName = ''
|
||||
this.handleSelectForm.numberName = ''
|
||||
this.searchLawBtn()
|
||||
},
|
||||
//手动查找的查询按钮
|
||||
searchLawBtn(){
|
||||
this.lawInfoTableLoading = true
|
||||
console.log('533',this.handleSelectForm.dataSource)
|
||||
if (this.handleSelectForm.dataSource === 'INLAND'){
|
||||
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
|
||||
_this: this
|
||||
},res=>{
|
||||
console.log('国内标准库数据',res)
|
||||
if (res.ok){
|
||||
this.lawInfoTable = res.data.list
|
||||
this.handleSelectForm.total = res.data.count
|
||||
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectPageChange(1)
|
||||
}else {
|
||||
this.lawInfoTableLoading = false
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
}else {
|
||||
this.$message.error(res.message)
|
||||
}
|
||||
},e=>{
|
||||
this.lawInfoTable = []
|
||||
this.handleSelectForm.total = 0
|
||||
})
|
||||
console.log('国内标准库')
|
||||
}else if(this.handleSelectForm.dataSource === 'FOREIGN'){
|
||||
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
|
||||
_this: this
|
||||
},res=>{
|
||||
console.log('海外标准库数据',res)
|
||||
if (res.ok){
|
||||
this.lawInfoTable = res.data.list
|
||||
this.handleSelectForm.total = res.data.count
|
||||
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectPageChange(1)
|
||||
}else {
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
}else {
|
||||
this.$message.error(res.message)
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
},e=>{
|
||||
this.lawInfoTable = []
|
||||
this.handleSelectForm.total = 0
|
||||
})
|
||||
console.log('海外标准库')
|
||||
}else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){
|
||||
this.$http.get('lawss/sarLawsInfo/page',this.handleSelectForm,{
|
||||
_this: this
|
||||
},res=>{
|
||||
console.log('国内外政策库数据',res)
|
||||
if (res.ok){
|
||||
this.lawInfoTable = res.data.list
|
||||
this.handleSelectForm.total = res.data.count
|
||||
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectPageChange(1)
|
||||
}else {
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
}else {
|
||||
this.$message.error(res.message)
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
},e=>{
|
||||
this.lawInfoTable = []
|
||||
this.handleSelectForm.total = 0
|
||||
})
|
||||
console.log('国内外政策库')
|
||||
}else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
|
||||
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage',this.handleSelectForm,{
|
||||
_this: this
|
||||
},res=>{
|
||||
console.log('企业标准库数据',res)
|
||||
if (res.ok){
|
||||
this.lawInfoTable = res.data.list
|
||||
this.handleSelectForm.total = res.data.count
|
||||
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectPageChange(1)
|
||||
}else {
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
}else {
|
||||
this.$message.error(res.message)
|
||||
this.lawInfoTableLoading = false
|
||||
}
|
||||
},e=>{
|
||||
this.lawInfoTable = []
|
||||
this.handleSelectForm.total = 0
|
||||
})
|
||||
console.log('企业标准库')
|
||||
}else {
|
||||
this.$message.warning('请先选择标准/政策来源')
|
||||
}
|
||||
},
|
||||
//根据标准编号/政策编号查询
|
||||
lawNumberSearch() {
|
||||
this.handleSelectForm.standNumber = this.handleSelectForm.lawNumber
|
||||
this.handleSelectForm.lawsNumber = this.handleSelectForm.lawNumber
|
||||
this.handleSelectForm.standCode = this.handleSelectForm.lawNumber
|
||||
},
|
||||
//根据标准名称/政策名称查询
|
||||
lawNameSearch() {
|
||||
this.handleSelectForm.standName = this.handleSelectForm.lawName
|
||||
this.handleSelectForm.numberName = this.handleSelectForm.lawName
|
||||
},
|
||||
dataSourceChange() {
|
||||
this.handleSelectForm.page = 1
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectForm.standType = this.handleSelectForm.dataSource
|
||||
this.searchLawBtn()
|
||||
},
|
||||
cancelSelectModel () {
|
||||
this.selectModal = false
|
||||
},
|
||||
//点击手动查找按钮
|
||||
handleSelect() {
|
||||
this.selectModal = true
|
||||
this.lawInfoTableLoading = true
|
||||
this.handleSelectForm.standType = this.handleSelectForm.dataSource
|
||||
this.clearLawBtn()
|
||||
this.searchLawBtn()
|
||||
},
|
||||
handleCommand(command) {
|
||||
switch (command[1]) {
|
||||
case "获取文件":
|
||||
|
||||
@@ -14,12 +14,12 @@
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||
<el-button type="primary" size="small" @click="queryData">查询</el-button>
|
||||
<el-button type="" size="small" onclick="">清空</el-button>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<div style="float: left">
|
||||
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dataAdd">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||
@@ -61,7 +61,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="payMoney"
|
||||
prop="money"
|
||||
label="支出金额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -71,8 +71,16 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="detailAnnex"
|
||||
prop="annex"
|
||||
show-overflow-tooltip
|
||||
label="详细附件">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.annex.length === 0">{{ '-' }}</span>
|
||||
<span v-for="res in scope.row.annex" :key="res.id" style="color: #409EFF;">
|
||||
{{ res.name }} {{ ';'}}
|
||||
</span>
|
||||
<!--<el-button size="mini" type="primary" @click="fileDetail(scope.row)"></el-button>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
@@ -111,26 +119,53 @@
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="支出金额">
|
||||
<el-input v-model="formShowData.payMoney" type="text" placeholder="请填写"></el-input>
|
||||
<el-input v-model="formShowData.money" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用途">
|
||||
<el-input v-model="formShowData.use" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="详细附件">
|
||||
<el-input v-model="formShowData.detailAnnex" type="text">
|
||||
<el-input v-model="formShowData.annex" type="text">
|
||||
</el-input>
|
||||
<el-upload
|
||||
:disabled="acceptShow"
|
||||
multiple
|
||||
ref="uploadFile"
|
||||
:action="actionPath"
|
||||
name="file"
|
||||
:file-list="annexList"
|
||||
accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
|
||||
:before-upload="handleBeforeUpload"
|
||||
:before-remove="handleBeforeRemove"
|
||||
:on-success="handleOnsuccess"
|
||||
>
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||
<el-button size="small" @click="drawerTable = false">取消</el-button>
|
||||
<el-button size="small" type="primary" :loading="submitLoading" @click="submit()">提交</el-button>
|
||||
</div>
|
||||
|
||||
</el-drawer>
|
||||
|
||||
<el-dialog
|
||||
:visible.sync="annexDialog"
|
||||
width="30%"
|
||||
:before-close="handleClose">
|
||||
<el-upload
|
||||
:action="''"
|
||||
name="file"
|
||||
:file-list="annexList"
|
||||
:on-preview="handleOnPreview"
|
||||
>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
|
||||
<!-- <div>
|
||||
<!– 导入弹框 –>
|
||||
<el-dialog
|
||||
@@ -149,6 +184,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { exportQuery, exportEdit, exportAdd, exportDel } from '@/api/statisticsApi'
|
||||
export default {
|
||||
name: "child2",
|
||||
data() {
|
||||
@@ -166,15 +202,24 @@ export default {
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
formShowData: {
|
||||
id: '',
|
||||
name: '',
|
||||
payMoney: '',
|
||||
money: '',
|
||||
use: '',
|
||||
detailAnnex: ''
|
||||
annex: ''
|
||||
},
|
||||
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {},
|
||||
submitLoading: false,
|
||||
|
||||
// 上传路径
|
||||
actionPath: 'api/att/attFile/upload',
|
||||
acceptShow: false,
|
||||
annexDialog: false,
|
||||
annexList: [],
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
@@ -183,14 +228,102 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
getTableData() {
|
||||
exportQuery(this.formQuery).then(res=>{
|
||||
this.tableData = res.data.list
|
||||
this.tableTotal = res.data.count
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
//新增方法
|
||||
dataAdd() {
|
||||
this.drawerTitle = '新增'
|
||||
this.formShowData = {}
|
||||
this.drawerTable = true
|
||||
},
|
||||
// 查询按钮
|
||||
queryData() {
|
||||
this.getTableData()
|
||||
},
|
||||
//清空
|
||||
resetForm() {
|
||||
this.formQuery = {}
|
||||
this.getTableData()
|
||||
},
|
||||
// 提交按钮
|
||||
submit() {
|
||||
this.$refs['formShowData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
if (this.drawerTitle === '新增') {
|
||||
exportAdd(this.formShowData).then(res=>{
|
||||
if (res.ok) {
|
||||
this.$message.success('新增成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('新增失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
}, e => {
|
||||
})
|
||||
} else {
|
||||
exportEdit(this.formShowData).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('编辑成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('编辑失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
},e => {
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//删除方法
|
||||
deleteDetail() {
|
||||
if (this.multipleSelection.length > 0) {
|
||||
let msgIds = []
|
||||
for (let i = 0; i < this.multipleSelection.length; i++) {
|
||||
let msgId = this.multipleSelection[i].id
|
||||
msgIds.push(msgId)
|
||||
}
|
||||
let delId = {
|
||||
ids: msgIds.join(',')
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
exportDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = ''
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择一条数据进行删除')
|
||||
}
|
||||
},
|
||||
// 列表更多按钮
|
||||
handleCommand(command) {
|
||||
@@ -199,13 +332,48 @@ export default {
|
||||
this.editRowOne(command[0]);
|
||||
break;
|
||||
case "删除":
|
||||
this.deleteRowOne("delOne", command[0].id);
|
||||
this.deleteRowOne(command[0].id);
|
||||
break;
|
||||
}
|
||||
},
|
||||
editRowOne() {
|
||||
editRowOne(item) {
|
||||
this.drawerTitle = '编辑'
|
||||
this.formShowData = {
|
||||
id: item.id,
|
||||
name: item.name,
|
||||
money: item.money,
|
||||
use: item.use,
|
||||
annex: item.annex
|
||||
}
|
||||
this.drawerTable = true
|
||||
},
|
||||
deleteRowOne() {
|
||||
deleteRowOne(val) {
|
||||
let delId = {
|
||||
ids: val
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
exportDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = []
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
},
|
||||
/** 分页 */
|
||||
pageChange(page) {
|
||||
@@ -216,6 +384,81 @@ export default {
|
||||
this.formQuery.pageSize = pageSize
|
||||
this.getTableData()
|
||||
},
|
||||
/** 附件详情 */
|
||||
fileDetail(val) {
|
||||
this.tableFile = val
|
||||
this.annexList = this.tableFile.annex
|
||||
this.annexDialog = true
|
||||
this.acceptShow = true
|
||||
|
||||
},
|
||||
// 文件上传成功
|
||||
handleOnsuccess(res, file, fileList) {
|
||||
if (res.ok) {
|
||||
if (this.annexList !== undefined) {
|
||||
this.newDataList = this.annexList
|
||||
this.newDataList.push({
|
||||
id: res.data.attId,
|
||||
name: res.data.standName
|
||||
})
|
||||
} else {
|
||||
this.newDataList.push({
|
||||
id: res.data.attId,
|
||||
name: res.data.standName
|
||||
})
|
||||
}
|
||||
|
||||
this.tableFile.annex = this.newDataList
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: 'success'
|
||||
})
|
||||
this.newDataList = []
|
||||
this.fileMadel = false
|
||||
}
|
||||
},
|
||||
// 移除上传的文件
|
||||
handleBeforeRemove(file, fileList) {
|
||||
this.annexList.forEach((item, index) => {
|
||||
if (item.name === file.name || item.id === file.id ) {
|
||||
this.annexList.splice(index,1)
|
||||
}
|
||||
})
|
||||
this.tableFile.annex = this.annexList
|
||||
},
|
||||
// 文件上传限制条件
|
||||
handleBeforeUpload(file) {
|
||||
var filename = file.name
|
||||
var index1 = filename.lastIndexOf('.')
|
||||
var index2 = filename.length
|
||||
var fileSuffix = filename.substring(index1, index2)
|
||||
// const fileSuffix = file.name.split('.')[1] // 后缀名
|
||||
// 判断上传文件格式
|
||||
if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
|
||||
return true
|
||||
} else {
|
||||
this.spinShow = false
|
||||
this.$message.error('文件' + file.name + '格式不正确,请上传ZIP/DOCX或XLS文件')
|
||||
return false
|
||||
}
|
||||
// 判断文件上传大小
|
||||
// eslint-disable-next-line no-unreachable
|
||||
if (file.size / 1024 / 1024 <= 200) {
|
||||
return true
|
||||
} else {
|
||||
this.$message.error('文件' + file.name + '大小不超过200M')
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
// 点击上传的文件进行下载
|
||||
handleOnPreview(file) {
|
||||
let attId = file.id
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -7,18 +7,18 @@
|
||||
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准编号">
|
||||
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准编号"></el-input>
|
||||
<el-input v-model="formQuery.number" size="small" placeholder="请输入标准编号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="补助来源">
|
||||
<el-input v-model="formQuery.source" size="small" placeholder="请输入补助来源"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="">查询</el-button>
|
||||
<el-button type="primary" size="small" @click="queryData">查询</el-button>
|
||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<div style="float: left">
|
||||
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dataAdd">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||
@@ -56,7 +56,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="num"
|
||||
prop="number"
|
||||
label="标准编号">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -66,13 +66,16 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="money"
|
||||
prop="cost"
|
||||
label="补助金额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="time"
|
||||
label="入账时间">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.time ? $moment(scope.row.time).format("YYYY-MM-DD HH:mm:ss") : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
@@ -111,25 +114,30 @@
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准编号">
|
||||
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||
<el-input v-model="formShowData.number" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="补助来源">
|
||||
<el-input v-model="formShowData.source" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="补助金额">
|
||||
<el-input v-model="formShowData.money" type="text" placeholder="请填写">
|
||||
<el-input v-model="formShowData.cost" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="入账时间">
|
||||
<el-input v-model="formShowData.time" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
<el-date-picker
|
||||
v-model="formShowData.time"
|
||||
type="datetime"
|
||||
format="yyyy-MM-dd HH:mm:ss"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||
<el-button size="small" @click="drawerTable = false">取消</el-button>
|
||||
<el-button size="small" type="primary" :loading="submitLoading" @click="submit()">提交</el-button>
|
||||
</div>
|
||||
|
||||
</el-drawer>
|
||||
@@ -171,6 +179,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { inComeQuery, inComeEdit, inComeAdd, inComeDel } from '@/api/statisticsApi'
|
||||
export default {
|
||||
name: "child1",
|
||||
data() {
|
||||
@@ -178,7 +187,7 @@ export default {
|
||||
loading: false,
|
||||
formQuery: {
|
||||
name: '',
|
||||
num: '',
|
||||
number: '',
|
||||
source: '',
|
||||
current: 1,
|
||||
page: 1,
|
||||
@@ -188,33 +197,120 @@ export default {
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
formShowData: {
|
||||
id: '',
|
||||
name: '',
|
||||
num: '',
|
||||
number: '',
|
||||
source: '',
|
||||
money: '',
|
||||
cost: '',
|
||||
time: ''
|
||||
},
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {},
|
||||
submitLoading: false
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
|
||||
this.getTableData()
|
||||
},
|
||||
methods: {
|
||||
getTableData() {
|
||||
inComeQuery(this.formQuery).then(res=>{
|
||||
this.tableData = res.data.list
|
||||
this.tableTotal = res.data.count
|
||||
})
|
||||
},
|
||||
//新增方法
|
||||
dataAdd() {
|
||||
this.drawerTitle = '新增'
|
||||
this.formShowData = {}
|
||||
this.drawerTable = true
|
||||
},
|
||||
// 提交按钮
|
||||
submit() {
|
||||
this.$refs['formShowData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
if (this.drawerTitle === '新增') {
|
||||
inComeAdd(this.formShowData).then(res=>{
|
||||
if (res.ok) {
|
||||
this.$message.success('新增成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('新增失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
}, e => {
|
||||
})
|
||||
} else {
|
||||
inComeEdit(this.formShowData).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('编辑成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('编辑失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
},e => {
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
//删除方法
|
||||
deleteDetail() {
|
||||
if (this.multipleSelection.length > 0) {
|
||||
let msgIds = []
|
||||
for (let i = 0; i < this.multipleSelection.length; i++) {
|
||||
let msgId = this.multipleSelection[i].id
|
||||
msgIds.push(msgId)
|
||||
}
|
||||
let delId = {
|
||||
ids: msgIds.join(',')
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
inComeDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = ''
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择一条数据进行删除')
|
||||
}
|
||||
},
|
||||
//点击确定(编辑)(没出)
|
||||
handleSelectionChange() {
|
||||
// 查询按钮
|
||||
queryData() {
|
||||
this.getTableData()
|
||||
},
|
||||
//清空
|
||||
resetForm(formName) {
|
||||
resetForm() {
|
||||
this.formQuery = {}
|
||||
this.getTableData()
|
||||
},
|
||||
// 列表更多按钮
|
||||
handleCommand(command) {
|
||||
@@ -223,13 +319,50 @@ export default {
|
||||
this.editRowOne(command[0]);
|
||||
break;
|
||||
case "删除":
|
||||
this.deleteRowOne("delOne", command[0].id);
|
||||
this.deleteRowOne(command[0].id);
|
||||
break;
|
||||
}
|
||||
},
|
||||
editRowOne() {
|
||||
editRowOne(item) {
|
||||
this.drawerTitle = '编辑'
|
||||
this.formShowData = {
|
||||
id: item.id,
|
||||
type: item.type,
|
||||
number: item.number,
|
||||
name: item.name,
|
||||
source: item.source,
|
||||
cost: item.cost,
|
||||
time: this.$moment(item.time).format('YYYY-MM-DD HH:mm:ss'),
|
||||
}
|
||||
this.drawerTable = true
|
||||
},
|
||||
deleteRowOne() {
|
||||
deleteRowOne(val) {
|
||||
let delId = {
|
||||
ids: val
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
inComeDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = []
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
},
|
||||
/** 分页 */
|
||||
pageChange(page) {
|
||||
|
||||
@@ -116,7 +116,7 @@
|
||||
:visible.sync="drawerTable">
|
||||
<div style="margin: 10px;height: inherit">
|
||||
<el-form label-width="100px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||
<el-form-item label="类型">
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-select v-model="formShowData.type" type="text" placeholder="请填写">
|
||||
<el-option
|
||||
v-for="item in typeOptions"
|
||||
@@ -126,18 +126,18 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目编号">
|
||||
<el-form-item label="项目编号" prop="proId">
|
||||
<el-input v-model="formShowData.proId" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目名称">
|
||||
<el-form-item label="项目名称" prop="proName">
|
||||
<el-input v-model="formShowData.proName" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用列支项">
|
||||
<el-form-item label="费用列支项" prop="costOutlay">
|
||||
<el-input v-model="formShowData.costOutlay" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用支出">
|
||||
<el-form-item label="费用支出" prop="cost">
|
||||
<el-input v-model="formShowData.cost" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
@@ -193,7 +193,13 @@ export default {
|
||||
},
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {},
|
||||
formRules: {
|
||||
type: [{ required: true, message: '请选择类型', trigger: 'blur' }],
|
||||
proId: [{ required: true, message: '请填写项目编号', trigger: 'blur' }],
|
||||
proName: [{ required: true, message: '请填写项目名称', trigger: 'blur' }],
|
||||
costOutlay: [{ required: true, message: '请填写费用列支项', trigger: 'blur' }],
|
||||
cost: [{ required: true, message: '请填写费用支出', trigger: 'blur' }],
|
||||
},
|
||||
|
||||
submitLoading: false,
|
||||
typeOptions: [
|
||||
@@ -381,7 +387,7 @@ export default {
|
||||
position: inherit!important;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.el-divider--horizontal {
|
||||
|
||||
@@ -7,19 +7,19 @@
|
||||
<el-input v-model="formQuery.type" size="small" placeholder="请输入标准类型"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准代号">
|
||||
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准代号"></el-input>
|
||||
<el-input v-model="formQuery.number" size="small" placeholder="请输入标准代号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称">
|
||||
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||
<el-button type="primary" size="small" @click="queryData">查询</el-button>
|
||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<div style="float: left">
|
||||
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||
@@ -47,44 +47,33 @@
|
||||
align="center"
|
||||
type="index"
|
||||
label="序号"
|
||||
width="50"
|
||||
>
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="type"
|
||||
label="标准类型"
|
||||
|
||||
>
|
||||
label="标准类型">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="num"
|
||||
label="标准代号"
|
||||
|
||||
>
|
||||
prop="number"
|
||||
label="标准代号">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="name"
|
||||
label="标准名称"
|
||||
|
||||
>
|
||||
label="标准名称">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="pages"
|
||||
label="页数"
|
||||
|
||||
>
|
||||
label="页数">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="cost"
|
||||
label="费用"
|
||||
|
||||
>
|
||||
label="费用">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
@@ -107,7 +96,7 @@
|
||||
<loading :loading="loading">加载中...</loading>
|
||||
<pagination
|
||||
:page="formQuery.page"
|
||||
:total="formQuery.tableTotal"
|
||||
:total="tableTotal"
|
||||
@pageChange="pageChange"
|
||||
@pageSizeChange="pageSizeChange"/>
|
||||
</div>
|
||||
@@ -116,26 +105,26 @@
|
||||
size="50%"
|
||||
:title="drawerTitle"
|
||||
:visible.sync="drawerTable">
|
||||
<div style="margin: 10px;height: inherit">
|
||||
<div style="margin: 10px 50px 10px 20px;height: inherit">
|
||||
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||
<el-form-item label="标准类型">
|
||||
<el-form-item label="标准类型" prop="type">
|
||||
<el-select v-model="formShowData.type" type="text" placeholder="请填写">
|
||||
<el-option label="1" value="one"></el-option>
|
||||
<el-option label="2" value="two"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准代号">
|
||||
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||
<el-form-item label="标准代号" prop="number">
|
||||
<el-input v-model="formShowData.number" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称">
|
||||
<el-form-item label="标准名称" prop="name">
|
||||
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="页数">
|
||||
<el-form-item label="页数" prop="pages">
|
||||
<el-input v-model="formShowData.pages" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用">
|
||||
<el-form-item label="费用" prop="cost">
|
||||
<el-input v-model="formShowData.cost" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
@@ -143,7 +132,7 @@
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||
<el-button size="small" type="primary" :loading="submitLoading" @click="submit()">提交</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
|
||||
@@ -186,6 +175,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { CgfysAll, CgfysEdit, CgfysAdd, CgfysDelMore } from '@/api/statisticsApi'
|
||||
export default {
|
||||
name: "child4",
|
||||
data() {
|
||||
@@ -193,20 +183,34 @@ export default {
|
||||
loading: false,
|
||||
formQuery: {
|
||||
type: '',
|
||||
num: '',
|
||||
number: '',
|
||||
name: '',
|
||||
current: 1,
|
||||
page: 1,
|
||||
pageSize: this.$store.getters.userInfo.configContent,
|
||||
tableTotal: 0
|
||||
},
|
||||
tableTotal: 0,
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
|
||||
formShowData: {},
|
||||
formShowData: {
|
||||
id: '',
|
||||
type: '',
|
||||
number: '',
|
||||
name: '',
|
||||
pages: '',
|
||||
cost: ''
|
||||
},
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {}
|
||||
formRules: {
|
||||
type: [{ required: true, message: '请选择标准类型', trigger: 'blur' }],
|
||||
number: [{ required: true, message: '请填写标准代号', trigger: 'blur' }],
|
||||
name: [{ required: true, message: '请填写标准代号', trigger: 'blur' }],
|
||||
pages: [{ required: true, message: '请填写页数', trigger: 'blur' }],
|
||||
cost: [{ required: true, message: '请填写费用', trigger: 'blur' }],
|
||||
},
|
||||
submitLoading: false,
|
||||
}
|
||||
},
|
||||
|
||||
@@ -215,17 +219,104 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
getTableData() {
|
||||
CgfysAll(this.formQuery).then(res=>{
|
||||
this.tableData = res.data.list
|
||||
this.tableTotal = res.data.count
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
//新增方法
|
||||
formDataAdd() {
|
||||
this.drawerTitle = '新增'
|
||||
this.formShowData = {}
|
||||
this.drawerTable = true
|
||||
},
|
||||
|
||||
// 提交方法
|
||||
submit() {
|
||||
this.$refs['formShowData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
if (this.drawerTitle === '新增') {
|
||||
CgfysAdd(this.formShowData).then(res=>{
|
||||
if (res.ok) {
|
||||
this.$message.success('新增成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('新增失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
}, e => {
|
||||
})
|
||||
} else {
|
||||
CgfysEdit(this.formShowData).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('编辑成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('编辑失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
},e => {
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//删除方法
|
||||
deleteDetail() {
|
||||
if (this.multipleSelection.length > 0) {
|
||||
let msgIds = []
|
||||
for (let i = 0; i < this.multipleSelection.length; i++) {
|
||||
let msgId = this.multipleSelection[i].id
|
||||
msgIds.push(msgId)
|
||||
}
|
||||
let delId = {
|
||||
ids: msgIds.join(',')
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
CgfysDelMore(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = ''
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择一条数据进行删除')
|
||||
}
|
||||
},
|
||||
|
||||
// 查询
|
||||
queryData() {
|
||||
this.getTableData()
|
||||
},
|
||||
//清空
|
||||
resetForm() {
|
||||
this.formQuery = {}
|
||||
this.getTableData()
|
||||
},
|
||||
// 列表更多按钮
|
||||
handleCommand(command) {
|
||||
@@ -234,13 +325,49 @@ export default {
|
||||
this.editRowOne(command[0]);
|
||||
break;
|
||||
case "删除":
|
||||
this.deleteRowOne("delOne", command[0].id);
|
||||
this.deleteRowOne(command[0].id);
|
||||
break;
|
||||
}
|
||||
},
|
||||
editRowOne() {
|
||||
editRowOne(item) {
|
||||
this.drawerTitle = '编辑'
|
||||
this.formShowData = {
|
||||
id: item.id,
|
||||
type: item.type,
|
||||
number: item.number,
|
||||
name: item.name,
|
||||
pages: item.pages,
|
||||
cost: item.cost
|
||||
}
|
||||
this.drawerTable = true
|
||||
},
|
||||
deleteRowOne() {
|
||||
deleteRowOne(val) {
|
||||
let delId = {
|
||||
ids: val
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
CgfysDelMore(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = []
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
},
|
||||
/** 分页 */
|
||||
pageChange(page) {
|
||||
@@ -264,10 +391,10 @@ export default {
|
||||
.pagination {
|
||||
position: inherit!important;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.el-divider--horizontal {
|
||||
height: 0.5px;
|
||||
margin: 10px 0;
|
||||
|
||||
@@ -131,16 +131,13 @@
|
||||
:visible.sync="drawerTable">
|
||||
<div style="margin: 10px;height: inherit">
|
||||
<el-form label-width="100px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||
<el-form-item label="主办单位">
|
||||
<el-select v-model="formShowData.unit" type="text" placeholder="请填写">
|
||||
<el-option label="1" value="one"></el-option>
|
||||
<el-option label="2" value="two"></el-option>
|
||||
</el-select>
|
||||
<el-form-item label="主办单位" prop="unit">
|
||||
<el-input v-model="formShowData.unit" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议名称">
|
||||
<el-form-item label="会议名称" prop="meetName">
|
||||
<el-input v-model="formShowData.meetName" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会议时间">
|
||||
<el-form-item label="会议时间" prop="meetTime">
|
||||
<el-date-picker
|
||||
v-model="formShowData.meetTime"
|
||||
type="datetime"
|
||||
@@ -149,17 +146,23 @@
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="会费标准">
|
||||
<el-form-item label="会费标准" prop="payStandard">
|
||||
<el-input v-model="formShowData.payStandard" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="实际发生">
|
||||
<el-form-item label="实际发生" prop="payReality">
|
||||
<el-input v-model="formShowData.payReality" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用列支">
|
||||
<el-input v-model="formShowData.costOutlay" placeholder="请选择">
|
||||
</el-input>
|
||||
<el-form-item label="费用列支" prop="costOutlay">
|
||||
<el-select size="small" v-model="formShowData.costOutlay">
|
||||
<el-option
|
||||
v-for="item in costOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.label">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
@@ -229,7 +232,14 @@ export default {
|
||||
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {},
|
||||
formRules: {
|
||||
unit: [{ required: true, message: '请填写主办单位', trigger: 'blur' }],
|
||||
meetName: [{ required: true, message: '请填写会议名称', trigger: 'blur' }],
|
||||
meetTime: [{ required: true, message: '请选择会议时间', trigger: 'blur' }],
|
||||
payStandard: [{ required: true, message: '请填写会费标准', trigger: 'blur' }],
|
||||
payReality: [{ required: true, message: '请填写实际发生', trigger: 'blur' }],
|
||||
costOutlay: [{ required: true, message: '请选择费用列支', trigger: 'blur' }],
|
||||
},
|
||||
formShowData: {
|
||||
id: '',
|
||||
unit: '',
|
||||
@@ -425,7 +435,7 @@ export default {
|
||||
position: inherit!important;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.el-divider--horizontal {
|
||||
|
||||
@@ -112,34 +112,41 @@
|
||||
:title="drawerTitle"
|
||||
:visible.sync="drawerTable">
|
||||
<div style="margin: 10px 50px 10px 20px;height: inherit">
|
||||
<el-form label-width="120px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||
<el-form-item label="协会名称-标委会">
|
||||
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||
<el-form-item label="协会名称-标委会" prop="scName">
|
||||
<el-select v-model="formShowData.scName" type="text" placeholder="请填写">
|
||||
<el-option label="1" value="one"></el-option>
|
||||
<el-option label="2" value="two"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会名称-分委会">
|
||||
<el-form-item label="协会名称-分委会" prop="sscName">
|
||||
<el-input v-model="formShowData.sscName" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="协会名称-工作组">
|
||||
<el-form-item label="协会名称-工作组" prop="wgName">
|
||||
<el-input v-model="formShowData.wgName" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="会费标准">
|
||||
<el-form-item label="会费标准" prop="payStandard">
|
||||
<el-input v-model="formShowData.payStandard" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="实际发生">
|
||||
<el-form-item label="实际发生" prop="payReality">
|
||||
<el-input v-model="formShowData.payReality" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用列支">
|
||||
<el-form-item label="费用列支" prop="costOutlay">
|
||||
<el-input v-model="formShowData.costOutlay" placeholder="请选择">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="每年缴费情况">
|
||||
<el-input v-model="formShowData.annualPayment" type="text" placeholder="请填写"></el-input>
|
||||
<el-form-item label="每年缴费情况" prop="annualPayment">
|
||||
<el-select v-model="formShowData.annualPayment" size="small" placeholder="请选择缴费情况">
|
||||
<el-option
|
||||
v-for="item in payOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.label">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
@@ -190,7 +197,15 @@ export default {
|
||||
drawerTable: false,
|
||||
// 提交按钮loading
|
||||
submitLoading: false,
|
||||
formRules: {},
|
||||
formRules: {
|
||||
scName: [{ required: true, message: '请填写协会名称-标委会', trigger: 'blur' }],
|
||||
sscName: [{ required: true, message: '请填写协会名称-分委会', trigger: 'blur' }],
|
||||
wgName: [{ required: true, message: '请填写协会名称-工作组', trigger: 'blur' }],
|
||||
payStandard: [{ required: true, message: '请填写会费标准', trigger: 'blur' }],
|
||||
payReality: [{ required: true, message: '请填写实际发生', trigger: 'blur' }],
|
||||
costOutlay: [{ required: true, message: '请填写费用列支', trigger: 'blur' }],
|
||||
annualPayment: [{ required: true, message: '请选择每年缴费情况', trigger: 'blur' }],
|
||||
},
|
||||
// 新增、编辑数组
|
||||
formShowData: {
|
||||
id: '',
|
||||
@@ -400,7 +415,7 @@ export default {
|
||||
position: inherit!important;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.el-divider--horizontal {
|
||||
|
||||
@@ -7,18 +7,18 @@
|
||||
<el-input v-model="formQuery.type" size="small" placeholder="根据标准类型搜索"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准代号">
|
||||
<el-input v-model="formQuery.num" size="small" placeholder="根据标准代号搜索"></el-input>
|
||||
<el-input v-model="formQuery.number" size="small" placeholder="根据标准代号搜索"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称">
|
||||
<el-input v-model="formQuery.name" size="small" placeholder="根据标准名称搜索"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||
<el-button type="primary" size="small" @click="queryData">查询</el-button>
|
||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||
</el-form-item>
|
||||
<el-divider/>
|
||||
<div style="float: left">
|
||||
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dataAdd">新增</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||
@@ -56,7 +56,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="num"
|
||||
prop="number"
|
||||
label="标准代号">
|
||||
</el-table-column>
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="translateType"
|
||||
prop="translation"
|
||||
label="翻译类型">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -82,7 +82,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="completeTime"
|
||||
prop="time"
|
||||
label="翻译完成时间">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||
@@ -124,14 +124,14 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准代号">
|
||||
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||
<el-input v-model="formShowData.number" type="text" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标准名称">
|
||||
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="翻译类型">
|
||||
<el-input v-model="formShowData.translateType" type="text" placeholder="请填写">
|
||||
<el-input v-model="formShowData.translation" type="text" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -144,14 +144,14 @@
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="翻译完成时间">
|
||||
<el-input v-model="formShowData.completeTime" placeholder="请填写">
|
||||
<el-input v-model="formShowData.time" placeholder="请填写">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||
<el-button size="small" @click="drawerTable = false">取消</el-button>
|
||||
<el-button size="small" type="primary" :loading="submitLoading" @click="submit()">提交</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
|
||||
@@ -193,6 +193,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { fyQuery, fyDetail, fyEdit, fyAdd, fyDel } from '@/api/statisticsApi'
|
||||
export default {
|
||||
name: "children",
|
||||
data() {
|
||||
@@ -200,7 +201,7 @@ export default {
|
||||
loading: false,
|
||||
formQuery: {
|
||||
type: '',
|
||||
num: '',
|
||||
number: '',
|
||||
name: '',
|
||||
current: 1,
|
||||
page: 1,
|
||||
@@ -210,17 +211,19 @@ export default {
|
||||
tableData: [],
|
||||
multipleSelection: [],
|
||||
formShowData: {
|
||||
id: '',
|
||||
type: '',
|
||||
num: '',
|
||||
number: '',
|
||||
name: '',
|
||||
translateType: '',
|
||||
translation: '',
|
||||
pages: '',
|
||||
cost: '',
|
||||
completeTime: ''
|
||||
time: ''
|
||||
},
|
||||
drawerTable: false,
|
||||
drawerTitle: '',
|
||||
formRules: {},
|
||||
submitLoading: false,
|
||||
}
|
||||
},
|
||||
|
||||
@@ -229,19 +232,102 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
getTableData() {
|
||||
fyQuery(this.formQuery).then(res=>{
|
||||
this.tableData = res.data.list
|
||||
this.tableTotal = res.data.count
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
//新增方法
|
||||
dataAdd() {
|
||||
this.drawerTitle = '新增'
|
||||
this.formShowData = {}
|
||||
this.drawerTable = true
|
||||
},
|
||||
submit() {
|
||||
this.$refs['formShowData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
if (this.drawerTitle === '新增') {
|
||||
fyAdd(this.formShowData).then(res=>{
|
||||
if (res.ok) {
|
||||
this.$message.success('新增成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('新增失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
}, e => {
|
||||
})
|
||||
} else {
|
||||
fyEdit(this.formShowData).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('编辑成功')
|
||||
this.submitLoading = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('编辑失败')
|
||||
this.submitLoading = false
|
||||
}
|
||||
this.drawerTable = false
|
||||
},e => {
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//删除方法
|
||||
deleteDetail() {
|
||||
if (this.multipleSelection.length > 0) {
|
||||
let msgIds = []
|
||||
for (let i = 0; i < this.multipleSelection.length; i++) {
|
||||
let msgId = this.multipleSelection[i].id
|
||||
msgIds.push(msgId)
|
||||
}
|
||||
let delId = {
|
||||
ids: msgIds.join(',')
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
fyDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = ''
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择一条数据进行删除')
|
||||
}
|
||||
},
|
||||
// 查询按钮
|
||||
queryData() {
|
||||
this.getTableData()
|
||||
},
|
||||
//清空
|
||||
resetForm() {
|
||||
this.formQuery = {}
|
||||
this.getTableData()
|
||||
},
|
||||
|
||||
// 列表更多按钮
|
||||
handleCommand(command) {
|
||||
switch (command[1]) {
|
||||
@@ -249,13 +335,51 @@ export default {
|
||||
this.editRowOne(command[0]);
|
||||
break;
|
||||
case "删除":
|
||||
this.deleteRowOne("delOne", command[0].id);
|
||||
this.deleteRowOne(command[0].id);
|
||||
break;
|
||||
}
|
||||
},
|
||||
editRowOne() {
|
||||
editRowOne(item) {
|
||||
this.drawerTitle = '编辑'
|
||||
this.formShowData = {
|
||||
id: item.id,
|
||||
type: item.type,
|
||||
number: item.number,
|
||||
name: item.name,
|
||||
translation: item.translation,
|
||||
pages: item.pages,
|
||||
cost: item.cost,
|
||||
time: item.time,
|
||||
}
|
||||
this.drawerTable = true
|
||||
},
|
||||
deleteRowOne() {
|
||||
deleteRowOne(val) {
|
||||
let delId = {
|
||||
ids: val
|
||||
}
|
||||
this.$confirm('确定删除这些数据?', '提示', {
|
||||
confirmButtonText: this.$t('m.determine'),
|
||||
cancelButtonText: this.$t('m.cancel'),
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
fyDel(delId).then(res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.pageNo = 1
|
||||
this.multipleSelection = []
|
||||
this.getTableData()
|
||||
} else {
|
||||
this.$message.warning('删除失败')
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除'
|
||||
})
|
||||
})
|
||||
},
|
||||
/** 分页 */
|
||||
pageChange(page) {
|
||||
|
||||
Reference in New Issue
Block a user