链接管理
This commit is contained in:
Way Downtown
@@ -305,6 +305,11 @@ export default {
|
||||
path: '/menuManage',
|
||||
menuId: '82665e94d406c6fc0d1f627e5880230b'
|
||||
},
|
||||
{
|
||||
title: '链接管理',
|
||||
path: '/linkManage',
|
||||
menuId: 'd3ff92078c53a4d9d1f1a94450fee91e'
|
||||
},
|
||||
// // {
|
||||
// // title: '保密管理',
|
||||
// // path: '/convertDocView'
|
||||
|
||||
@@ -0,0 +1,420 @@
|
||||
<!-- 配置管理 - 链接管理 -->
|
||||
<template>
|
||||
<div id="post-manage">
|
||||
<!-- 头部操作按钮-->
|
||||
<div class="action-bar">
|
||||
<el-button type="primary"
|
||||
class="common-button-primary add-button"
|
||||
@click="addLink"
|
||||
v-btn-permission="'980cb239683de9e29ee5335cec98e5b4'"
|
||||
size="mini">新增</el-button>
|
||||
<!-- <el-button type="primary"-->
|
||||
<!-- class="common-button-primary add-button"-->
|
||||
<!-- @click="linkOrder"-->
|
||||
<!-- v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"-->
|
||||
<!-- size="mini">顺序调整</el-button>-->
|
||||
<el-button type="primary"
|
||||
class="common-button-primary add-button"
|
||||
@click="deleteAllLink"
|
||||
v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"
|
||||
size="mini">删除</el-button>
|
||||
</div>
|
||||
<!-- 表格-->
|
||||
<div class="content">
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
:data="linkList"
|
||||
tooltip-effect="dark"
|
||||
border
|
||||
style="width: 100%; flex: auto;"
|
||||
class="drag-table"
|
||||
height="100%"
|
||||
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="链接名称"
|
||||
width="220px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="url"
|
||||
label="链接">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderBy"
|
||||
label="序号"
|
||||
sortable
|
||||
width="170px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="50px">
|
||||
<template slot-scope="scope">
|
||||
<div @click.stop style="display: inline-block">
|
||||
<el-dropdown trigger="click" @command="handleCommand">
|
||||
<i class="iconfont"></i>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-btn-permission="'0fbb849e244e07433a90180fb314ad10'" :command="[scope.row, '删除']">删除</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'fa0846d977aeef07e9cb7faf648f8f7f'" :command="[scope.row, '编辑']">编辑</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<loading :loading="Loading">加载中...</loading>
|
||||
<!-- 新增链接弹窗-->
|
||||
<el-dialog
|
||||
:title="dialogTitle"
|
||||
:visible.sync="modalshowflag"
|
||||
:wrapperClosable="false"
|
||||
size="800px"
|
||||
@close="resetForm"
|
||||
>
|
||||
<el-form
|
||||
ref="sarStandardsInfoForm"
|
||||
:model="sarStandardsInfoEO"
|
||||
:rules="sarStandardsInfoRules"
|
||||
class="label-input-form"
|
||||
>
|
||||
<el-form-item label="链接名称" prop="name" label-width="150px" class="add-form-item">
|
||||
<el-input v-model="sarStandardsInfoEO.name"
|
||||
placeholder="请输入链接名称"
|
||||
clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
|
||||
<el-input v-model="sarStandardsInfoEO.url"
|
||||
placeholder="请输入链接"
|
||||
clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="demo-drawer-footer">
|
||||
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="resetForm">取消</el-button>
|
||||
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="submit">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "linkManage",
|
||||
data () {
|
||||
return {
|
||||
editId: '',
|
||||
type: '', // 1为新增 2为编辑
|
||||
dialogTitle: '',
|
||||
submitLoading: false,
|
||||
selectList: [],
|
||||
data: [],
|
||||
Loading: false,
|
||||
modalshowflag: false,
|
||||
sarStandardsInfoEO: {
|
||||
name: '',
|
||||
url: '',
|
||||
// orderBy: ''
|
||||
},
|
||||
//新增链接未输入时提示
|
||||
sarStandardsInfoRules: {
|
||||
name: [
|
||||
{ required: true, message: '请输入链接名称', trigger: 'blur' }
|
||||
],
|
||||
url: [
|
||||
{ required: true, message: '请输入链接', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
|
||||
modalRole: false,
|
||||
props: {
|
||||
label: 'name',
|
||||
children: 'children'
|
||||
},
|
||||
|
||||
linkList: [
|
||||
{
|
||||
url: 'http://www.sac.gov.cn/',
|
||||
name: '国家标准化管理委员会',
|
||||
orderBy: '01'
|
||||
},
|
||||
{
|
||||
url: 'http://std.samr.gov.cn/',
|
||||
name: '全国标准公共服务平台',
|
||||
orderBy: '02'
|
||||
},
|
||||
{
|
||||
url: 'http://www.gb688.cn/bzgk/gb/gbMainQuery%E5%9B%BD%E5%AE%B6%E6%A0%87%E5%87%86%E5%85%A8%E6%96%87%E5%85%AC%E5%BC%80',
|
||||
name: '国家标准全文公开',
|
||||
orderBy: '03'
|
||||
},
|
||||
{
|
||||
url: 'http://www.catarc.org.cn/',
|
||||
name: '全国汽车标准化技术委员会',
|
||||
orderBy: '04'
|
||||
},
|
||||
{
|
||||
url: 'http://jtst.mot.gov.cn/news/',
|
||||
name: '交通运输标准化信息平台',
|
||||
orderBy: '05'
|
||||
},
|
||||
{
|
||||
url: 'https://www.miit.gov.cn/index.html',
|
||||
name: '中华人民共和国工业和信息化部',
|
||||
orderBy: '06'
|
||||
},
|
||||
{
|
||||
url: 'http://www.miit-eidc.org.cn/',
|
||||
name: '工信部装备工业发展中心',
|
||||
orderBy: '07'
|
||||
},
|
||||
{
|
||||
url: 'http://www.mee.gov.cn/',
|
||||
name: '中华人民共和国生态环境部',
|
||||
orderBy: '08'
|
||||
},
|
||||
{
|
||||
url: 'http://sthjj.beijing.gov.cn/',
|
||||
name: '北京市生态环境局',
|
||||
orderBy: '09'
|
||||
},
|
||||
{
|
||||
url: 'http://www.tmri.cn/',
|
||||
name: '公安部交通管理科学研究院',
|
||||
orderBy: '10'
|
||||
},
|
||||
{
|
||||
url: 'http://www.tbt-sps.gov.cn/page/cwtoz/Indexquery.action',
|
||||
name: '中国WTO/TBT-SPS通报资讯网',
|
||||
orderBy: '11'
|
||||
},
|
||||
{
|
||||
url: 'http://www.samr.gov.cn/',
|
||||
name: '国家市场监督管理总局',
|
||||
orderBy: '12'
|
||||
},
|
||||
{
|
||||
url: 'http://www.caam.org.cn/',
|
||||
name: '中国汽车工业协会',
|
||||
orderBy: '13'
|
||||
},
|
||||
{
|
||||
url: 'http://www.sae-china.org/',
|
||||
name: '汽车工程学会',
|
||||
orderBy: '14'
|
||||
},
|
||||
{
|
||||
url: 'http://csae.sae-china.org/',
|
||||
name: 'CSAE汽车工程学会标准',
|
||||
orderBy: '15'
|
||||
},
|
||||
{
|
||||
url: 'http://www.ttbz.org.cn/',
|
||||
name: '全国团体标准信息平台',
|
||||
orderBy: '16'
|
||||
},
|
||||
{
|
||||
url: 'http://www.autoinfo.org.cn/',
|
||||
name: '中国汽车工业信息网',
|
||||
orderBy: '17'
|
||||
},
|
||||
{
|
||||
url: 'http://cv.ce.cn/',
|
||||
name: '中国商用车辆网',
|
||||
orderBy: '18'
|
||||
},
|
||||
{
|
||||
url: 'http://www.cnspv.cn/',
|
||||
name: '中国专用汽车网',
|
||||
orderBy: '19'
|
||||
},
|
||||
{
|
||||
url: 'http://scjgj.beijing.gov.cn/bsfw/bmfw/bzhzl/',
|
||||
name: '北京市市场监督管理局',
|
||||
orderBy: '20'
|
||||
},
|
||||
{
|
||||
url: 'http://www.unece.org/',
|
||||
name: '欧盟经济委员会',
|
||||
orderBy: '21'
|
||||
},
|
||||
{
|
||||
url: 'https://eur-lex.europa.eu',
|
||||
name: '欧盟',
|
||||
orderBy: '22'
|
||||
},
|
||||
{
|
||||
url: 'http://ec.europa.eu',
|
||||
name: '欧共体',
|
||||
orderBy: '23'
|
||||
},
|
||||
{
|
||||
url: 'https://www.iso.org',
|
||||
name: 'ISO',
|
||||
orderBy: '24'
|
||||
},
|
||||
{
|
||||
url: 'https://www.interregs.net/',
|
||||
name: 'InterRegs',
|
||||
orderBy: '25'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//头部新增按钮
|
||||
addLink () {
|
||||
this.type = 1
|
||||
this.dialogTitle = '新增链接'
|
||||
this.modalshowflag = true
|
||||
},
|
||||
|
||||
// //头部顺序调整按钮
|
||||
// linkOrder () {
|
||||
// this.$http.post('sarUrl/tsUrl/order',{
|
||||
// urlId: this.sarStandardsInfoEO.url
|
||||
// })
|
||||
// },
|
||||
|
||||
//头部删除按钮
|
||||
deleteAllLink(row) {
|
||||
if (this.selectList.length === 0) {
|
||||
this.$message.warning('请选择要删除的链接')
|
||||
} else {
|
||||
this.modalRole = true
|
||||
// this.nodeList = this.selectList[0].idList
|
||||
this.$http.delete('sarUrl/tsUrl/deleteBatch', {
|
||||
id: this.selectList.id
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.getLink()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
//弹窗关闭操作
|
||||
resetForm () {
|
||||
this.$refs['sarStandardsInfoForm'].resetFields();
|
||||
this.modalshowflag = false
|
||||
},
|
||||
|
||||
//弹窗确认操作
|
||||
submit () {
|
||||
this.$refs['sarStandardsInfoForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.type === 1) {
|
||||
this.$http.post('sarUrl/tsUrl/add', {
|
||||
name: this.sarStandardsInfoEO.name,
|
||||
url: this.sarStandardsInfoEO.url,
|
||||
}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
if (res.ok) {
|
||||
this.$message.success('新增成功')
|
||||
this.modalshowflag = false
|
||||
this.getLink()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$http.put('sarUrl/tsUrl/edit', {
|
||||
id: this.editId,
|
||||
name: this.sarStandardsInfoEO.name,
|
||||
url: this.sarStandardsInfoEO.url,
|
||||
}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
if (res.ok) {
|
||||
this.$message.success('修改成功')
|
||||
this.modalshowflag = false
|
||||
this.getLink()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//表格中操作列
|
||||
handleCommand (command) {
|
||||
switch (command[1]) {
|
||||
case '删除':
|
||||
this.deleteLink(command[0])
|
||||
break
|
||||
case '编辑':
|
||||
this.editLink(command[0])
|
||||
break
|
||||
}
|
||||
},
|
||||
|
||||
//表格中操作列删除操作弹窗
|
||||
deleteLink (row) {
|
||||
this.$http.delete('sarUrl/tsUrl/delete', {
|
||||
id: row.id
|
||||
}, {}, res => {
|
||||
if (res.ok) {
|
||||
this.$message.success('删除成功')
|
||||
this.getLink()
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
//表格中操作列编辑操作弹窗
|
||||
editLink (row) {
|
||||
this.type = 2
|
||||
this.editId = row.id
|
||||
this.sarStandardsInfoEO.name = row.name
|
||||
this.sarStandardsInfoEO.url = row.url
|
||||
this.sarStandardsInfoEO.orderBy = row.orderBy
|
||||
this.dialogTitle = '修改链接'
|
||||
this.modalshowflag = true
|
||||
},
|
||||
|
||||
//多选框选择
|
||||
handleSelectionChange (val) {
|
||||
this.selectList = val
|
||||
},
|
||||
|
||||
// 获取链接数据
|
||||
getLink () {
|
||||
this.$http.get('sarUrl/tsUrl', {}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
this.data = res.data
|
||||
console.log(data);
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getLink();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/mixins';
|
||||
#post-manage {
|
||||
height: 100%;
|
||||
.content {
|
||||
height: calc(~'100% - 53px')
|
||||
}
|
||||
.filter-tree {
|
||||
height: calc(~'100% - 50px')
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -5,6 +5,9 @@
|
||||
<li v-for="(link, index) in linkList" :key="index">
|
||||
<a @click="openLinkUrl(link.newWebSite)" v-html="link.webName"></a>
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="/linkManage">更多链接></router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
@@ -41,16 +44,18 @@ export default {
|
||||
newWebSite: 'http://www.mee.gov.cn/',
|
||||
webName: '中华人民共和国生态环境部'
|
||||
},
|
||||
{
|
||||
newWebSite: '',
|
||||
webName: '更多链接>'
|
||||
}
|
||||
// {
|
||||
// newWebSite: '',
|
||||
// webName: '更多链接>'
|
||||
// }
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
this.getLink();
|
||||
},
|
||||
methods: {
|
||||
// 跳转链接
|
||||
openLinkUrl (linkUri) {
|
||||
@@ -62,7 +67,17 @@ export default {
|
||||
window.open('https://' + linkUri)
|
||||
}
|
||||
},
|
||||
getLink () {
|
||||
this.$http.get('sarUrl/tsUrl', {}, {
|
||||
_this: this,
|
||||
loading: 'Loading'
|
||||
}, res=> {
|
||||
this.data = res.data
|
||||
console.log(data);
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
+12
-12
@@ -21,21 +21,21 @@
|
||||
class="home-tabs"
|
||||
@tab-click="handleTabClick"
|
||||
>
|
||||
<el-tab-pane label="外部会议资料" name="conferenceMaterials">
|
||||
<conference-materials></conference-materials>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="会议通知" name="noticeOfMeeting">
|
||||
<notice-of-meeting></notice-of-meeting>
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="外部会议资料" name="conferenceMaterials">-->
|
||||
<!-- <conference-materials></conference-materials>-->
|
||||
<!-- </el-tab-pane>-->
|
||||
<!-- <el-tab-pane label="会议通知" name="noticeOfMeeting">-->
|
||||
<!-- <notice-of-meeting></notice-of-meeting>-->
|
||||
<!-- </el-tab-pane>-->
|
||||
<el-tab-pane label="标准征求意见" name="solicitOpinions">
|
||||
<solicitOpinions></solicitOpinions>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="标准发布" name="release">
|
||||
<release></release>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="外部资讯" name="realTimeInfo">
|
||||
<realTimeInfo></realTimeInfo>
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="标准发布" name="release">-->
|
||||
<!-- <release></release>-->
|
||||
<!-- </el-tab-pane>-->
|
||||
<!-- <el-tab-pane label="外部资讯" name="realTimeInfo">-->
|
||||
<!-- <realTimeInfo></realTimeInfo>-->
|
||||
<!-- </el-tab-pane>-->
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -101,11 +101,11 @@
|
||||
size="mini"
|
||||
@click="deleteStandFromKind(2)"
|
||||
v-btn-permission="'5aedea192a77b14c364f19bdcee3513a'"><i class="iconfont"></i>移除标准</el-button>
|
||||
<el-button class="common-button-default"
|
||||
size="mini"
|
||||
:loading="searching"
|
||||
@click="uploadImportModal(1)"
|
||||
v-btn-permission="'86a8f92390bb4dcd7f1c2176c183c943'"><i class="iconfont"></i>模板下载</el-button>
|
||||
<!-- <el-button class="common-button-default"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- :loading="searching"-->
|
||||
<!-- @click="uploadImportModal(1)"-->
|
||||
<!-- v-btn-permission="'86a8f92390bb4dcd7f1c2176c183c943'"><i class="iconfont"></i>模板下载</el-button>-->
|
||||
<el-button class="common-button-default"
|
||||
size="mini"
|
||||
@click="configurationStandard"
|
||||
|
||||
@@ -1170,6 +1170,17 @@ const routes = [
|
||||
menuId: '7MWCQK6NNH'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/linkManage',
|
||||
name: 'linkManage',
|
||||
component: () =>
|
||||
import('@/pages/config/pages/linkManage/index'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '链接管理',
|
||||
menuId: 'd3ff92078c53a4d9d1f1a94450fee91e'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/roleManage',
|
||||
name: 'RoleManage',
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
// 服务器地址
|
||||
// const devIp = '39.98.140.126'
|
||||
// const devInterfacePORT = '10005'
|
||||
const devIp = '192.168.10.121'
|
||||
const devInterfacePORT = '9988'
|
||||
const devIp = '192.168.10.30'
|
||||
const devInterfacePORT = '9999'
|
||||
// 云端端口号
|
||||
const DEV_CLOUD_RES_INTERFACE_PORT = '7777'
|
||||
const simpleFilePath = 'att/attFile/upload'
|
||||
@@ -22,11 +22,11 @@ const theme = 'theme-one' // 主题(theme-one浅蓝色,theme-two深蓝色)
|
||||
const processPort = '17210'
|
||||
/*****************************************************************
|
||||
|
||||
<<<<<<<<< 主题修改 >>>>>>>>>
|
||||
<<<<<<<<< 主题修改 >>>>>>>>>
|
||||
|
||||
1. 主题分为theme-one,theme-two两种
|
||||
2. 修改assets/styles/style.less文件,注释theme-one/theme-two
|
||||
3. 将上方theme改为theme-one/theme-two
|
||||
1. 主题分为theme-one,theme-two两种
|
||||
2. 修改assets/styles/style.less文件,注释theme-one/theme-two
|
||||
3. 将上方theme改为theme-one/theme-two
|
||||
|
||||
*****************************************************************/
|
||||
// 生产环境配置
|
||||
|
||||
Reference in New Issue
Block a user