Skip to content

A
apaas-ui
Commit 46b37b8a authored by 刘殿昕's avatar 刘殿昕
Browse files
Options

列表页

parent 280f1b65
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2125 additions and 1068 deletions
build/webpack.dev.conf.js
View file @ 46b37b8a
......@@ -67,6 +67,13 @@ const devWebpackConfig = merge(baseWebpackConfig, {
to: config.dev.assetsSubDirectory,
ignore: ['.*']
}
]),
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../docs'),
to: config.dev.assetsSubDirectory,
ignore: ['.*']
}
])
],
optimization: {
......
docs/antv.json 0 → 100644
View file @ 46b37b8a
This diff is collapsed.
docs/data.json 0 → 100644
View file @ 46b37b8a
This diff is collapsed.
docs/fwcs_data_service_list.json 0 → 100644
View file @ 46b37b8a
{
"data": {
"data": [
{
"id": 0,
"title": "水路货物周转量情况",
"state": 0,
"resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
"provider": "提供机构提供机构提供机构",
"dataField": "经济建设",
"serviceType": "数据服务 专题数据服务 企业专题数据服务",
"updateTime": "2020-03-12 18:31:12",
"numberOfMonth": "2698755",
"rate": 3
},
{
"id": 1,
"title": "水路货物周转量情况",
"state": 2,
"resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
"provider": "提供机构提供机构提供机构",
"dataField": "经济建设",
"serviceType": "数据服务 专题数据服务 企业专题数据服务",
"updateTime": "2020-03-12 18:31:12",
"numberOfMonth": "2698745",
"rate": 3.4
},
{
"id": 2,
"title": "水路货物周转量情况",
"state": 1,
"resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
"provider": "提供机构提供机构提供机构",
"dataField": "经济建设",
"serviceType": "数据服务 专题数据服务 企业专题数据服务",
"updateTime": "2020-03-12 18:31:12",
"numberOfMonth": "2698455",
"rate": 2.5
},
{
"id": 3,
"title": "水路货物周转量情况",
"state": 0,
"resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务",
"provider": "提供机构提供机构提供机构",
"dataField": "经济建设",
"serviceType": "数据服务 专题数据服务 企业专题数据服务",
"updateTime": "2020-03-12 18:31:12",
"numberOfMonth": "267455",
"rate": 3.7
}
]
}
}
\ No newline at end of file
docs/fwcs_data_service_list_filter.json 0 → 100644
View file @ 46b37b8a
{
"data": {
"filterList": [
{
"id": 1283,
"name": "数据服务类型",
"children": [
{
"id": 1233,
"name": "诶哦尬舞",
"children": [
{
"id": 18273,
"name": "那我空间服务"
},
{
"id": 12378343,
"name": "诶哦尬舞"
},
{
"id": 123533,
"name": "诶哦尬舞"
}
]
},
{
"id": 121833,
"name": "诶哦尬舞"
},
{
"id": 1234573,
"name": "诶哦尬舞"
},
{
"id": 134534233,
"name": "诶哦尬舞"
},
{
"id": 1234533,
"name": "诶哦尬舞"
},
{
"id": 123533,
"name": "诶哦尬舞",
"children": [
{
"id": 1824573,
"name": "那我空间服务"
},
{
"id": 123378343,
"name": "诶哦尬舞"
},
{
"id": 1235333,
"name": "诶哦尬舞"
}
]
},
{
"id": 12112833,
"name": "诶哦尬舞"
},
{
"id": 12341573,
"name": "诶哦尬舞"
},
{
"id": 1345434233,
"name": "诶哦尬舞"
},
{
"id": 12345533,
"name": "诶哦尬舞"
}
]
},
{
"id": 128133,
"name": "数据服务类型",
"children": [
{
"id": 123313,
"name": "诶哦尬舞",
"children": [
{
"id": 1821373,
"name": "那我个社工师空间服务"
},
{
"id": 123728343,
"name": "诶哦甲方推荐尬舞"
},
{
"id": 12312533,
"name": "诶哦库空调尬舞"
}
]
},
{
"id": 121123833,
"name": "诶哦尬舞"
},
{
"id": 1231234573,
"name": "诶哦达瓦大尬舞"
},
{
"id": 13453334233,
"name": "诶哦达瓦大尬舞"
},
{
"id": 1234123533,
"name": "诶哦尬舞"
},
{
"id": 123512333,
"name": "诶哦尬舞",
"children": [
{
"id": 1824123573,
"name": "那我空间服务"
},
{
"id": 1233738343,
"name": "诶哦尬舞"
},
{
"id": 123125333,
"name": "诶哦尬舞"
}
]
},
{
"id": 1211312833,
"name": "诶哦挖到尬舞"
},
{
"id": 12341231573,
"name": "诶哦尬舞"
},
{
"id": 13454314233,
"name": "诶哦色粉尬舞"
},
{
"id": 123452533,
"name": "诶环境日哦尬舞"
}
]
}
]
}
}
\ No newline at end of file
docs/harbor_api_projects_3.json deleted 100644 → 0
View file @ 280f1b65
This diff is collapsed.
src/assets/css/index.css
View file @ 46b37b8a
......@@ -452,3 +452,14 @@ width: 620px!important;
.el-radio__input.is-checked .el-radio__inner::after {
background-color: #e56600;
}
/* 面包屑样式 */
.bread_crumb {
margin: 20px;
font-size: 14px;
}
.bread_crumb .el-breadcrumb__inner {
color: #b4c0f5 !important;
}
.bread_crumb .is-link {
color: #626de9 !important;
}
\ No newline at end of file
src/components/commodity-cell.vue
View file @ 46b37b8a
......@@ -8,37 +8,37 @@
</div>
<div class="com_cell_message">
<div class="com_cell_msg_title">
水路货物周转量情况
<span v-if="cellData.id == 1" class="tags shared">共享</span>
<span v-else-if="cellData.id == 2" class="tags restricted">受限</span>
{{ cellData.title }}
<span v-if="cellData.state == 1" class="tags shared">共享</span>
<span v-else-if="cellData.state == 2" class="tags restricted">受限</span>
<span v-else class="tags sensitive">敏感</span>
</div>
<div class="com_cell_item">
<span class="com_cell_item_title">资源摘要：</span>
<span
class="com_cell_data"
>提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务</span>
>{{ cellData.resourceSummary }}</span>
</div>
<div class="com_cell_item">
<span class="com_cell_item_title">提供机构：</span>
<span class="com_cell_data">贵州省交通运输厅</span>
<span class="com_cell_data">{{ cellData.provider }}</span>
</div>
<div class="com_cell_item">
<span class="com_cell_item_title">数据领域：</span>
<span class="com_cell_data">经济建设</span>
<span class="com_cell_data">{{ cellData.dataField }}</span>
</div>
<div class="com_cell_item">
<span class="com_cell_item_title">服务类型：</span>
<span class="com_cell_data">数据服务 专题数据服务 企业专题数据服务</span>
<span class="com_cell_data">{{ cellData.serviceType }}</span>
</div>
<div class="com_cell_item">
<span class="com_cell_item_title">更新时间：</span>
<span class="com_cell_data">2020-03-12 18:31:12</span>
<span class="com_cell_data">{{ cellData.updateTime }}</span>
</div>
</div>
<div class="com_cell_right">
<el-rate
v-model="cellData.id"
v-model="cellData.rate"
disabled
show-score
text-color="#58617a"
......@@ -46,7 +46,7 @@
></el-rate>
<div class="com_cell_right_text">
<span class="com_cell_right_time_tit">本月获取次数：</span>
<span class="com_cell_right_time">26987455次</span>
<span class="com_cell_right_time">{{ cellData.numberOfMonth }}次</span>
</div>
<el-button class="com_cell_right_btn" @click="goUrl('ssurl')">查看详情</el-button>
</div>
......@@ -122,7 +122,7 @@ export default {
}
.com_cell_right {
width: 250px;
padding: 25px 0 0 60px;
padding: 25px 0 0 50px;
}
.com_cell_right_text {
font-size: 14px;
......@@ -148,7 +148,7 @@ export default {
padding: 1px 8px;
font-size: 12px;
font-weight: 500;
border-radius: 10px;
border-radius: 15px;
position: relative;
top: -2px;
}
......
src/components/commodity-list.vue
View file @ 46b37b8a
......@@ -94,11 +94,11 @@ export default {
methods: {
handleSizeChange(val) {
this.pagination.rowsPerPage = val;
this.$emit("refresh");
this.$emit("refresh", this.pagination);
},
handleCurrentChange(val) {
this.pagination.page += val;
this.$emit("refresh");
this.$emit("refresh", this.pagination);
},
getTotal() {
this.pagination.total = this.datas.length;
......
src/components/service_list.vue 0 → 100644
View file @ 46b37b8a
This diff is collapsed.
src/components/service_shop_menu.vue
View file @ 46b37b8a
<template>
<div class="service_shop_menu">
<ul class="service_shop_menu_list">
<li v-for="(item, index) in menuList" :key="index" @click="active(item)">
<img :src="require('../assets/imgs/' + item.default + '.png')" class="menu_img" />
<span class="menu_item">{{ item.label }}</span>
<li v-for="(item, index) in menuList" :key="index" @click="active(item.id)">
<img
v-if="item.id == actives"
:src="require('../assets/imgs/' + item.active + '.png')"
class="menu_img"
/>
<img v-else :src="require('../assets/imgs/' + item.default + '.png')" class="menu_img" />
<span :class="item.id == actives ? 'menu_item_active':'menu_item'">{{ item.label }}</span>
</li>
</ul>
</div>
......@@ -11,10 +16,11 @@
<script>
export default {
props: {
menuList: {
type: Array,
default: [
props: {},
data() {
return {
actives: 0,
menuList: [
{
id: 0,
label: "数据服务",
......@@ -58,13 +64,25 @@ export default {
default: "tool_ic_yingyongsd"
}
]
};
},
computed: {
getActive() {
return this.$store.state.serviceShopMenu;
}
},
data() {
return {};
watch: {
getActive(newVal) {
this.getActiveMenu(newVal);
}
},
methods: {
active() {}
active(id) {
this.$store.commit("serviceShopMenuAct", id);
},
getActiveMenu(val) {
this.actives = val;
}
}
};
</script>
......@@ -101,4 +119,9 @@ export default {
color: #6573ae;
top: -6px;
}
.menu_item_active {
position: relative;
color: #e6ebfe;
top: -6px;
}
</style>
src/components/table-um.vue
View file @ 46b37b8a
......@@ -448,10 +448,12 @@ export default {
},
handleCurrentChange(val) {
this.pagination.page += val;
this.getDataFromApiSync();
this.$emit("refresh");
},
handleSizeChange(val) {
this.pagination.rowsPerPage = val;
this.getDataFromApiSync();
this.$emit("refresh");
},
renderHeader(h, obj) {
......
src/pages/service_list.vue → src/pages/data_service_list.vue
View file @ 46b37b8a
......@@ -5,29 +5,25 @@
<service-shop-menu></service-shop-menu>
</el-aside>
<el-main>
<block-radius>
<commodity-list :datas="list" url="urlssss" :paginationShow="true" :pageSizeShow="true"></commodity-list>
</block-radius>
<service-list urlList="url1sss" urlFilter="urldwad2222"></service-list>
</el-main>
</el-container>
</div>
</template>
<script>
import CommodityList from "@/components/commodity-list.vue";
import BlockRadius from "@/components/block-radius";
import ServiceShopMenu from "@/components/service_shop_menu";
import ServiceList from "@/components/service_list";
export default {
components: {
"commodity-list": CommodityList,
BlockRadius,
ServiceShopMenu
ServiceShopMenu,
ServiceList
},
data: () => ({
list: [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]
}),
data: () => ({}),
mounted() {},
methods: {}
methods: {
}
};
</script>
<style scoped>
......
src/pages/fwzc_fwcs.vue
View file @ 46b37b8a
......@@ -183,7 +183,12 @@
</el-form-item>
<el-form-item>
<p class="formname">服务描述：</p>
<el-input type="textarea" v-model="form.desc" placeholder="请输入服务描述，不超过200个字" class="form_in"></el-input>
<el-input
type="textarea"
v-model="form.desc"
placeholder="请输入服务描述，不超过200个字"
class="form_in"
></el-input>
</el-form-item>
<el-form-item>
<p class="formname">服务领域：</p>
......@@ -388,10 +393,6 @@ export default {
margin-top: -157px;
margin-bottom: 20px;
}
.bread_crumb {
margin: 20px;
font-size: 14px;
}
.fwcs_btn_act {
width: 100px;
background-color: #e56600;
......@@ -521,12 +522,6 @@ export default {
}
</style>
<style>
.bread_crumb .el-breadcrumb__inner {
color: #b4c0f5 !important;
}
.bread_crumb .is-link {
color: #626de9 !important;
}
.fwcs_fwdz_inner .el-select .el-input {
width: 130px;
background-color: #0f2683;
......
src/router/index.js
View file @ 46b37b8a
......@@ -68,12 +68,12 @@ export default new Router({
{
path: "/fwcs", // 服务超市
name: "fwcs",
component: () => import("@/pages/service_list"),
component: () => import("@/pages/data_service_list"),
children: [
{
path: "/service_list", // 服务超市列表页
name: "fwcsList",
component: () => import("@/pages/service_list"),
path: "/data_service_list", // 服务超市列表页
name: "fwcsDataList",
component: () => import("@/pages/data_service_list"),
},
],
},
......
src/services/helper.js
View file @ 46b37b8a
......@@ -13,3 +13,46 @@ module.exports.GetProperty = function (obj, prop) {
}
return res;
}
module.exports.ymhdateFormat = function (timestamp) {
let date = new Date(timestamp);
let ret;
const opt = {
"Y+": date.getFullYear().toString(), // 年
"m+": (date.getMonth() + 1).toString(), // 月
"d+": date.getDate().toString(), // 日
"H+": date.getHours().toString(), // 时
"M+": date.getMinutes().toString(), // 分
"S+": date.getSeconds().toString() // 秒
// 有其他格式化字符需求可以继续添加，必须转化成字符串
};
var fmt="YYYY-mm-dd HH:MM:SS"
for (let k in opt) {
ret = new RegExp("(" + k + ")").exec(fmt);
if (ret) {
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
};
};
return fmt;
}
module.exports.dateFormat = function (fmt, timestamp) {
let date = new Date(timestamp);
let ret;
const opt = {
"Y+": date.getFullYear().toString(), // 年
"m+": (date.getMonth() + 1).toString(), // 月
"d+": date.getDate().toString(), // 日
"H+": date.getHours().toString(), // 时
"M+": date.getMinutes().toString(), // 分
"S+": date.getSeconds().toString() // 秒
// 有其他格式化字符需求可以继续添加，必须转化成字符串
};
for (let k in opt) {
ret = new RegExp("(" + k + ")").exec(fmt);
if (ret) {
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
};
};
return fmt;
}
\ No newline at end of file
src/store/index.js
View file @ 46b37b8a
......@@ -5,7 +5,8 @@ Vue.use(Vuex);
const store = new Vuex.Store({
state: {
role:1,//0：普通用户，1：组织管理员，2：超级管理员
role: 1,//0：普通用户，1：组织管理员，2：超级管理员
serviceShopMenu: 0, // 服务超市侧边栏
},
modules: {
},
......@@ -13,6 +14,9 @@ const store = new Vuex.Store({
rolefun(state, newValue) {
state.role = newValue;
},
serviceShopMenuAct(state, newValue) {
state.serviceShopMenu = newValue;
},
},
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment