index.vue 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625
  1. <template>
  2. <div class="app-container">
  3. <el-form :rules="queryRules" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch"
  4. label-width="68px">
  5. <el-form-item label="品牌" prop="brand">
  6. <el-select v-model="queryParams.brand" placeholder="请选择品牌" clearable size="small"
  7. @keyup.enter.native="handleQuery">
  8. </el-select>
  9. </el-form-item>
  10. <el-form-item label-width="auto" label="机组功率(kw)区间" prop="unitPowerKwMin">
  11. <el-input v-model.number="queryParams.unitPowerKwMin" placeholder="请选择机组功率(kw)" clearable size="small"
  12. @keyup.enter.native="handleQuery">
  13. </el-input>
  14. </el-form-item>
  15. <el-form-item label-width="auto" label="到" prop="unitPowerKwMax">
  16. <el-input v-model.number="queryParams.unitPowerKwMax" placeholder="请选择机组功率(kw)" clearable size="small"
  17. @keyup.enter.native="handleQuery">
  18. </el-input>
  19. </el-form-item>
  20. <el-form-item label-width="auto" label="机组功率(kva)区间" prop="unitPowerKvaMin">
  21. <el-input v-model.number="queryParams.unitPowerKvaMin" placeholder="请选择机组功率(kva)" clearable size="small"
  22. @keyup.enter.native="handleQuery">
  23. </el-input>
  24. </el-form-item>
  25. <el-form-item label-width="auto" label="到" prop="unitPowerKvaMax">
  26. <el-input v-model.number="queryParams.unitPowerKvaMax" placeholder="请选择机组功率(kva)" clearable size="small"
  27. @keyup.enter.native="handleQuery">
  28. </el-input>
  29. </el-form-item>
  30. <el-form-item label="频率" prop="rate">
  31. <el-select v-model="queryParams.rate" placeholder="请选择频率" clearable size="small"
  32. @keyup.enter.native="handleQuery">
  33. <el-option v-for="(item, index) in searchOption[3]" :value="item" :key="index">{{ item }}</el-option>
  34. </el-select>
  35. </el-form-item>
  36. <el-form-item label="控制器" prop="controllerPrice">
  37. <el-select @clear="() => {
  38. controllerPrice = 0
  39. }" v-model="queryParams.controllerPrice" placeholder="请选择控制器" clearable size="small">
  40. <el-option v-for="(item, index) in controllerList" @click.native="() => {
  41. queryParams.controllerModel = item.controllerModel
  42. }" :label="item.controllerModel" :value="item.controllerPrice" :key="index"></el-option>
  43. </el-select>
  44. </el-form-item>
  45. <el-form-item>
  46. <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  47. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  48. </el-form-item>
  49. </el-form>
  50. <el-row :gutter="10" class="mb8">
  51. <el-col :span="1.5">
  52. <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
  53. v-hasPermi="['price:info:add']">新增</el-button>
  54. </el-col>
  55. <el-col :span="1.5">
  56. <el-button type="success" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
  57. v-hasPermi="['price:info:edit']">修改</el-button>
  58. </el-col>
  59. <el-col :span="1.5">
  60. <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
  61. v-hasPermi="['price:info:remove']">删除</el-button>
  62. </el-col>
  63. <el-col :span="1.5">
  64. <el-button type="warning" icon="el-icon-top" size="mini" @click="handleExport"
  65. v-hasPermi="['price:info:export']">导出</el-button>
  66. </el-col>
  67. <el-col :span="1.5">
  68. <el-upload v-hasPermi="['price:info:import']" :show-file-list="false" class="upload-demo" with-credentials
  69. :headers="{
  70. 'Authorization': 'Bearer ' + token
  71. }" action="http://xxgl.zzxcx.net/xxgl-admin/price/info/import" :on-success="handleSuccess" multiple
  72. accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
  73. :file-list="fileList">
  74. <el-button type="warning" icon="el-icon-bottom" size="mini" v-hasPermi="['price:info:export']">导入</el-button>
  75. </el-upload>
  76. </el-col>
  77. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  78. </el-row>
  79. <el-table fit :row-style="{ height: '35px' }" v-loading="loading" :data="infoList"
  80. @selection-change="handleSelectionChange">
  81. <el-table-column type="selection" width="55" align="center" />
  82. <el-table-column label="品牌" align="center" prop="brand" />
  83. <el-table-column width="180px" label="机组型号" align="center" prop="unitModel" />
  84. <el-table-column label="机组功率(kw)" align="center" prop="unitPowerKw" />
  85. <el-table-column label="机组功率(kva)" align="center" prop="unitPowerKva" />
  86. <el-table-column label="频率(Hz)" align="center" prop="rate" />
  87. <el-table-column width="180px" label="柴油机型号" align="center" prop="dieselEngineModel" />
  88. <el-table-column label="转速" align="center" prop="speed" />
  89. <el-table-column label="动力价格" align="center" prop="powerPrice" />
  90. <el-table-column width="180px" label="发电机型号(仿斯坦福)" align="center" prop="generatorModelFstf" />
  91. <el-table-column width="180px" label="发电机价格(仿斯坦福)" align="center" prop="generatorPriceFstf" />
  92. <el-table-column width="180px" label="发电机型号(利来森马)" align="center" prop="generatorModelLlsm" />
  93. <el-table-column width="180px" label="发电机价格(利来森马)" align="center" prop="generatorPriceLlsm" />
  94. <el-table-column width="180px" label="发电机型号(美迪奥)" align="center" prop="generatorModelMda" />
  95. <el-table-column width="180px" label="发电机价格(美迪奥)" align="center" prop="generatorPriceMda" />
  96. <el-table-column width="180px" label="发电机型号(马拉松)" align="center" prop="generatorModelMls" />
  97. <el-table-column width="180px" label="发电机价格(马拉松)" align="center" prop="generatorPriceMls" />
  98. <el-table-column width="180px" label="发电机型号(斯坦福)" align="center" prop="generatorModelStf" />
  99. <el-table-column width="180px" label="发电机价格(斯坦福)" align="center" prop="generatorPriceStf" />
  100. <el-table-column label="静音机壳价格" align="center" prop="mutePrice" />
  101. <el-table-column label="开架价格" align="center" prop="openPrice" />
  102. <el-table-column label="ATS型号" align="center" prop="atsModel" />
  103. <el-table-column label="ATS价格" align="center" prop="atsPrice" />
  104. <el-table-column label="电瓶型号" align="center" prop="batteryModel" />
  105. <el-table-column label="电瓶价格" align="center" prop="batteryPrice" />
  106. <el-table-column v-if="controllerModel" label="控制器型号" align="center" prop="controllerModel">
  107. <template>
  108. {{ controllerModel }}
  109. </template>
  110. </el-table-column>
  111. <el-table-column v-if="controllerPrice" label="控制器价格" align="center" prop="controllerPrice">
  112. <template>
  113. {{ controllerPrice }}
  114. </template>
  115. </el-table-column>
  116. <el-table-column label="合计含税成本(静音配仿斯坦福)" align="center" prop="totalCostMuteFstf">
  117. <template slot-scope="scope">
  118. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  119. </template>
  120. </el-table-column>
  121. <el-table-column label="合计含税成本(静音配利来森马)" align="center" prop="totalCostMuteLlsm">
  122. <template slot-scope="scope">
  123. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  124. </template>
  125. </el-table-column>
  126. <el-table-column label="合计含税成本(静音配美迪奥)" align="center" prop="totalCostMuteMda">
  127. <template slot-scope="scope">
  128. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  129. </template>
  130. </el-table-column>
  131. <el-table-column label="合计含税成本(静音配马拉松)" align="center" prop="totalCostMuteMls">
  132. <template slot-scope="scope">
  133. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  134. </template>
  135. </el-table-column>
  136. <el-table-column label="合计含税成本(静音配斯坦福)" align="center" prop="totalCostMuteStf">
  137. <template slot-scope="scope">
  138. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  139. </template>
  140. </el-table-column>
  141. <el-table-column label="合计含税成本(开架配仿斯坦福)" align="center" prop="totalCostOpenFstf">
  142. <template slot-scope="scope">
  143. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  144. </template>
  145. </el-table-column>
  146. <el-table-column label="合计含税成本(开架配利来森马)" align="center" prop="totalCostOpenLlsm">
  147. <template slot-scope="scope">
  148. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  149. </template>
  150. </el-table-column>
  151. <el-table-column label="合计含税成本(开架配美迪奥)" align="center" prop="totalCostOpenMda">
  152. <template slot-scope="scope">
  153. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  154. </template>
  155. </el-table-column>
  156. <el-table-column label="合计含税成本(开架配马拉松)" align="center" prop="totalCostOpenMls">
  157. <template slot-scope="scope">
  158. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  159. </template>
  160. </el-table-column>
  161. <el-table-column label="合计含税成本(开架配斯坦福)" align="center" prop="totalCostOpenStf">
  162. <template slot-scope="scope">
  163. {{ scope.row.totalCostMuteFstf + controllerPrice }}
  164. </template>
  165. </el-table-column>
  166. <!-- <el-table-column label="静音尺寸" align="center" prop="muteLong" />
  167. <el-table-column label="静音尺寸" align="center" prop="muteWidth" />
  168. <el-table-column label="静音尺寸" align="center" prop="muteHigh" />
  169. <el-table-column label="开架尺寸" align="center" prop="openLong" />
  170. <el-table-column label="开架尺寸" align="center" prop="openWidth" />
  171. <el-table-column label="开架尺寸" align="center" prop="openHigh" />
  172. <el-table-column label="CKD尺寸" align="center" prop="ckdLong" />
  173. <el-table-column label="CKD尺寸" align="center" prop="ckdWidth" />
  174. <el-table-column label="CKD尺寸" align="center" prop="ckdHigh" /> -->
  175. <el-table-column fixed="right" width="180px" label="操作" align="center" class-name="small-padding fixed-width">
  176. <template slot-scope="scope">
  177. <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
  178. v-hasPermi="['price:info:edit']">修改</el-button>
  179. <el-button @click="() => {
  180. $router.push('/gallery?id=' + scope.row.id + '&type=1')
  181. }" size="mini" type="text" icon="el-icon-picture-outline">图片</el-button>
  182. <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
  183. v-hasPermi="['price:info:remove']">删除</el-button>
  184. </template>
  185. </el-table-column>
  186. </el-table>
  187. <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
  188. @pagination="getList" />
  189. <!-- 添加或修改报价对话框 -->
  190. <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
  191. <el-form ref="form" :model="form" :rules="rules" label-width="80px">
  192. <el-form-item label="品牌" prop="brand">
  193. <el-select v-model="form.brand" placeholder="请选择品牌" clearable size="small" @keyup.enter.native="handleQuery">
  194. <el-option v-for="(item, index) in searchOption[0]" :value="item" :key="index">{{ item }}</el-option>
  195. </el-select>
  196. </el-form-item>
  197. <el-form-item label="机组功率(kw)" prop="unitPowerKw">
  198. <el-input v-model="form.unitPowerKw" placeholder="请输入机组功率(kw)" />
  199. </el-form-item>
  200. <el-form-item label="机组功率(kva)" prop="unitPowerKva">
  201. <el-input v-model="form.unitPowerKva" placeholder="请输入机组功率(kva)" />
  202. </el-form-item>
  203. <el-form-item label="频率(Hz)" prop="rate">
  204. <el-input v-model="form.rate" placeholder="请输入频率(Hz)" />
  205. </el-form-item>
  206. <el-form-item label="动力品牌" prop="brand">
  207. <el-input v-model="form.brand" placeholder="请输入动力品牌" />
  208. </el-form-item>
  209. <el-form-item label="柴油机型号" prop="dieselEngineModel">
  210. <el-input v-model="form.dieselEngineModel" placeholder="请输入柴油机型号" />
  211. </el-form-item>
  212. <el-form-item label="转速" prop="speed">
  213. <el-input v-model="form.speed" placeholder="请输入转速" />
  214. </el-form-item>
  215. <el-form-item label="动力价格" prop="powerPrice">
  216. <el-input v-model="form.powerPrice" placeholder="请输入动力价格" />
  217. </el-form-item>
  218. <el-form-item label="发电机型号(仿斯坦福)" prop="generatorModelFstf">
  219. <el-input v-model="form.generatorModelFstf" placeholder="请输入发电机型号(仿斯坦福)" />
  220. </el-form-item>
  221. <el-form-item label="发电机价格(仿斯坦福)" prop="generatorPriceFstf">
  222. <el-input v-model="form.generatorPriceFstf" placeholder="请输入发电机价格(仿斯坦福)" />
  223. </el-form-item>
  224. <el-form-item label="发电机型号(斯坦福)" prop="generatorModelStf">
  225. <el-input v-model="form.generatorModelStf" placeholder="请输入发电机型号(斯坦福)" />
  226. </el-form-item>
  227. <el-form-item label="发电机价格(斯坦福)" prop="generatorPriceStf">
  228. <el-input v-model="form.generatorPriceStf" placeholder="请输入发电机价格(斯坦福)" />
  229. </el-form-item>
  230. <el-form-item label="发电机型号(利来森马)" prop="generatorModelLlsm">
  231. <el-input v-model="form.generatorModelLlsm" placeholder="请输入发电机型号(利来森马)" />
  232. </el-form-item>
  233. <el-form-item label="发电机价格(利来森马)" prop="generatorPriceLlsm">
  234. <el-input v-model="form.generatorPriceLlsm" placeholder="请输入发电机价格(利来森马)" />
  235. </el-form-item>
  236. <el-form-item label="发电机型号(马拉松)" prop="generatorModelMls">
  237. <el-input v-model="form.generatorModelMls" placeholder="请输入发电机型号(马拉松)" />
  238. </el-form-item>
  239. <el-form-item label="发电机价格(马拉松)" prop="generatorPriceMls">
  240. <el-input v-model="form.generatorPriceMls" placeholder="请输入发电机价格(马拉松)" />
  241. </el-form-item>
  242. <el-form-item label="发电机型号(美迪奥)" prop="generatorModelMda">
  243. <el-input v-model="form.generatorModelMda" placeholder="请输入发电机型号(美迪奥)" />
  244. </el-form-item>
  245. <el-form-item label="发电机价格(美迪奥)" prop="generatorPriceMda">
  246. <el-input v-model="form.generatorPriceMda" placeholder="请输入发电机价格(美迪奥)" />
  247. </el-form-item>
  248. <el-form-item label="静音机壳价格" prop="mutePrice">
  249. <el-input v-model="form.mutePrice" placeholder="请输入静音机壳价格" />
  250. </el-form-item>
  251. <el-form-item label="开架价格" prop="openPrice">
  252. <el-input v-model="form.openPrice" placeholder="请输入开架价格" />
  253. </el-form-item>
  254. <el-form-item label="ATS型号" prop="atsModel">
  255. <el-input v-model="form.atsModel" placeholder="请输入ATS型号" />
  256. </el-form-item>
  257. <el-form-item label="ATS价格" prop="atsPrice">
  258. <el-input v-model="form.atsPrice" placeholder="请输入ATS价格" />
  259. </el-form-item>
  260. <el-form-item label="电瓶型号" prop="batteryModel">
  261. <el-input v-model="form.batteryModel" placeholder="请输入电瓶型号" />
  262. </el-form-item>
  263. <el-form-item label="电瓶价格" prop="batteryPrice">
  264. <el-input v-model="form.batteryPrice" placeholder="请输入电瓶价格" />
  265. </el-form-item>
  266. <el-form-item label="合计含税成本(静音配仿斯坦福)" prop="totalCostMuteFstf">
  267. <el-input v-model="form.totalCostMuteFstf" placeholder="请输入合计含税成本(静音配仿斯坦福)" />
  268. </el-form-item>
  269. <el-form-item label="合计含税成本(开架配仿斯坦福)" prop="totalCostOpenFstf">
  270. <el-input v-model="form.totalCostOpenFstf" placeholder="请输入合计含税成本(开架配仿斯坦福)" />
  271. </el-form-item>
  272. <el-form-item label="合计含税成本(静音配斯坦福)" prop="totalCostMuteStf">
  273. <el-input v-model="form.totalCostMuteStf" placeholder="请输入合计含税成本(静音配斯坦福)" />
  274. </el-form-item>
  275. <el-form-item label="合计含税成本(开架配斯坦福)" prop="totalCostOpenStf">
  276. <el-input v-model="form.totalCostOpenStf" placeholder="请输入合计含税成本(开架配斯坦福)" />
  277. </el-form-item>
  278. <el-form-item label="合计含税成本(静音配利来森马)" prop="totalCostMuteLlsm">
  279. <el-input v-model="form.totalCostMuteLlsm" placeholder="请输入合计含税成本(静音配利来森马)" />
  280. </el-form-item>
  281. <el-form-item label="合计含税成本(开架配利来森马)" prop="totalCostOpenLlsm">
  282. <el-input v-model="form.totalCostOpenLlsm" placeholder="请输入合计含税成本(开架配利来森马)" />
  283. </el-form-item>
  284. <el-form-item label="合计含税成本(静音配马拉松)" prop="totalCostMuteMls">
  285. <el-input v-model="form.totalCostMuteMls" placeholder="请输入合计含税成本(静音配马拉松)" />
  286. </el-form-item>
  287. <el-form-item label="合计含税成本(开架配马拉松)" prop="totalCostOpenMls">
  288. <el-input v-model="form.totalCostOpenMls" placeholder="请输入合计含税成本(开架配马拉松)" />
  289. </el-form-item>
  290. <el-form-item label="合计含税成本(静音配美迪奥)" prop="totalCostMuteMda">
  291. <el-input v-model="form.totalCostMuteMda" placeholder="请输入合计含税成本(静音配美迪奥)" />
  292. </el-form-item>
  293. <el-form-item label="合计含税成本(开架配美迪奥)" prop="totalCostOpenMda">
  294. <el-input v-model="form.totalCostOpenMda" placeholder="请输入合计含税成本(开架配美迪奥)" />
  295. </el-form-item>
  296. <el-form-item label="静音尺寸" prop="muteParms">
  297. <el-input v-model="form.muteParms" placeholder="请输入静音尺寸" />
  298. </el-form-item>
  299. <el-form-item label="静音尺寸" prop="openParms">
  300. <el-input v-model="form.openParms" placeholder="请输入静音尺寸" />
  301. </el-form-item>
  302. </el-form>
  303. <div slot="footer" class="dialog-footer">
  304. <el-button type="primary" @click="submitForm">确 定</el-button>
  305. <el-button @click="cancel">取 消</el-button>
  306. </div>
  307. </el-dialog>
  308. </div>
  309. </template>
  310. <script>
  311. import { listInfo, getInfo, delInfo, addInfo, updateInfo, exportInfo, getFieldName } from "@/api/price/manage";
  312. import { listInfo as controllerListInfo } from "@/api/price/controller";
  313. import { getToken } from '@/utils/auth'
  314. export default {
  315. name: "Info",
  316. data() {
  317. return {
  318. controllerModel: "",
  319. controllerPrice: 0,
  320. token: getToken(),
  321. fileList: [],
  322. //搜索下拉选项
  323. searchOption: [[], [], [], []],
  324. // 遮罩层
  325. loading: false,
  326. // 选中数组
  327. ids: [],
  328. // 非单个禁用
  329. single: true,
  330. // 非多个禁用
  331. multiple: true,
  332. // 显示搜索条件
  333. showSearch: true,
  334. // 总条数
  335. total: 0,
  336. // 报价表格数据
  337. infoList: [],
  338. // 控制器列表
  339. controllerList: [],
  340. // 弹出层标题
  341. title: "",
  342. // 是否显示弹出层
  343. open: false,
  344. //查询参数规则
  345. queryRules: {
  346. controllerPrice: [{ required: true, message: '请选择控制器', trigger: 'change', type: 'number' }],
  347. unitPowerKwMin: [
  348. { required: false, message: '请输入数字', trigger: 'change', type: 'number' }
  349. ],
  350. unitPowerKwMax: [
  351. { required: false, message: '请输入数字', trigger: 'change', type: 'number' }
  352. ],
  353. unitPowerKvaMax: [
  354. { required: false, message: '请输入数字', trigger: 'change', type: 'number' }
  355. ],
  356. unitPowerKvaMin: [
  357. { required: false, message: '请输入数字', trigger: 'change', type: 'number' }
  358. ],
  359. },
  360. // 查询参数
  361. queryParams: {
  362. pageNum: 1,
  363. pageSize: 10,
  364. brand: null,
  365. unitModel: null,
  366. unitPowerKwMax: null,
  367. unitPowerKwMin: null,
  368. controllerPrice: 0,
  369. controllerModel: "",
  370. unitPowerKvaMax: null,
  371. unitPowerKvaMin: null,
  372. rate: null,
  373. dieselEngineModel: null,
  374. speed: null,
  375. powerPrice: null,
  376. generatorModel: null,
  377. generatorPrice: null,
  378. mutePrice: null,
  379. openPrice: null,
  380. atsModel: null,
  381. atsPrice: null,
  382. batteryModel: null,
  383. batteryPrice: null,
  384. controllerMinbei: null,
  385. controllerPrice: null,
  386. totalCostMute: null,
  387. totalCostOpen: null,
  388. muteLong: null,
  389. muteWidth: null,
  390. muteHigh: null,
  391. openLong: null,
  392. openWidth: null,
  393. openHigh: null,
  394. ckdLong: null,
  395. ckdWidth: null,
  396. ckdHigh: null,
  397. },
  398. // 表单参数
  399. form: {},
  400. // 表单校验
  401. rules: {
  402. }
  403. };
  404. },
  405. created() {
  406. this.getControllerList()
  407. this.getSearchOption()
  408. },
  409. methods: {
  410. getControllerList() {
  411. controllerListInfo().then(response => {
  412. this.controllerList = response.rows;
  413. })
  414. },
  415. handleSuccess() {
  416. this.msgSuccess("上传成功");
  417. this.getList()
  418. },
  419. push(url) {
  420. this.router.push(url)
  421. },
  422. getSearchOption() {
  423. getFieldName('brand').then(response => {
  424. this.$set(this.searchOption, 0, response.data);
  425. })
  426. getFieldName('unit_power_kw').then(response => {
  427. this.$set(this.searchOption, 1, response.data);
  428. })
  429. getFieldName('unit_power_kva').then(response => {
  430. this.$set(this.searchOption, 2, response.data);
  431. })
  432. getFieldName('rate').then(response => {
  433. this.$set(this.searchOption, 3, response.data);
  434. })
  435. },
  436. /** 查询报价列表 */
  437. getList() {
  438. this.loading = true;
  439. listInfo(this.queryParams).then(response => {
  440. this.infoList = response.rows;
  441. this.total = response.total;
  442. this.loading = false;
  443. });
  444. },
  445. // 取消按钮
  446. cancel() {
  447. this.open = false;
  448. this.reset();
  449. },
  450. // 表单重置
  451. reset() {
  452. this.form = {
  453. id: null,
  454. brand: null,
  455. unitModel: null,
  456. unitPowerKw: null,
  457. unitPowerKva: null,
  458. rate: null,
  459. dieselEngineModel: null,
  460. speed: null,
  461. powerPrice: null,
  462. generatorModel: null,
  463. generatorPrice: null,
  464. mutePrice: null,
  465. openPrice: null,
  466. atsModel: null,
  467. atsPrice: null,
  468. batteryModel: null,
  469. batteryPrice: null,
  470. controllerMinbei: null,
  471. controllerPrice: null,
  472. totalCostMute: null,
  473. totalCostOpen: null,
  474. muteLong: null,
  475. muteWidth: null,
  476. muteHigh: null,
  477. openLong: null,
  478. openWidth: null,
  479. openHigh: null,
  480. ckdLong: null,
  481. ckdWidth: null,
  482. ckdHigh: null,
  483. createTime: null,
  484. updateTime: null
  485. };
  486. this.resetForm("form");
  487. },
  488. /** 搜索按钮操作 */
  489. handleQuery() {
  490. this.$refs['queryForm'].validate((valid) => {
  491. if (valid) {
  492. this.controllerModel = this.queryParams.controllerModel||''
  493. this.controllerPrice = this.queryParams.controllerPrice || 0
  494. this.queryParams.pageNum = 1;
  495. this.getList();
  496. } else {
  497. return false;
  498. }
  499. });
  500. },
  501. /** 重置按钮操作 */
  502. resetQuery() {
  503. this.controllerPrice = 0
  504. this.controllerModel = ''
  505. this.resetForm("queryForm");
  506. this.handleQuery();
  507. },
  508. // 多选框选中数据
  509. handleSelectionChange(selection) {
  510. this.ids = selection.map(item => item.id)
  511. this.single = selection.length !== 1
  512. this.multiple = !selection.length
  513. },
  514. /** 新增按钮操作 */
  515. handleAdd() {
  516. this.reset();
  517. this.open = true;
  518. this.title = "添加报价";
  519. },
  520. /** 修改按钮操作 */
  521. handleUpdate(row) {
  522. this.reset();
  523. const id = row.id || this.ids
  524. getInfo(id).then(response => {
  525. this.form = response.data;
  526. this.open = true;
  527. this.title = "修改报价";
  528. });
  529. },
  530. /** 提交按钮 */
  531. submitForm() {
  532. this.$refs["form"].validate(valid => {
  533. if (valid) {
  534. if (this.form.id != null) {
  535. updateInfo(this.form).then(response => {
  536. this.msgSuccess("修改成功");
  537. this.open = false;
  538. this.getList();
  539. });
  540. } else {
  541. addInfo(this.form).then(response => {
  542. this.msgSuccess("新增成功");
  543. this.open = false;
  544. this.getList();
  545. });
  546. }
  547. }
  548. });
  549. },
  550. /** 删除按钮操作 */
  551. handleDelete(row) {
  552. const ids = row.id || this.ids;
  553. this.$confirm('是否确认删除这' + this.ids.length + '数据项?', "警告", {
  554. confirmButtonText: "确定",
  555. cancelButtonText: "取消",
  556. type: "warning"
  557. }).then(function () {
  558. return delInfo(ids);
  559. }).then(() => {
  560. this.getList();
  561. this.msgSuccess("删除成功");
  562. })
  563. },
  564. /** 导出按钮操作 */
  565. handleExport() {
  566. const queryParams = this.queryParams;
  567. this.$confirm('是否确认导出所有报价数据项?', "警告", {
  568. confirmButtonText: "确定",
  569. cancelButtonText: "取消",
  570. type: "warning"
  571. }).then(function () {
  572. return exportInfo(queryParams);
  573. }).then(response => {
  574. this.download(response.data);
  575. })
  576. }
  577. }
  578. };
  579. </script>