From 6d4e9ccb34e0292bfadba7bfd678231cb37ae8c0 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期三, 02 七月 2025 15:45:16 +0800 Subject: [PATCH] :qx --- src/views/system/package/index.vue | 1071 +++++++++++++---------------------------------------------- 1 files changed, 240 insertions(+), 831 deletions(-) diff --git a/src/views/system/package/index.vue b/src/views/system/package/index.vue index 58136e7..6dc6de8 100644 --- a/src/views/system/package/index.vue +++ b/src/views/system/package/index.vue @@ -10,7 +10,7 @@ <el-form-item label="浣撴绫诲埆" prop="tjCategory"> <el-select v-model="queryParams.tjCategory" placeholder="璇烽�夋嫨鐘舵��" style="width: 200px" filterable clearable> <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.id" :label="dict.label" - :value="dict.value"></el-option> + :value="dict.value"></el-option> </el-select> </el-form-item> <el-form-item> @@ -39,16 +39,11 @@ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> - <!-- - element-loading-background="rgba(0, 0, 0, 0.1)" - 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-column label="缂栧彿" align="center" prop="pacId" /> --> <el-table-column label="浣撴绫诲埆" width="100px" align="center" prop="categoryNames" fixed> <template slot-scope="scope"> <dict-tag :options="dict.type.dict_tjtype" :value="scope.row.tjCategory" /> @@ -57,55 +52,21 @@ <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="鎶樻墸" width="80px" align="center" prop="limits" fixed></el-table-column> - <el-table-column label="浼樻儬浠�" width="80px" align="center" prop="newPrice" fixed> - </el-table-column> - <el-table-column label="鍗曢」鍒楄〃" align="center" prop="allProName" width="1200px"> - </el-table-column> - <!-- <el-table-column - label="椤圭洰鏄庣粏" - align="center" - prop="allSonName" - :show-overflow-tooltip="true" - > - </el-table-column>--> + <el-table-column label="鐜颁环" width="80px" align="center" prop="newPrice" fixed></el-table-column> + <el-table-column label="鍗曢」鍒楄〃" align="center" prop="allProName" width="1200px"></el-table-column> <el-table-column label="濂楅鎻忚堪" align="center" :show-overflow-tooltip="true" width="120px"> <template slot-scope="scope"> <div class="showInline">{{ scope.row.pacRemark }}</div> </template> </el-table-column> - <!-- <el-table-column - label="鍥剧墖" - align="center" - prop="pacPhone" - width="100" - :show-overflow-tooltip="true" - > - <template slot-scope="scope"> - <image-preview :src="scope.row.pacPhone" :width="50" :height="50" /> - </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"> <template slot-scope="scope"> <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.isOnSale" /> </template> </el-table-column> - <!-- <el-table-column - label="璇︾粏浠嬬粛" - :show-overflow-tooltip="true" - width="100px" - 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"> <template slot-scope="scope"> @@ -119,8 +80,6 @@ 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> </el-table-column> </el-table> @@ -136,8 +95,6 @@ <!-- 淇敼浣撴濂楅瀵硅瘽妗� --> <el-dialog :title="title" :visible.sync="open" width="1400px" append-to-body :close-on-click-modal="false"> <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"> 濂楅鍚嶇О @@ -145,51 +102,23 @@ <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> </el-form-item> - - <!-- <el-form-item label="濂楅绫荤洰" prop="categoryId"> - <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="tjCategory"> <el-select v-model="form.tjCategory" placeholder="璇烽�夋嫨浣撴绫诲埆" style="width: 150px" filterable clearable> <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> </el-select> </el-form-item> - <el-form-item label="鏄惁涓婃灦" prop="isOnSale"> - <!-- <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.isOnSale" placeholder="璇烽�夋嫨鏄惁涓婃灦" style="width: 140px" 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-form-item> @@ -197,16 +126,15 @@ <el-input v-model="form.retailPrice" placeholder="璇疯緭鍏ュ皬绋嬪簭浠锋牸" style="width: 150px" /> </el-form-item> <el-form-item label="鍘熶环" prop="pics"> - <el-input v-model="pics" placeholder="璇疯緭鍏ュ師浠�" style="width: 150px" /> + <el-input v-model="pics" placeholder="璇疯緭鍏ュ師浠�" style="width: 150px" type="number" /> </el-form-item> <el-form-item label="鎶樻墸"> - <el-input-number style="width: 150px" v-model="youhui" :precision="2" :step="0.1" :max="10" :min="1" - @change="numberChange"></el-input-number> + <el-input-number style="width: 150px" v-model="youhui" :precision="2" :step="0.1" :max="10" :min="0.1" + @change="debounceNumberChange" :debounce="3000"></el-input-number> </el-form-item> - <el-form-item label="鐜颁环" prop="xianprice"> <el-input v-model="form.xianprice" placeholder="鐜颁环" clearable style="width: 140px" @input="changeXianjia" - @blur="numberChangeXianPrice(youhui, youhui)" /> + type="number" :debounce="3000" min="0"/> </el-form-item> <el-form-item label="鍏抽敭瀛�" prop="keywords"> <el-select multiple v-model="form.keywords" placeholder="璇烽�夋嫨鍏抽敭瀛�" style="width: 160px" @change="sel" filterable @@ -214,7 +142,6 @@ <el-option v-for="item in keywordList" :key="item.id" :label="item.keyword" :value="item.id"></el-option> </el-select> </el-form-item> - <div v-if="!isCollapsed" style="display: flex"> <div> <el-form-item label="濂楅鎻忚堪" prop="pacRemark"> @@ -222,56 +149,19 @@ 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> - <!-- </div> --> <div class="dialo2"> <el-form-item label="鍥剧墖"> <image-upload v-model="form.pacPhone" /> </el-form-item> </div> - <!-- </div> --> </div> </el-form> <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-table-column label="搴忓彿" align="center" type="index" /> - <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-option> - </el-select> - </template> - </el-table-column> - <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"> - <template slot-scope="scope"> - <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"> - <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> - </template> - </el-table-column> - </el-table> --> - <el-row style="display: flex; width: 1300px"> <el-col> <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> @@ -287,29 +177,6 @@ :limit.sync="queryParams1.pageSize" @pagination="getDataList" /> </div> </el-col> - <!-- <el-col :span="6"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 鏄庣粏椤圭洰鍒楄〃 - </div> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="TreedataList" - node-key="proId" - :props="defaultProps" - :filter-node-method="filterNode" - show-checkbox - @check-change="handleCurrentChecked1" - :default-checked-keys="checkedListkey" - ref="trees" - :render-content="renderContent" - > - </el-tree> - </div> - </el-col> --> <el-col> <div class="grid-content bg-purple"> <div style=" @@ -324,18 +191,16 @@ :span-method="objectSpanMethod"> <el-table-column prop="proName" label="妫�鏌ラ」鐩�"> </el-table-column> - <el-table-column prop="priceOrd" label="鍘熶环" align="center" width="80px"> </el-table-column> <el-table-column label="鎶樻墸" width="100px"> <template slot-scope="scope"> - <!-- 鍙緭鍏ョ函鏁板瓧鎶樻墸 --> <el-input v-model.number="scope.row.limits" @input="calculateDiscount(scope.row)" placeholder="杈撳叆鎶樻墸" size="small" type="number" min="0" step="0.1" max="10"> </el-input> </template> </el-table-column> - <el-table-column prop="priceNow" label="浼樻儬浠�" width="80px" align="center"> + <el-table-column prop="priceNow" label="鐜颁环" width="80px" align="center"> </el-table-column> <el-table-column label="鎿嶄綔" align="center" width="80px"> <template slot-scope="scope"> @@ -343,54 +208,16 @@ </el-button> </template> </el-table-column> - <!-- <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px"> - </el-table-column> --> - - <!-- <el-table-column - label="鎿嶄綔" - align="center" - fixed="right" - class-name="small-padding fixed-width" - width="50px" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDeletes(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column>--> </el-table> - <!-- <h3 style="font-weight: 600">鍚堣锛歿{ pics }}鍏�</h3> --> + <h4 style="font-weight: 600;padding-left:20px">涓�鍏遍�変腑{{DataList.length}}椤癸紝鍚堣锛歿{ form.xianprice }}鍏�</h4> </div> </el-col> </el-row> - <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> - - <!-- 濂楅璇︽儏 --> - <!-- <el-dialog :title="title" :visible.sync="Seachopen" width="500px" append-to-body> - <template> - <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">鍏ㄩ��</el-checkbox> - <div style="margin: 15px 0px; width: 60px"></div> - <el-checkbox-group v-model="newproName" @change="handleCheckedCitiesChange"> - <el-checkbox style="margin: 15px 0px; width: 180px" v-for="item in allList" :label="item.proName" - :key="item.proId">{{ item.proName }}</el-checkbox> - </el-checkbox-group> - - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitcheckbox">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </template> - </el-dialog> --> <Packages ref="aaa" @add="handleChanges" /> </div> </template> @@ -399,12 +226,7 @@ import Packages from "@/components/Packages"; import { listCategory } from "@/api/mall/category"; import { listKeyword } from "@/api/mall/keyword"; -// import { getProParentIdDxList, getProSonDxList } from "@/api/system/tijian"; -import { - getProParentIdDxList, - search, - getProSonDxList, -} from "@/api/system/package"; +import { getProParentIdDxList, search, getProSonDxList } from "@/api/system/package"; import { getPacList, getPacInFo, @@ -421,22 +243,13 @@ saveOreditTjPacNew, } from "@/api/system/package"; import { Message } from "element-ui"; -import Big from "big.js"; +import Big from 'big.js'; + export default { name: "Package", dicts: ["sys_normal_disable", "sys_yes_no", "dict_tjtype"], components: { Packages }, data() { - let checkPhoneNum = (rule, value, callback) => { - let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); - if (value == "" && value == undefined && !value) { - return callback(""); - } else if (value != undefined && value != "") { - return callback(); - } else if (!patter.test(value)) { - return callback(""); - } - }; return { pics: 0, filterText: "", @@ -455,49 +268,33 @@ children: [], label: "proName", }, - isCollapsed: true, // 榛樿涓烘姌鍙犵姸鎬� + isCollapsed: true, categoryList: [], keys: "", keywordList: [], dataListAll: [], - // 澶氶�夋 priceNow: "", checkAll: false, isIndeterminate: true, - // 閬僵灞� loading: false, radio: 3, - // 閫変腑鏁扮粍 ids: [], - // 闈炲崟涓鐢� single: true, - // 闈炲涓鐢� multiple: true, - // 鏄剧ず鎼滅储鏉′欢 showSearch: true, - // 浣撴濂楅琛ㄦ牸鏁版嵁 packageList: [], - // 濂楅閫変腑鐨勭埗椤� allpackageList: [], - // 宸查�� newproName: [], - // 鎵�鏈変綋妫�椤圭洰路 allList: [], treeList: [], - // 鎵�鏈夊椁愭暟鎹� - // allpackage:[], - // 寮瑰嚭灞傛爣棰� title: "", lastXianPrice: 0, - // 鏄惁鏄剧ず寮瑰嚭灞� open: false, Seachopen: false, checkedNodes: [], pacId: "", - // 鎬绘潯鏁� total: 0, total1: 0, - // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, pageSize: 10, @@ -509,126 +306,142 @@ pageSize: 30, nr: "", }, - // 琛ㄥ崟鍙傛暟 form: { - xianprice: null, // 浼樻儬浠� - counterPrice: null, //鍘熶环 + xianprice: null, + counterPrice: null, limits: 10, + keywords: [], }, forms: {}, youhui: 10, - // 琛ㄥ崟鏍¢獙 + initializing: true, + debounceTimer: null, rules: { - deleted: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - pacName: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - pacStatus: [ - { required: true, validator: checkPhoneNum, trigger: "change" }, - ], - // categoryId: [ - // { required: true, validator: checkPhoneNum, trigger: "change" }, - // ], - /* keywords: [ - { required: true, validator: checkPhoneNum, trigger: "change" }, - ], */ - isOnSale: [ - { required: true, validator: checkPhoneNum, trigger: "change" }, - ], - sort: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], - retailPrice: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - counterPrice: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - tjCategory: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], + pacName: [{ required: true, message: "璇疯緭鍏ュ椁愬悕绉�", trigger: "blur" }], + pics: [{ required: true, message: "璇疯緭鍏ュ師浠�", trigger: "blur" }], + xianprice: [{ required: true, message: "璇疯緭鍏ョ幇浠�", trigger: "blur" }], }, }; }, - // watch: { - // filterText(val) { - // this.$refs.tree.filter(val); - // }, - // }, - created() { this.getList(); this.getKeyword(); this.getCategory(); }, methods: { + debounceNumberChange(currentValue, oldValue) { + clearTimeout(this.debounceTimer); + this.debounceTimer = setTimeout(() => { + this.numberChange(currentValue, oldValue); + }, 300); + }, + numberChange(currentValue, oldValue) { + // 瀹炵幇鎶樻墸鍙樺寲鐨勯�昏緫锛堝鏋滈渶瑕侊級 + }, + updateProPrice(row) { + const proPrice = new Big(row.priceOrd || 0); + const limits = new Big(row.limits || 10); + const result = proPrice.times(limits.div(10)); + row.priceNow = result.toNumber(); + this.form.xianprice = this.DataList.reduce((sum, item) => { + return sum.plus(new Big(item.priceNow || 0)); + }, new Big(0)).toNumber(); + this.youhui = this.pics ? (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10 : 10; + }, + calculateDiscount(row) { + if (row.limits > 10) { + row.limits = 10; + } else if (row.limits < 0) { + row.limits = 0; + } + this.updateProPrice(row); + }, toggleCollapse() { - this.isCollapsed = !this.isCollapsed; // 鐐瑰嚮鎸夐挳鏃跺垏鎹sCollapsed鐨勫�� + this.isCollapsed = !this.isCollapsed; }, filterNode(value, data) { if (!value) return true; - // return data.proName.indexOf(value) !== -1; - if (data.proName.indexOf(value) !== -1) { - return data.proName.indexOf(value) !== -1; - } else { - return data.proEngName.indexOf(value) !== -1; - } + return data.proName.indexOf(value) !== -1 || (data.proEngName && data.proEngName.indexOf(value) !== -1); }, - /** 鏌ヨ浣撴濂楅鍒楄〃 */ getList() { this.loading = true; getPacTjProjectList().then((response) => { - this.allList = response.data; - if (this.allList.proStatus === 0) { - this.allList.proStatus = "鍚敤"; - } else { - this.allList.proStatus = "鍋滅敤"; - } + this.allList = response.data || []; this.loading = false; }); getPacList(this.queryParams).then((response) => { response.rows.forEach((item, index) => { - item.newID = - (this.queryParams.pageNum - 1) * this.queryParams.pageSize + - index + - 1; + item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1; }); - this.total = response.total; - this.packageList = response.rows; + this.total = response.total || 0; + this.packageList = response.rows || []; this.loading = false; + }).catch(() => { + this.loading = false; + this.$message.error("鑾峰彇濂楅鍒楄〃澶辫触"); }); }, - - /** 鏌ヨ鍏抽敭瀛楀垪琛� */ getKeyword() { this.loading = true; listKeyword(this.queryParams).then((response) => { - this.keywordList = response.rows; + this.keywordList = response.rows || []; + this.loading = false; + }).catch(() => { + this.loading = false; + this.$message.error("鑾峰彇鍏抽敭瀛楀垪琛ㄥけ璐�"); }); }, sel(val) { - let id = val; - this.keys = ""; - id.forEach((item) => { - this.keys += item + ","; - }); + const maleId = '4'; // 鈥滅敺鈥濈殑 ID + const femaleId = '5'; // 鈥滃コ鈥濈殑 ID + let selectedIds = [...val]; // 澶嶅埗褰撳墠閫変腑鐨� ID 鏁扮粍 + + // 瀹炵幇鈥滅敺鈥濆拰鈥滃コ鈥濅簰鏂ラ�昏緫 + if (selectedIds.includes(maleId) && selectedIds.includes(femaleId)) { + selectedIds = selectedIds.slice(-1); // 淇濈暀鏈�鍚庨�変腑鐨勪竴涓� + this.$message.warning('鈥滅敺鈥濆拰鈥滃コ鈥濆叧閿瓧浜掓枼锛屽彧鑳介�夋嫨涓�涓紒'); + } + + // 鏇存柊 form.keywords 鍜� keys + this.form.keywords = selectedIds; + this.keys = selectedIds.join(','); + + // 璋冪敤 getDataList锛屼紶閫掓墍鏈夐�変腑鐨勫叧閿瓧 ID锛堥�楀彿鍒嗛殧锛� + this.getDataList({ xb: this.keys }); }, - /** 鏌ヨ绫荤洰鍒楄〃 */ getCategory() { this.loading = true; listCategory(this.queryParams).then((response) => { - this.categoryList = response.rows; - console.log(this.categoryList, 9988); + this.categoryList = response.rows || []; + this.loading = false; + }).catch(() => { + this.loading = false; + this.$message.error('鑾峰彇濂楅绫荤洰澶辫触'); }); }, - shangpin(vals) { }, - // 鍙栨秷鎸夐挳 + getDataList(params = {}) { + this.loading = true; + const query = { ...this.queryParams1, ...params }; + search(query).then((response) => { + this.Treedata = response.data.list || []; + this.total1 = response.data.total || 0; + this.pics = this.DataList.reduce((total, item) => total + (item.priceOrd || 0), 0); + this.$nextTick(() => { + this.$refs.tree.setCheckedKeys(this.checkedNodes); + this.initializing = false; + }); + this.loading = false; + }).catch(() => { + this.loading = false; + this.$message.error('鑾峰彇椤圭洰鍒楄〃澶辫触'); + }); + }, + shangpin(vals) {}, cancel() { this.open = false; this.Seachopen = false; this.reset(); }, - // 琛ㄥ崟閲嶇疆 reset() { this.form = { pacId: null, @@ -643,16 +456,18 @@ allProName: null, priceNow: null, proId: null, - // pacStatus: "鍚敤", + xianprice: null, + counterPrice: null, + limits: 10, + keywords: [], }; + this.initializing = true; this.resetForm("form"); }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { this.queryParams.pageNum = 1; this.getList(); }, - handlePackage() { this.$refs.aaa.open = true; this.$refs.aaa.getList(); @@ -666,178 +481,127 @@ this.form.retailPrice = param1[0].price; } }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { this.resetForm("queryForm"); this.handleQuery(); }, - // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - if (!selection[0]) { - return; - } + if (!selection[0]) return; this.forms = selection[0]; this.ids = selection.map((item) => item.pacId); this.single = selection.length !== 1; this.multiple = !selection.length; }, - /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { this.reset(); this.open = true; this.title = "浣撴濂楅淇℃伅缁存姢"; this.DataList = []; this.checkedkey = []; + this.queryParams1.nr = ""; + this.queryParams1.page = 1; this.checkedListkey = []; + this.checkedNodes = []; this.getDataList(); - // 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({ - // id: parseInt(length), - // proName: "", - // allSonProName: "", - // proPrice: "", - // priceNow: "", - // proId: "", - // Selection, - // }); - // } + this.youhui = 10; }, - - // 鏄惁鍚敤 handleStatusChange(row) { let data = { pacId: row.pacId, pacStatus: row.pacStatus, }; let text = row.pacStatus === "0" ? "鍚敤" : "鍋滅敤"; - this.$confirm("纭瑕�" + text + row.pacName + "濂楅鍚楋紵") - .then(function () { - return updateStatus(data); - }) + this.$modal + .confirm("纭瑕�" + text + row.pacName + "濂楅鍚楋紵") + .then(() => updateStatus(data)) .then(() => { - this.msgSuccess(text + "鎴愬姛"); + this.$modal.msgSuccess(text + "鎴愬姛"); }) - .catch(function () { + .catch(() => { row.pacStatus = row.pacStatus === "0" ? "0" : "1"; }); }, - handleUp() { + this.reset(); this.title = "浣撴濂楅淇℃伅缁存姢"; this.open = true; - // getPacTjProjectList().then((response) => { - // this.allList = response.data; - // this.loading = false; - // }); getPacInFo(this.forms.pacId).then((response) => { - // this.form = response.data; Object.keys(response.data).forEach((key) => { this.$set(this.form, key, response.data[key]); }); - console.log(this.form, 2233); - - this.form.keywords = this.form.keywords.slice(0, -1); - this.form.keywords = this.form.keywords.split(","); - // this.DataList = []; - - // this.pics = 0; - this.DataList = []; - this.checkedkey = []; - this.checkedListkey = []; - this.DataList = response.data.packageProjects; - this.DataList.forEach((item) => { - this.checkedkey.push(item.proId); - this.checkedListkey.push(item.proId); - }); - - // 鑾峰彇鏂扮殑鏁版嵁鍒楄〃锛堝鏋滈渶瑕侊級 + this.youhui = response.data.limits || 10; + this.pics = response.data.price || 0; + this.form.xianprice = response.data.newPrice || 0; + this.lastXianPrice = this.form.xianprice; + this.form.keywords = response.data.keywords && response.data.keywords.length > 0 + ? response.data.keywords.slice(0, -1).split(",") + : []; + this.DataList = response.data.packageProjects || []; + this.checkedkey = this.DataList.map(item => item.proId || ''); + this.checkedListkey = [...this.checkedkey]; + this.checkedNodes = [...this.checkedkey]; this.getDataList(); }); }, - - /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { + this.reset(); this.title = "浣撴濂楅淇℃伅缁存姢"; this.open = true; + this.loading = true; getPacInFo(row.pacId).then((response) => { - // this.form = response.data; - console.log(this.form, 445); - Object.keys(response.data).forEach((key) => { - this.$set(this.form, key, response.data[key]); + const data = response.data || {}; + Object.keys(data).forEach((key) => { + this.$set(this.form, key, data[key]); }); - this.lastXianPrice = this.form.xianprice - this.form.keywords = this.form.keywords.slice(0, -1); - this.form.keywords = this.form.keywords.split(","); - this.DataList = []; - this.checkedkey = []; - this.checkedListkey = []; - this.DataList = response.data.packageProjects; - this.DataList.forEach((item) => { - this.checkedkey.push(item.proId); - this.checkedListkey.push(item.proId); + this.youhui = data.limits || 10; + this.pics = data.price || 0; + this.form.xianprice = data.newPrice || 0; + this.lastXianPrice = this.form.xianprice; + this.form.keywords = data.keywords && data.keywords.length > 0 + ? data.keywords.slice(0, -1).split(",") + : []; + this.DataList = data.packageProjects || []; + this.checkedkey = this.DataList.map(item => item.proId || ''); + this.checkedListkey = [...this.checkedkey]; + this.checkedNodes = [...this.checkedkey]; + return this.getDataList(); + }).then(() => { + this.loading = false; + this.$nextTick(() => { + this.$refs.form.validate(); }); - - // 鑾峰彇鏂扮殑鏁版嵁鍒楄〃锛堝鏋滈渶瑕侊級 - this.getDataList(); + }).catch((error) => { + this.loading = false; + this.$message.error("鍔犺浇鏁版嵁澶辫触"); }); }, - - // 鏂板琛� addmembers() { if (this.form.pacName) { if (!this.form.tjProjectList) { this.form.tjProjectList = []; - this.form.tjProjectList.push({ - id: parseInt(length), - proName: "", - allSonProName: "", - proPrice: "", - priceNow: "", - proId: "", - Selection, - }); - } else { - this.form.tjProjectList.push({ - id: parseInt(length), - proName: "", - allSonProName: "", - proPrice: "", - priceNow: "", - proId: "", - Selection, - }); } + this.form.tjProjectList.push({ + id: this.form.tjProjectList.length + 1, + proName: "", + allSonProName: "", + proPrice: "", + priceNow: "", + proId: "", + }); } else { - Message.warning("璇峰厛濉啓濂楅鍚嶇О"); + this.$modal.msgWarning("璇峰厛濉啓濂楅鍚嶇О"); } this.$forceUpdate(); }, - - // 鍒犻櫎琛� Delete(index) { - if (this.form.tjProjectList.length == 0) { - this.$alert("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁", "鎻愮ず", { - confirmButtonText: "纭畾", - }); + if (this.form.tjProjectList.length === 0) { + this.$modal.alert("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁", "鎻愮ず", { confirmButtonText: "纭畾" }); } else { this.form.tjProjectList.splice(index, 1); } }, - - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete1(row) { this.DataList = this.DataList.filter((item) => item.proId !== row.proId); - // 浠� checkedNodes 涓Щ闄� const index = this.checkedNodes.indexOf(row.proId); if (index > -1) { this.checkedNodes.splice(index, 1); @@ -851,86 +615,29 @@ }, getSelectValue(val) { this.form.tjProjectList.forEach((formitem) => { - if (formitem.proName == val) { + if (formitem.proName === val) { formitem.allSonProName = ""; this.allList.find((item) => { - if (item.proName == val) { + if (item.proName === val) { formitem.proId = item.proId; formitem.proPrice = item.proPrice; formitem.priceNow = item.proPrice; formitem.allSonProName = item.allSonProName; - // item.tjProjectList.forEach((item1) => { - // this.$nextTick(() => { - // formitem.allSonProName = - // formitem.allSonProName + "," + item1.proName; - // }); - // // this.form.tjProjectList.allSonProName = this.form.tjProjectList.allSonProName+','+item1.proName - // }); } }); } }); - for (let i = 0; i < this.form.tjProjectList.length; i++) { for (let j = i + 1; j < this.form.tjProjectList.length; j++) { - if ( - this.form.tjProjectList[i].proId == this.form.tjProjectList[j].proId - ) { + if (this.form.tjProjectList[i].proId === this.form.tjProjectList[j].proId) { this.form.tjProjectList.splice(j, 1); j--; this.$modal.msgError("姝ら」鐩凡褰曞叆锛屼笉鍙噸澶嶅綍鍏�"); } } } - return this.form.tjProjectList; }, - - numberChange(currentValue, oldValue) { - this.$confirm("纭畾淇敼鎵�鏈夊瓙椤圭殑鎶樻墸鍚楋紵", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(() => { - this.youhui = currentValue; - this.DataList.forEach((item) => { - item.limits = this.youhui; - const proPrice = new Big(item.priceOrd); - const limits = new Big(item.limits); - const result = proPrice.times(limits.div(10)); - item.priceNow = result.toNumber(); - this.form.xianprice = this.DataList.reduce((sum, item) => { - return sum.plus(new Big(item.priceNow || "0")); - }, new Big(0)); - }); - }) - .catch(() => { - this.youhui = oldValue; - }); - }, - - updateProPrice(row) { - const proPrice = new Big(row.priceOrd); - const limits = new Big(row.limits); - const result = proPrice.times(limits.div(10)); // ordPrice * (discount / 10) - row.priceNow = result.toNumber(); - this.form.xianprice = this.DataList.reduce((sum, item) => { - return sum.plus(new Big(item.priceNow || "0")); - }, new Big(0)).toNumber(); - this.youhui = - (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10; - // console.log(this.youhui, 1212); - }, - calculateDiscount(row) { - if (row.limits > 10) { - row.limits = 10; // 寮哄埗灏嗗�艰缃负鏈�澶у�� - } else if (row.limits < 0) { - row.limits = 0; // 寮哄埗灏嗗�艰缃负鏈�灏忓�� - } - this.updateProPrice(row); // 鏇存柊浠锋牸鎴栧叾浠栭�昏緫 - }, - // 榛樿鎺ュ彈鍥涗釜鍊� { 褰撳墠琛岀殑鍊�, 褰撳墠鍒楃殑鍊�, 琛岀殑涓嬫爣, 鍒楃殑涓嬫爣 } objectSpanMethod({ row, column, rowIndex, columnIndex }) { let fields = ["propinName"]; let cellValue = row[column.property]; @@ -958,104 +665,18 @@ </span> ); }, - getDataList() { - this.loading = true; - search(this.queryParams1).then((response) => { - this.Treedata = response.data.list; // 鏇存柊鏍戝舰鏁版嵁 - this.total1 = response.data.total; // 鏇存柊鎬绘潯鏁� - this.pics = this.DataList.reduce( - (total, item) => total + item.priceOrd, - 0 - ); - - // 纭繚鍦ㄦ暟鎹姞杞藉悗淇濇寔閫変腑鐘舵�� - this.$nextTick(() => { - this.$refs.tree.setCheckedKeys(this.checkedNodes); - }); - }); - this.loading = false; - }, - // getDataList() { - // this.loading = true; - - // getProParentIdDxList(this.queryParams).then((response) => { - // this.Treedata = response.data.list; - // /* if (this.form.tjProjectList) { - // this.form.tjProjectList.forEach((item) => { - // this.Treedata.forEach((item1) => { - // if (item.proId == item1.proId) { - // this.checkedkey.push(item1.proId); - - // this.DataList.push(item1); - - // this.DataList.forEach((item1) => { - // item1.limits = 10; - // if (item1.limits > 10) { - // item1.limits = 10; // 寮哄埗灏嗗�艰缃负鏈�澶у�� - // } else if (item1.limits < 0) { - // item1.limits = 0; // 寮哄埗灏嗗�艰缃负鏈�灏忓�� - // } - // this.updateProPrice(item1); // 鏇存柊浠锋牸鎴栧叾浠栭�昏緫 - // }); - - // } - // }); - // }); - // } */ /* else { - // this.checkedkey.push(this.Treedata[0].proId); - // let proId = this.Treedata[0].proId; - // this.TreedataList = this.Treedata.filter( - // (item) => item.proId == proId - // ); */ - - // // 灏嗙涓�涓」鐩坊鍔犲埌 DataList - // // this.TreedataList.forEach((item) => { - // // this.checkedListkey.push(item.proId); - // // this.DataList.push(item); - // // }); - // /* getProSonDxList(proId).then((res) => { - // this.TreedataList = res.data.list; - // this.TreedataList.forEach((item) => { - // item.disabled = true; - // this.checkedListkey.push(item.proId); - // this.DataList.push(item); - // this.DataList.forEach((item) => { - // item.propinName = this.Treedata[0].proName; - // item.propinPrice = this.Treedata[0].proPrice; - // }); - // this.pics = 0; - // this.DataList.forEach((item) => { - // this.pics += item.proPrice; - // }); - // }); - // }); */ - // // } - // this.pics = this.DataList.reduce( - // (total, item) => total + item.priceOrd, - // 0 - // ); - // this.loading = false; - // }); - // }, handleFilterInput() { - this.queryParams1.page = 1; // 鎼滅储鏃堕噸缃负绗竴椤� - this.getDataList(); // 璋冪敤鎺ュ彛鑾峰彇鏁版嵁 - // 鍦ㄨ繃婊ゅ悗锛岄噸鏂拌缃�変腑鐘舵�� + this.queryParams1.page = 1; + this.getDataList(); this.$nextTick(() => { this.$refs.tree.setCheckedKeys(this.checkedNodes); }); }, - - // 鍒嗛〉浜嬩欢 - handlePageChange({ page, pageSize }) { - this.queryParams.page = page; // 鏇存柊褰撳墠椤� - this.queryParams.pageSize = pageSize; // 鏇存柊姣忛〉鏉℃暟 - this.getDataList(); // 璋冪敤鎺ュ彛鑾峰彇鏁版嵁 - }, - handleCurrentChecked(data, checked, indeterminate) { + if (this.initializing) { + return; + } if (checked) { - // 濡傛灉宸查�夊垪琛ㄤ腑涓嶅瓨鍦ㄦ椤圭洰锛屽垯娣诲姞 if (!this.DataList.some((item) => item.proId === data.proId)) { this.DataList.push({ proId: data.proId, @@ -1065,100 +686,34 @@ priceNow: data.proPrice, }); } - // 娣诲姞鍒� checkedNodes 鏁扮粍 if (!this.checkedNodes.includes(data.proId)) { this.checkedNodes.push(data.proId); } + this.updateTotalPrice(); } else { - // 鍙栨秷閫変腑鏃讹紝浠嶥ataList涓Щ闄� - this.DataList = this.DataList.filter( - (item) => item.proId !== data.proId - ); - // 浠� checkedNodes 涓Щ闄� + this.DataList = this.DataList.filter((item) => item.proId !== data.proId); const index = this.checkedNodes.indexOf(data.proId); if (index > -1) { this.checkedNodes.splice(index, 1); } + this.updateTotalPrice(); } - - // 鏇存柊浼樻儬浠峰拰鎬讳环 - this.updateTotalPrice(); }, updateTotalPrice() { - // 璁$畻鎵�鏈夐」鐩殑鎬讳紭鎯犱环 this.form.xianprice = this.DataList.reduce((sum, item) => { - return sum.plus(new Big(item.priceNow || "0")); + return sum.plus(new Big(item.priceNow || 0)); }, new Big(0)).toNumber(); - - // 璁$畻鍘熶环鎬诲拰 - this.pics = this.DataList.reduce( - (total, item) => total + item.priceOrd, - 0 - ); + this.pics = this.DataList.reduce((total, item) => total + (item.priceOrd || 0), 0); }, - changeXianjia() { - // 鍘熷鎶樻墸鐜囪绠� - if (this.form.xianprice !== 0) { - this.youhui = - (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10; + if (this.form.xianprice !== 0 && this.pics) { + this.youhui = (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10; } - }, - - numberChangeXianPrice(currentValue, oldValue) { - // 濡傛灉鐜颁环娌℃湁鍙樺寲锛岀洿鎺ヨ繑鍥� - if (this.form.xianprice === this.lastXianPrice || !this.form.xianprice) { - return; - } - this.$confirm("纭畾淇敼鎵�鏈夊瓙椤圭殑鎶樻墸鍚楋紵", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(() => { - this.youhui = currentValue; - if (this.youhui < this.getInfodis) { - this.youhui = this.getInfodis; - } - let totalYsprice = new Big(0); - this.DataList.forEach((item) => { - item.limits = this.youhui; - const ordPrice = new Big(item.priceOrd); - const discount = new Big(item.limits); - const result = ordPrice.times(discount.div(10)); - item.priceNow = result.toNumber(); - totalYsprice = totalYsprice.plus(new Big(item.priceNow)); - }); - if (!totalYsprice.eq(this.form.xianprice)) { - const diff = new Big(this.form.xianprice).minus(totalYsprice); - if (this.DataList.length > 0) { - const lastItem = this.DataList[this.DataList.length - 1]; - const newYsPrice = new Big(lastItem.priceNow) - .plus(diff) - .toNumber(); - console.log( - "hhh", - this.DataList[this.DataList.length - 1].priceNow, - newYsPrice - ); - this.$set( - this.DataList[this.DataList.length - 1], - "priceNow", - newYsPrice - ); - } - } - this.lastXianPrice = this.form.xianprice; - }) - .catch(() => { - this.youhui = oldValue; - }); }, spliceData() { - for (var i = 0; i < this.DataList.length; i++) { - for (var j = i + 1; j < this.DataList.length; j++) { - if (this.DataList[i].proId == this.DataList[j].proId) { - //濡傛灉绗竴涓瓑浜庣浜屼釜锛宻plice鏂规硶鍒犻櫎绗簩涓� + for (let i = 0; i < this.DataList.length; i++) { + for (let j = i + 1; j < this.DataList.length; j++) { + if (this.DataList[i].proId === this.DataList[j].proId) { this.DataList.splice(j, 1); j--; } @@ -1166,70 +721,70 @@ } return this.DataList; }, - - // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked1(data, checked, checkedNodes) { - if (checked == false) { - this.DataList.forEach((item, index) => { - if (item.proId == data.proId) { - this.DataList.splice(index, 1); - this.TotalPrice1 = 0; - this.pics = 0; - this.DataList.forEach((item1) => { - this.pics += item1.priceOrd; - // this.TotalPrice1 = item1.proPrice + this.TotalPrice1; - }); - } - }); - } else if (checked == true) { + if (!checked) { + this.DataList = this.DataList.filter((item) => item.proId !== data.proId); + this.TotalPrice1 = this.DataList.reduce((sum, item) => sum + (item.priceOrd || 0), 0); + this.pics = this.TotalPrice1; + } else { this.DataList.push(data); - this.pics = 0; - this.DataList.forEach((item1) => { - this.pics += item1.priceOrd; - if (item1.proParentId == this.dataObj.proId) { - item1.propinName = this.dataObj.proName; - item1.propinPrice = this.dataObj.proPrice; - } - }); + this.pics = this.DataList.reduce((sum, item) => sum + (item.priceOrd || 0), 0); this.spliceData(); - this.TotalPrice1 = 0; - this.pics = 0; - this.DataList.forEach((item1) => { - // this.TotalPrice1 = item1.proPrice + this.TotalPrice1; - this.pics += item1.priceOrd; - }); + this.TotalPrice1 = this.pics; } }, - - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDeletes(row) { - this.DataList.forEach((item, index) => { - if (item.proParentId == row.proParentId) { - this.DataList.splice(index, 1); - this.TotalPrice1 = 0; - this.DataList.forEach((item1) => { - this.TotalPrice1 = item1.proPrice + this.TotalPrice1; - }); + this.DataList = this.DataList.filter((item) => item.proParentId !== row.proParentId); + this.TotalPrice1 = this.DataList.reduce((sum, item) => sum + (item.priceOrd || 0), 0); + }, + submitForm() { + this.$refs.form.validate((valid) => { + if (valid) { + if (this.form.xianprice !== this.lastXianPrice) { + this.$modal + .confirm("纭畾淇敼鎵�鏈夊瓙椤圭殑鎶樻墸鍚楋紵", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + this.youhui = (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10; + let totalYsprice = new Big(0); + this.DataList.forEach((item) => { + item.limits = this.youhui; + const ordPrice = new Big(item.priceOrd || 0); + const discount = new Big(item.limits); + const result = ordPrice.times(discount.div(10)); + item.priceNow = result.toNumber(); + totalYsprice = totalYsprice.plus(new Big(item.priceNow)); + }); + if (!totalYsprice.eq(this.form.xianprice)) { + const diff = new Big(this.form.xianprice).minus(totalYsprice); + if (this.DataList.length > 0) { + const lastItem = this.DataList[this.DataList.length - 1]; + const newYsPrice = new Big(lastItem.priceNow).plus(diff).toNumber(); + this.$set(this.DataList[this.DataList.length - 1], "priceNow", newYsPrice); + } + } + return this.saveData(); + }) + .catch(() => { + this.form.xianprice = this.lastXianPrice; + }); + } else { + this.saveData(); + } } }); - - // this.$refs.trees.setCheckedKeys([]); }, - - /** 鎻愪氦鎸夐挳 */ - submitForm() { + saveData() { this.form.limits = this.youhui; this.form.price = this.pics; - this.form.priceNow = this.queryParams.xianprice; - + this.form.priceNow = this.form.xianprice; if (this.keys) { - this.form.keywords = this.keys; // 濡傛灉鏈� this.keys锛屽垯鐩存帴璧嬪�� - } else { - // this.form.keywords = this.form.keywords; // 濡傛灉娌℃湁锛屽垯灏� this.form.keywords 杞垚瀛楃涓� + this.form.keywords = this.keys; } - - let packageProjects = []; // 瀹氫箟涓�涓┖鏁扮粍 - + let packageProjects = []; this.DataList.forEach((item) => { packageProjects.push({ proName: item.proName, @@ -1248,183 +803,50 @@ price: this.pics, pacId: this.form.pacId || null, isOnSale: this.form.isOnSale, - // keywords: this.form.keywords, sort: this.form.sort, retailPrice: this.form.retailPrice, tjCategory: this.form.tjCategory, pacRemark: this.form.pacRemark, detail: this.form.detail, }; - - saveOreditTjPacNew(data).then((res) => { - console.log(res, 555); + return saveOreditTjPacNew(data).then((res) => { + this.$modal.msgSuccess("淇濆瓨鎴愬姛"); this.open = false; this.getList(); + }).catch(() => { + this.$message.error("淇濆瓨澶辫触"); }); }, - /* submitForm() { - if (this.form.pacName) { - this.form.tjProjectList = []; - if (this.DataList.length != 0) { - this.treeList = JSON.parse(JSON.stringify(this.DataList)); - for (var i = 0; i < this.treeList.length; i++) { - for (var j = i + 1; j < this.treeList.length; j++) { - if ( - this.treeList[i].proParentId == this.treeList[j].proParentId - ) { - this.treeList.splice(j, 1); - j--; - } - } - } - this.treeList.forEach((item) => { - this.form.tjProjectList.push({ - // id: 0, - proName: item.propinName, - // allSonProName: item.proName + ",", - proPrice: item.propinPrice, - priceNow: item.propinPrice, - proId: item.proParentId, - }); - }); - } - this.$refs["form"].validate((valid) => { - if (valid) { - if (this.form.pacId != null) { - // if (this.form.pacStatus === "鍚敤") { - // this.form.pacStatus = 0; - // } else { - // this.form.pacStatus = 1; - // } - if (this.keys) { - this.form.keywords = this.keys; - } else { - this.form.keywords = this.form.keywords.toString(); - } - - updatePackage(this.form).then((response) => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - this.form.keywords = this.keys; - // if (this.form.pacStatus === "鍚敤") { - // this.form.pacStatus = 0; - // } else { - // this.form.pacStatus = 1; - // } - // return; - addPackage(this.form).then((response) => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - } else { - Message.warning("璇峰厛濉啓濂楅鍚嶇О"); - } - }, */ - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { const pacIds = row.pacId || this.ids; this.$modal .confirm('鏄惁纭鍒犻櫎浣撴濂楅缂栧彿涓�"' + pacIds + '"鐨勬暟鎹」锛�') - .then(function () { - return delPackage(pacIds); - }) + .then(() => delPackage(pacIds)) .then(() => { this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => { }); + .catch(() => {}); }, - - /** 鍒嗛厤濂楅鍐呴」鐩搷浣� */ - handleProject: function (row) { + handleProject(row) { const pacId = row.pacId; this.$router.push("/system/user-auth/role/" + pacId); }, - - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { this.download( "system/package/export", - { - ...this.queryParams, - }, + { ...this.queryParams }, `package_${new Date().getTime()}.xlsx` ); - }, - // 濂楅璇︽儏 - // handleSeach(row) { - // this.Seachopen = true; - // this.loading = true; - // const pacId = row.pacId; - // this.pacId = row.pacId - // let data = { - // pacId: pacId, - // }; - // getAllPackage(data).then((response) => { - // this.allpackageList = response.data.tjProjectList; - // this.loading = false; - // let arr = []; - // this.allpackageList.forEach((item) => { - // arr.push(item.proName); - // }); - // this.newproName = arr; - // }); - - // getAllPackageList().then((response) => { - // this.allList = response.data; - // this.loading = false; - // }); - // }, - // // 鍏ㄩ�� - // handleCheckAllChange(val) { - // this.newproName = val ? this.allList : []; - // this.isIndeterminate = false; - // }, - - // handleCheckedCitiesChange(value) { - // let checkedCount = value.length; - // this.checkAll = checkedCount === this.allList.length; - // this.isIndeterminate = - // checkedCount > 0 && checkedCount < this.allList.length; - // }, - - submitcheckbox() { - let _this = this; - let proIds = []; - this.allList.forEach((item) => { - _this.newproName.forEach((item1) => { - if (item.proName == item1) { - proIds.push(item.proId); - } - }); - }); - let data = { - pacid: Number(this.pacId), - proIds: proIds.toString(), - }; - - updateProject(data).then((response) => { - this.$modal.msgSuccess("鎴愬姛"); - this.Seachopen = false; - }); }, }, }; </script> - <style> .el-tooltip__popper { max-width: 800px; } - .showInline { overflow: hidden; text-overflow: ellipsis; @@ -1433,35 +855,22 @@ line-clamp: 2; -webkit-box-orient: vertical; } - .pag { width: 100%; display: flex; justify-content: center; } - .pag1 { width: 30%; } - .dialog-footer { position: absolute; left: 40%; bottom: 2%; } - .tab3 { max-height: 400px; overflow-y: auto; border: 1px solid #d9d9d9; } - -/* .custom-tree-node { - flex: 1; - display: flex; - align-items: center; - justify-content: space-between; - font-size: 14px; - padding-right: 8px; - } */ </style> \ No newline at end of file -- Gitblit v1.8.0