index.vue 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906
  1. <template>
  2. <div class="app-container">
  3. <el-form
  4. :model="queryParams"
  5. ref="queryForm"
  6. size="small"
  7. :inline="true"
  8. v-show="showSearch"
  9. label-width="68px"
  10. >
  11. <!-- <el-form-item>
  12. <el-button
  13. type="primary"
  14. icon="el-icon-search"
  15. size="mini"
  16. @click="handleQuery"
  17. >搜索</el-button
  18. >
  19. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
  20. >重置</el-button
  21. >
  22. </el-form-item> -->
  23. </el-form>
  24. <el-row :gutter="10" class="mb8">
  25. <el-col :span="1.5">
  26. <el-button
  27. type="primary"
  28. plain
  29. icon="el-icon-plus"
  30. size="mini"
  31. @click="handleAdd"
  32. v-hasPermi="['business:ECONOMICSINDEX:add']"
  33. >新增</el-button
  34. >
  35. </el-col>
  36. <el-col :span="1.5">
  37. <el-button
  38. type="success"
  39. plain
  40. icon="el-icon-edit"
  41. size="mini"
  42. :disabled="single"
  43. @click="handleUpdate"
  44. v-hasPermi="['business:ECONOMICSINDEX:edit']"
  45. >修改</el-button
  46. >
  47. </el-col>
  48. <el-col :span="1.5">
  49. <el-button
  50. type="danger"
  51. plain
  52. icon="el-icon-delete"
  53. size="mini"
  54. :disabled="multiple"
  55. @click="handleDelete"
  56. v-hasPermi="['business:ECONOMICSINDEX:remove']"
  57. >删除</el-button
  58. >
  59. </el-col>
  60. <!-- <el-col :span="1.5">
  61. <el-button
  62. type="warning"
  63. plain
  64. icon="el-icon-download"
  65. size="mini"
  66. @click="handleExport"
  67. v-hasPermi="['business:ECONOMICSINDEX:export']"
  68. >导出</el-button
  69. >
  70. </el-col> -->
  71. <right-toolbar
  72. :showSearch.sync="showSearch"
  73. @queryTable="getList"
  74. ></right-toolbar>
  75. </el-row>
  76. <el-table
  77. :data="ECONOMICSINDEXList"
  78. @selection-change="handleSelectionChange"
  79. >
  80. <el-table-column type="selection" width="55" align="center" />
  81. <!-- <el-table-column
  82. label="综合保税区经济运行主要指标表主键"
  83. align="center"
  84. prop="id"
  85. >
  86. </el-table-column> -->
  87. <el-table-column label="进出口总值" align="center" prop="jckzz">
  88. </el-table-column>
  89. <el-table-column label="加工贸易进出口值 " align="center" prop="jgmyjckz">
  90. </el-table-column>
  91. <el-table-column label="物流货物进出口值 " align="center" prop="wlhwjckz">
  92. </el-table-column>
  93. <el-table-column label="一般贸易进出口值 " align="center" prop="ybmyjckz">
  94. </el-table-column>
  95. <el-table-column label="经营总收入 " align="center" prop="jyzsr">
  96. </el-table-column>
  97. <el-table-column label="海关税收 " align="center" prop="hgss">
  98. </el-table-column>
  99. <el-table-column label="税务部门税收 " align="center" prop="swbmss">
  100. </el-table-column>
  101. <el-table-column
  102. label="货物贸易涉外收支总额 "
  103. align="center"
  104. prop="hwmyswszze"
  105. >
  106. </el-table-column>
  107. <el-table-column label="期末企业从业人员 " align="center" prop="qmqycyry">
  108. </el-table-column>
  109. <el-table-column label="活跃企业数 " align="center" prop="hyqys">
  110. </el-table-column>
  111. <el-table-column label="单位面积进出口值 " align="center" prop="dwmjjckz">
  112. </el-table-column>
  113. <el-table-column
  114. label="单位面积经营总收入 "
  115. align="center"
  116. prop="dwmjjyzsr"
  117. >
  118. </el-table-column>
  119. <el-table-column label="单位面积海关税收 " align="center" prop="dwmjhgss">
  120. </el-table-column>
  121. <el-table-column
  122. label="单位面积税务部门税收 "
  123. align="center"
  124. prop="dwmjswbmss"
  125. >
  126. </el-table-column>
  127. <el-table-column
  128. label="单位面积货物贸易涉外收支额 "
  129. align="center"
  130. prop="dwmjhwmyswsze"
  131. >
  132. </el-table-column>
  133. <el-table-column
  134. label="期末单位面积企业从业人员 "
  135. align="center"
  136. prop="qmdwmjqycyry"
  137. >
  138. </el-table-column>
  139. <el-table-column label="进出口总值增幅 " align="center" prop="jckzzzf">
  140. </el-table-column>
  141. <el-table-column
  142. label="同期活跃企业数增幅 "
  143. align="center"
  144. prop="tqhyqyszf"
  145. >
  146. </el-table-column>
  147. <el-table-column
  148. label="期末批准规划面积验收率 "
  149. align="center"
  150. prop="qmpzghmjysl"
  151. >
  152. </el-table-column>
  153. <el-table-column
  154. label="期末封闭围网面积开发率 "
  155. align="center"
  156. prop="qmfbwwmjkfl"
  157. >
  158. </el-table-column>
  159. <el-table-column label="实际使用外资金额 " align="center" prop="sjsywzje">
  160. </el-table-column>
  161. <el-table-column label="进出区货物总值" align="center" prop="jcqhwzz">
  162. </el-table-column>
  163. <el-table-column
  164. label="进出口总值占其所在省"
  165. align="center"
  166. prop="jckzzzqszstqjckbz"
  167. >
  168. </el-table-column>
  169. <el-table-column label="维修业务进出口值 " align="center" prop="wxywjckz">
  170. </el-table-column>
  171. <el-table-column label="研发业务进出口值 " align="center" prop="yfywjckz">
  172. </el-table-column>
  173. <el-table-column label="租赁贸易进出口值 " align="center" prop="zlmyjckz">
  174. </el-table-column>
  175. <el-table-column
  176. label="跨境电商业务进出口值 "
  177. align="center"
  178. prop="kjdsywjckz"
  179. >
  180. </el-table-column>
  181. <el-table-column label="规模以上工业产值 " align="center" prop="gmysgycz">
  182. </el-table-column>
  183. <el-table-column label="固定资产投资 " align="center" prop="gdtzcz">
  184. </el-table-column>
  185. <el-table-column
  186. label="占同期所在市进出口值比重 "
  187. align="center"
  188. prop="ztqszsjckzbz"
  189. >
  190. </el-table-column>
  191. <el-table-column label="时间" align="center" prop="createTime">
  192. </el-table-column>
  193. <el-table-column
  194. fixed="right"
  195. label="操作"
  196. align="center"
  197. class-name="small-padding fixed-width"
  198. >
  199. <template slot-scope="scope">
  200. <el-button
  201. size="mini"
  202. type="text"
  203. icon="el-icon-edit"
  204. @click="handleUpdate(scope.row)"
  205. v-hasPermi="['business:ECONOMICSINDEX:edit']"
  206. >修改</el-button
  207. >
  208. <el-button
  209. size="mini"
  210. type="text"
  211. icon="el-icon-delete"
  212. @click="handleDelete(scope.row)"
  213. v-hasPermi="['business:ECONOMICSINDEX:remove']"
  214. >删除</el-button
  215. >
  216. </template>
  217. </el-table-column>
  218. </el-table>
  219. <pagination
  220. v-show="total > 0"
  221. :total="total"
  222. :page.sync="queryParams.pageNum"
  223. :limit.sync="queryParams.pageSize"
  224. @pagination="getList"
  225. />
  226. <!-- 添加或修改综合保税区经济运行主要指标对话框 -->
  227. <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="65%" append-to-body>
  228. <el-form ref="form" :model="form" :rules="rules" label-width="220px">
  229. <el-form-item label="进出口总值" prop="jckzz">
  230. <el-input v-model="form.jckzz"></el-input>
  231. </el-form-item>
  232. <el-form-item label="加工贸易进出口值" prop="jgmyjckz">
  233. <el-input v-model="form.jgmyjckz"></el-input>
  234. </el-form-item>
  235. <el-form-item label="物流货物进出口值" prop="wlhwjckz">
  236. <el-input v-model="form.wlhwjckz"></el-input>
  237. </el-form-item>
  238. <el-form-item label="一般贸易进出口值" prop="ybmyjckz">
  239. <el-input v-model="form.ybmyjckz"></el-input>
  240. </el-form-item>
  241. <el-form-item label="经营总收入 " prop="jyzsr">
  242. <el-input v-model="form.jyzsr"></el-input>
  243. </el-form-item>
  244. <el-form-item label="海关税收 " prop="hgss">
  245. <el-input v-model="form.hgss"></el-input>
  246. </el-form-item>
  247. <el-form-item label="税务部门税收 " prop="swbmss">
  248. <el-input v-model="form.swbmss"></el-input>
  249. </el-form-item>
  250. <el-form-item label="货物贸易涉外收支总额 " prop="hwmyswszze">
  251. <el-input v-model="form.hwmyswszze"></el-input>
  252. </el-form-item>
  253. <el-form-item label="期末企业从业人员 " prop="qmqycyry">
  254. <el-input v-model="form.qmqycyry"></el-input>
  255. </el-form-item>
  256. <el-form-item label="活跃企业数 " prop="hyqys">
  257. <el-input v-model="form.hyqys"></el-input>
  258. </el-form-item>
  259. <el-form-item label="单位面积进出口值 " prop="dwmjjckz">
  260. <el-input v-model="form.dwmjjckz"></el-input>
  261. </el-form-item>
  262. <el-form-item label="单位面积经营总收入 " prop="dwmjjyzsr">
  263. <el-input v-model="form.dwmjjyzsr"></el-input>
  264. </el-form-item>
  265. <el-form-item label="单位面积海关税收 " prop="dwmjhgss">
  266. <el-input v-model="form.dwmjhgss"></el-input>
  267. </el-form-item>
  268. <el-form-item label="单位面积税务部门税收 " prop="dwmjswbmss">
  269. <el-input v-model="form.dwmjswbmss"></el-input>
  270. </el-form-item>
  271. <el-form-item label="单位面积货物贸易涉外收支额 " prop="dwmjhwmyswsze">
  272. <el-input v-model="form.dwmjhwmyswsze"></el-input>
  273. </el-form-item>
  274. <el-form-item label="期末单位面积企业从业人员 " prop="qmdwmjqycyry">
  275. <el-input v-model="form.qmdwmjqycyry"></el-input>
  276. </el-form-item>
  277. <el-form-item label="进出口总值增幅 " prop="jckzzzf">
  278. <el-input v-model="form.jckzzzf"></el-input>
  279. </el-form-item>
  280. <el-form-item label="同期活跃企业数增幅 " prop="tqhyqyszf">
  281. <el-input v-model="form.tqhyqyszf"></el-input>
  282. </el-form-item>
  283. <el-form-item label="期末批准规划面积验收率 " prop="qmpzghmjysl">
  284. <el-input v-model="form.qmpzghmjysl"></el-input>
  285. </el-form-item>
  286. <el-form-item label="期末封闭围网面积开发率 " prop="qmfbwwmjkfl">
  287. <el-input v-model="form.qmfbwwmjkfl"></el-input>
  288. </el-form-item>
  289. <el-form-item label="实际使用外资金额 " prop="sjsywzje">
  290. <el-input v-model="form.sjsywzje"></el-input>
  291. </el-form-item>
  292. <el-form-item label="进出区货物总值 " prop="jcqhwzz">
  293. <el-input v-model="form.jcqhwzz"></el-input>
  294. </el-form-item>
  295. <el-form-item label="进出口总值占其所在省 " prop="jckzzzqszstqjckbz">
  296. <el-input v-model="form.jckzzzqszstqjckbz"></el-input>
  297. </el-form-item>
  298. <el-form-item label="维修业务进出口值 " prop="wxywjckz">
  299. <el-input v-model="form.wxywjckz"></el-input>
  300. </el-form-item>
  301. <el-form-item label="研发业务进出口值 " prop="yfywjckz">
  302. <el-input v-model="form.yfywjckz"></el-input>
  303. </el-form-item>
  304. <el-form-item label="租赁贸易进出口值 " prop="zlmyjckz">
  305. <el-input v-model="form.zlmyjckz"></el-input>
  306. </el-form-item>
  307. <el-form-item label="跨境电商业务进出口值 " prop="kjdsywjckz">
  308. <el-input v-model="form.kjdsywjckz"></el-input>
  309. </el-form-item>
  310. <el-form-item label="规模以上工业产值 " prop="gmysgycz">
  311. <el-input v-model="form.gmysgycz"></el-input>
  312. </el-form-item>
  313. <el-form-item label="固定资产投资 " prop="gdtzcz">
  314. <el-input v-model="form.gdtzcz"></el-input>
  315. </el-form-item>
  316. <el-form-item label="占同期所在市进出口值比重 " prop="ztqszsjckzbz">
  317. <el-input v-model="form.ztqszsjckzbz"></el-input>
  318. </el-form-item>
  319. </el-form>
  320. <div slot="footer" class="dialog-footer">
  321. <el-button type="primary" @click="submitForm">确 定</el-button>
  322. <el-button @click="cancel">取 消</el-button>
  323. </div>
  324. </el-dialog>
  325. </div>
  326. </template>
  327. <script>
  328. import {
  329. listECONOMICSINDEX,
  330. getECONOMICSINDEX,
  331. delECONOMICSINDEX,
  332. addECONOMICSINDEX,
  333. updateECONOMICSINDEX,
  334. } from "@/api/portal/ECONOMICSINDEX/ECONOMICSINDEX";
  335. export default {
  336. name: "ECONOMICSINDEX",
  337. data() {
  338. return {
  339. // 根路径
  340. baseURL: process.env.VUE_APP_BASE_API,
  341. // 遮罩层
  342. loading: true,
  343. // 选中数组
  344. ids: [],
  345. // 非单个禁用
  346. single: true,
  347. // 非多个禁用
  348. multiple: true,
  349. // 显示搜索条件
  350. showSearch: true,
  351. // 总条数
  352. total: 0,
  353. // 综合保税区经济运行主要指标表格数据
  354. ECONOMICSINDEXList: [],
  355. // 弹出层标题
  356. title: "",
  357. // 是否显示弹出层
  358. open: false,
  359. // 查询参数
  360. queryParams: {
  361. pageNum: 1,
  362. pageSize: 10,
  363. id: null,
  364. jckzz: null,
  365. jgmyjckz: null,
  366. wlhwjckz: null,
  367. ybmyjckz: null,
  368. jyzsr: null,
  369. hgss: null,
  370. swbmss: null,
  371. hwmyswszze: null,
  372. qmqycyry: null,
  373. hyqys: null,
  374. dwmjjckz: null,
  375. dwmjjyzsr: null,
  376. dwmjhgss: null,
  377. dwmjswbmss: null,
  378. dwmjhwmyswsze: null,
  379. qmdwmjqycyry: null,
  380. jckzzzf: null,
  381. tqhyqyszf: null,
  382. qmpzghmjysl: null,
  383. qmfbwwmjkfl: null,
  384. sjsywzje: null,
  385. jcqhwzz: null,
  386. jckzzzqszstqjckbz: null,
  387. wxywjckz: null,
  388. yfywjckz: null,
  389. zlmyjckz: null,
  390. kjdsywjckz: null,
  391. gmysgycz: null,
  392. gdtzcz: null,
  393. ztqszsjckzbz: null,
  394. createTime: null,
  395. },
  396. // 表单参数
  397. form: {},
  398. // 表单校验
  399. rules: {
  400. names: [
  401. {
  402. required: true,
  403. message: "综合保税区经济运行主要指标表主键不能为空",
  404. trigger: "blur",
  405. },
  406. {
  407. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  408. message: "值需为数字或小数",
  409. trigger: "blur",
  410. },
  411. ],
  412. id: [
  413. {
  414. required: true,
  415. message: "综合保税区经济运行主要指标表主键不能为空",
  416. trigger: "blur",
  417. },
  418. {
  419. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  420. message: "值需为数字或小数",
  421. trigger: "blur",
  422. },
  423. ],
  424. jckzz: [
  425. { required: true, message: "进出口总值 不能为空", trigger: "blur" },
  426. {
  427. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  428. message: "值需为数字或小数",
  429. trigger: "blur",
  430. },
  431. ],
  432. jgmyjckz: [
  433. {
  434. required: true,
  435. message: "加工贸易进出口值 不能为空",
  436. trigger: "blur",
  437. },
  438. {
  439. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  440. message: "值需为数字或小数",
  441. trigger: "blur",
  442. },
  443. ],
  444. wlhwjckz: [
  445. {
  446. required: true,
  447. message: "物流货物进出口值 不能为空",
  448. trigger: "blur",
  449. },
  450. {
  451. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  452. message: "值需为数字或小数",
  453. trigger: "blur",
  454. },
  455. ],
  456. ybmyjckz: [
  457. {
  458. required: true,
  459. message: "一般贸易进出口值 不能为空",
  460. trigger: "blur",
  461. },
  462. {
  463. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  464. message: "值需为数字或小数",
  465. trigger: "blur",
  466. },
  467. ],
  468. jyzsr: [
  469. { required: true, message: "经营总收入 不能为空", trigger: "blur" },
  470. {
  471. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  472. message: "值需为数字或小数",
  473. trigger: "blur",
  474. },
  475. ],
  476. hgss: [
  477. { required: true, message: "海关税收 不能为空", trigger: "blur" },
  478. {
  479. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  480. message: "值需为数字或小数",
  481. trigger: "blur",
  482. },
  483. ],
  484. swbmss: [
  485. { required: true, message: "税务部门税收 不能为空", trigger: "blur" },
  486. {
  487. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  488. message: "值需为数字或小数",
  489. trigger: "blur",
  490. },
  491. ],
  492. hwmyswszze: [
  493. {
  494. required: true,
  495. message: "货物贸易涉外收支总额 不能为空",
  496. trigger: "blur",
  497. },
  498. {
  499. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  500. message: "值需为数字或小数",
  501. trigger: "blur",
  502. },
  503. ],
  504. qmqycyry: [
  505. {
  506. required: true,
  507. message: "期末企业从业人员 不能为空",
  508. trigger: "blur",
  509. },
  510. {
  511. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  512. message: "值需为数字或小数",
  513. trigger: "blur",
  514. },
  515. ],
  516. hyqys: [
  517. { required: true, message: "活跃企业数 不能为空", trigger: "blur" },
  518. {
  519. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  520. message: "值需为数字或小数",
  521. trigger: "blur",
  522. },
  523. ],
  524. dwmjjckz: [
  525. {
  526. required: true,
  527. message: "单位面积进出口值 不能为空",
  528. trigger: "blur",
  529. },
  530. {
  531. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  532. message: "值需为数字或小数",
  533. trigger: "blur",
  534. },
  535. ],
  536. dwmjjyzsr: [
  537. {
  538. required: true,
  539. message: "单位面积经营总收入 不能为空",
  540. trigger: "blur",
  541. },
  542. {
  543. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  544. message: "值需为数字或小数",
  545. trigger: "blur",
  546. },
  547. ],
  548. dwmjhgss: [
  549. {
  550. required: true,
  551. message: "单位面积海关税收 不能为空",
  552. trigger: "blur",
  553. },
  554. {
  555. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  556. message: "值需为数字或小数",
  557. trigger: "blur",
  558. },
  559. ],
  560. dwmjswbmss: [
  561. {
  562. required: true,
  563. message: "单位面积税务部门税收 不能为空",
  564. trigger: "blur",
  565. },
  566. {
  567. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  568. message: "值需为数字或小数",
  569. trigger: "blur",
  570. },
  571. ],
  572. dwmjhwmyswsze: [
  573. {
  574. required: true,
  575. message: "单位面积货物贸易涉外收支额 不能为空",
  576. trigger: "blur",
  577. },
  578. {
  579. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  580. message: "值需为数字或小数",
  581. trigger: "blur",
  582. },
  583. ],
  584. qmdwmjqycyry: [
  585. {
  586. required: true,
  587. message: "期末单位面积企业从业人员 不能为空",
  588. trigger: "blur",
  589. },
  590. {
  591. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  592. message: "值需为数字或小数",
  593. trigger: "blur",
  594. },
  595. ],
  596. jckzzzf: [
  597. {
  598. required: true,
  599. message: "进出口总值增幅 不能为空",
  600. trigger: "blur",
  601. },
  602. {
  603. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  604. message: "值需为数字或小数",
  605. trigger: "blur",
  606. },
  607. ],
  608. tqhyqyszf: [
  609. {
  610. required: true,
  611. message: "同期活跃企业数增幅 不能为空",
  612. trigger: "blur",
  613. },
  614. {
  615. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  616. message: "值需为数字或小数",
  617. trigger: "blur",
  618. },
  619. ],
  620. qmpzghmjysl: [
  621. {
  622. required: true,
  623. message: "期末批准规划面积验收率 不能为空",
  624. trigger: "blur",
  625. },
  626. {
  627. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  628. message: "值需为数字或小数",
  629. trigger: "blur",
  630. },
  631. ],
  632. qmfbwwmjkfl: [
  633. {
  634. required: true,
  635. message: "期末封闭围网面积开发率 不能为空",
  636. trigger: "blur",
  637. },
  638. {
  639. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  640. message: "值需为数字或小数",
  641. trigger: "blur",
  642. },
  643. ],
  644. sjsywzje: [
  645. {
  646. required: true,
  647. message: "实际使用外资金额 不能为空",
  648. trigger: "blur",
  649. },
  650. {
  651. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  652. message: "值需为数字或小数",
  653. trigger: "blur",
  654. },
  655. ],
  656. jcqhwzz: [
  657. {
  658. required: true,
  659. message: "进出区货物总值不能为空",
  660. trigger: "blur",
  661. },
  662. {
  663. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  664. message: "值需为数字或小数",
  665. trigger: "blur",
  666. },
  667. ],
  668. jckzzzqszstqjckbz: [
  669. {
  670. required: true,
  671. message: "进出口总值占其所在省不能为空",
  672. trigger: "blur",
  673. },
  674. {
  675. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  676. message: "值需为数字或小数",
  677. trigger: "blur",
  678. },
  679. ],
  680. wxywjckz: [
  681. {
  682. required: true,
  683. message: "维修业务进出口值 不能为空",
  684. trigger: "blur",
  685. },
  686. {
  687. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  688. message: "值需为数字或小数",
  689. trigger: "blur",
  690. },
  691. ],
  692. yfywjckz: [
  693. {
  694. required: true,
  695. message: "研发业务进出口值 不能为空",
  696. trigger: "blur",
  697. },
  698. {
  699. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  700. message: "值需为数字或小数",
  701. trigger: "blur",
  702. },
  703. ],
  704. zlmyjckz: [
  705. {
  706. required: true,
  707. message: "租赁贸易进出口值 不能为空",
  708. trigger: "blur",
  709. },
  710. {
  711. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  712. message: "值需为数字或小数",
  713. trigger: "blur",
  714. },
  715. ],
  716. kjdsywjckz: [
  717. {
  718. required: true,
  719. message: "跨境电商业务进出口值 不能为空",
  720. trigger: "blur",
  721. },
  722. {
  723. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  724. message: "值需为数字或小数",
  725. trigger: "blur",
  726. },
  727. ],
  728. gmysgycz: [
  729. {
  730. required: true,
  731. message: "规模以上工业产值 不能为空",
  732. trigger: "blur",
  733. },
  734. {
  735. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  736. message: "值需为数字或小数",
  737. trigger: "blur",
  738. },
  739. ],
  740. gdtzcz: [
  741. { required: true, message: "固定资产投资 不能为空", trigger: "blur" },
  742. {
  743. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  744. message: "值需为数字或小数",
  745. trigger: "blur",
  746. },
  747. ],
  748. ztqszsjckzbz: [
  749. {
  750. required: true,
  751. message: "占同期所在市进出口值比重 不能为空",
  752. trigger: "blur",
  753. },
  754. {
  755. pattern: /^-?(([0-9]*(\.[0-9]{1,3})$)|([0-9]+$))/,
  756. message: "值需为数字或小数",
  757. trigger: "blur",
  758. },
  759. ],
  760. },
  761. };
  762. },
  763. created() {
  764. this.getList();
  765. },
  766. methods: {
  767. /** 查询综合保税区经济运行主要指标列表 */
  768. getList() {
  769. this.loading = true;
  770. listECONOMICSINDEX(this.queryParams).then((response) => {
  771. this.ECONOMICSINDEXList = response.rows;
  772. this.total = response.total;
  773. this.loading = false;
  774. });
  775. },
  776. // 取消按钮
  777. cancel() {
  778. this.open = false;
  779. this.reset();
  780. },
  781. // 表单重置
  782. reset() {
  783. this.form = {
  784. id: null,
  785. jckzz: null,
  786. jgmyjckz: null,
  787. wlhwjckz: null,
  788. ybmyjckz: null,
  789. jyzsr: null,
  790. hgss: null,
  791. swbmss: null,
  792. hwmyswszze: null,
  793. qmqycyry: null,
  794. hyqys: null,
  795. dwmjjckz: null,
  796. dwmjjyzsr: null,
  797. dwmjhgss: null,
  798. dwmjswbmss: null,
  799. dwmjhwmyswsze: null,
  800. qmdwmjqycyry: null,
  801. jckzzzf: null,
  802. tqhyqyszf: null,
  803. qmpzghmjysl: null,
  804. qmfbwwmjkfl: null,
  805. sjsywzje: null,
  806. jcqhwzz: null,
  807. jckzzzqszstqjckbz: null,
  808. wxywjckz: null,
  809. yfywjckz: null,
  810. zlmyjckz: null,
  811. kjdsywjckz: null,
  812. gmysgycz: null,
  813. gdtzcz: null,
  814. ztqszsjckzbz: null,
  815. };
  816. this.resetForm("form");
  817. },
  818. /** 搜索按钮操作 */
  819. handleQuery() {
  820. this.queryParams.pageNum = 1;
  821. this.getList();
  822. },
  823. /** 重置按钮操作 */
  824. resetQuery() {
  825. this.resetForm("queryForm");
  826. this.handleQuery();
  827. },
  828. // 多选框选中数据
  829. handleSelectionChange(selection) {
  830. this.ids = selection.map((item) => item.id);
  831. this.single = selection.length !== 1;
  832. this.multiple = !selection.length;
  833. },
  834. /** 新增按钮操作 */
  835. handleAdd() {
  836. this.reset();
  837. this.open = true;
  838. this.title = "添加综合保税区经济运行主要指标";
  839. },
  840. /** 修改按钮操作 */
  841. handleUpdate(row) {
  842. this.reset();
  843. const id = row.id || this.ids;
  844. getECONOMICSINDEX(id).then((response) => {
  845. this.form = response.data;
  846. this.open = true;
  847. this.title = "修改综合保税区经济运行主要指标";
  848. });
  849. },
  850. /** 提交按钮 */
  851. submitForm() {
  852. this.$refs["form"].validate((valid) => {
  853. if (valid) {
  854. if (this.form.id != null) {
  855. updateECONOMICSINDEX(this.form).then((response) => {
  856. this.$modal.msgSuccess("修改成功");
  857. this.open = false;
  858. this.getList();
  859. });
  860. } else {
  861. addECONOMICSINDEX(this.form).then((response) => {
  862. this.$modal.msgSuccess("新增成功");
  863. this.open = false;
  864. this.getList();
  865. });
  866. }
  867. }
  868. });
  869. },
  870. /** 删除按钮操作 */
  871. handleDelete(row) {
  872. const ids = row.id || this.ids;
  873. this.$modal
  874. .confirm(
  875. '是否确认删除综合保税区经济运行主要指标编号为"' + ids + '"的数据项?'
  876. )
  877. .then(function () {
  878. return delECONOMICSINDEX(ids);
  879. })
  880. .then(() => {
  881. this.getList();
  882. this.$modal.msgSuccess("删除成功");
  883. })
  884. .catch(() => {});
  885. },
  886. /** 导出按钮操作 */
  887. handleExport() {
  888. this.download(
  889. "/ECONOMICSINDEX/export",
  890. {
  891. ...this.queryParams,
  892. },
  893. `ECONOMICSINDEX_${new Date().getTime()}.xlsx`
  894. );
  895. },
  896. },
  897. };
  898. </script>