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