Skip to content

A
apaas-ui
Commit d8e67540 authored by 徐一鸣's avatar 徐一鸣
Browse files
Options

up pages

parent 00300dc2
Expand all Show whitespace changes
Inline Side-by-side
Showing with 805 additions and 628 deletions
src/components/table-um.vue
View file @ d8e67540
......@@ -24,7 +24,8 @@
type="primary"
@click="addRow()"
class="ces_toolbar_btn"
>新增</el-button>
>新增</el-button
>
<el-input
prefix-icon="el-icon-search"
v-if="searchShow"
......@@ -95,9 +96,19 @@
:header-cell-class-name="headerCellClassName"
v-cloak
>
<el-table-column v-if="isSelection" type="selection" align="center"></el-table-column>
<el-table-column
v-if="isSelection"
type="selection"
align="center"
></el-table-column>
<!-- 序号 -->
<el-table-column v-if="isIndex" type="index" :label="indexLabel" width="80" align="center"></el-table-column>
<el-table-column
v-if="isIndex"
type="index"
:label="indexLabel"
width="80"
align="center"
></el-table-column>
<!-- 数据栏 -->
<el-table-column
......@@ -114,28 +125,45 @@
<!-- 操作按钮 -->
<span v-if="item.type === 'Button'">
<b v-for="(btn, key) in item.btnList" :key="key">
<em v-if="btn.label == '分配'">
<em
class="action"
v-if="btn.label == '分配'||btn.label == '已分配'"
v-if="btn.label == '分配' && scope.row.state == 0"
class="cur_pointer"
style="color: #0f2683"
@click="handleClick(btn.type, scope.row)"
>
<em v-if="btn.label == '分配'&&scope.row.state == 0" style="color: #0f2683" @click="handleClick(btn.type, scope.row)">{{ btn.label }}</em>
<em v-if="btn.label == '已分配'&&scope.row.state == 1">{{ btn.label }}</em>
分配
</em>
<em v-if="btn.label == '分配' && scope.row.state == 1">
已分配
</em>
</em>
<em
class="action"
v-else-if="btn.label == '删除'&&btn.local"
class="cur_pointer"
v-else-if="btn.label == '删除' && btn.local"
:class="btn.type"
:style="{color: btn.label=='删除' ? '#830f53' : '#0f2683'}"
:style="{
color: btn.label == '删除' ? '#830f53' : '#0f2683',
}"
@click="deleteLocal(scope)"
>{{ btn.label }}</em>
>{{ btn.label }}</em
>
<em
class="action"
class="cur_pointer"
v-else
:class="btn.type"
:style="{color: btn.label=='删除' ? '#830f53' : '#0f2683'}"
:style="{
color: btn.label == '删除' ? '#830f53' : '#0f2683',
}"
@click="handleClick(btn.type, scope.row)"
>{{ btn.label }}</em>
<em v-if="btn.line" style="padding:0 20px;color:#edf0ff">{{ btn.line }}</em>
>{{ btn.label }}</em
>
<em v-if="btn.line" style="padding:0 20px;color:#edf0ff">
{{ btn.line }}
</em>
</b>
</span>
<!--href 链接-->
......@@ -171,7 +199,9 @@
trigger="hover"
:content="scope.row[item.prop]"
>
<div slot="reference" class="overlit">{{ scope.row[item.prop] }}</div>
<div slot="reference" class="overlit">
{{ scope.row[item.prop] }}
</div>
</el-popover>
<!-- others -->
<span v-else>{{ scope.row[item.prop] }}</span>
......@@ -240,7 +270,7 @@ export default {
"v-apaas-table-input": tableInput,
"v-apaas-table-select": tableSelect,
"v-apaas-table-umhref": tableUmhref,
"d-confirm": DConfirm
"d-confirm": DConfirm,
},
props: {
// 表格型号：mini,medium,small
......@@ -265,78 +295,78 @@ export default {
// },
searchShow: {
type: Boolean,
default: false
default: false,
},
url: {
type: String,
default: ""
default: "",
},
detailsUrl: {
type: String,
default: ""
default: "",
},
rowprop: {
type: String,
default: ""
default: "",
},
ready: {
type: Boolean,
default: false
default: false,
},
addRowBtn: {
type: Boolean,
default: false
default: false,
},
couldNotEdit: {
type: Boolean,
default: false
default: false,
},
refreshInit: { type: Boolean },
sortBy: {
type: String,
default: ""
default: "",
},
searchNoName: { type: Boolean, default: false },
emptyText: {
type: String,
default: "暂无数据"
default: "暂无数据",
},
autoAdd: {
type: Boolean,
default: false
default: false,
},
border: {
type: Boolean,
default: false
default: false,
},
stripe: {
type: Boolean,
default: false
default: false,
},
radius: {
type: Boolean,
default: false
default: false,
},
pageSizeShow: {
type: Boolean,
default: false
default: false,
},
paginationShow: {
type: Boolean,
default: false
default: false,
},
headerCellClassName: {
type: String,
default: ""
default: "",
},
filterList: {
type: Array,
default: null
default: null,
},
showHeader: {
type: Boolean,
default: true
}
default: true,
},
},
data() {
return {
......@@ -344,7 +374,7 @@ export default {
pagination: {
rowsPerPage: 10,
page: 1,
total: 0
total: 0,
},
delSelect: null,
helper: helper,
......@@ -353,23 +383,23 @@ export default {
pageOptions: [
{
value: "10",
label: "10"
label: "10",
},
{
value: "20",
label: "20"
label: "20",
},
{
value: "50",
label: "50"
}
label: "50",
},
],
search: "",
times: null,
showFliterList: false,
filterData: null, // 筛选条件
filterToggle: null, // 控制筛选条件的展开和收起
filterLength: 0 // 每行最多可容纳多少个过滤条件
filterLength: 0, // 每行最多可容纳多少个过滤条件
};
},
mounted() {
......@@ -387,25 +417,25 @@ export default {
if (val) {
this.getDataFromApiSync();
}
}
},
},
url: {
handler(val) {
this.getDataFromApiSync();
},
deep: true
deep: true,
},
filterList: {
handler(val) {
this.initFilterData();
},
deep: true
}
deep: true,
},
},
methods: {
//本地删除
deleteLocal(val){
this.selectedTabsPage.splice(val.$index, 1)　
deleteLocal(val) {
this.selectedTabsPage.splice(val.$index, 1);
},
// get data
getDataFromApiSync() {
......@@ -420,14 +450,14 @@ export default {
}
} else {
this.getDataFromApi().then(
data => {
(data) => {
this.selectedTabsPage = JSON.parse(JSON.stringify(data.newArr));
this.pagination.total = data.total;
if (this.autoAdd) {
this.addRow();
}
},
err => {
(err) => {
console.log("失败" + err);
}
);
......@@ -440,7 +470,7 @@ export default {
this.all_url = `/static/data.json`;
this.$http
.get(this.all_url)
.then(response => {
.then((response) => {
let newArr = response.data.data[this.url];
// if it is true url, total is response's total
let total = newArr.length;
......@@ -485,7 +515,7 @@ export default {
this.$message({
showClose: true,
message: this.label + "成功",
type: "success"
type: "success",
});
},
switchChange(val) {
......@@ -557,7 +587,7 @@ export default {
if (this.filterList && this.filterList.length) {
this.filterData = {};
this.filterToggle = {};
this.filterList.forEach(item => {
this.filterList.forEach((item) => {
this.$set(this.filterData, item.prop, []);
this.$set(this.filterToggle, item.prop, false);
});
......@@ -570,8 +600,8 @@ export default {
this.filterData[prop].push(filter);
}
console.log(this.filterData);
}
}
},
},
};
</script>
......@@ -621,7 +651,7 @@ em {
font-style: normal;
user-select: none;
}
em.action {
.cur_pointer {
cursor: pointer;
}
.ces-table .el-table--mini td,
......
src/pages/fwglList.vue
View file @ d8e67540
This diff is collapsed.
static/data.json
View file @ d8e67540
......@@ -5,25 +5,29 @@
"date": "2016-05-02",
"name": "王小虎",
"address": "0",
"id": "ssss2722"
"id": "ssss2722",
"state": 0
},
{
"date": "2016-05-04",
"name": "王小虎",
"address": "0",
"id": "ssss2224"
"id": "ssss2224",
"state": 0
},
{
"date": "2016-05-01",
"name": "王小虎",
"address": "0",
"id": "ssss222"
"id": "ssss222",
"state": 1
},
{
"date": "2016-05-03",
"name": "王小虎",
"address": "0",
"id": "ssss22"
"id": "ssss22",
"state": 0
}
],
"tableData1": [
......@@ -66,7 +70,7 @@
"address": "上海市普陀区金沙江路 1516 弄"
}
],
"service_size_arr":[
"service_size_arr": [
{
"id": 1,
"fwcs": "100",
......@@ -98,14 +102,14 @@
"ggsm": "每日可访问100次，访问量为1000PV"
}
],
"params_arr":[
"params_arr": [
{
"id": 1,
"zdmc": "地区",
"zdbm": "area",
"zdlx": "字符串",
"zdsm": "这是一个地区的名称",
"zdsl":"贵阳市"
"zdsl": "贵阳市"
},
{
"id": 2,
......@@ -113,7 +117,7 @@
"zdbm": "GDP",
"zdlx": "字符串",
"zdsm": "这是一个地区的总值",
"zdsl":"1235",
"zdsl": "1235",
"children": [
{
"id": 21,
......@@ -121,12 +125,12 @@
"zdbm": "area",
"zdlx": "字符串",
"zdsm": "这是一个地区的名称",
"zdsl":"贵阳市"
"zdsl": "贵阳市"
}
]
}
],
"params_use_arr":[
"params_use_arr": [
{
"id": 1,
"dydw": "某某省某某市莫某城管局字符占位",
......@@ -173,27 +177,27 @@
"sqsj": "2016-05-02 12:20:35"
}
],
"creat_app":[
"creat_app": [
{
"id": 1,
"yymc": "地市GDP基础数据",
"yylx": "基础数据服务",
"yybb": "V1.1.1",
"yycjsj": "2016-05-02 12:20:35",
"yybscs":12
"yybscs": 12
}
],
"check_app":[
"check_app": [
{
"id": 1,
"yymc": "地市GDP基础数据",
"yylx": "基础数据服务",
"yybb": "V1.1.1",
"yyspsj": "2016-05-02 12:20:35",
"spzt":12
"spzt": 12
}
],
"nor_service_list":[
"nor_service_list": [
{
"id": 1,
"fwmc": "地市GDP基础数据",
......@@ -230,7 +234,7 @@
"bdycs": "12"
}
],
"nor_apply_service":[
"nor_apply_service": [
{
"id": 1,
"fwmc": "地市GDP基础数据",
......@@ -266,9 +270,8 @@
"sqsj": "2016-05-02",
"sqspzt": "待审批"
}
],
"nor_service_sh":[
"nor_service_sh": [
{
"id": 1,
"fwmc": "地市GDP基础数据",
......@@ -304,10 +307,8 @@
"spsj": "2016-05-02",
"spzt": "待审批"
}
],
"nor_cloud":[
"nor_cloud": [
{
"id": 1,
"gzqy": "地市GDP基础数据",
......@@ -316,7 +317,7 @@
"ncgb": "12",
"zyzlgb": "1024",
"sqzt": "审批通过",
"state":1
"state": 1
},
{
"id": 1,
......@@ -326,7 +327,7 @@
"ncgb": "12",
"zyzlgb": "1024",
"sqzt": "审批通过",
"state":0
"state": 0
},
{
"id": 1,
......@@ -336,7 +337,7 @@
"ncgb": "12",
"zyzlgb": "1024",
"sqzt": "审批通过",
"state":0
"state": 0
},
{
"id": 1,
......@@ -346,7 +347,7 @@
"ncgb": "12",
"zyzlgb": "1024",
"sqzt": "审批通过",
"state":0
"state": 0
},
{
"id": 1,
......@@ -356,10 +357,10 @@
"ncgb": "12",
"zyzlgb": "1024",
"sqzt": "审批通过",
"state":1
"state": 1
}
],
"nor_cloud_manage":[
"nor_cloud_manage": [
{
"id": 1,
"sszz": "地市GDP基础",
......@@ -396,22 +397,22 @@
"gzqysl": "10"
}
],
"min_service_params_arr":[
"min_service_params_arr": [
{
"id":1,
"wfwmc":"apaas-mapvideos",
"jkzt":"N/A",
"jklj":"http://mapvideo.wodcloud.com/mapvideos/",
"wfwms":"地图视频融合应用服务"
"id": 1,
"wfwmc": "apaas-mapvideos",
"jkzt": "N/A",
"jklj": "http://mapvideo.wodcloud.com/mapvideos/",
"wfwms": "地图视频融合应用服务"
}
],
"apply_params_arr":[
"apply_params_arr": [
{
"id":1,
"wfwmc":"apaas-mapvideos",
"jkzt":"N/A",
"jklj":"http://mapvideo.wodcloud.com/mapvideos/",
"wfwms":"地图视频融合应用服务"
"id": 1,
"wfwmc": "apaas-mapvideos",
"jkzt": "N/A",
"jklj": "http://mapvideo.wodcloud.com/mapvideos/",
"wfwms": "地图视频融合应用服务"
}
],
"fwzc_fwcs": [
......
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