增加公司分类
This commit is contained in:
		
							parent
							
								
									3b3db6ec59
								
							
						
					
					
						commit
						ae40fe5877
					
				| @ -1,6 +1,6 @@ | ||||
| { | ||||
|   "name": "ruoyi", | ||||
|   "version": "3.8.8", | ||||
|   "name": "znxjxt", | ||||
|   "version": "0.0.1", | ||||
|   "description": "智能巡检系统", | ||||
|   "author": "若依", | ||||
|   "license": "MIT", | ||||
|  | ||||
| @ -1,6 +1,8 @@ | ||||
| <!DOCTYPE html> | ||||
| <html> | ||||
|   <head> | ||||
|     <script src="https://api.tianditu.gov.cn/api?v=4.0&tk=c691040443c68cda625755c5c3e2acc3" type="text/javascript"></script> | ||||
| 
 | ||||
|     <meta charset="utf-8"> | ||||
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||||
|     <meta name="renderer" content="webkit"> | ||||
|  | ||||
| @ -1,16 +1,18 @@ | ||||
| <template> | ||||
|   <div id="app"> | ||||
|     <router-view /> | ||||
|     <theme-picker /> | ||||
|     <router-view/> | ||||
|     <theme-picker/> | ||||
|   </div> | ||||
| </template> | ||||
| <script src="https://api.tianditu.gov.cn/api?v=4.0&tk=c691040443c68cda625755c5c3e2acc3" type="text/javascript"> | ||||
| </script> | ||||
| 
 | ||||
| <script> | ||||
| import ThemePicker from "@/components/ThemePicker"; | ||||
| 
 | ||||
| export default { | ||||
|   name: "App", | ||||
|   components: { ThemePicker }, | ||||
|   components: {ThemePicker}, | ||||
|   metaInfo() { | ||||
|     return { | ||||
|       title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title, | ||||
|  | ||||
							
								
								
									
										259
									
								
								src/api/system/company/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										259
									
								
								src/api/system/company/index.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,259 @@ | ||||
| <template> | ||||
|   <div class="app-container"> | ||||
|     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> | ||||
|       <el-form-item label="公司名称" prop="companyName"> | ||||
|         <el-input | ||||
|           v-model="queryParams.companyName" | ||||
|           placeholder="请输入公司名称" | ||||
|           clearable | ||||
|           @keyup.enter.native="handleQuery" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="公司代号" prop="companyCode"> | ||||
|         <el-input | ||||
|           v-model="queryParams.companyCode" | ||||
|           placeholder="请输入公司代号" | ||||
|           clearable | ||||
|           @keyup.enter.native="handleQuery" | ||||
|         /> | ||||
|       </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-form-item> | ||||
|     </el-form> | ||||
| 
 | ||||
|     <el-row :gutter="10" class="mb8"> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="primary" | ||||
|           plain | ||||
|           icon="el-icon-plus" | ||||
|           size="mini" | ||||
|           @click="handleAdd" | ||||
|           v-hasPermi="['system:company:add']" | ||||
|         >新增</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="success" | ||||
|           plain | ||||
|           icon="el-icon-edit" | ||||
|           size="mini" | ||||
|           :disabled="single" | ||||
|           @click="handleUpdate" | ||||
|           v-hasPermi="['system:company:edit']" | ||||
|         >修改</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="danger" | ||||
|           plain | ||||
|           icon="el-icon-delete" | ||||
|           size="mini" | ||||
|           :disabled="multiple" | ||||
|           @click="handleDelete" | ||||
|           v-hasPermi="['system:company:remove']" | ||||
|         >删除</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="warning" | ||||
|           plain | ||||
|           icon="el-icon-download" | ||||
|           size="mini" | ||||
|           @click="handleExport" | ||||
|           v-hasPermi="['system:company:export']" | ||||
|         >导出</el-button> | ||||
|       </el-col> | ||||
|       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> | ||||
|     </el-row> | ||||
| 
 | ||||
|     <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange"> | ||||
|       <el-table-column type="selection" width="55" align="center" /> | ||||
|       <el-table-column label="${comment}" align="center" prop="id" /> | ||||
|       <el-table-column label="公司名称" align="center" prop="companyName" /> | ||||
|       <el-table-column label="公司代号" align="center" prop="companyCode" /> | ||||
|       <el-table-column label="操作" align="center" 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:company:edit']" | ||||
|           >修改</el-button> | ||||
|           <el-button | ||||
|             size="mini" | ||||
|             type="text" | ||||
|             icon="el-icon-delete" | ||||
|             @click="handleDelete(scope.row)" | ||||
|             v-hasPermi="['system:company:remove']" | ||||
|           >删除</el-button> | ||||
|         </template> | ||||
|       </el-table-column> | ||||
|     </el-table> | ||||
|      | ||||
|     <pagination | ||||
|       v-show="total>0" | ||||
|       :total="total" | ||||
|       :page.sync="queryParams.pageNum" | ||||
|       :limit.sync="queryParams.pageSize" | ||||
|       @pagination="getList" | ||||
|     /> | ||||
| 
 | ||||
|     <!-- 添加或修改公司对话框 --> | ||||
|     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | ||||
|       <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | ||||
|         <el-form-item label="公司名称" prop="companyName"> | ||||
|           <el-input v-model="form.companyName" placeholder="请输入公司名称" /> | ||||
|         </el-form-item> | ||||
|         <el-form-item label="公司代号" prop="companyCode"> | ||||
|           <el-input v-model="form.companyCode" placeholder="请输入公司代号" /> | ||||
|         </el-form-item> | ||||
|       </el-form> | ||||
|       <div slot="footer" class="dialog-footer"> | ||||
|         <el-button type="primary" @click="submitForm">确 定</el-button> | ||||
|         <el-button @click="cancel">取 消</el-button> | ||||
|       </div> | ||||
|     </el-dialog> | ||||
|   </div> | ||||
| </template> | ||||
| 
 | ||||
| <script> | ||||
| import { listCompany, getCompany, delCompany, addCompany, updateCompany } from "@/api/system/company"; | ||||
| 
 | ||||
| export default { | ||||
|   name: "Company", | ||||
|   data() { | ||||
|     return { | ||||
|       // 遮罩层 | ||||
|       loading: true, | ||||
|       // 选中数组 | ||||
|       ids: [], | ||||
|       // 非单个禁用 | ||||
|       single: true, | ||||
|       // 非多个禁用 | ||||
|       multiple: true, | ||||
|       // 显示搜索条件 | ||||
|       showSearch: true, | ||||
|       // 总条数 | ||||
|       total: 0, | ||||
|       // 公司表格数据 | ||||
|       companyList: [], | ||||
|       // 弹出层标题 | ||||
|       title: "", | ||||
|       // 是否显示弹出层 | ||||
|       open: false, | ||||
|       // 查询参数 | ||||
|       queryParams: { | ||||
|         pageNum: 1, | ||||
|         pageSize: 10, | ||||
|         companyName: null, | ||||
|         companyCode: null | ||||
|       }, | ||||
|       // 表单参数 | ||||
|       form: {}, | ||||
|       // 表单校验 | ||||
|       rules: { | ||||
|       } | ||||
|     }; | ||||
|   }, | ||||
|   created() { | ||||
|     this.getList(); | ||||
|   }, | ||||
|   methods: { | ||||
|     /** 查询公司列表 */ | ||||
|     getList() { | ||||
|       this.loading = true; | ||||
|       listCompany(this.queryParams).then(response => { | ||||
|         this.companyList = response.rows; | ||||
|         this.total = response.total; | ||||
|         this.loading = false; | ||||
|       }); | ||||
|     }, | ||||
|     // 取消按钮 | ||||
|     cancel() { | ||||
|       this.open = false; | ||||
|       this.reset(); | ||||
|     }, | ||||
|     // 表单重置 | ||||
|     reset() { | ||||
|       this.form = { | ||||
|         id: null, | ||||
|         companyName: null, | ||||
|         companyCode: null | ||||
|       }; | ||||
|       this.resetForm("form"); | ||||
|     }, | ||||
|     /** 搜索按钮操作 */ | ||||
|     handleQuery() { | ||||
|       this.queryParams.pageNum = 1; | ||||
|       this.getList(); | ||||
|     }, | ||||
|     /** 重置按钮操作 */ | ||||
|     resetQuery() { | ||||
|       this.resetForm("queryForm"); | ||||
|       this.handleQuery(); | ||||
|     }, | ||||
|     // 多选框选中数据 | ||||
|     handleSelectionChange(selection) { | ||||
|       this.ids = selection.map(item => item.id) | ||||
|       this.single = selection.length!==1 | ||||
|       this.multiple = !selection.length | ||||
|     }, | ||||
|     /** 新增按钮操作 */ | ||||
|     handleAdd() { | ||||
|       this.reset(); | ||||
|       this.open = true; | ||||
|       this.title = "添加公司"; | ||||
|     }, | ||||
|     /** 修改按钮操作 */ | ||||
|     handleUpdate(row) { | ||||
|       this.reset(); | ||||
|       const id = row.id || this.ids | ||||
|       getCompany(id).then(response => { | ||||
|         this.form = response.data; | ||||
|         this.open = true; | ||||
|         this.title = "修改公司"; | ||||
|       }); | ||||
|     }, | ||||
|     /** 提交按钮 */ | ||||
|     submitForm() { | ||||
|       this.$refs["form"].validate(valid => { | ||||
|         if (valid) { | ||||
|           if (this.form.id != null) { | ||||
|             updateCompany(this.form).then(response => { | ||||
|               this.$modal.msgSuccess("修改成功"); | ||||
|               this.open = false; | ||||
|               this.getList(); | ||||
|             }); | ||||
|           } else { | ||||
|             addCompany(this.form).then(response => { | ||||
|               this.$modal.msgSuccess("新增成功"); | ||||
|               this.open = false; | ||||
|               this.getList(); | ||||
|             }); | ||||
|           } | ||||
|         } | ||||
|       }); | ||||
|     }, | ||||
|     /** 删除按钮操作 */ | ||||
|     handleDelete(row) { | ||||
|       const ids = row.id || this.ids; | ||||
|       this.$modal.confirm('是否确认删除公司编号为"' + ids + '"的数据项?').then(function() { | ||||
|         return delCompany(ids); | ||||
|       }).then(() => { | ||||
|         this.getList(); | ||||
|         this.$modal.msgSuccess("删除成功"); | ||||
|       }).catch(() => {}); | ||||
|     }, | ||||
|     /** 导出按钮操作 */ | ||||
|     handleExport() { | ||||
|       this.download('system/company/export', { | ||||
|         ...this.queryParams | ||||
|       }, `company_${new Date().getTime()}.xlsx`) | ||||
|     } | ||||
|   } | ||||
| }; | ||||
| </script> | ||||
							
								
								
									
										50
									
								
								src/components/MapComponent/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										50
									
								
								src/components/MapComponent/index.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,50 @@ | ||||
| <template> | ||||
|   <div id="mapContainer" style="width: 100%; height: 100%;"></div> | ||||
| </template> | ||||
| 
 | ||||
| <script> | ||||
| export default { | ||||
|   name: 'MapComponent', | ||||
|   mounted() { | ||||
|     // 等待天地图脚本加载完成 | ||||
|     this.initializeMap(); | ||||
|   }, | ||||
|   methods: { | ||||
|     initializeMap() { | ||||
|       // 创建地图对象 | ||||
|       const map = new T.Map('mapContainer'); | ||||
| 
 | ||||
|       // 设置地图中心点和缩放级别 | ||||
|       map.centerAndZoom(new T.LngLat(116.404, 39.915), 12); | ||||
| 
 | ||||
|       // 添加图层(例如:底图层) | ||||
|      // map.addLayer(new T.TileLayer()); | ||||
| 
 | ||||
|       let points = []; | ||||
|       points.push(new T.LngLat(116.41136, 39.97569)); | ||||
|       points.push(new T.LngLat(116.411794, 39.9068)); | ||||
|       points.push(new T.LngLat(116.32969, 39.92940)); | ||||
|       points.push(new T.LngLat(116.385438, 39.90610)); | ||||
|       var line = new T.Polyline(points); | ||||
|       line.addEventListener('mouseover', this.handleMouseOver); | ||||
|       line.addEventListener('mouseout', this.handleMouseOut); | ||||
| 
 | ||||
|       //向地图上添加线 | ||||
|       map.addOverLay(line); | ||||
| 
 | ||||
|     }, | ||||
|     handleMouseOver(event) { | ||||
|       const polyline = event.target; | ||||
|       polyline.setColor("red")	; // 鼠标悬停时颜色变为绿色 | ||||
|     }, | ||||
|     handleMouseOut(event) { | ||||
|       const polyline = event.target; | ||||
|       polyline.setColor("green")	; // 鼠标悬停时颜色变为绿色 | ||||
|     } | ||||
|   } | ||||
| }; | ||||
| </script> | ||||
| 
 | ||||
| <style> | ||||
| /* 这里可以添加样式以确保地图容器的大小 */ | ||||
| </style> | ||||
| @ -9,14 +9,6 @@ | ||||
|       <template v-if="device!=='mobile'"> | ||||
|         <search id="header-search" class="right-menu-item" /> | ||||
| 
 | ||||
|         <el-tooltip content="源码地址" effect="dark" placement="bottom"> | ||||
|           <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" /> | ||||
|         </el-tooltip> | ||||
| 
 | ||||
|         <el-tooltip content="文档地址" effect="dark" placement="bottom"> | ||||
|           <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" /> | ||||
|         </el-tooltip> | ||||
| 
 | ||||
|         <screenfull id="screenfull" class="right-menu-item hover-effect" /> | ||||
| 
 | ||||
|         <el-tooltip content="布局大小" effect="dark" placement="bottom"> | ||||
|  | ||||
| @ -1,16 +1,16 @@ | ||||
| <template> | ||||
|   <div id="map" class="map">222222</div> | ||||
|   <div id="map" class="map"> | ||||
|     <map-component></map-component> | ||||
|   </div> | ||||
| 
 | ||||
| </template> | ||||
| <!-- // 这里的tk为你在天地图的官网申请的tk --> | ||||
| <script> | ||||
| 
 | ||||
| import 'ol/ol.css'; | ||||
| import { Map, View } from 'ol'; | ||||
| import TileLayer from 'ol/layer/Tile'; | ||||
| import OSM from 'ol/source/OSM'; | ||||
| import XYZ from 'ol/source/XYZ'; | ||||
| 
 | ||||
| 
 | ||||
| import MapComponent from '../components/MapComponent'; | ||||
| 
 | ||||
| 
 | ||||
| export default { | ||||
|   name: "Index", | ||||
| @ -19,42 +19,28 @@ export default { | ||||
| 
 | ||||
|     }; | ||||
|   }, | ||||
|   components: { | ||||
|     MapComponent | ||||
|   }, | ||||
|   methods: { | ||||
|     goTarget(href) { | ||||
|       window.open(href, "_blank"); | ||||
|     }, | ||||
|     initMap() { | ||||
|       // 创建地图实例 | ||||
|       this.map = new Map({ | ||||
|         target: 'map', // 对应页面上的div的id | ||||
|         layers: [ // 添加图层 | ||||
|           new TileLayer({ | ||||
|             source: new XYZ({ | ||||
|               url:'https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}' | ||||
|               //'http://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=8' | ||||
|             }) | ||||
|           }), | ||||
|         ], | ||||
|         view: new View({ // 定义视图 | ||||
|           center: [0, 0], // 地图中心坐标 | ||||
|           zoom: 2, // 缩放级别 | ||||
|         }), | ||||
|       }); | ||||
| 
 | ||||
|     } | ||||
|   }, | ||||
|   mounted() { | ||||
|     this.initMap(); | ||||
|   }, | ||||
|   created(){ | ||||
|     this.initMap(); | ||||
|   } | ||||
| }; | ||||
| </script> | ||||
| 
 | ||||
| <style scoped lang="scss"> | ||||
|   .map{ | ||||
|     width: 1000px; | ||||
|     height: 800px; | ||||
|     width: 2000px; | ||||
|     height: 1800px; | ||||
|   } | ||||
| </style> | ||||
| 
 | ||||
|  | ||||
							
								
								
									
										259
									
								
								src/views/system/company/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										259
									
								
								src/views/system/company/index.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,259 @@ | ||||
| <template> | ||||
|   <div class="app-container"> | ||||
|     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> | ||||
|       <el-form-item label="公司名称" prop="companyName"> | ||||
|         <el-input | ||||
|           v-model="queryParams.companyName" | ||||
|           placeholder="请输入公司名称" | ||||
|           clearable | ||||
|           @keyup.enter.native="handleQuery" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="公司代号" prop="companyCode"> | ||||
|         <el-input | ||||
|           v-model="queryParams.companyCode" | ||||
|           placeholder="请输入公司代号" | ||||
|           clearable | ||||
|           @keyup.enter.native="handleQuery" | ||||
|         /> | ||||
|       </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-form-item> | ||||
|     </el-form> | ||||
| 
 | ||||
|     <el-row :gutter="10" class="mb8"> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="primary" | ||||
|           plain | ||||
|           icon="el-icon-plus" | ||||
|           size="mini" | ||||
|           @click="handleAdd" | ||||
|           v-hasPermi="['system:company:add']" | ||||
|         >新增</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="success" | ||||
|           plain | ||||
|           icon="el-icon-edit" | ||||
|           size="mini" | ||||
|           :disabled="single" | ||||
|           @click="handleUpdate" | ||||
|           v-hasPermi="['system:company:edit']" | ||||
|         >修改</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="danger" | ||||
|           plain | ||||
|           icon="el-icon-delete" | ||||
|           size="mini" | ||||
|           :disabled="multiple" | ||||
|           @click="handleDelete" | ||||
|           v-hasPermi="['system:company:remove']" | ||||
|         >删除</el-button> | ||||
|       </el-col> | ||||
|       <el-col :span="1.5"> | ||||
|         <el-button | ||||
|           type="warning" | ||||
|           plain | ||||
|           icon="el-icon-download" | ||||
|           size="mini" | ||||
|           @click="handleExport" | ||||
|           v-hasPermi="['system:company:export']" | ||||
|         >导出</el-button> | ||||
|       </el-col> | ||||
|       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> | ||||
|     </el-row> | ||||
| 
 | ||||
|     <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange"> | ||||
|       <el-table-column type="selection" width="55" align="center" /> | ||||
|       <el-table-column label="${comment}" align="center" prop="id" /> | ||||
|       <el-table-column label="公司名称" align="center" prop="companyName" /> | ||||
|       <el-table-column label="公司代号" align="center" prop="companyCode" /> | ||||
|       <el-table-column label="操作" align="center" 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:company:edit']" | ||||
|           >修改</el-button> | ||||
|           <el-button | ||||
|             size="mini" | ||||
|             type="text" | ||||
|             icon="el-icon-delete" | ||||
|             @click="handleDelete(scope.row)" | ||||
|             v-hasPermi="['system:company:remove']" | ||||
|           >删除</el-button> | ||||
|         </template> | ||||
|       </el-table-column> | ||||
|     </el-table> | ||||
|      | ||||
|     <pagination | ||||
|       v-show="total>0" | ||||
|       :total="total" | ||||
|       :page.sync="queryParams.pageNum" | ||||
|       :limit.sync="queryParams.pageSize" | ||||
|       @pagination="getList" | ||||
|     /> | ||||
| 
 | ||||
|     <!-- 添加或修改公司对话框 --> | ||||
|     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | ||||
|       <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | ||||
|         <el-form-item label="公司名称" prop="companyName"> | ||||
|           <el-input v-model="form.companyName" placeholder="请输入公司名称" /> | ||||
|         </el-form-item> | ||||
|         <el-form-item label="公司代号" prop="companyCode"> | ||||
|           <el-input v-model="form.companyCode" placeholder="请输入公司代号" /> | ||||
|         </el-form-item> | ||||
|       </el-form> | ||||
|       <div slot="footer" class="dialog-footer"> | ||||
|         <el-button type="primary" @click="submitForm">确 定</el-button> | ||||
|         <el-button @click="cancel">取 消</el-button> | ||||
|       </div> | ||||
|     </el-dialog> | ||||
|   </div> | ||||
| </template> | ||||
| 
 | ||||
| <script> | ||||
| import { listCompany, getCompany, delCompany, addCompany, updateCompany } from "@/api/system/company"; | ||||
| 
 | ||||
| export default { | ||||
|   name: "Company", | ||||
|   data() { | ||||
|     return { | ||||
|       // 遮罩层 | ||||
|       loading: true, | ||||
|       // 选中数组 | ||||
|       ids: [], | ||||
|       // 非单个禁用 | ||||
|       single: true, | ||||
|       // 非多个禁用 | ||||
|       multiple: true, | ||||
|       // 显示搜索条件 | ||||
|       showSearch: true, | ||||
|       // 总条数 | ||||
|       total: 0, | ||||
|       // 公司表格数据 | ||||
|       companyList: [], | ||||
|       // 弹出层标题 | ||||
|       title: "", | ||||
|       // 是否显示弹出层 | ||||
|       open: false, | ||||
|       // 查询参数 | ||||
|       queryParams: { | ||||
|         pageNum: 1, | ||||
|         pageSize: 10, | ||||
|         companyName: null, | ||||
|         companyCode: null | ||||
|       }, | ||||
|       // 表单参数 | ||||
|       form: {}, | ||||
|       // 表单校验 | ||||
|       rules: { | ||||
|       } | ||||
|     }; | ||||
|   }, | ||||
|   created() { | ||||
|     this.getList(); | ||||
|   }, | ||||
|   methods: { | ||||
|     /** 查询公司列表 */ | ||||
|     getList() { | ||||
|       this.loading = true; | ||||
|       listCompany(this.queryParams).then(response => { | ||||
|         this.companyList = response.rows; | ||||
|         this.total = response.total; | ||||
|         this.loading = false; | ||||
|       }); | ||||
|     }, | ||||
|     // 取消按钮 | ||||
|     cancel() { | ||||
|       this.open = false; | ||||
|       this.reset(); | ||||
|     }, | ||||
|     // 表单重置 | ||||
|     reset() { | ||||
|       this.form = { | ||||
|         id: null, | ||||
|         companyName: null, | ||||
|         companyCode: null | ||||
|       }; | ||||
|       this.resetForm("form"); | ||||
|     }, | ||||
|     /** 搜索按钮操作 */ | ||||
|     handleQuery() { | ||||
|       this.queryParams.pageNum = 1; | ||||
|       this.getList(); | ||||
|     }, | ||||
|     /** 重置按钮操作 */ | ||||
|     resetQuery() { | ||||
|       this.resetForm("queryForm"); | ||||
|       this.handleQuery(); | ||||
|     }, | ||||
|     // 多选框选中数据 | ||||
|     handleSelectionChange(selection) { | ||||
|       this.ids = selection.map(item => item.id) | ||||
|       this.single = selection.length!==1 | ||||
|       this.multiple = !selection.length | ||||
|     }, | ||||
|     /** 新增按钮操作 */ | ||||
|     handleAdd() { | ||||
|       this.reset(); | ||||
|       this.open = true; | ||||
|       this.title = "添加公司"; | ||||
|     }, | ||||
|     /** 修改按钮操作 */ | ||||
|     handleUpdate(row) { | ||||
|       this.reset(); | ||||
|       const id = row.id || this.ids | ||||
|       getCompany(id).then(response => { | ||||
|         this.form = response.data; | ||||
|         this.open = true; | ||||
|         this.title = "修改公司"; | ||||
|       }); | ||||
|     }, | ||||
|     /** 提交按钮 */ | ||||
|     submitForm() { | ||||
|       this.$refs["form"].validate(valid => { | ||||
|         if (valid) { | ||||
|           if (this.form.id != null) { | ||||
|             updateCompany(this.form).then(response => { | ||||
|               this.$modal.msgSuccess("修改成功"); | ||||
|               this.open = false; | ||||
|               this.getList(); | ||||
|             }); | ||||
|           } else { | ||||
|             addCompany(this.form).then(response => { | ||||
|               this.$modal.msgSuccess("新增成功"); | ||||
|               this.open = false; | ||||
|               this.getList(); | ||||
|             }); | ||||
|           } | ||||
|         } | ||||
|       }); | ||||
|     }, | ||||
|     /** 删除按钮操作 */ | ||||
|     handleDelete(row) { | ||||
|       const ids = row.id || this.ids; | ||||
|       this.$modal.confirm('是否确认删除公司编号为"' + ids + '"的数据项?').then(function() { | ||||
|         return delCompany(ids); | ||||
|       }).then(() => { | ||||
|         this.getList(); | ||||
|         this.$modal.msgSuccess("删除成功"); | ||||
|       }).catch(() => {}); | ||||
|     }, | ||||
|     /** 导出按钮操作 */ | ||||
|     handleExport() { | ||||
|       this.download('system/company/export', { | ||||
|         ...this.queryParams | ||||
|       }, `company_${new Date().getTime()}.xlsx`) | ||||
|     } | ||||
|   } | ||||
| }; | ||||
| </script> | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user