Merge remote-tracking branch 'origin/dev_test' into dev_test
This commit is contained in:
zhoulingpo
+8
-3
@@ -5,18 +5,25 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vue-cli-service serve",
|
"serve": "vue-cli-service serve",
|
||||||
"build": "vue-cli-service build",
|
"build": "vue-cli-service build",
|
||||||
|
"inspect": "vue-cli-service inspect > outputDev.js",
|
||||||
|
"inspectProd": "vue-cli-service inspect --mode=production > outputProd.js",
|
||||||
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
|
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@antv/g6": "^4.3.6",
|
"@antv/g6": "^4.3.6",
|
||||||
"@babel/polyfill": "^7.12.1",
|
"@babel/polyfill": "^7.12.1",
|
||||||
|
"@better-scroll/core": "^2.5.1",
|
||||||
|
"@better-scroll/pull-up": "^2.5.1",
|
||||||
|
"@better-scroll/scroll-bar": "^2.5.1",
|
||||||
"animate.css": "^4.1.1",
|
"animate.css": "^4.1.1",
|
||||||
"axios": "^0.21.1",
|
"axios": "^0.21.1",
|
||||||
"babel-polyfill": "^6.26.0",
|
"babel-polyfill": "^6.26.0",
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
|
"cross-env": "^5.0.5",
|
||||||
"echarts": "^5.0.1",
|
"echarts": "^5.0.1",
|
||||||
"element-ui": "^2.13.2",
|
"element-ui": "^2.13.2",
|
||||||
"es6-promise": "^4.2.8",
|
"es6-promise": "^4.2.8",
|
||||||
|
"increase-memory-limit": "^1.0.3",
|
||||||
"jquery": "^3.5.1",
|
"jquery": "^3.5.1",
|
||||||
"js-base64": "^2.6.2",
|
"js-base64": "^2.6.2",
|
||||||
"moment": "^2.29.1",
|
"moment": "^2.29.1",
|
||||||
@@ -31,9 +38,7 @@
|
|||||||
"vue-custom-scrollbar": "^1.4.4",
|
"vue-custom-scrollbar": "^1.4.4",
|
||||||
"vue-i18n": "^8.22.4",
|
"vue-i18n": "^8.22.4",
|
||||||
"vue-router": "^3.2.0",
|
"vue-router": "^3.2.0",
|
||||||
"vuex": "^3.4.0",
|
"vuex": "^3.4.0"
|
||||||
"increase-memory-limit": "^1.0.3",
|
|
||||||
"cross-env": "^5.0.5"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@vue/cli-plugin-babel": "~4.5.0",
|
"@vue/cli-plugin-babel": "~4.5.0",
|
||||||
|
|||||||
@@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<div class="scroll-wrapper" ref="scroll" :style="{height: height}">
|
||||||
|
<div class="scroll-content" ref="content">
|
||||||
|
<slot></slot>
|
||||||
|
<van-loading
|
||||||
|
v-if="loading"
|
||||||
|
type="spinner"
|
||||||
|
size="16px"
|
||||||
|
text-size="12px"
|
||||||
|
color="#3170A8"
|
||||||
|
style="text-align: center"
|
||||||
|
>加载中...</van-loading>
|
||||||
|
<div v-if="data.length > 0 && data.length >= total" style="font-size: 12px;text-align: center;color: #999">已加载全部数据</div>
|
||||||
|
<van-empty v-if="!loading && data.length === 0" description="暂无数据" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BScroll from '@better-scroll/core'
|
||||||
|
import ScrollBar from '@better-scroll/scroll-bar'
|
||||||
|
import Pullup from '@better-scroll/pull-up'
|
||||||
|
|
||||||
|
BScroll.use(ScrollBar)
|
||||||
|
BScroll.use(Pullup)
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "PhoneScroll",
|
||||||
|
props: {
|
||||||
|
// 容器wrapper高度
|
||||||
|
height: {
|
||||||
|
type: String,
|
||||||
|
default: '100%'
|
||||||
|
},
|
||||||
|
data: {
|
||||||
|
type: Array,
|
||||||
|
default: () => [],
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
// 是否加载中
|
||||||
|
loading: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
// 总数
|
||||||
|
total: {
|
||||||
|
type: Number,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
// 上拉加载回调
|
||||||
|
pullingUpHandler: {
|
||||||
|
type: Function,
|
||||||
|
default: () => {
|
||||||
|
console.log('请传入上拉加载回调函数参数pullingUpHandler')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
bs: null,
|
||||||
|
toEnd: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
data() {
|
||||||
|
this.refreshScroll()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
refreshScroll () {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (!this.bs) {
|
||||||
|
this.bs = new BScroll(this.$refs.scroll, {
|
||||||
|
probeType: 3,
|
||||||
|
scrollbar: true,
|
||||||
|
pullUpLoad: {
|
||||||
|
threshold: 50
|
||||||
|
},
|
||||||
|
click: true
|
||||||
|
})
|
||||||
|
this.bs && this.bs.on('pullingUp', () => {
|
||||||
|
this.pullingUpHandler()
|
||||||
|
// 结束上拉加载
|
||||||
|
this.bs.finishPullUp()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.bs.on('scroll', (x, y ,z) => {
|
||||||
|
console.log(x,y,z)
|
||||||
|
})
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.bs.refresh()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
scrollTo (x, y ,time, easing) {
|
||||||
|
if (this.bs) {
|
||||||
|
this.bs.scrollTo(x, y, time, easing)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.scroll-wrapper {
|
||||||
|
/*height: calc(100vh - 131px);*/
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -148,28 +148,20 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="roles"
|
prop="NameList"
|
||||||
label="角色"
|
label="所属岗位">
|
||||||
>
|
<template slot-scope="scope">
|
||||||
<template slot-scope="scope">
|
<el-popover trigger="hover" placement="top">
|
||||||
{{getRoleName(scope.row.roles)}}
|
{{ scope.row.NameList }}
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
<p v-if="!scope.row.institutionName ||scope.row.NameList.length<15">
|
||||||
|
{{ scope.row.NameList }}
|
||||||
|
</p>
|
||||||
|
<p v-else> {{ scope.row.NameList.substring(0, 15) }}...</p>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column-->
|
|
||||||
<!-- prop="NameList"-->
|
|
||||||
<!-- label="所属岗位">-->
|
|
||||||
<!-- <template slot-scope="scope">-->
|
|
||||||
<!-- <el-popover trigger="hover" placement="top">-->
|
|
||||||
<!-- {{ scope.row.NameList }}-->
|
|
||||||
<!-- <div slot="reference" class="name-wrapper">-->
|
|
||||||
<!-- <p v-if="!scope.row.institutionName ||scope.row.NameList.length<15">-->
|
|
||||||
<!-- {{ scope.row.NameList }}-->
|
|
||||||
<!-- </p>-->
|
|
||||||
<!-- <p v-else> {{ scope.row.NameList.substring(0, 15) }}...</p>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </el-popover>-->
|
|
||||||
<!-- </template>-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="状态"
|
label="状态"
|
||||||
width="100px">
|
width="100px">
|
||||||
@@ -314,12 +306,6 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getRoleName(roles){
|
|
||||||
let names=roles.map(item=>{
|
|
||||||
return item.name
|
|
||||||
})
|
|
||||||
return names.join(',')
|
|
||||||
},
|
|
||||||
clearAllSearch() {
|
clearAllSearch() {
|
||||||
this.searchForm = {
|
this.searchForm = {
|
||||||
uname: "",
|
uname: "",
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
:lazy="false"
|
:lazy="false"
|
||||||
:show-checkbox="true"
|
:show-checkbox="true"
|
||||||
node-key="id"
|
node-key="id"
|
||||||
:default-expanded-keys="[data[0].id]"
|
:default-expanded-keys="data.length > 0 ? [data[0].id] : []"
|
||||||
:check-strictly="true"
|
:check-strictly="true"
|
||||||
:expand-on-click-node="false"
|
:expand-on-click-node="false"
|
||||||
:check-on-click-node="true"
|
:check-on-click-node="true"
|
||||||
|
|||||||
@@ -0,0 +1,341 @@
|
|||||||
|
<template>
|
||||||
|
<div id="domestic-stand">
|
||||||
|
<div class="search-head">
|
||||||
|
<div class="head-title">
|
||||||
|
<span class="left-title" @click="back"> < </span>
|
||||||
|
<span class="right-title">{{titleName}}</span>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;align-items: center">
|
||||||
|
<van-search
|
||||||
|
style="flex: 1;padding-right: 0"
|
||||||
|
v-model="searchQuery.selectValue"
|
||||||
|
show-action
|
||||||
|
placeholder="请输入搜索关键词"
|
||||||
|
@search="onSearch"
|
||||||
|
>
|
||||||
|
<template #action>
|
||||||
|
<div @click="onSearch">搜索</div>
|
||||||
|
</template>
|
||||||
|
</van-search>
|
||||||
|
<div @click="onChoose" style="color: #fff;padding: 10px 12px 0 0">
|
||||||
|
<van-icon name="filter-o" color="#fff" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<PhoneScroll
|
||||||
|
ref="scroll"
|
||||||
|
height="calc(100vh - 100px)"
|
||||||
|
:data="list"
|
||||||
|
:total="total"
|
||||||
|
:loading="loading"
|
||||||
|
:pullingUpHandler="pullingUpHandler">
|
||||||
|
<div style="padding-top: 10px">
|
||||||
|
<div class="card-content"
|
||||||
|
v-for="item in list"
|
||||||
|
:key="item.id"
|
||||||
|
@click="jumpDetails(item)">
|
||||||
|
<div class="standTitle">
|
||||||
|
<div v-if="$route.query.standType === 'POLICY'" class="title">{{item.lawsNumber}}</div>
|
||||||
|
<div v-else class="title">{{ item.stand_code || item.numbershow }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="standContent">
|
||||||
|
<div class="standState">{{(item.nameshow && item.nameshow !== '') ? item.nameshow : (item.standName && item.standName !== '') ? item.standName : item.standEnName }}</div>
|
||||||
|
<div class="standSubTime" v-if="$route.query.standType === 'POLICY'">标准状态:
|
||||||
|
<span v-if="lawsMap[item.lawsTextState] === '作废'"
|
||||||
|
style="color: #F56C6C; padding-left: 5px;">
|
||||||
|
{{ lawsMap[item.lawsTextState] }}
|
||||||
|
</span>
|
||||||
|
<span v-else-if="lawsMap[item.lawsTextState] === '参考' || lawsMap[item.lawsTextState] === '被代替' || lawsMap[item.lawsTextState] === '现行有效'"
|
||||||
|
style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ lawsMap[item.lawsTextState] }}
|
||||||
|
</span>
|
||||||
|
<span v-else style=" padding-left: 5px;">
|
||||||
|
{{ lawsMap[item.lawsTextState] }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime" v-else-if="$route.query.standType === 'bussstand'" >标准状态:
|
||||||
|
<span v-if="item.textStatusBussName === '废止'" style="color: #F56C6C; padding-left: 5px;"> {{ item.textStatusBussName }} </span>
|
||||||
|
<span v-else-if="item.textStatusBussName === '参考' || item.textStatusBussName === '被代替'" style="color: #35720B; padding-left: 5px;">{{ item.textStatusBussName }}</span>
|
||||||
|
<span v-else style=" padding-left: 5px;">{{ item.textStatusBussName }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime" v-else >标准状态:
|
||||||
|
<span v-if="textStatusMap[item.textStatus] === '废止'"
|
||||||
|
style="color: #F56C6C; padding-left: 5px;">
|
||||||
|
{{ textStatusMap[item.textStatus] }}
|
||||||
|
</span>
|
||||||
|
<span v-else-if="textStatusMap[item.textStatus] === '参考' || textStatusMap[item.textStatus] === '被代替'"
|
||||||
|
style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ textStatusMap[item.textStatus] }}
|
||||||
|
</span>
|
||||||
|
<span v-else style=" padding-left: 5px;">
|
||||||
|
{{ textStatusMap[item.textStatus] }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-time">
|
||||||
|
<div style="margin-top: 10px">
|
||||||
|
<span style="padding-left: 10px;min-width: 200px;">
|
||||||
|
发布日期： {{ item.issueTime ? (item.issueTime !== '' ? $moment(item.issueTime).format("YYYY-MM-DD") : " ") : " " }}
|
||||||
|
</span>
|
||||||
|
<span style="padding-left: 15px;" v-if="$route.query.standType === 'POLICY'">实施日期： {{item.XCXSSRQLAWS}}</span>
|
||||||
|
<span style="padding-left: 15px;" v-else-if="$route.query.standType === 'bussstand'">实施日期： {{item.putTime}}</span>
|
||||||
|
<span style="padding-left: 15px;" v-else>实施日期： {{item.SSRQ}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</PhoneScroll>
|
||||||
|
|
||||||
|
<standardSystemPopup :init-keys="searchQuery.standSystem" @searchQuery="setSearchQuery" ref="standardSystemPopupRef" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
|
||||||
|
import standardSystemPopup from "../components/standardSystemPopup";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "domesticStand",
|
||||||
|
components: {
|
||||||
|
PhoneScroll,
|
||||||
|
standardSystemPopup,
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
titleName: '',
|
||||||
|
searchQuery: {
|
||||||
|
selectIndex: 'stand',
|
||||||
|
selectValue: '',
|
||||||
|
standSystem: [],
|
||||||
|
textStatus: '现行有效',
|
||||||
|
selectType: 'titleSearch',
|
||||||
|
standType: 'INLAND',
|
||||||
|
page: 1,
|
||||||
|
pageSize: 20
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
loading: false,
|
||||||
|
list: [],
|
||||||
|
url: {
|
||||||
|
searchSarBykey: 'search/searchCenter/searchSarBykey'
|
||||||
|
},
|
||||||
|
textStatusMap: {},
|
||||||
|
natureMap:{},
|
||||||
|
lawsMap:{},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
switch (this.$route.query.standType) {
|
||||||
|
case 'INLAND':
|
||||||
|
this.titleName = '国内标准法规库'
|
||||||
|
break
|
||||||
|
case 'FOREIGN':
|
||||||
|
this.titleName = '海外标准法规库'
|
||||||
|
break
|
||||||
|
case 'bussstand':
|
||||||
|
this.titleName = '企业标准'
|
||||||
|
break
|
||||||
|
case 'POLICY':
|
||||||
|
this.titleName = '国内外政策库'
|
||||||
|
break
|
||||||
|
}
|
||||||
|
this.getDicTypeListCode()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pullingUpHandler () {
|
||||||
|
if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
|
||||||
|
this.searchQuery.page = this.searchQuery.page + 1
|
||||||
|
this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onSearch () {
|
||||||
|
this.list = []
|
||||||
|
this.searchQuery.page = 1
|
||||||
|
// 返回顶部
|
||||||
|
this.$refs.scroll.scrollTo(0, 0)
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
switch (this.$route.query.standType) {
|
||||||
|
case 'INLAND':
|
||||||
|
this.searchQuery.selectIndex = 'stand'
|
||||||
|
this.searchQuery.standType = 'INLAND'
|
||||||
|
break
|
||||||
|
case 'FOREIGN':
|
||||||
|
this.searchQuery.selectIndex = 'stand'
|
||||||
|
this.searchQuery.standType = 'FOREIGN'
|
||||||
|
break
|
||||||
|
case 'bussstand':
|
||||||
|
this.searchQuery.selectIndex = 'bussstand'
|
||||||
|
this.searchQuery.standType = 'bussstand'
|
||||||
|
break
|
||||||
|
case 'POLICY':
|
||||||
|
this.searchQuery.selectIndex = 'laws'
|
||||||
|
this.searchQuery.standType = 'laws'
|
||||||
|
break
|
||||||
|
}
|
||||||
|
const config = {
|
||||||
|
_this: this,
|
||||||
|
loading: 'loading'
|
||||||
|
}
|
||||||
|
this.$http._postData("search/searchCenter/searchSarBykey", this.searchQuery, config).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.total = res.data.count
|
||||||
|
|
||||||
|
if (this.searchQuery.page === 1) {
|
||||||
|
this.list = res.data.list
|
||||||
|
} else {
|
||||||
|
this.list = [...this.list, ...res.data.list]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onChoose () {
|
||||||
|
this.$refs.standardSystemPopupRef.open()
|
||||||
|
},
|
||||||
|
setSearchQuery (searchQuery) {
|
||||||
|
this.searchQuery.standSystem = searchQuery.checkedKeys
|
||||||
|
this.searchQuery.textStatus = searchQuery.textStatusName
|
||||||
|
this.onSearch()
|
||||||
|
},
|
||||||
|
getDicTypeListCode () {
|
||||||
|
this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
|
||||||
|
this.dict = {...res.data}
|
||||||
|
this.setMap(this.dict.WBZTCLASS, 'textStatusMap')
|
||||||
|
this.setMap(this.dict.lawsTextState, 'lawsMap')
|
||||||
|
this.setMap(this.dict.SARPROPERTY, 'natureMap')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
setMap(data, key) {
|
||||||
|
data.forEach(item => {
|
||||||
|
this.$set(this[key], item.value, item.label);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//返回上一个页面
|
||||||
|
back(){
|
||||||
|
this.$router.push('/phoneHome')
|
||||||
|
},
|
||||||
|
jumpDetails(item){
|
||||||
|
if (this.$route.query.standType === 'INLAND') {
|
||||||
|
this.$router.push({
|
||||||
|
name: 'domesticDetails',
|
||||||
|
query: {
|
||||||
|
id: item.id,
|
||||||
|
pageType: 'INLAND_STAND'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else if (this.$route.query.standType === 'FOREIGN') {
|
||||||
|
this.$router.push({
|
||||||
|
name: 'domesticDetails',
|
||||||
|
query: {
|
||||||
|
id: item.id,
|
||||||
|
pageType: 'FOREIGN_STAND'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else if (this.$route.query.standType === 'bussstand') {
|
||||||
|
this.$router.push({
|
||||||
|
name: 'domesticDetails',
|
||||||
|
query: {
|
||||||
|
id: item.id,
|
||||||
|
pageType: 'BUSS'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
#domestic-stand {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: #F6F6F6;
|
||||||
|
|
||||||
|
.search-head {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
background: #3170A8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-title {
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
.left-title {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-title {
|
||||||
|
float: right;
|
||||||
|
margin-right: 34%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.van-search {
|
||||||
|
background: #3170A8;
|
||||||
|
padding: 10px 12px 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-search__content {
|
||||||
|
background: #8DB2D0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-search__action {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-content{
|
||||||
|
width: 95%;
|
||||||
|
height: auto;
|
||||||
|
margin: 10px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
.standTitle{
|
||||||
|
.title{
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: auto;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.standContent{
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-top: 5px;
|
||||||
|
.standState{
|
||||||
|
height: auto;
|
||||||
|
padding-left: 10px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
.standSubTime{
|
||||||
|
padding-left: 10px;
|
||||||
|
height: auto;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-time{
|
||||||
|
font-size: 3.4vw;
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
margin-top: 5px;
|
||||||
|
border-top: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-content:first-child{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,156 @@
|
|||||||
|
<template>
|
||||||
|
<div class="root">
|
||||||
|
<div style="padding: 10px 12px 0;text-align: right">
|
||||||
|
<van-icon name="filter-o" color="#000" size="20px" style="margin-right: 20px" @click="onOpen" />
|
||||||
|
</div>
|
||||||
|
<PhoneScroll
|
||||||
|
height="calc(100vh - 131px)"
|
||||||
|
:data="list"
|
||||||
|
:total="total"
|
||||||
|
:loading="loading"
|
||||||
|
:pullingUpHandler="pullingUpHandler">
|
||||||
|
<div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
|
||||||
|
<div class="standTitle">
|
||||||
|
<div class="title">
|
||||||
|
{{ item.dataTitle && item.dataTitle.length > 40 ? item.dataTitle.slice(0, 39) + "..." : item.dataTitle }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="standContent">
|
||||||
|
<div class="standState">类型:
|
||||||
|
<span style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ item.dataType && item.dataType.length > 30 ? item.dataType.slice(0, 29) + "..." : item.dataType }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime">上传时间:
|
||||||
|
<span style="padding-left: 5px;">
|
||||||
|
{{ $moment(item.dataUploadTime).format("YYYY-MM-DD HH:mm:ss") }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</PhoneScroll>
|
||||||
|
<folderPopup ref="folderPopupRef" @checked="setChecked" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import folderPopup from "./folderPopup";
|
||||||
|
import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "DataCenter",
|
||||||
|
components: {
|
||||||
|
folderPopup,
|
||||||
|
PhoneScroll
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
searchQuery: {
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
treeId: ''
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pullingUpHandler () {
|
||||||
|
if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
|
||||||
|
this.searchQuery.page = this.searchQuery.page + 1
|
||||||
|
this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onOpen () {
|
||||||
|
this.$refs.folderPopupRef.open(this.searchQuery.treeId || null)
|
||||||
|
},
|
||||||
|
setChecked (currentData) {
|
||||||
|
this.currentSearch = currentData
|
||||||
|
this.searchQuery.treeId = currentData.id || ''
|
||||||
|
this.searchQuery.page = 1
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
const config = {
|
||||||
|
_this: this,
|
||||||
|
loading: 'loading'
|
||||||
|
}
|
||||||
|
this.$http._getData('fileMaterialCenter/file-material', this.searchQuery, config).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.total = res.data.total
|
||||||
|
if (this.searchQuery.page === 1) {
|
||||||
|
this.list = res.data.records
|
||||||
|
} else {
|
||||||
|
this.list = [...this.list, ...res.data.records]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
jumpDetails(item) {
|
||||||
|
this.$router.push({
|
||||||
|
name: "zlzxDetails",
|
||||||
|
query: {
|
||||||
|
id: item.id
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
.root {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.scroll-wrapper {
|
||||||
|
height: calc(100vh - 131px);
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-content {
|
||||||
|
width: 95%;
|
||||||
|
height: auto;
|
||||||
|
margin: 10px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
|
.standTitle {
|
||||||
|
.title {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: auto;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.standContent {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #555555;
|
||||||
|
font-weight: 450;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
.standState {
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.standSubTime {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,187 @@
|
|||||||
|
<template>
|
||||||
|
<div class="root">
|
||||||
|
<div style="padding: 10px 12px 0;text-align: right">
|
||||||
|
<van-icon name="filter-o" color="#000" size="20px" style="margin-right: 20px" @click="onOpen" />
|
||||||
|
</div>
|
||||||
|
<div class="scroll-wrapper" ref="scroll">
|
||||||
|
<div class="scroll-content" ref="content">
|
||||||
|
<div class="card-content" v-for="item in standardReleaseList" :key="item.id">
|
||||||
|
<div class="standTitle">
|
||||||
|
<div class="title">
|
||||||
|
{{ item.dataTitle && item.dataTitle.length > 40 ? item.dataTitle.slice(0, 39) + "..." : item.dataTitle }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="standContent">
|
||||||
|
<div class="standState">类型:
|
||||||
|
<span style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ item.dataType && item.dataType.length > 30 ? item.dataType.slice(0, 29) + "..." : item.dataType }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime">上传时间:
|
||||||
|
<span style="padding-left: 5px;">
|
||||||
|
{{ $moment(item.dataUploadTime).format("YYYY-MM-DD HH:mm:ss") }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<van-loading
|
||||||
|
v-if="loading"
|
||||||
|
type="spinner"
|
||||||
|
size="16px"
|
||||||
|
text-size="12px"
|
||||||
|
color="#3170A8"
|
||||||
|
style="text-align: center"
|
||||||
|
>加载中...</van-loading>
|
||||||
|
<div v-if="toEnd && total > 0" style="font-size: 12px;text-align: center;color: #999">暂无更多数据</div>
|
||||||
|
<van-empty v-if="total === 0" description="暂无数据" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<folderPopup ref="folderPopupRef" @checked="setChecked" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BScroll from '@better-scroll/core'
|
||||||
|
import ScrollBar from '@better-scroll/scroll-bar'
|
||||||
|
import Pullup from '@better-scroll/pull-up'
|
||||||
|
import folderPopup from "./folderPopup";
|
||||||
|
|
||||||
|
BScroll.use(ScrollBar)
|
||||||
|
BScroll.use(Pullup)
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "DataCenter",
|
||||||
|
components: {
|
||||||
|
folderPopup
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
searchQuery: {
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
treeId: ''
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
standardReleaseList: [],
|
||||||
|
loading: false,
|
||||||
|
toEnd: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
refreshScroll () {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (!this.bs) {
|
||||||
|
this.bs = new BScroll(this.$refs.scroll, {
|
||||||
|
probeType: 3,
|
||||||
|
scrollbar: true,
|
||||||
|
pullUpLoad: {
|
||||||
|
threshold: 50
|
||||||
|
},
|
||||||
|
click: true
|
||||||
|
})
|
||||||
|
this.bs.on('pullingUp', () => {
|
||||||
|
this.pullingUpHandler()
|
||||||
|
|
||||||
|
// 结束上拉加载
|
||||||
|
this.bs.finishPullUp()
|
||||||
|
})
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.bs.refresh()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
pullingUpHandler () {
|
||||||
|
if (this.searchQuery.page * this.searchQuery.pageSize >= this.total) {
|
||||||
|
// 没有更多数据
|
||||||
|
this.toEnd = true
|
||||||
|
} else {
|
||||||
|
this.searchQuery.page = this.searchQuery.page + 1
|
||||||
|
this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onOpen () {
|
||||||
|
this.$refs.folderPopupRef.open(this.searchQuery.treeId || null)
|
||||||
|
},
|
||||||
|
setChecked (currentData) {
|
||||||
|
this.currentSearch = currentData
|
||||||
|
this.searchQuery.treeId = currentData.id || ''
|
||||||
|
this.searchQuery.page = 1
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
const config = {
|
||||||
|
_this: this,
|
||||||
|
loading: 'loading'
|
||||||
|
}
|
||||||
|
this.$http._getData('fileMaterialCenter/file-material', this.searchQuery, config).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.total = res.data.total
|
||||||
|
if (this.searchQuery.page === 1) {
|
||||||
|
this.standardReleaseList = res.data.records
|
||||||
|
} else {
|
||||||
|
this.standardReleaseList = [...this.standardReleaseList, ...res.data.records]
|
||||||
|
}
|
||||||
|
this.refreshScroll()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
.root {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.scroll-wrapper {
|
||||||
|
height: calc(100vh - 131px);
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-content {
|
||||||
|
width: 95%;
|
||||||
|
height: auto;
|
||||||
|
margin: 10px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
|
.standTitle {
|
||||||
|
.title {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: auto;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.standContent {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #555555;
|
||||||
|
font-weight: 450;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
.standState {
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.standSubTime {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,145 @@
|
|||||||
|
<template>
|
||||||
|
<PhoneScroll
|
||||||
|
height="calc(100vh - 131px)"
|
||||||
|
:data="list"
|
||||||
|
:total="total"
|
||||||
|
:loading="loading"
|
||||||
|
:pullingUpHandler="pullingUpHandler">
|
||||||
|
<div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
|
||||||
|
<div class="standTitle">
|
||||||
|
<div class="title">{{ item.standardName }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="standContent">
|
||||||
|
<div class="standState">标准状态:
|
||||||
|
<span style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ dict.WBZTCLASS && dict.WBZTCLASS.find(i => i.value === item.textState).label || '-' }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime">发布日期:
|
||||||
|
<span style="padding-left: 5px;">{{ item.releaseDate }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</PhoneScroll>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "StandardRegulations",
|
||||||
|
components: {
|
||||||
|
PhoneScroll
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
searchQuery: {
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
messageType: 'GNWBZFG'
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
dict: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getDicTypeListCode()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pullingUpHandler () {
|
||||||
|
if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
|
||||||
|
this.searchQuery.page = this.searchQuery.page + 1
|
||||||
|
this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
const config = {
|
||||||
|
_this: this,
|
||||||
|
loading: 'loading'
|
||||||
|
}
|
||||||
|
this.$http._getData("lawss/NewsFeed/getNewsFeed", this.searchQuery, config).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.total = res.data.total
|
||||||
|
|
||||||
|
if (this.searchQuery.page === 1) {
|
||||||
|
this.list = res.data.records
|
||||||
|
} else {
|
||||||
|
this.list = [...this.list, ...res.data.records]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getDicTypeListCode () {
|
||||||
|
this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
|
||||||
|
this.dict = {...res.data}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
jumpDetails(item) {
|
||||||
|
this.$router.push({
|
||||||
|
name: "domesticDetails",
|
||||||
|
query: {
|
||||||
|
id: item.standardId,
|
||||||
|
pageType: "INLAND_STAND"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
.root {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.scroll-wrapper {
|
||||||
|
height: calc(100vh - 131px);
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-content {
|
||||||
|
width: 95%;
|
||||||
|
height: auto;
|
||||||
|
margin: 10px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
|
.standTitle {
|
||||||
|
.title {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: auto;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.standContent {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #555555;
|
||||||
|
font-weight: 450;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
.standState {
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.standSubTime {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,145 @@
|
|||||||
|
<template>
|
||||||
|
<PhoneScroll
|
||||||
|
height="calc(100vh - 131px)"
|
||||||
|
:data="list"
|
||||||
|
:total="total"
|
||||||
|
:loading="loading"
|
||||||
|
:pullingUpHandler="pullingUpHandler">
|
||||||
|
<div class="card-content" v-for="item in list" :key="item.id" @click="jumpDetails(item)">
|
||||||
|
<div class="standTitle">
|
||||||
|
<div class="title">{{ item.standardName }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="standContent">
|
||||||
|
<div class="standState">标准状态:
|
||||||
|
<span style="color: #35720B; padding-left: 5px;">
|
||||||
|
{{ dict.WBZTCLASS && dict.WBZTCLASS.find(i => i.value === item.textState).label || '-' }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="standSubTime">发布日期:
|
||||||
|
<span style="padding-left: 5px;">{{ item.releaseDate }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</PhoneScroll>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import PhoneScroll from "@/components/hzwlComponents/phone/PhoneScroll";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "UnderResearchStandards",
|
||||||
|
components: {
|
||||||
|
PhoneScroll
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
searchQuery: {
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
messageType: 'ZYBZFG'
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
dict: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getDicTypeListCode()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pullingUpHandler () {
|
||||||
|
if (this.searchQuery.page * this.searchQuery.pageSize <= this.total) {
|
||||||
|
this.searchQuery.page = this.searchQuery.page + 1
|
||||||
|
this.getData()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
const config = {
|
||||||
|
_this: this,
|
||||||
|
loading: 'loading'
|
||||||
|
}
|
||||||
|
this.$http._getData("lawss/NewsFeed/getNewsFeed", this.searchQuery, config).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.total = res.data.total
|
||||||
|
|
||||||
|
if (this.searchQuery.page === 1) {
|
||||||
|
this.list = res.data.records
|
||||||
|
} else {
|
||||||
|
this.list = [...this.list, ...res.data.records]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getDicTypeListCode () {
|
||||||
|
this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
|
||||||
|
this.dict = {...res.data}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
jumpDetails(item) {
|
||||||
|
this.$router.push({
|
||||||
|
name: "domesticDetails",
|
||||||
|
query: {
|
||||||
|
id: item.standardId,
|
||||||
|
pageType: "INLAND_STAND"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
.root {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.scroll-wrapper {
|
||||||
|
height: calc(100vh - 131px);
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-content {
|
||||||
|
width: 95%;
|
||||||
|
height: auto;
|
||||||
|
margin: 10px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
|
.standTitle {
|
||||||
|
.title {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
height: auto;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.standContent {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
color: #555555;
|
||||||
|
font-weight: 450;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
.standState {
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.standSubTime {
|
||||||
|
font-size: 3.4vw;
|
||||||
|
padding-left: 10px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,108 @@
|
|||||||
|
<!--全库检索-->
|
||||||
|
<template>
|
||||||
|
<div id="standDynamics">
|
||||||
|
<div class="search-head">
|
||||||
|
<div class="head-title">
|
||||||
|
<span class="left-title" @click="back"> < </span>
|
||||||
|
<span class="right-title">标准化动态</span>
|
||||||
|
</div>
|
||||||
|
<van-tabs v-model="active">
|
||||||
|
<van-tab name="ZYBZFG" title="在研标准入库">
|
||||||
|
<UnderResearchStandards v-if="active==='ZYBZFG'"></UnderResearchStandards>
|
||||||
|
</van-tab>
|
||||||
|
<van-tab name="GNWBZFG" title="标准法规入库">
|
||||||
|
<StandardRegulations v-if="active==='GNWBZFG'"></StandardRegulations>
|
||||||
|
</van-tab>
|
||||||
|
<van-tab name="ZLZX" title="资料中心">
|
||||||
|
<DataCenter v-if="active==='ZLZX'"></DataCenter>
|
||||||
|
</van-tab>
|
||||||
|
</van-tabs>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import UnderResearchStandards from "./components/UnderResearchStandards";
|
||||||
|
import StandardRegulations from "./components/StandardRegulations";
|
||||||
|
import DataCenter from "./components/DataCenter";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "standDynamics",
|
||||||
|
components: {
|
||||||
|
UnderResearchStandards,
|
||||||
|
StandardRegulations,
|
||||||
|
DataCenter
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
active: "ZYBZFG",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//返回上一个页面
|
||||||
|
back() {
|
||||||
|
this.$router.push("/phoneHome");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
#standDynamics {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: #F6F6F6;
|
||||||
|
|
||||||
|
.search-head {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
background: #3170A8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-title {
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
.left-title {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-title {
|
||||||
|
float: right;
|
||||||
|
margin-right: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-tabs {
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .van-tabs__content {
|
||||||
|
width: 100%;
|
||||||
|
height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-tab {
|
||||||
|
color: #3170A8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .van-tab--active {
|
||||||
|
color: #3170A8;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .van-tabs__line {
|
||||||
|
width: 30%;
|
||||||
|
background-color: #3170A8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .van-tab__pane {
|
||||||
|
height: 95%;
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
<el-input v-model="opinionContent.chapterName" autocomplete="off" placeholder="请输入"></el-input>
|
<el-input v-model="opinionContent.chapterName" autocomplete="off" placeholder="请输入"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="修改前" label-width="" class="add-form-item">
|
<el-form-item label="修改前" label-width="" class="add-form-item">
|
||||||
<div v-html="opinionContent.oldText" style="margin: 56px 0 0 10px;"></div>
|
<div v-html="opinionContent.oldText" class="itemsTextBox" style="margin: 56px 0 0 10px;"></div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="修改后" prop="newText" label-width="" class="add-form-item">
|
<el-form-item label="修改后" prop="newText" label-width="" class="add-form-item">
|
||||||
<el-input v-model="opinionContent.newText" autocomplete="off" placeholder="请输入"></el-input>
|
<el-input v-model="opinionContent.newText" autocomplete="off" placeholder="请输入"></el-input>
|
||||||
|
|||||||
@@ -105,14 +105,20 @@ const routes = [
|
|||||||
{
|
{
|
||||||
path: '/standDynamics',
|
path: '/standDynamics',
|
||||||
name: 'standDynamics',
|
name: 'standDynamics',
|
||||||
|
component: () => import('@/pages/phone/standDynamics/index')
|
||||||
|
/*
|
||||||
component: () =>
|
component: () =>
|
||||||
import('@/pages/phone/standDynamics')
|
import('@/pages/phone/standDynamics')
|
||||||
|
*/
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/domesticStand',
|
path: '/domesticStand',
|
||||||
name: 'domesticStand',
|
name: 'domesticStand',
|
||||||
|
component: () => import('@/pages/phone/domesticStand/index')
|
||||||
|
/*
|
||||||
component: () =>
|
component: () =>
|
||||||
import('@/pages/phone/domesticStand')
|
import('@/pages/phone/domesticStand')
|
||||||
|
*/
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/domesticDetails',
|
path: '/domesticDetails',
|
||||||
|
|||||||
Reference in New Issue
Block a user