From 5608958b603be7ee70f309d6bb35dc4739449778 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期一, 19 二月 2024 15:11:41 +0800 Subject: [PATCH] qxtj --- src/views/system/package/index.vue | 531 +++++++++++----------------------------------------------- 1 files changed, 105 insertions(+), 426 deletions(-) diff --git a/src/views/system/package/index.vue b/src/views/system/package/index.vue index c8a8541..263ee35 100644 --- a/src/views/system/package/index.vue +++ b/src/views/system/package/index.vue @@ -1,106 +1,41 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="68px" - > + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="濂楅鍚嶇О" prop="pacName"> - <el-input - v-model="queryParams.pacName" - placeholder="璇疯緭鍏ュ椁愬悕绉�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="濂楅鎻忚堪" prop="pacRemark"> - <el-input - v-model="queryParams.pacRemark" - placeholder="璇疯緭鍏ュ椁愭弿杩�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.pacRemark" placeholder="璇疯緭鍏ュ椁愭弿杩�" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="濂楅鍒嗙被" prop="categoryId"> - <el-select - v-model="queryParams.categoryId" - placeholder="璇烽�夋嫨鐘舵��" - style="width: 200px" - filterable - clearable - > - <el-option - v-for="dict in categoryList" - :key="dict.id" - :label="dict.name" - :value="dict.id" - ></el-option> + <el-select v-model="queryParams.categoryId" placeholder="璇烽�夋嫨鐘舵��" style="width: 200px" filterable clearable> + <el-option v-for="dict in categoryList" :key="dict.id" :label="dict.name" :value="dict.id"></el-option> </el-select> </el-form-item> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鎼滅储</el-button - > - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" - >閲嶇疆</el-button - > + <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-plus" - size="mini" - @click="handleAdd" - v-hasPermi="['system:package:add']" - >鏂板</el-button - > + <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['system:package:add']">鏂板</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUp" - v-hasPermi="['system:package:edit']" - >淇敼</el-button - > + <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUp" + v-hasPermi="['system:package:edit']">淇敼</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['system:package:remove']" - >鍒犻櫎</el-button - > + <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" + v-hasPermi="['system:package:remove']">鍒犻櫎</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - icon="el-icon-download" - size="mini" - @click="handleExport" - v-hasPermi="['system:package:export']" - >瀵煎嚭</el-button - > + <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" + v-hasPermi="['system:package:export']">瀵煎嚭</el-button> </el-col> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> <!-- @@ -108,56 +43,16 @@ element-loading-spinner="el-icon-loading" element-loading-text="姝e湪鍔犺浇涓�..." --> <template> - <el-table - v-loading="loading" - style="width: 100%" - :data="packageList" - @selection-change="handleSelectionChange" - border - > - <el-table-column - fixed - type="selection" - width="40" - align="center" - :show-overflow-tooltip="true" - /> - <el-table-column - label="搴忓彿" - align="center" - width="50" - prop="newID" - fixed - /> + <el-table v-loading="loading" style="width: 100%" :data="packageList" @selection-change="handleSelectionChange" + border> + <el-table-column fixed type="selection" width="40" align="center" :show-overflow-tooltip="true" /> + <el-table-column label="搴忓彿" align="center" width="50" prop="newID" fixed /> <!-- <el-table-column label="缂栧彿" align="center" prop="pacId" /> --> - <el-table-column - label="濂楅鍒嗙被" - width="100px" - align="center" - prop="categoryNames" - fixed - ></el-table-column> - <el-table-column - label="濂楅鍚嶇О" - align="center" - prop="pacName" - width="150px" - fixed - /> - <el-table-column - label="浠锋牸" - width="80px" - align="center" - prop="price" - fixed - > + <el-table-column label="濂楅鍒嗙被" width="100px" align="center" prop="categoryNames" fixed></el-table-column> + <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" width="150px" fixed /> + <el-table-column label="浠锋牸" width="80px" align="center" prop="price" fixed> </el-table-column> - <el-table-column - label="鍗曢」鍒楄〃" - align="center" - prop="allProName" - width="1200px" - > + <el-table-column label="鍗曢」鍒楄〃" align="center" prop="allProName" width="1200px"> </el-table-column> <!-- <el-table-column label="椤圭洰鏄庣粏" @@ -166,12 +61,7 @@ :show-overflow-tooltip="true" > </el-table-column>--> - <el-table-column - label="濂楅鎻忚堪" - align="center" - :show-overflow-tooltip="true" - width="120px" - > + <el-table-column label="濂楅鎻忚堪" align="center" :show-overflow-tooltip="true" width="120px"> <template slot-scope="scope"> <div class="showInline">{{ scope.row.pacRemark }}</div> </template> @@ -188,23 +78,10 @@ </template> </el-table-column> --> - <el-table-column - label="鍏抽敭瀛�" - width="110px" - align="center" - prop="keyNames" - ></el-table-column> - <el-table-column - label="鏄惁涓婃灦" - width="94px" - align="center" - prop="isOnSale" - > + <el-table-column label="鍏抽敭瀛�" width="110px" align="center" prop="keyNames"></el-table-column> + <el-table-column label="鏄惁涓婃灦" width="94px" align="center" prop="isOnSale"> <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_yes_no" - :value="scope.row.isOnSale" - /> + <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.isOnSale" /> </template> </el-table-column> <!-- <el-table-column @@ -214,70 +91,22 @@ align="center" prop="detail" ></el-table-column> --> - <el-table-column - label="鎺掑簭" - width="50px" - align="center" - prop="sort" - ></el-table-column> - <el-table-column - label="灏忕▼搴忎环鏍�" - width="90px" - align="center" - prop="retailPrice" - ></el-table-column> - <el-table-column - label="鍘熶环" - width="90px" - align="center" - prop="counterPrice" - ></el-table-column> - <el-table-column - label="宸插敭鏁伴噺" - width="90px" - align="center" - prop="saleNum" - ></el-table-column> - <el-table-column - label="鐘舵��" - align="center" - prop="pacStatus" - fixed="right" - width="100px" - > + <el-table-column label="鎺掑簭" width="50px" align="center" prop="sort"></el-table-column> + <el-table-column label="灏忕▼搴忎环鏍�" width="90px" align="center" prop="retailPrice"></el-table-column> + <el-table-column label="鍘熶环" width="90px" align="center" prop="counterPrice"></el-table-column> + <el-table-column label="宸插敭鏁伴噺" width="90px" align="center" prop="saleNum"></el-table-column> + <el-table-column label="鐘舵��" align="center" prop="pacStatus" fixed="right" width="100px"> <template slot-scope="scope"> - <el-switch - v-model="scope.row.pacStatus" - active-value="0" - inactive-value="1" - @change="handleStatusChange(scope.row)" - ></el-switch> + <el-switch v-model="scope.row.pacStatus" active-value="0" inactive-value="1" + @change="handleStatusChange(scope.row)"></el-switch> </template> </el-table-column> - <el-table-column - label="鎿嶄綔" - align="center" - width="80px" - fixed="right" - class-name="small-padding fixed-width" - > + <el-table-column label="鎿嶄綔" align="center" width="80px" fixed="right" class-name="small-padding fixed-width"> <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - v-hasPermi="['system:package:edit']" - title="淇敼" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['system:package:remove']" - title="鍒犻櫎" - ></el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" + v-hasPermi="['system:package:edit']" title="淇敼"></el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" + v-hasPermi="['system:package:remove']" title="鍒犻櫎"></el-button> <!-- <el-button size="mini" type="text" icon="el-icon-circle-check" @click="handleSeach(scope.row)" v-hasPermi="['system:package:Seach']" title="濂楅璇︽儏"></el-button> --> </template> @@ -286,65 +115,31 @@ <div class="pag"> <div class="pag1"> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> + <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" @pagination="getList" /> </div> </div> </template> <!-- 淇敼浣撴濂楅瀵硅瘽妗� --> - <el-dialog - :title="title" - :visible.sync="open" - width="1100px" - append-to-body - > - <el-form - ref="form" - :model="form" - :rules="rules" - label-width="100px" - :inline="true" - > + <el-dialog :title="title" :visible.sync="open" width="1100px" append-to-body> + <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> <!-- <div class="dialo"> <div class="dialo1"> --> <el-form-item label="濂楅鍚嶇О" prop="pacName"> - <span - slot="label" - style="display: inline-block; border-bottom: 2px solid blue" - @click="handlePackage" - > + <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handlePackage"> 濂楅鍚嶇О </span> - <el-input - v-model="form.pacName" - placeholder="璇疯緭鍏ュ椁愬悕绉�" - style="width: 150px" - /> + <el-input v-model="form.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" style="width: 150px" /> </el-form-item> <el-form-item label="濂楅鐘舵��" prop="pacStatus"> <!-- <el-radio-group v-model="form.pacStatus"> <el-radio :label="0">鍚敤</el-radio> <el-radio :label="1">鍋滅敤</el-radio> </el-radio-group> --> - <el-select - v-model="form.pacStatus" - placeholder="璇烽�夋嫨鐘舵��" - style="width: 150px" - filterable - clearable - > - <el-option - v-for="dict in dict.type.sys_normal_disable" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> + <el-select v-model="form.pacStatus" placeholder="璇烽�夋嫨鐘舵��" style="width: 150px" filterable clearable> + <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> </el-form-item> @@ -354,39 +149,16 @@ placeholder="璇疯緭鍏ュ晢鍝佺被鐩�" style="width: 200px" /> --> - <el-select - v-model="form.categoryId" - placeholder="璇烽�夋嫨濂楅绫荤洰" - style="width: 150px" - @change="shangpin" - filterable - clearable - > - <el-option - v-for="item in categoryList" - :key="item.id" - :label="item.name" - :value="item.id" - ></el-option> + <el-select v-model="form.categoryId" placeholder="璇烽�夋嫨濂楅绫荤洰" style="width: 150px" @change="shangpin" filterable + clearable> + <el-option v-for="item in categoryList" :key="item.id" :label="item.name" :value="item.id"></el-option> </el-select> </el-form-item> <el-form-item label="鍏抽敭瀛�" prop="keywords"> - <el-select - multiple - v-model="form.keywords" - placeholder="璇烽�夋嫨鍏抽敭瀛�" - style="width: 150px" - @change="sel" - filterable - clearable - > - <el-option - v-for="item in keywordList" - :key="item.id" - :label="item.keyword" - :value="item.id" - ></el-option> + <el-select multiple v-model="form.keywords" placeholder="璇烽�夋嫨鍏抽敭瀛�" style="width: 150px" @change="sel" filterable + clearable> + <el-option v-for="item in keywordList" :key="item.id" :label="item.keyword" :value="item.id"></el-option> </el-select> </el-form-item> <el-form-item label="鏄惁涓婃灦" prop="isOnSale"> @@ -394,68 +166,37 @@ <el-radio :label="0">鍚敤</el-radio> <el-radio :label="1">鍋滅敤</el-radio> </el-radio-group> --> - <el-select - v-model="form.isOnSale" - placeholder="璇烽�夋嫨鏄惁涓婃灦" - style="width: 150px" - filterable - clearable - > - <el-option - v-for="dict in dict.type.sys_yes_no" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> + <el-select v-model="form.isOnSale" placeholder="璇烽�夋嫨鏄惁涓婃灦" style="width: 150px" filterable clearable> + <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> </el-form-item> <el-form-item label="鎺掑簭" prop="sort"> - <el-input - v-model="form.sort" - placeholder="璇疯緭鍏ユ帓搴�" - style="width: 150px" - /> + <el-input v-model="form.sort" placeholder="璇疯緭鍏ユ帓搴�" style="width: 150px" /> </el-form-item> <el-form-item label="灏忕▼搴忎环鏍�" prop="retailPrice"> - <el-input - v-model="form.retailPrice" - placeholder="璇疯緭鍏ュ皬绋嬪簭浠锋牸" - style="width: 150px" - /> + <el-input v-model="form.retailPrice" placeholder="璇疯緭鍏ュ皬绋嬪簭浠锋牸" style="width: 150px" /> </el-form-item> <el-form-item label="鍘熶环" prop="counterPrice"> - <el-input - v-model="form.counterPrice" - placeholder="璇疯緭鍏ュ師浠�" - style="width: 150px" - /> + <el-input v-model="form.counterPrice" placeholder="璇疯緭鍏ュ師浠�" style="width: 150px" /> </el-form-item> <div v-if="!isCollapsed" style="display:flex"> <div> <el-form-item label="濂楅鎻忚堪" prop="pacRemark"> - <el-input - type="textarea" - v-model="form.pacRemark" - placeholder="璇疯緭鍏ュ椁愭弿杩�" - style="width: 670px" - rows="2" - ></el-input> - </el-form-item> - <el-form-item label="璇︾粏浠嬬粛" prop="detail"> - <!-- <el-input + <el-input type="textarea" v-model="form.pacRemark" placeholder="璇疯緭鍏ュ椁愭弿杩�" style="width: 670px" + rows="2"></el-input> + </el-form-item> + <el-form-item label="璇︾粏浠嬬粛" prop="detail"> + <!-- <el-input v-model="form.detail" placeholder="璇疯緭鍏ヨ缁嗕粙缁�" style="width: 200px" /> --> - <editor - v-model="form.detail" - :min-height="192" - style="width: 670px" - /> - </el-form-item> - </div> + <editor v-model="form.detail" :min-height="192" style="width: 670px" /> + </el-form-item> + </div> <!-- </div> --> <div class="dialo2"> <el-form-item label="鍥剧墖"> @@ -468,97 +209,32 @@ <el-button type="primary" plain size="mini" @click="toggleCollapse">{{ isCollapsed ? "灞曞紑" : "鏀惰捣" }}</el-button> - <el-button - type="primary" - plain - size="mini" - icon="el-icon-plus" - @click="addmembers()" - >鏂板鍗曢」</el-button - > - <el-table - v-loading="loading" - :data="form.tjProjectList" - @selection-change="handleSelectionChange" - border - max-height="275" - style="margin: 10px 0" - > + <el-button type="primary" plain size="mini" icon="el-icon-plus" @click="addmembers()">鏂板鍗曢」</el-button> + <el-table v-loading="loading" :data="form.tjProjectList" @selection-change="handleSelectionChange" border + max-height="275" style="margin: 10px 0"> <el-table-column label="搴忓彿" align="center" type="index" /> - <el-table-column - label="椤圭洰鍚嶇О" - align="center" - prop="proName" - width="180px" - > + <el-table-column label="椤圭洰鍚嶇О" align="center" prop="proName" width="180px"> <template slot-scope="scope"> - <el-select - filterable - v-model="scope.row.proName" - placeholder="璇烽�夋嫨椤圭洰鍚嶇О" - @change="getSelectValue" - > - <el-option - v-for="(item, index) in allList" - :key="index" - :label="item.proName" - :value="item.proName" - > + <el-select filterable v-model="scope.row.proName" placeholder="璇烽�夋嫨椤圭洰鍚嶇О" @change="getSelectValue"> + <el-option v-for="(item, index) in allList" :key="index" :label="item.proName" :value="item.proName"> </el-option> </el-select> </template> </el-table-column> - <el-table-column - label="椤圭洰鏄庣粏" - align="center" - prop="allSonProName" - width="400px" - :show-overflow-tooltip="true" - > + <el-table-column label="椤圭洰鏄庣粏" align="center" prop="allSonProName" width="400px" :show-overflow-tooltip="true"> </el-table-column> - <el-table-column - label="鍘熶环(鍏�)" - align="center" - prop="proPrice" - width="80px" - /> - <el-table-column - label="鐜颁环(鍏�)" - align="center" - prop="priceNow" - width="80px" - > + <el-table-column label="鍘熶环(鍏�)" align="center" prop="proPrice" width="80px" /> + <el-table-column label="鐜颁环(鍏�)" align="center" prop="priceNow" width="80px"> <template slot-scope="scope"> - <el-input - v-model="scope.row.priceNow" - autocomplete="off" - placeholder="璇疯緭鍏ュ唴瀹�" - ></el-input> + <el-input v-model="scope.row.priceNow" autocomplete="off" placeholder="璇疯緭鍏ュ唴瀹�"></el-input> </template> </el-table-column> - <el-table-column - label="鎿嶄綔" - fixed="right" - align="center" - class-name="small-padding fixed-width" - > + <el-table-column label="鎿嶄綔" fixed="right" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-circle-plus-outline" - @click="addmembers(scope.row)" - v-hasPermi="['system:package:edit']" - title="鏂板琛�" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click.native.prevent="Delete(scope.$index)" - v-hasPermi="['hosp:consumables:remove']" - title="鍒犻櫎" - ></el-button> + <el-button size="mini" type="text" icon="el-icon-circle-plus-outline" @click="addmembers(scope.row)" + v-hasPermi="['system:package:edit']" title="鏂板琛�"></el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)" + v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button> </template> </el-table-column> </el-table> @@ -594,6 +270,8 @@ import { listCategory } from "@/api/mall/category"; import { listKeyword } from "@/api/mall/keyword"; import { + getPacList, + getPacInFo, listPackage, getPackage, delPackage, @@ -711,7 +389,16 @@ /** 鏌ヨ浣撴濂楅鍒楄〃 */ getList() { this.loading = true; - listPackage(this.queryParams).then((response) => { + getAllList().then((response) => { + this.allList = response.data; + if (this.allList.proStatus === 0) { + this.allList.proStatus = "鍚敤"; + } else { + this.allList.proStatus = "鍋滅敤"; + } + this.loading = false; + }); + getPacList(this.queryParams).then((response) => { response.rows.forEach((item, index) => { item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + @@ -811,6 +498,7 @@ this.reset(); this.open = true; this.title = "浣撴濂楅淇℃伅缁存姢"; + // getAllList().then((response) => { // this.allList = response.data; // if (this.allList.proStatus === 0) { @@ -863,8 +551,8 @@ }, /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - this.form = row; - this.form.keywords = this.form.keyIds; + // this.form = row; + // this.form.keywords = this.form.keyIds; // if (this.form.pacStatus === 0) { // this.form.pacStatus = "鍚敤"; // } else { @@ -872,25 +560,16 @@ // } this.title = "浣撴濂楅淇℃伅缁存姢"; this.open = true; - // getAllList().then((response) => { - // this.allList = response.data; - // this.loading = false; - // }); + getPacInFo(row.pacId).then((response) => { + this.form = response.data; + this.form.keywords = this.form.keyIds; + }); }, // 鏂板琛� addmembers() { if (this.form.pacName) { - this.loading = true; - getAllList().then((response) => { - this.allList = response.data; - if (this.allList.proStatus === 0) { - this.allList.proStatus = "鍚敤"; - } else { - this.allList.proStatus = "鍋滅敤"; - } - this.loading = false; - }); + if (!this.form.tjProjectList) { this.form.tjProjectList = []; this.form.tjProjectList.push({ @@ -1009,7 +688,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, /** 鍒嗛厤濂楅鍐呴」鐩搷浣� */ -- Gitblit v1.8.0