|
@@ -7,8 +7,49 @@
|
|
|
<div class="mainContent">
|
|
|
<div class="body" :style="{'padding-right': $store.state.appSetting.collapsed ? '0px' : '20px' }">
|
|
|
<div class="content">
|
|
|
- <a-form ref="searchForm" layout="inline" style="display:flex;">
|
|
|
- <div style="width:80%;;display:flex;flex-wrap:wrap;">
|
|
|
+ <a-form ref="searchForm" layout="inline" style="display:flex;flex-wrap:wrap;">
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="专辑名称"
|
|
|
+ name="name">
|
|
|
+ <a-input class="set-input" v-model="queryParam.name" placeholder="请输入"/>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="专辑分类"
|
|
|
+ name="categoryIds">
|
|
|
+ <a-cascader v-model="categoryIds"
|
|
|
+ class="set-input"
|
|
|
+ :options="classifyLevelList"
|
|
|
+ :fieldNames="{ label: 'name', value: 'pkId', children: 'children' }"
|
|
|
+ placeholder="请选择"
|
|
|
+ changeOnSelect
|
|
|
+ @change="handleClassifyChange" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="负责人"
|
|
|
+ name="ownerName" >
|
|
|
+ <a-input class="set-input" v-model="queryParam.ownerName" placeholder="请输入" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="创建时间"
|
|
|
+ name="createTime" >
|
|
|
+ <a-range-picker v-model="createTime"
|
|
|
+ class="set-range-picker"
|
|
|
+ separator="→"
|
|
|
+ format="YYYY/MM/DD"
|
|
|
+ valueFormat="YYYY-MM-DD"
|
|
|
+ @change="handleClearTimeChange">
|
|
|
+ <a-icon v-if="$store.state.appSetting.collapsed" slot="suffixIcon" type="calendar" />
|
|
|
+ </a-range-picker>
|
|
|
+ </a-form-item>
|
|
|
+ <div style="display:flex;justify-content:center;margin-top: 8px;">
|
|
|
+ <a-button @click="handleResetClick(true)">重置</a-button>
|
|
|
+ <a-button type="primary" @click="handleSearchClick">查询</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- <div style="width:80%;;display:flex;flex-wrap:wrap;">
|
|
|
<div style="display:flex;flex-wrap:wrap;">
|
|
|
<a-form-item
|
|
|
style="width:320px;margin: 5px 40px 5px 0;"
|
|
@@ -35,17 +76,6 @@
|
|
|
name="ownerName" >
|
|
|
<a-input v-model="queryParam.ownerName" placeholder="请输入" />
|
|
|
</a-form-item>
|
|
|
- <!-- <a-form-item
|
|
|
- style="width:320px;margin: 5px 40px 5px 0;"
|
|
|
- label="审核状态"
|
|
|
- name="categoryIds">
|
|
|
- <a-cascader v-model="categoryIds"
|
|
|
- :options="classifyList"
|
|
|
- :fieldNames="{ label: 'name', value: 'pkId', children: 'children' }"
|
|
|
- placeholder="请选择"
|
|
|
- changeOnSelect
|
|
|
- @change="handleClassifyChange" />
|
|
|
- </a-form-item> -->
|
|
|
<a-form-item
|
|
|
style="width:320px;margin: 5px 40px 5px 0;"
|
|
|
label="创建时间"
|
|
@@ -81,7 +111,7 @@
|
|
|
</template>
|
|
|
</a-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</a-form>
|
|
|
<rx-button :class="{'knowledge-manage':yelpNum != 0}" :data-attr="yelpNum" alias="albumListComment" :butn-icon="'false'" @click="handleJumpPathClick('comment')">点评审核</rx-button>
|
|
|
<rx-button :class="{'knowledge-manage':approveNum != 0}" :data-attr="approveNum" alias="albumListAudit" :butn-icon="'false'" @click="handleJumpPathClick('album')">专辑审核</rx-button>
|
|
@@ -99,6 +129,7 @@
|
|
|
:queryParam="queryParam"
|
|
|
data-field="result.data"
|
|
|
:defaultPageSize="10"
|
|
|
+ :heightAuto="true"
|
|
|
:pageSizeOptions="['10','20','30','40']"
|
|
|
idField="pkId"
|
|
|
>
|
|
@@ -238,11 +269,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- let albumClassifyId = JSON.parse(this.$route.query.pkIds)
|
|
|
- if(albumClassifyId && albumClassifyId.length) {
|
|
|
- this.queryParam.categoryId = albumClassifyId.slice(-1)[0]
|
|
|
- console.log(this.queryParam.categoryId)
|
|
|
- this.categoryIds = albumClassifyId
|
|
|
+ if(this.$route.query.pkIds) {
|
|
|
+ let albumClassifyId = JSON.parse(this.$route.query.pkIds)
|
|
|
+ if(albumClassifyId && albumClassifyId.length) {
|
|
|
+ this.queryParam.categoryId = albumClassifyId.slice(-1)[0]
|
|
|
+ console.log(this.queryParam.categoryId)
|
|
|
+ this.categoryIds = albumClassifyId
|
|
|
+ }
|
|
|
}
|
|
|
this.init()
|
|
|
},
|
|
@@ -339,6 +372,8 @@ export default {
|
|
|
.rx-fit {
|
|
|
padding: 40px!important;
|
|
|
background: @gary;
|
|
|
+ overflow-y: auto!important;
|
|
|
+ display: block!important;
|
|
|
.fit-header {
|
|
|
.mainContent {
|
|
|
width: 100%;
|
|
@@ -362,7 +397,7 @@ export default {
|
|
|
}
|
|
|
.table-style {
|
|
|
padding: 20px;
|
|
|
-
|
|
|
+ min-height: 400px;
|
|
|
.clearBtn {
|
|
|
background: none;
|
|
|
color: #3294F7;
|
|
@@ -391,7 +426,18 @@ export default {
|
|
|
width: 100%;
|
|
|
animation:show-other-search 0.8s;
|
|
|
}
|
|
|
-
|
|
|
+.form-item-style {
|
|
|
+ margin: 5px 20px 5px 0;
|
|
|
+}
|
|
|
+.set-input {
|
|
|
+ width:180px;
|
|
|
+}
|
|
|
+.set-select {
|
|
|
+ width:120px;
|
|
|
+}
|
|
|
+.set-range-picker {
|
|
|
+ width:230px!important;
|
|
|
+}
|
|
|
@keyframes show-other-search{
|
|
|
0%{opacity:0;}
|
|
|
50%{opacity:0.8;}
|
|
@@ -400,6 +446,9 @@ export default {
|
|
|
</style>
|
|
|
|
|
|
<style scoped>
|
|
|
+/deep/ .divdefault {
|
|
|
+ position: inherit!important;
|
|
|
+}
|
|
|
/deep/ .ant-btn > .anticon + span {
|
|
|
margin-left: 0;
|
|
|
}
|