From ef6e3fcdf6367dcb2bfd9c4413ec9b0b1e41c736 Mon Sep 17 00:00:00 2001 From: Mr.Shi <1878285526@qq.com> Date: 星期二, 19 九月 2023 18:53:04 +0800 Subject: [PATCH] 企业端 --- company_admin/src/views/business/category.vue | 187 +++++++++++++++++++++++----------------------- 1 files changed, 93 insertions(+), 94 deletions(-) diff --git a/company_admin/src/views/business/category.vue b/company_admin/src/views/business/category.vue index a4314ff..cebee76 100644 --- a/company_admin/src/views/business/category.vue +++ b/company_admin/src/views/business/category.vue @@ -1,95 +1,95 @@ <template> - <TableLayout :permissions="['business:category:query']"> - <!-- 鎼滅储琛ㄥ崟 --> - <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> - <el-form-item label="绫诲埆鍚嶇О" prop="name"> - <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ョ被鍒悕绉�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="绫诲瀷" prop="type"> - <el-select v-model="searchForm.type" clearable placeholder="璇烽�夋嫨"> - <el-option - v-for="item in typeList" - :key="item.id" - :label="item.name" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <section> - <el-button type="primary" @click="search">鎼滅储</el-button> - <!-- <el-button type="primary" :loading="isWorking.export" v-permissions="['business:category:exportExcel']" @click="exportExcel">瀵煎嚭</el-button> --> - <el-button @click="reset">閲嶇疆</el-button> - </section> - </el-form> - <!-- 琛ㄦ牸鍜屽垎椤� --> - <template v-slot:table-wrap> - <ul class="toolbar" v-permissions="['business:category:create']"> - <li><el-button type="primary" @click="$refs.operaCategoryWindow.open('鏂板缓绫诲埆')" icon="el-icon-plus" v-permissions="['business:category:create']">鏂板缓</el-button></li> - </ul> - <el-table - v-loading="isWorking.search" - :data="tableData.list" - stripe - border - :header-cell-style="rowStyle" - :cell-style="rowStyle" + <TableLayout :permissions="['business:category:query']"> + <!-- 鎼滅储琛ㄥ崟 --> + <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> + <el-form-item label="绫诲埆鍚嶇О" prop="name"> + <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ョ被鍒悕绉�" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="绫诲瀷" prop="type"> + <el-select v-model="searchForm.type" clearable placeholder="璇烽�夋嫨"> + <el-option + v-for="item in typeList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <section> + <el-button type="primary" @click="search">鎼滅储</el-button> + <!-- <el-button type="primary" :loading="isWorking.export" v-permissions="['business:category:exportExcel']" @click="exportExcel">瀵煎嚭</el-button> --> + <el-button @click="reset">閲嶇疆</el-button> + </section> + </el-form> + <!-- 琛ㄦ牸鍜屽垎椤� --> + <template v-slot:table-wrap> + <ul class="toolbar" v-permissions="['business:category:create']"> + <li><el-button type="primary" @click="$refs.operaCategoryWindow.open('鏂板缓绫诲埆')" icon="el-icon-plus" v-permissions="['business:category:create']">鏂板缓</el-button></li> + </ul> + <el-table + v-loading="isWorking.search" + :data="tableData.list" + stripe + border + :header-cell-style="rowStyle" + :cell-style="rowStyle" + > + <el-table-column prop="imgurl" label="鍥炬爣" min-width="100px"> + <template slot-scope="{row}"> + <el-image + v-if="row.imgurl" + style="width: 70px; height: 70px" + :src="row.prefixUrl + row.imgurl" + :preview-src-list="[row.prefixUrl + row.imgurl]" + fit="cover"></el-image> + </template> + </el-table-column> + <el-table-column prop="name" label="绫诲埆鍚嶇О" min-width="100px"></el-table-column> + <el-table-column prop="categoryName" label="绫诲瀷" min-width="100px"> + <template slot-scope="{row}"> + <span v-if="row.type == 0">鑷畾涔�</span> + <span v-else>绯荤粺</span> + </template> + </el-table-column> + <el-table-column prop="sortnum" label="鎺掑簭鐮�(鍗囧簭)" min-width="100px"></el-table-column> + <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="100px"></el-table-column> + <el-table-column prop="status" label="鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <el-switch + v-model="row.status" + @change="changeStatus(row)" + active-color="#13ce66" + inactive-color="#ff4949" + :active-value="0" + :inactive-value="1"> + </el-switch> + </template> + </el-table-column> + <el-table-column + v-if="containPermissions(['business:category:update', 'business:category:delete'])" + label="鎿嶄綔" + min-width="120" + fixed="right" > - <el-table-column prop="imgurl" label="鍥炬爣" min-width="100px"> - <template slot-scope="{row}"> - <el-image - v-if="row.imgurl" - style="width: 70px; height: 70px" - :src="row.prefixUrl + row.imgurl" - :preview-src-list="[row.prefixUrl + row.imgurl]" - fit="cover"></el-image> - </template> - </el-table-column> - <el-table-column prop="name" label="绫诲埆鍚嶇О" min-width="100px"></el-table-column> - <el-table-column prop="categoryName" label="绫诲瀷" min-width="100px"> - <template slot-scope="{row}"> - <span v-if="row.type == 0">鑷缓</span> - <span v-else>鎷夊彇</span> - </template> - </el-table-column> - <el-table-column prop="sortnum" label="鎺掑簭鐮�(鍗囧簭)" min-width="100px"></el-table-column> - <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="100px"></el-table-column> - <el-table-column prop="status" label="鐘舵��" min-width="100px"> - <template slot-scope="{row}"> - <el-switch - v-model="row.status" - @change="changeStatus(row)" - active-color="#13ce66" - inactive-color="#ff4949" - :active-value="0" - :inactive-value="1"> - </el-switch> - </template> - </el-table-column> - <el-table-column - v-if="containPermissions(['business:category:update', 'business:category:delete'])" - label="鎿嶄綔" - min-width="120" - fixed="right" - > - <template slot-scope="{row}"> - <el-button type="text" @click="edit(row.id)" icon="el-icon-edit" v-permissions="['business:category:update']">缂栬緫</el-button> - <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:category:delete']">鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - <pagination - @size-change="handleSizeChange" - @current-change="handlePageChange" - :pagination="tableData.pagination" - > - </pagination> - </template> - <!-- 鏂板缓/淇敼 --> - <OperaCategoryWindow ref="operaCategoryWindow" @success="handlePageChange"/> - </TableLayout> - </template> + <template slot-scope="{row}"> + <el-button type="text" @click="edit(row.id)" icon="el-icon-edit" v-permissions="['business:category:update']">缂栬緫</el-button> + <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:category:delete']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + <pagination + @size-change="handleSizeChange" + @current-change="handlePageChange" + :pagination="tableData.pagination" + > + </pagination> + </template> + <!-- 鏂板缓/淇敼 --> + <OperaCategoryWindow ref="operaCategoryWindow" @success="handlePageChange"/> + </TableLayout> +</template> - <script> +<script> import BaseTable from '@/components/base/BaseTable' import TableLayout from '@/layouts/TableLayout' import Pagination from '@/components/common/Pagination' @@ -107,8 +107,8 @@ type: '' }, typeList: [ - { name: '鑷缓', id: 0 }, - { name: '鎷夊彇', id: 1 } + { name: '鑷畾涔�', id: 0 }, + { name: '绯荤粺', id: 1 } ] } }, @@ -153,6 +153,7 @@ platCateId: res.platCateId, tableData: res.paramList.map(item => { return { + id: item.id, name: item.name, isselect: item.isselect, isshow: item.isshow @@ -160,11 +161,9 @@ }), fileList: res.imgurl ? [{ url: res.prefixUrl + res.imgurl }] : [] } - console.log(obj) this.$refs.operaCategoryWindow.open('缂栬緫绫诲埆', obj) }) } } } - </script> - \ No newline at end of file +</script> \ No newline at end of file -- Gitblit v1.9.3