修改按钮位置；部分添加、编辑方法改为调用submit接口

guoshilong

2022-11-28 7e95fcd5edc8618036841b60b15d31e828ec2ccd

 src/views/system/dept.vue

@@ -29,6 +29,9 @@
        </el-button>
      </template>
      <template slot-scope="scope" slot="menu">
        <el-button icon="el-icon-view" :size="scope.size" :type="scope.type" @click="handleDetail(scope.row)">详 情</el-button>
        <el-button icon="el-icon-edit" :size="scope.size" :type="scope.type"  @click="$refs.crud.rowEdit(scope.row)">编 辑</el-button>
        <el-button icon="el-icon-delete" :size="scope.size" :type="scope.type" @click="$refs.crud.rowDel(scope.row)">删 除</el-button>
        <el-button
          type="text"
          icon="el-icon-circle-plus-outline"
@@ -43,6 +46,16 @@
        <el-tag>{{row.deptCategoryName}}</el-tag>
      </template>
    </avue-crud>

    <el-drawer
      title="地图详情"
      :visible.sync="isDetail"
      :append-to-body="true"
      size="60%"
      direction="rtl"
      :before-close="handleClose">
      <map-box v-if="isDetail" :is-detail="isDetail" :route-range="routeRange"></map-box>
    </el-drawer>
  </basic-container>
</template>

@@ -55,10 +68,13 @@
    getDept,
    getDeptTree
  } from "@/api/system/dept";
  import {getDetail} from "@/api/deptPosition/deptPosition"
  import {mapGetters} from "vuex";
  import website from '@/config/website';
  import MapBox from "@/components/map/mapBox";

  export default {
    components: {MapBox},
    data() {
      return {
        form: {},
@@ -81,7 +97,9 @@
          border: true,
          index: true,
          selection: true,
          viewBtn: true,
          viewBtn: false,
          delBtn: false,
          editBtn: false,
          menuWidth: 300,
          dialogClickModal: false,
          column: [
@@ -184,7 +202,9 @@
            }
          ]
        },
        data: []
        data: [],
        isDetail:false,
        routeRange:"",
      };
    },
    computed: {
@@ -295,6 +315,18 @@
            });
          });
      },
      //显示地图详情
      handleDetail(row){
        this.getPositionDetail(row)
      },
      getPositionDetail(row){
        getDetail(null,row.id).then(res=>{
          if (res.data.code == 200){
            this.routeRange = res.data.data.position
            this.isDetail = true
          }
        })
      },
      searchReset() {
        this.query = {};
        this.parentId = 0;