From a7a0b7a266fd3df381ab8f2b6dcf098ef9076533 Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期三, 30 七月 2025 10:51:26 +0800
Subject: [PATCH] 1111
---
src/views/system/package/index.vue | 1114 +++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 674 insertions(+), 440 deletions(-)
diff --git a/src/views/system/package/index.vue b/src/views/system/package/index.vue
index 4eca4f1..4984162 100644
--- a/src/views/system/package/index.vue
+++ b/src/views/system/package/index.vue
@@ -1,396 +1,564 @@
<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="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>
+ <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>
</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>
- <!--
- element-loading-background="rgba(0, 0, 0, 0.1)"
- element-loading-spinner="el-icon-loading"
- element-loading-text="姝ｅ湪鍔犺浇涓�..." -->
<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>
+ <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="浣撴绫诲埆"
+ width="100px"
+ align="center"
+ prop="categoryNames"
+ fixed
+ >
<template slot-scope="scope">
- <dict-tag :options="dict.type.dict_tjtype" :value="scope.row.tjCategory" />
+ <dict-tag
+ :options="dict.type.dict_tjtype"
+ :value="scope.row.tjCategory"
+ />
</template>
</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="鎶樻墸" 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="椤圭洰鏄庣粏"
+ <el-table-column
+ label="濂楅鍚嶇О"
align="center"
- prop="allSonName"
+ 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"
:show-overflow-tooltip="true"
- >
- </el-table-column>-->
- <el-table-column label="濂楅鎻忚堪" align="center" :show-overflow-tooltip="true" width="120px">
+ width="120px"
+ >
<template slot-scope="scope">
<div class="showInline">{{ scope.row.pacRemark }}</div>
</template>
</el-table-column>
- <!-- <el-table-column
- label="鍥剧墖"
+ <el-table-column
+ label="鍏抽敭瀛�"
+ width="110px"
align="center"
- prop="pacPhone"
- width="100"
- :show-overflow-tooltip="true"
+ prop="keyNames"
+ ></el-table-column>
+ <el-table-column
+ label="鏄惁涓婃灦"
+ width="94px"
+ align="center"
+ prop="isOnSale"
>
<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" />
+ <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"
+ <el-table-column
+ label="鎺掑簭"
+ width="50px"
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="鍘熶环"
+ prop="sort"
+ ></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">
+ prop="retailPrice"
+ ></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-circle-check" @click="handleSeach(scope.row)"
- v-hasPermi="['system:package:Seach']" 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>
</template>
</el-table-column>
</el-table>
<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="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-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"
+ >
<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>
- </el-form-item>
-
- <!-- <el-form-item label="濂楅绫荤洰" prop="categoryId">
<el-select
- v-model="form.categoryId"
- placeholder="璇烽�夋嫨濂楅绫荤洰"
+ v-model="form.pacStatus"
+ placeholder="璇烽�夋嫨鐘舵��"
style="width: 150px"
- @change="shangpin"
filterable
- clearablez
+ clearable
>
<el-option
- v-for="item in categoryList"
+ 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="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-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>
+ <el-form-item label="灏忕▼搴忎环鏍�" prop="retailPrice">
+ <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"
+ 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="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"
+ 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
+ clearable
+ >
+ <el-option
+ v-for="item in keywordList"
:key="item.id"
- :label="item.name"
+ :label="item.keyword"
: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>
- <el-form-item label="灏忕▼搴忎环鏍�" prop="retailPrice">
- <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-form-item>
- <el-form-item label="鎶樻墸">
- <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
- clearable>
- <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">
- <el-input type="textarea" v-model="form.pacRemark" placeholder="璇疯緭鍏ュ椁愭弿杩�" style="width: 670px"
- rows="2"></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" />
+ <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">
- 椤圭洰鍒楄〃
- </div>
- <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" @input="handleFilterInput" v-model="queryParams1.nr" clearable />
- <div class="tab3" style="height: 365px">
- <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
- node-key="proId" @check-change="handleCurrentChecked" :default-checked-keys="checkedkey"
- :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
- </el-tree>
- <pagination small v-show="total1 > 0" :total="total1" :page.sync="queryParams1.page"
- :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-input
+ placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�"
+ @input="handleFilterInput"
+ v-model="queryParams1.nr"
+ clearable
+ />
+ <div class="tab3" style="height: 365px">
<el-tree
class="filter-tree"
v-loading="loading"
- :data="TreedataList"
- node-key="proId"
+ :data="Treedata"
:props="defaultProps"
- :filter-node-method="filterNode"
show-checkbox
- @check-change="handleCurrentChecked1"
- :default-checked-keys="checkedListkey"
- ref="trees"
+ node-key="proId"
+ @check-change="handleCurrentChecked"
+ :default-checked-keys="checkedkey"
+ :filter-node-method="filterNode"
+ ref="tree"
:render-content="renderContent"
>
</el-tree>
+ <pagination
+ small
+ v-show="total1 > 0"
+ :total="total1"
+ :page.sync="queryParams1.page"
+ :limit.sync="queryParams1.pageSize"
+ @pagination="getDataList"
+ />
</div>
- </el-col> -->
+ </el-col>
<el-col>
<div class="grid-content bg-purple">
- <div style="
+ <div
+ style="
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 8%;
- ">
+ "
+ >
宸查�夐」鐩垪琛�
</div>
- <el-table :data="DataList" border style="width: 90%; margin-left: 20px" height="400"
- :span-method="objectSpanMethod">
+ <el-table
+ :data="DataList"
+ border
+ style="width: 90%; margin-left: 20px"
+ height="400"
+ :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
+ 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
+ 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">
- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)" title="鍒犻櫎">
- </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)"
+ @click="handleDelete1(scope.row)"
title="鍒犻櫎"
- ></el-button>
- </template>
- </el-table-column>-->
+ >
+ </el-button>
+ </template>
+ </el-table-column>
</el-table>
- <h4 style="font-weight: 600;padding-left:20px">涓�鍏遍�変腑{{DataList.length}}椤癸紝鍚堣锛歿{ form.xianprice }}鍏�</h4>
+ <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,7 +567,11 @@
import Packages from "@/components/Packages";
import { listCategory } from "@/api/mall/category";
import { listKeyword } from "@/api/mall/keyword";
-import { getProParentIdDxList, search, getProSonDxList } from "@/api/system/package";
+import {
+ getProParentIdDxList,
+ search,
+ getProSonDxList,
+} from "@/api/system/package";
import {
getPacList,
getPacInFo,
@@ -416,7 +588,7 @@
saveOreditTjPacNew,
} from "@/api/system/package";
import { Message } from "element-ui";
-import Big from 'big.js';
+import Big from "big.js";
export default {
name: "Package",
@@ -478,18 +650,24 @@
page: 1,
pageSize: 30,
nr: "",
+ xb: "",
},
form: {
xianprice: null,
counterPrice: null,
limits: 10,
+ keywords: [],
},
forms: {},
youhui: 10,
- initializing: true, // 鍒濆鍖栨爣蹇�
+ initializing: true,
debounceTimer: null,
rules: {
-
+ pacName: [
+ { required: true, message: "璇疯緭鍏ュ椁愬悕绉�", trigger: "blur" },
+ ],
+ // pics: [{ required: true, message: "璇疯緭鍏ュ師浠�", trigger: "change" }],
+ xianprice: [{ required: true, message: "璇疯緭鍏ョ幇浠�", trigger: "blur" }],
},
};
},
@@ -498,7 +676,6 @@
this.getKeyword();
this.getCategory();
},
-
methods: {
debounceNumberChange(currentValue, oldValue) {
clearTimeout(this.debounceTimer);
@@ -507,38 +684,19 @@
}, 300);
},
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)).toNumber();
- this.lastXianPrice = this.form.xianprice;
- })
- .catch(() => {
- this.youhui = oldValue;
- });
+ // 瀹炵幇鎶樻墸鍙樺寲鐨勯�昏緫锛堝鏋滈渶瑕侊級
},
updateProPrice(row) {
- const proPrice = new Big(row.priceOrd);
- const limits = new Big(row.limits);
+ 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"));
+ return sum.plus(new Big(item.priceNow || 0));
}, new Big(0)).toNumber();
- this.youhui = (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10;
+ this.youhui = this.pics
+ ? (Math.floor((this.form.xianprice / this.pics) * 100) / 100) * 10
+ : 10;
},
calculateDiscount(row) {
if (row.limits > 10) {
@@ -553,38 +711,102 @@
},
filterNode(value, data) {
if (!value) return true;
- return data.proName.indexOf(value) !== -1 || data.proEngName.indexOf(value) !== -1;
+ console.log(value, 6666);
+
+ return (
+ data.proName.indexOf(value) !== -1 ||
+ (data.proEngName && data.proEngName.indexOf(value) !== -1)
+ );
},
getList() {
this.loading = true;
getPacTjProjectList().then((response) => {
- this.allList = response.data;
+ 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;
+ getPacList(this.queryParams)
+ .then((response) => {
+ response.rows.forEach((item, index) => {
+ item.newID =
+ (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+ index +
+ 1;
+ });
+ this.total = response.total || 0;
+ this.packageList = response.rows || [];
+ this.loading = false;
+ })
+ .catch(() => {
+ this.loading = false;
+ this.$message.error("鑾峰彇濂楅鍒楄〃澶辫触");
});
- this.total = response.total;
- this.packageList = response.rows;
- this.loading = false;
- });
},
getKeyword() {
this.loading = true;
- listKeyword(this.queryParams).then((response) => {
- this.keywordList = response.rows;
- });
+ listKeyword(this.queryParams)
+ .then((response) => {
+ this.keywordList = response.rows || [];
+ this.loading = false;
+ })
+ .catch(() => {
+ this.loading = false;
+ this.$message.error("鑾峰彇鍏抽敭瀛楀垪琛ㄥけ璐�");
+ });
},
sel(val) {
- let id = val;
- this.keys = id.join(",");
+ 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 });
+ this.queryParams1.xb = this.keys; // 馃憟 鏇存柊鏌ヨ鍙傛暟
+ this.queryParams1.page = 1; // 馃憟 鍒囨崲鏉′欢鏃堕噸缃〉鐮�
+ this.getDataList(); // 涓嶉渶瑕佸啀浼犲弬浜�
},
getCategory() {
this.loading = true;
- listCategory(this.queryParams).then((response) => {
- this.categoryList = response.rows;
- });
+ listCategory(this.queryParams)
+ .then((response) => {
+ this.categoryList = response.rows || [];
+ this.loading = false;
+ })
+ .catch(() => {
+ this.loading = false;
+ this.$message.error("鑾峰彇濂楅绫荤洰澶辫触");
+ });
+ },
+ 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() {
@@ -609,8 +831,9 @@
xianprice: null,
counterPrice: null,
limits: 10,
+ keywords: [],
};
- this.initializing = true;
+ this.initializing = true;
this.resetForm("form");
},
handleQuery() {
@@ -652,7 +875,7 @@
this.checkedListkey = [];
this.checkedNodes = [];
this.getDataList();
- this.youhui = 10
+ this.youhui = 10;
},
handleStatusChange(row) {
let data = {
@@ -660,10 +883,11 @@
pacStatus: row.pacStatus,
};
let text = row.pacStatus === "0" ? "鍚敤" : "鍋滅敤";
- this.$confirm("纭瑕�" + text + row.pacName + "濂楅鍚楋紵")
+ this.$modal
+ .confirm("纭瑕�" + text + row.pacName + "濂楅鍚楋紵")
.then(() => updateStatus(data))
.then(() => {
- this.msgSuccess(text + "鎴愬姛");
+ this.$modal.msgSuccess(text + "鎴愬姛");
})
.catch(() => {
row.pacStatus = row.pacStatus === "0" ? "0" : "1";
@@ -681,11 +905,12 @@
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.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.checkedkey = this.DataList.map((item) => item.proId || "");
this.checkedListkey = [...this.checkedkey];
this.checkedNodes = [...this.checkedkey];
this.getDataList();
@@ -696,65 +921,60 @@
this.title = "浣撴濂楅淇℃伅缁存姢";
this.open = true;
this.loading = true;
- getPacInFo(row.pacId).then((response) => {
- const data = response.data || {};
- Object.keys(data).forEach((key) => {
- this.$set(this.form, key, response.data[key]);
+ getPacInFo(row.pacId)
+ .then((response) => {
+ const data = response.data || {};
+ Object.keys(data).forEach((key) => {
+ this.$set(this.form, key, data[key]);
+ });
+ 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();
+ });
+ })
+ .catch((error) => {
+ this.loading = false;
+ this.$message.error("鍔犺浇鏁版嵁澶辫触");
});
- 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();
- });
- }).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: "",
- });
- } else {
- this.form.tjProjectList.push({
- id: parseInt(length),
- proName: "",
- allSonProName: "",
- proPrice: "",
- priceNow: "",
- proId: "",
- });
}
+ 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: "纭畾" });
+ this.$modal.alert("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ });
} else {
this.form.tjProjectList.splice(index, 1);
}
@@ -788,7 +1008,10 @@
});
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("姝ら」鐩凡褰曞叆锛屼笉鍙噸澶嶅綍鍏�");
@@ -824,30 +1047,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.initializing = false;
- });
-
- });
- this.loading = false;
- },
handleFilterInput() {
this.queryParams1.page = 1;
this.getDataList();
+ // this.getDataList({ xb: this.keys });
+
this.$nextTick(() => {
this.$refs.tree.setCheckedKeys(this.checkedNodes);
});
},
handleCurrentChecked(data, checked, indeterminate) {
if (this.initializing) {
- return; // 鍒濆鍖栨椂涓嶅鐞�
+ return;
}
if (checked) {
if (!this.DataList.some((item) => item.proId === data.proId)) {
@@ -864,64 +1075,34 @@
}
this.updateTotalPrice();
} else {
- this.DataList = this.DataList.filter((item) => item.proId !== data.proId);
+ 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();
}
-
},
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;
- clearTimeout(this.debounceTimer);
- this.debounceTimer = setTimeout(() => {
- this.$confirm("纭畾淇敼鎵�鏈夊瓙椤圭殑鎶樻墸鍚楋紵", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
- })
- .then(() => {
- this.youhui = currentValue;
- 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();
- this.$set(this.DataList[this.DataList.length - 1], "priceNow", newYsPrice);
- }
- }
- this.lastXianPrice = this.form.xianprice;
- })
- .catch(() => {
- this.youhui = oldValue;
- });
- }, 500);
- },
spliceData() {
- for (var i = 0; i < this.DataList.length; i++) {
- for (var j = i + 1; j < this.DataList.length; j++) {
+ 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--;
@@ -932,21 +1113,82 @@
},
handleCurrentChecked1(data, checked, checkedNodes) {
if (!checked) {
- this.DataList = this.DataList.filter((item) => item.proId !== data.proId);
- this.TotalPrice1 = this.DataList.reduce((sum, item) => sum + item.priceOrd, 0);
+ 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 = this.DataList.reduce((sum, item) => sum + item.priceOrd, 0);
+ this.pics = this.DataList.reduce(
+ (sum, item) => sum + (item.priceOrd || 0),
+ 0
+ );
this.spliceData();
this.TotalPrice1 = this.pics;
}
},
handleDeletes(row) {
- this.DataList = this.DataList.filter((item) => item.proParentId !== row.proParentId);
- this.TotalPrice1 = this.DataList.reduce((sum, item) => sum + item.priceOrd, 0);
+ 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();
+ }
+ }
+ });
+ },
+ saveData() {
this.form.limits = this.youhui;
this.form.price = this.pics;
this.form.priceNow = this.form.xianprice;
@@ -978,10 +1220,15 @@
pacRemark: this.form.pacRemark,
detail: this.form.detail,
};
- saveOreditTjPacNew(data).then((res) => {
- this.open = false;
- this.getList();
- });
+ return saveOreditTjPacNew(data)
+ .then((res) => {
+ this.$modal.msgSuccess("淇濆瓨鎴愬姛");
+ this.open = false;
+ this.getList();
+ })
+ .catch(() => {
+ this.$message.error("淇濆瓨澶辫触");
+ });
},
handleDelete(row) {
const pacIds = row.pacId || this.ids;
@@ -1008,11 +1255,11 @@
},
};
</script>
+
<style>
.el-tooltip__popper {
max-width: 800px;
}
-
.showInline {
overflow: hidden;
text-overflow: ellipsis;
@@ -1021,35 +1268,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