修改油站管理，油站信息中，添加所属集团，所属集团，下拉选择

Yijia-SaaS/yijia-ui/src/views/station/info/index.vue

@@ -7,7 +7,7 @@
       <el-table-column label="油枪数量" align="center" prop="oilGunNum" />
       <el-table-column label="联系人" align="center" prop="contacts" />
       <el-table-column label="电话" align="center" prop="phone" />
-      <el-table-column label="集团id" align="center" prop="stationGroupId" />
+      <el-table-column v-if="false" label="集团id"  align="center" prop="stationGroupId" />
       <el-table-column label="集团名称" align="center" prop="stationGroupName" />
       <el-table-column v-if="false" label="油站照片" align="center" prop="stationPic" />
       <el-table-column label="油站经度" align="center" prop="stationLongitude" />
@@ -45,7 +45,7 @@
             :headers=headers
             :on-success="handleAvatarSuccess"
             :before-upload="beforeAvatarUpload">
-            <img v-if="form.stationPic" :src="form.stationPic" class="avatar">
+            <img v-if="form.stationPic" :src="form.stationPic" style="width:150px;height: 150px;" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
@@ -64,11 +64,11 @@
         <el-form-item label="电话" prop="phone">
           <el-input v-model="form.phone" placeholder="请输入电话" />
         </el-form-item>
-        <el-form-item v-show="false" label="集团id" :disabled="true" prop="stationGroupId" >
-          <el-input v-model="form.stationGroupId" placeholder="请输入所属集团id" />
+        <el-form-item label="集团名称" prop="stationGroupId">
+          <treeselect v-model="form.stationGroupId" :options="deptOptions"   @select="selectDepart" :show-count="true" placeholder="请选择归属集团" />
         </el-form-item>
-        <el-form-item label="集团名称" prop="stationGroupName">
-          <el-input v-model="form.stationGroupName" :disabled="true" placeholder="请输入所属集团名称" />
+        <el-form-item label="集团名称" prop="stationGroupName" v-show="false">
+          <el-input v-model="form.stationGroupName"  placeholder="请输入所属集团名称" />
         </el-form-item>
         <el-form-item label="油站经度" prop="stationLongitude">
           <el-input v-model="form.stationLongitude" :disabled="true" placeholder="请输入油站经度" />
@@ -91,8 +91,12 @@
 <script>
 import { listInfo, getInfo, delInfo, addInfo, updateInfo, exportInfo } from "@/api/station/info";
 import { getToken } from "@/utils/auth";
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 export default {
   name: "Info",
+  components: { Treeselect },
   data() {
     return {
       // 遮罩层
@@ -109,6 +113,8 @@ export default {
       total: 0,
       // 油站信息表格数据
       infoList: [],
+      // 部门树选项
+      deptOptions: undefined,
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -139,6 +145,7 @@ export default {
   },
   created() {
     this.getList();
+    this.getTreeselect();
   },
 
   methods: {
@@ -151,6 +158,16 @@ export default {
         this.loading = false;
       });
     },
+    getTreeselect() {
+      treeselect().then(response => {
+        this.deptOptions = response.data;
+      });
+    },
+
+    // 获取当前选中部门的名称
+    selectDepart(val) {
+      this.form.stationGroupName=val.label;
+    },
 
     // 取消按钮
     cancel() {

Yijia-SaaS/yijia-ui/src/views/station/price/index.vue

@@ -278,7 +278,6 @@ export default {
     handleAddAdjust() {
       if(this.ids.length==1){
        let sss = this.$refs.multipleTable.selection;
-       console.log("sss",sss);
         this.resetAdjust();
         this.form1.stationId=sss[0].stationId;
         this.form1.stationName=sss[0].stationName;