Commit 3a86fa2d authored by zhangdong's avatar zhangdong

捷安菜后台样式

parent 01a8e223
......@@ -22,7 +22,7 @@ a {
.content-box {
min-width: 1200px;
min-width: 1400px;
/* width:1670px; */
position: absolute;
left: 250px;
......
......@@ -23,7 +23,7 @@
:index="subItem.index"
:key="subItem.index"
>
<template slot="title">{{ subItem.label }}</template>
<template slot="title" >{{ subItem.label }}</template>
<el-menu-item
v-for="(threeItem,i) in subItem.children"
:key="i"
......@@ -34,6 +34,7 @@
v-else
:index="subItem.index"
:key="subItem.index"
style="font-size:12px"
>{{ subItem.label }}</el-menu-item>
</template>
</el-submenu>
......
<template>
<div class="data-table">
<!--面包 -->
<el-breadcrumb v-if="breads.length>0" separator="/" style="margin-bottom:30px">
<el-breadcrumb-item v-for="(item,index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
</el-breadcrumb>
<!--条件查询 -->
<el-form ref="checkData" :size="size" :label-width="labelWidth" :model="objInput" inline>
<el-form-item v-for="(item,index) in checklist" :label="item.title" :key="index" :prop="item.model">
<!-- 输入框 -->
<el-input v-if="item.type==='input'" v-model.trim="objInput[item.model]" :size="size" :style="{width: item.width}" :disabled="item.disabled" placeholder="请输入" clearable maxlength="30"></el-input>
<!-- 下拉框 -->
<el-select v-if="item.type==='select'" v-model="objInput[item.model]" :style="{width: item.width}" :size="size" placeholder="请选择" clearable @change="item.change(checklist[item.prop])">
<el-option v-for="op in item.selectlist" :label="op.label" :value="op.value" :key="op.value"></el-option>
</el-select>
<!-- 时间范围选择器 -->
<el-date-picker
v-if="item.type=='timeRange'"
v-model="objInput[item.model]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
<div v-if="checklist.length>0" class="checklist-button">
<el-button type="primary" @click="query">查询</el-button>
<el-button @click="rest('checkData')">重置</el-button>
<slot name="moreButton"></slot>
</div>
</el-form>
<!-- 表格 -->
<el-table :data="tableData" :style="{marginTop: tableTop + 'px'}" border style="width:100%" @selection-change="handleSelectionChange">
<el-table-column
v-if="isIndex"
type="index"
width="100"
label="序号"
align="center">
</el-table-column>
<template v-for="(col, index) in columns">
<!-- check -->
<el-table-column v-if="col.selection" :key="index" align="left" type="selection" width="100"></el-table-column>
<!-- 操作列/自定义列 -->
<slot v-else-if="col.slot" :name="col.slot"></slot>
<!-- 普通列 -->
<el-table-column
v-else
:key="index"
:prop="col.prop"
:label="col.label"
:width="col.width"
:formatter="col.formatter"
:sortable="col.sortable"
align="center">
</el-table-column>
</template>
</el-table>
<!-- 分页 -->
<div v-if="isPageobj" :style="{ marginBottom: marginBottom + 'px', marginTop: marginTop + 'px' }" class="flex-center" >
<el-pagination
:current-page="pageObj.currentPage"
:page-sizes="sizes"
:page-size="pageObj.size"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
<div class="data-table">
<!--面包 -->
<el-breadcrumb v-if="breads.length > 0" separator="/" style="margin-bottom: 30px">
<el-breadcrumb-item v-for="(item, index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
</el-breadcrumb>
<!--条件查询 -->
<el-form ref="checkData" :size="size" :label-width="labelWidth" :model="objInput" inline>
<el-form-item v-for="(item, index) in checklist" :label="item.title" :key="index" :prop="item.model">
<!-- 输入框 -->
<el-input
v-if="item.type === 'input'"
v-model.trim="objInput[item.model]"
:size="size"
:style="{ width: item.width }"
:disabled="item.disabled"
placeholder="请输入"
clearable
maxlength="30"
></el-input>
<!-- 下拉框 -->
<el-select
v-if="item.type === 'select'"
v-model="objInput[item.model]"
:style="{ width: item.width }"
:size="size"
placeholder="请选择"
clearable
@change="item.change(checklist[item.prop])"
>
<el-option v-for="op in item.selectlist" :label="op.label" :value="op.value" :key="op.value"></el-option>
</el-select>
<!-- 时间范围选择器 -->
<el-date-picker
v-if="item.type == 'timeRange'"
v-model="objInput[item.model]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<div v-if="checklist.length > 0" class="checklist-button">
<el-button type="primary" @click="query">查询</el-button>
<el-button @click="rest('checkData')">重置</el-button>
<slot name="moreButton"></slot>
</div>
</el-form>
<!-- 表格 -->
<el-table
:data="tableData"
:style="{ marginTop: tableTop + 'px' }"
border
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column v-if="isIndex" type="index" width="100" label="序号" align="center"> </el-table-column>
<template v-for="(col, index) in columns">
<!-- check -->
<el-table-column v-if="col.selection" :key="index" align="left" type="selection" width="100"></el-table-column>
<!-- 操作列/自定义列 -->
<slot v-else-if="col.slot" :name="col.slot"></slot>
<!-- 普通列 -->
<el-table-column
v-else
:key="index"
:prop="col.prop"
:label="col.label"
:width="col.width"
:formatter="col.formatter"
:sortable="col.sortable"
align="center"
>
</el-table-column>
</template>
</el-table>
<!-- 分页 -->
<div v-if="isPageobj" :style="{ marginBottom: marginBottom + 'px', marginTop: marginTop + 'px' }" class="flex-center">
<el-pagination
:current-page="pageObj.currentPage"
:page-sizes="sizes"
:page-size="pageObj.size"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import {getTime1} from '@utils/time'
import { getList } from '@api/common/list'
import { getTime1 } from '@utils/time';
import { getList } from '@api/common/list';
export default {
name: 'dataTable',
props: {
isIndex: {
type: Boolean,
default: false
},
isPageobj: {
type: Boolean,
default: true
},
labelWidth: {
type: String,
default: '100px'
},
size: {
type: String,
default: 'medium'
},
// tableData: {
// type: Array,
// default() {
// return []
// }
// },
columns: {
type: Array,
default() {
return []
}
},
sizes: {
type: Array,
default() {
return [10, 15, 20]
}
},
pageObj: {
type: Object,
default() {
return {}
}
},
breads: {
type: Array,
default() {
return []
}
},
checklist: {
type: Array,
default() {
return []
}
},
tableTop: {
type: Number,
default: 0
},
marginTop: {
type: Number,
default: 200
},
marginBottom: {
type: Number,
default: 100
},
url: {
type: String,
default: ''
}
},
data() {
return {
objInput: {},
ceshi: {},
tableData: [],
total: 1
}
},
created() {
console.log("分页")
if (this.checklist.length > 0) {
const obj = {}
this.checklist.forEach((item) => {
obj[item.model] = ''
})
this.objInput = obj
}
this.getauditList()
},
//
methods: {
async getauditList() {
let pageObj = this.pageObj
let url = this.url
const { code, data, total } = await getList(pageObj, url)
if (code === 200) {
for(let item of data){
if(item.endTime){
item.end=getTime1(item.endTime)
}
name: 'dataTable',
props: {
isIndex: {
type: Boolean,
default: false
},
isPageobj: {
type: Boolean,
default: true
},
size: {
type: String,
default: 'medium'
},
// tableData: {
// type: Array,
// default() {
// return []
// }
// },
columns: {
type: Array,
default() {
return [];
}
},
sizes: {
type: Array,
default() {
return [10, 15, 20];
}
},
pageObj: {
type: Object,
default() {
return {};
}
},
breads: {
type: Array,
default() {
return [];
}
},
checklist: {
type: Array,
default() {
return [];
}
},
tableTop: {
type: Number,
default: 0
},
marginTop: {
type: Number,
default: 200
},
marginBottom: {
type: Number,
default: 100
},
url: {
type: String,
default: ''
}
this.tableData = data
this.total = total
}
},
// async list(pageObj) {
// let url = this.url
// const { code, data } = await getList(pageObj, url)
// if (code === 200) {
// for(let item of data){
// item.createTime=getTime1(item.createTime)
// item.endTime=getTime1(item.endTime)
// }
// this.tableData = data
// this.total = total
// }
// },
handleSizeChange(val) {
let pageObj = this.pageObj
pageObj.size = val
this.getauditList(pageObj)
console.log(`每页 ${val} 条`)
},
handleCurrentChange(val) {
let pageObj = this.pageObj
pageObj.currentPage = val
this.getauditList(pageObj)
console.log(`当前页: ${val}`)
},
// 查询
query() {
let message=this.objInput;
this.pageObj.currentPage=1
Object.assign(message,this.pageObj)
this.pageObj=message
this.getauditList()
data() {
return {
objInput: {},
ceshi: {},
tableData: [],
total: 1,
labelWidth:''
};
},
// check选择id
handleSelectionChange(val) {
this.$emit('sendSelection', val)
},
// 重置
rest(data) {
this.$refs[data].resetFields()
this.pageObj.currentPage=1
this.pageObj.size=10
this.getauditList(this.pageObj);
},
handlerelease() {
console.log('1')
created() {
if (this.checklist.length > 0) {
let length =this.checklist[0].title.length ;
this.labelWidth=length*25+""
const obj = {};
this.checklist.forEach((item) => {
obj[item.model] = '';
});
this.objInput = obj;
}
this.getauditList();
},
indexMethod(index) {
return index + 1
//
methods: {
async getauditList() {
let pageObj = this.pageObj;
let url = this.url;
const { code, data, total } = await getList(pageObj, url);
if (code === 200) {
for (let item of data) {
if (item.endTime) {
item.end = getTime1(item.endTime);
}
}
this.tableData = data;
this.total = total;
}
},
// async list(pageObj) {
// let url = this.url
// const { code, data } = await getList(pageObj, url)
// if (code === 200) {
// for(let item of data){
// item.createTime=getTime1(item.createTime)
// item.endTime=getTime1(item.endTime)
// }
// this.tableData = data
// this.total = total
// }
// },
handleSizeChange(val) {
let pageObj = this.pageObj;
pageObj.size = val;
this.getauditList(pageObj);
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
let pageObj = this.pageObj;
pageObj.currentPage = val;
this.getauditList(pageObj);
console.log(`当前页: ${val}`);
},
// 查询
query() {
let message = this.objInput;
this.pageObj.currentPage = 1;
Object.assign(message, this.pageObj);
this.pageObj = message;
this.getauditList();
},
// check选择id
handleSelectionChange(val) {
this.$emit('sendSelection', val);
},
// 重置
rest(data) {
this.$refs[data].resetFields();
this.pageObj.currentPage = 1;
this.pageObj.size = 10;
this.getauditList(this.pageObj);
},
handlerelease() {
console.log('1');
},
indexMethod(index) {
return index + 1;
}
}
}
}
};
</script>
<style scoped>
.check {
flex-wrap: wrap;
}
.check {
flex-wrap: wrap;
}
.check>div {
margin-right: 50px;
margin-bottom: 20px;
}
.check > div {
margin-right: 50px;
margin-bottom: 20px;
}
.check {
margin-bottom: 30px
}
.checklist-button{
display: inline-block;
margin-left: 50px;
margin-bottom:30px
}
.check {
margin-bottom: 30px;
}
.checklist-button {
margin-left: 50px;
margin-bottom: 30px;
float: right;
}
</style>
......@@ -68,10 +68,6 @@ export default {
type: Boolean,
default: false
},
labelWidth: {
type: String,
default: '100px'
},
size: {
type: String,
default: 'medium'
......@@ -126,11 +122,14 @@ export default {
data() {
return {
objInput: {},
ceshi: {}
ceshi: {},
labelWidth:""
}
},
created() {
if (this.checklist.length > 0) {
let length =Number(this.checklist[0].title.length) ;
this.labelWidth=length*25+""
const obj = {}
this.checklist.forEach((item) => {
obj[item.model] = ''
......
<template>
<div class="data-table">
<!--面包 -->
<el-breadcrumb v-if="breads.length>0" separator="/" style="margin-bottom:30px">
<el-breadcrumb-item v-for="(item,index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
</el-breadcrumb>
<!--条件查询 -->
<el-form ref="checkData" :size="size" :label-width="labelWidth" :model="objInput" inline>
<el-form-item v-for="(item,index) in checklist" :label="item.title" :key="index" :prop="item.model">
<!-- 输入框 -->
<el-input v-if="item.type==='input'" v-model.trim="objInput[item.model]" :size="size" :style="{width: item.width}" :disabled="item.disabled" placeholder="请输入" clearable maxlength="30"></el-input>
<!-- 下拉框 -->
<el-select v-if="item.type==='select'" v-model="objInput[item.model]" :style="{width: item.width}" :size="size" placeholder="请选择" clearable @change="item.change(checklist[item.prop])">
<el-option v-for="op in item.selectlist" :label="op.label" :value="op.id" :key="op.id"></el-option>
</el-select>
<!-- 时间范围选择器 -->
<el-date-picker
v-if="item.type=='timeRange'"
v-model="objInput[item.model]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
<div v-if="checklist.length>0" class="checklist-button">
<el-button type="primary" @click="query">查询</el-button>
<el-button @click="rest('checkData')">重置</el-button>
<slot name="moreButton"></slot>
</div>
</el-form>
<!-- 表格 -->
<el-table :data="tableData" :style="{marginTop: tableTop + 'px'}" border style="width:100%" @selection-change="handleSelectionChange">
<el-table-column
v-if="isIndex"
type="index"
width="100"
label="序号"
align="center">
</el-table-column>
<template v-for="(col, index) in columns">
<!-- check -->
<el-table-column v-if="col.selection" :key="index" align="left" type="selection" width="100"></el-table-column>
<!-- 操作列/自定义列 -->
<slot v-else-if="col.slot" :name="col.slot"></slot>
<!-- 普通列 -->
<el-table-column
v-else
:key="index"
:prop="col.prop"
:label="col.label"
:width="col.width"
:formatter="col.formatter"
:sortable="col.sortable"
align="center">
</el-table-column>
</template>
</el-table>
</div>
<div class="data-table">
<!--面包 -->
<el-breadcrumb v-if="breads.length > 0" separator="/" style="margin-bottom: 30px">
<el-breadcrumb-item v-for="(item, index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
</el-breadcrumb>
<!--条件查询 -->
<el-form ref="checkData" :size="size" :label-width="labelWidth" :model="objInput" inline>
<el-form-item v-for="(item, index) in checklist" :label="item.title" :key="index" :prop="item.model">
<!-- 输入框 -->
<el-input
v-if="item.type === 'input'"
v-model.trim="objInput[item.model]"
:size="size"
:style="{ width: item.width }"
:disabled="item.disabled"
placeholder="请输入"
clearable
maxlength="30"
></el-input>
<!-- 下拉框 -->
<el-select
v-if="item.type === 'select'"
v-model="objInput[item.model]"
:style="{ width: item.width }"
:size="size"
placeholder="请选择"
clearable
@change="item.change(checklist[item.prop])"
>
<el-option v-for="op in item.selectlist" :label="op.label" :value="op.id" :key="op.id"></el-option>
</el-select>
<!-- 时间范围选择器 -->
<el-date-picker
v-if="item.type == 'timeRange'"
v-model="objInput[item.model]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<div v-if="checklist.length > 0" class="checklist-button">
<el-button type="primary" @click="query">查询</el-button>
<el-button @click="rest('checkData')">重置</el-button>
<slot name="moreButton"></slot>
</div>
</el-form>
<!-- 表格 -->
<el-table
:data="tableData"
:style="{ marginTop: tableTop + 'px' }"
border
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column v-if="isIndex" type="index" width="100" label="序号" align="center"> </el-table-column>
<template v-for="(col, index) in columns">
<!-- check -->
<el-table-column v-if="col.selection" :key="index" align="left" type="selection" width="100"></el-table-column>
<!-- 操作列/自定义列 -->
<slot v-else-if="col.slot" :name="col.slot"></slot>
<!-- 普通列 -->
<el-table-column
v-else
:key="index"
:prop="col.prop"
:label="col.label"
:width="col.width"
:formatter="col.formatter"
:sortable="col.sortable"
align="center"
>
</el-table-column>
</template>
</el-table>
</div>
</template>
<script>
import { queryList } from '@api/common/list'
import { queryList } from '@api/common/list';
export default {
name: 'dataTable',
props: {
isIndex: {
type: Boolean,
default: false
name: 'dataTable',
props: {
isIndex: {
type: Boolean,
default: false
},
size: {
type: String,
default: 'medium'
},
// tableData: {
// type: Array,
// default() {
// return []
// }
// },
columns: {
type: Array,
default() {
return [];
}
},
breads: {
type: Array,
default() {
return [];
}
},
checklist: {
type: Array,
default() {
return [];
}
},
tableTop: {
type: Number,
default: 0
},
marginTop: {
type: Number,
default: 200
},
marginBottom: {
type: Number,
default: 100
},
url: {
type: String,
default: ''
},
sendData: {
type: Object,
default() {
return {};
}
}
},
labelWidth: {
type: String,
default: '100px'
data() {
return {
objInput: {},
ceshi: {},
tableData: [],
labelWidth: ''
};
},
size: {
type: String,
default: 'medium'
created() {
if (this.checklist.length > 0) {
let length = Number(this.checklist[0].title.length);
this.labelWidth=length*25+""
const obj = {};
this.checklist.forEach((item) => {
obj[item.model] = '';
});
this.objInput = obj;
}
this.getqueryList();
},
// tableData: {
// type: Array,
// default() {
// return []
// }
// },
columns: {
type: Array,
default() {
return []
}
},
breads: {
type: Array,
default() {
return []
}
},
checklist: {
type: Array,
default() {
return []
}
},
tableTop: {
type: Number,
default: 0
},
marginTop: {
type: Number,
default: 200
},
marginBottom: {
type: Number,
default: 100
},
url: {
type: String,
default: ''
},
sendData:{
type: Object,
default() {
return {}
}
}
},
data() {
return {
objInput: {},
ceshi: {},
tableData:[]
//
methods: {
// 查询
query() {
this.getqueryList();
},
// check选择id
handleSelectionChange(val) {
this.$emit('sendSelection', val);
},
// 重置
rest(data) {
this.$refs[data].resetFields();
this.getqueryList();
},
//
async getqueryList() {
try {
let message = {};
let sendData = this.sendData;
Object.assign(sendData, this.objInput);
const { data, code } = await queryList(sendData, this.url);
if (code === 200) {
console.log(data);
this.tableData = data;
}
} catch (e) {
console.log(e);
}
}
}
},
created() {
if (this.checklist.length > 0) {
const obj = {}
this.checklist.forEach((item) => {
obj[item.model] = ''
})
this.objInput = obj
};
this.getqueryList();
},
//
methods: {
// 查询
query() {
this.getqueryList();
},
// check选择id
handleSelectionChange(val) {
this.$emit('sendSelection', val)
},
// 重置
rest(data) {
this.$refs[data].resetFields()
this.getqueryList();
},
//
async getqueryList() {
try {
let message={};
let sendData=this.sendData
Object.assign(sendData,this.objInput)
const {
data,
code
} = await queryList(sendData,this.url)
if (code === 200) {
console.log(data);
this.tableData = data
}
} catch (e) {
console.log(e)
}
}
}
}
};
</script>
<style scoped>
.check {
flex-wrap: wrap;
}
.check {
flex-wrap: wrap;
}
.check>div {
margin-right: 50px;
margin-bottom: 20px;
}
.check > div {
margin-right: 50px;
margin-bottom: 20px;
}
.check {
margin-bottom: 30px
}
.checklist-button{
display: inline-block;
margin-left: 50px;
margin-bottom:30px
}
.check {
margin-bottom: 30px;
}
.checklist-button {
display: inline-block;
margin-left: 50px;
margin-bottom: 30px;
}
</style>
......@@ -2,7 +2,7 @@
<div>
<div class="content">
<dataTable :columns="columns" :page-obj="pageObj" :breads="breads" :checklist="checklist" url="/tender-project/list">
<el-button slot="moreButton" type="primary" style="margin-left: 50px;" @click="handlerelease">发布项目</el-button>
<el-button slot="moreButton" type="primary" @click="handlerelease">发布项目</el-button>
<el-table-column slot="operate" label="项目类型" align="center" fixed="right" width="100">
<template slot-scope="scope">
<div v-if="scope.row.bidType==0">公开招标</div>
......
<template>
<div>
<div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<el-button type="primary" @click="add">创建新的角色</el-button>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="30">
<dataBreadcrumb :breads="breads" :breadbottom="0"></dataBreadcrumb>
<el-button type="primary" @click="add" class="add">创建新的角色</el-button>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="50">
<el-table-column slot="operate" label="操作" align="center" fixed="right">
<template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看</el-button>
<el-button type="text" size="small" @click="handdelete(scope.row)" v-if="scope.row.roleId!==1">删除</el-button>
<el-button type="text" size="small" @click="handdelete(scope.row)" v-if="scope.row.roleId !== 1">删除</el-button>
</template>
</el-table-column>
</dataTable>
......@@ -16,7 +16,7 @@
</template>
<script>
import { roleList,roledelete } from '@api/purchaser/organization';
import { roleList, roledelete } from '@api/purchaser/organization';
import dataTable from '@components/nopageTable.vue';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
export default {
......@@ -73,7 +73,7 @@ export default {
console.log(e);
}
},
see(row) {
see(row) {
this.$router.push(`/purchaser/organization/jurisdictionSee?id=${row.roleId}`);
},
add() {
......@@ -97,4 +97,10 @@ export default {
</script>
<style scoped>
.add{
position: absolute;
top:10px;
left:180px;
}
</style>
......@@ -15,7 +15,13 @@
</li>
</ul>
<h2>项目信息</h2>
<dataTable :table-data="tabledata" :columns="columns"> </dataTable>
<dataTable :table-data="tabledata" :columns="columns">
<el-table-column slot="operate" label="当前状态" align="left" width="500">
<template slot-scope="scope">
<div>{{ scope.row.state }}</div>
</template>
</el-table-column>
</dataTable>
<!-- <h2 class="se-h2">待办事项</h2>
<ul class="project-list flex">
<li v-for="item in projectlist" :key="item.id">
......@@ -133,15 +139,14 @@ export default {
//表格第一行
columns: [
{
label: '当前状态',
prop: 'state'
selection: true
},
{
label: '数量',
prop: 'number'
slot: 'operate'
},
{
slot: 'opration'
label: '数量',
prop: 'number'
}
],
tabledata: [
......@@ -217,16 +222,16 @@ export default {
}
.user-list > li {
margin-right: 70px;
font-size:30px;
color:#fff
font-size: 30px;
color: #fff;
}
.user-list > li >p{
font-size: 18px;
margin-top:10px;
margin-bottom: 10px;
.user-list > li > p {
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.user-list > li >i{
color:#fff
.user-list > li > i {
color: #fff;
}
h5 {
margin-top: 30px;
......
......@@ -2,8 +2,8 @@
<div>
<div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<el-button type="primary" @click="add">创建新的角色</el-button>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="30">
<el-button type="primary" @click="add" class="add">创建新的角色</el-button>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="50">
<el-table-column slot="operate" label="操作" align="center" fixed="right">
<template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看</el-button>
......@@ -97,4 +97,10 @@ export default {
</script>
<style scoped>
.add{
position: absolute;
top:10px;
left:180px;
}
</style>
......@@ -7,7 +7,7 @@ import {requestUrl,homeUrl} from "./common.js"
// 创建axios实例
const service = axios.create({
baseURL: `/apis`,
// baseURL:"http://www.eugood.cn/apis",
baseURL:"http://www.eugood.cn/apis",
timeout: 35000 // 请求超时时间
})
......
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