Browse Source

dd

shibei_master
13176889840 4 years ago
parent
commit
4cc93b80d7
  1. 35
      src/views/components/CTable.vue
  2. 2
      src/views/modules/communityService/sqzzz/index.vue
  3. 13
      src/views/modules/workPc/guidance/categoryList.vue
  4. 171
      src/views/modules/workPc/guidance/guidanceList.vue

35
src/views/components/CTable.vue

@ -4,7 +4,6 @@
ref="table" ref="table"
class="tableLimit" class="tableLimit"
:height="table.height" :height="table.height"
:header-cell-style="{color:'#000'}"
:data="tableData" :data="tableData"
:style="{width: '100%'}" :style="{width: '100%'}"
border border
@ -18,7 +17,7 @@
@row-click="handleRowClick"> @row-click="handleRowClick">
<!--设置index索引--> <!--设置index索引-->
<div v-if="columnType==='index'"> <div v-if="columnType==='index'">
<el-table-column :type="columnType"></el-table-column> <el-table-column label="序号" :type="columnType" width="50"></el-table-column>
</div> </div>
<!--设置checkbox--> <!--设置checkbox-->
<div v-if="columnType==='selection'"> <div v-if="columnType==='selection'">
@ -87,7 +86,7 @@
fixed="right" fixed="right"
:min-width="operationWidth" :min-width="operationWidth"
header-align="center" header-align="center"
align="buttonAlign" :align="buttonAlign"
class="operate"> class="operate">
<template slot-scope="scope"> <template slot-scope="scope">
<!--传入的操作按钮属性 lyx 20190411 --> <!--传入的操作按钮属性 lyx 20190411 -->
@ -103,12 +102,12 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页--> <!--分页-->
<el-row class="page " <!-- <el-row class="page "
v-if="pageVisible"> v-if="pageVisible">
<el-col :span="8" <el-col :span="8"
style="text-align: leftline-height: 32px"> style="text-align: leftline-height: 32px">
<slot style="text-align: left"></slot> <slot style="text-align: left"></slot>
<span></span> <div></div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<el-pagination @size-change="handleSizeChange" <el-pagination @size-change="handleSizeChange"
@ -121,7 +120,23 @@
layout="jumper, prev, pager, next,sizes, total" layout="jumper, prev, pager, next,sizes, total"
:total="total"></el-pagination> :total="total"></el-pagination>
</el-col> </el-col>
</el-row> </el-row> -->
<div v-if="pageVisible" class="pagination-diy">
<div class="pagination-left">
<slot></slot>
</div>
<div class="pagination-left">
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
@prev-click="handlePrevClick"
@next-click="handleNextClick"
:current-page="pageNo"
:page-sizes="tablePageSizes"
:page-size="pageSize"
layout="jumper, prev, pager, next,sizes, total"
:total="total"></el-pagination>
</div>
</div>
</div> </div>
</template> </template>
@ -211,7 +226,7 @@ export default {
// //
buttonAlign: { buttonAlign: {
type: String, type: String,
default: "" default: "center"
} }
}, },
@ -421,4 +436,10 @@ export default {
.el-table .cell { .el-table .cell {
white-space: pre-line; /*保留换行符*/ white-space: pre-line; /*保留换行符*/
} }
.pagination-diy {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
</style> </style>

2
src/views/modules/communityService/sqzzz/index.vue

@ -448,6 +448,8 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss";
.resi-container .resi-card-table { .resi-container .resi-card-table {
::v-deep .el-table th { ::v-deep .el-table th {
color: #fff; color: #fff;

13
src/views/modules/workPc/guidance/categoryList.vue

@ -1,6 +1,6 @@
<template> <template>
<div class="role-container"> <div class="role-container resi-container">
<el-card class="flex1"> <el-card class="flex1 resi-card-table">
<div v-if="isManager" class="resi-row-btn"> <div v-if="isManager" class="resi-row-btn">
上下拖动可改变角色顺序 上下拖动可改变角色顺序
@ -20,7 +20,7 @@
:height="tableHeight" :height="tableHeight"
class="resi-table" class="resi-table"
style="width: 100%;margin-top:20px"> style="width: 100%;margin-top:20px">
<el-table-column type="index" <el-table-column label="序号" type="index"
header-align="left" header-align="left"
align="left" align="left"
width="50"></el-table-column> width="50"></el-table-column>
@ -373,6 +373,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-table { .resi-table {
::v-deep .el-button--text { ::v-deep .el-button--text {
text-decoration: underline; text-decoration: underline;

171
src/views/modules/workPc/guidance/guidanceList.vue

@ -1,79 +1,87 @@
<template> <template>
<div class="registerList"> <div class="registerList resi-container">
<el-card shadow="never" <div v-show="!formShow">
class="aui-card--fill"> <el-card ref="searchCard" class="search-card">
<div v-show="!formShow"
class="mod-demo__demo}">
<el-form :inline="true" <el-form :inline="true"
:model="tableParams" :model="tableParams"
@keyup.enter.native="loadData()"> @keyup.enter.native="loadData()">
<div> <div>
<el-form-item label="所属组织" <el-form-item label="所属组织"
:label-width="labelWidth"> :label-width="labelWidth">
<el-cascader v-model="agencyIdArray" <el-cascader v-model="agencyIdArray"
style="width:480px" style="width:480px"
:key="iscascaderShow" :key="iscascaderShow"
:options="options" :options="options"
:props="optionProps" :props="optionProps"
clearable></el-cascader> clearable></el-cascader>
</el-form-item> </el-form-item>
</div> </div>
<div> <div>
<el-form-item label="问题分类" <el-form-item label="问题分类"
:label-width="labelWidth"> :label-width="labelWidth">
<el-select v-model="tableParams.categoryCode" <el-select v-model="tableParams.categoryCode"
placeholder="问题分类" placeholder="问题分类"
clearable> clearable>
<el-option v-for="item in categoryList" <el-option v-for="item in categoryList"
:key="item.categoryCode" :key="item.categoryCode"
:label="item.categoryName" :label="item.categoryName"
:value="item.categoryCode"> :value="item.categoryCode">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="标题" <el-form-item label="标题"
:label-width="labelWidth"> :label-width="labelWidth">
<el-input v-model="tableParams.guideTitle" <el-input v-model="tableParams.guideTitle"
placeholder="标题" placeholder="标题"
clearable> clearable>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item style="margin-left:10px"> <el-form-item style="margin-left:10px">
<el-button @click="loadData()" <el-button @click="loadData()"
type="primary">查询</el-button> type="primary">查询</el-button>
</el-form-item> </el-form-item>
<el-form-item v-if="isStaff" <!-- <el-form-item v-if="isStaff"
style="margin-left:10px"> style="margin-left:10px">
<el-button @click="add()" <el-button @click="add()"
type="primary">新增</el-button> type="primary">新增</el-button>
</el-form-item> </el-form-item> -->
</div> </div>
</el-form> </el-form>
</el-card>
<c-table column-type="index" <el-card shadow="never">
ref="table" <div v-if="isStaff" class="resi-row-btn">
:url="tableUrl" <el-button type="success" @click="add">新增</el-button>
:params="tableParams" </div>
:operationWidth="80" <c-table column-type="index"
keyword="guidanceList" class="resi-card-table"
:operations="operations" ref="table"
:tableHeight="tableHeight" :url="tableUrl"
@detail="detail" :params="tableParams"
@edit="edit" :operationWidth="80"
@confirmDel="confirmDel"> keyword="guidanceList"
</c-table> :operations="operations"
</div> columnAlign="center"
:tableHeight="tableHeight"
<div v-show="formShow"> @detail="detail"
<detail-form ref="ref_edit_form" @edit="edit"
@confirmDel="confirmDel">
</c-table>
<!-- <div v-show="formShow">
<detail-form ref="ref_edit_form"
@cancleBack="cancleBack"
@refresh="loadData"></detail-form>
</div> -->
</el-card>
</div>
<el-card v-show="formShow">
<detail-form ref="ref_edit_form"
@cancleBack="cancleBack" @cancleBack="cancleBack"
@refresh="loadData"></detail-form> @refresh="loadData"></detail-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
@ -183,7 +191,7 @@ export default {
}, },
computed: { computed: {
tableHeight () { tableHeight () {
return this.clientHeight - 60 - 80 - 80 - 100 return this.clientHeight - 420
}, },
...mapGetters(['clientHeight', 'env']) ...mapGetters(['clientHeight', 'env'])
@ -323,7 +331,7 @@ export default {
} }
} }
</script> </script>
<style lang="css" scoped> <style lang="scss" scoped>
.myNote { .myNote {
display: -webkit-box; display: -webkit-box;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -331,6 +339,23 @@ export default {
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-row-btn {
margin-bottom: 13px;
::v-deep .el-button {
// margin-left: 10px;
border: 0;
}
.el-button--success {
background: rgba(34, 193, 195, 1);
}
}
/* .register .el-table .el-table__header-wrapper { /* .register .el-table .el-table__header-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;

Loading…
Cancel
Save