编码的方法

haoxuan

2023-10-17 cda743ccc72a379a962a703bb049fa7bd12f3f0b

 src/components/makepager/PublicFunctionBtnView.vue

@@ -2,18 +2,27 @@
  <div class="function-btn">
    <div class="btn-list">
      <el-button size="small" type="text" class="blue" @click="addBtnClick">新建</el-button>
      <el-button v-if="receive" size="small" type="text" class="gray" @click="receiveBtnClick">领取</el-button>
      <el-button size="small" type="text" class="gray" @click="allocationBtnClick">分配</el-button>
      <el-button size="small" type="text" class="gray" @click="deleteBtnClick">删除</el-button>
      <el-button v-if="submitApproval" size="small" type="text" class="gray width64" @click="submitApprovalBtnClick"
        >提交审批</el-button
      <!-- <el-button v-if="receive" size="small" type="text" class="gray" @click="receiveBtnClick">领取</el-button> -->
      <el-button v-if="allocation" size="small" type="text" class="gray" @click="allocationBtnClick" disabled
        >分配</el-button
      >
      <el-button v-if="duplicateCheck" size="small" type="text" class="gray" @click="duplicateCheckBtnClick"
      <el-button v-if="deleteButton" size="small" type="text" class="gray" @click="deleteBtnClick">删除</el-button>
      <!-- <el-button v-if="submitApproval" size="small" type="text" class="gray width64" @click="submitApprovalBtnClick"
        >提交审批
      </el-button> -->
      <el-button v-if="duplicateCheck" size="small" type="text" class="gray" @click="duplicateCheckBtnClick" disabled
        >查重</el-button
      >
      <el-button v-if="importButton" size="small" type="text" class="gray" @click="importBtnClick">导入</el-button>
      <!-- <el-button v-if="importButton" size="small" type="text" class="gray" @click="importBtnClick">导入</el-button>
      <el-button v-if="departmentSet" size="small" type="text" class="gray" @click="departmentSetClick"
        >部门设置</el-button
      >
      <el-button v-if="dataRange" size="small" type="text" class="gray" @click="dataRangeClick">数据范围</el-button>
      <el-button v-if="loginControl" size="small" type="text" class="gray" @click="loginControlClick"
        >登录控制</el-button
      > -->

      <el-dropdown trigger="click">
      <!-- <el-dropdown trigger="click">
        <div class="gray btn-icon" @click="operateBtnClick">
          <i class="el-icon-present"></i>
        </div>
@@ -32,33 +41,49 @@
          <el-option v-for="item in viewScopeOptions" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
        <div class="view-scope-btn">
        <div class="view-scope-btn" @click="viewScopeClick">
          <i class="el-icon-user"></i>
        </div>
      </div>
      </div> -->
      <!-- 列表 -->
      <div v-if="listButton" class="gray btn-icon" @click="listBtnClick">
      <!-- <div v-if="listButton" class="btn-icon" @click="listBtnClick">
        <i class="el-icon-tickets"></i>
      </div>
      </div> -->
      <!-- 地图 -->
      <div v-if="mapButton" class="gray btn-icon" @click="mapBtnClick">
      <!-- <div v-if="mapButton" class="btn-icon" title="地图" @click="mapBtnClick">
        <i class="el-icon-location-information"></i>
      </div>
      </div> -->
      <!-- 统计 -->
      <div v-if="statistics" class="gray btn-icon" @click="statisticsBtnClick">
      <!-- <div v-if="statistics" class="btn-icon" title="统计" @click="statisticsBtnClick">
        <i class="el-icon-data-line"></i>
      </div>
      </div> -->
      <!-- 客户漏斗 -->
      <!-- <div v-if="customFunnel" class="btn-icon" title="客户漏斗" @click="statisticsBtnClick" style="color: #666">
        <i class="el-icon-postcard"></i>
      </div> -->
    </div>
    <!-- 高级查看范围 -->
    <HighViewScopeDialog v-if="highViewScopeConfig.visible" :editCommonConfig="highViewScopeConfig" />
  </div>
</template>

<script>
import HighViewScopeDialog from "@/views/other/commonDialog/HighViewScopeDialog"
export default {
  name: "PublicFunctionBtnView",
  components: { HighViewScopeDialog },
  props: {
    receive: {
      type: Boolean,
      default: false
    },
    allocation: {
      type: Boolean,
      default: false
    },
    deleteButton: {
      type: Boolean,
      default: true
    },
    duplicateCheck: {
      type: Boolean,
@@ -76,11 +101,27 @@
      type: Boolean,
      default: true
    },
    departmentSet: {
      type: Boolean,
      default: false
    },
    dataRange: {
      type: Boolean,
      default: false
    },
    loginControl: {
      type: Boolean,
      default: false
    },
    mapButton: {
      type: Boolean,
      default: false
    },
    statistics: {
      type: Boolean,
      default: false
    },
    customFunnel: {
      type: Boolean,
      default: false
    },
@@ -99,7 +140,11 @@
        { value: "5", label: "共享给我的" },
        { value: "6", label: "我共享给他人的" }
      ],
      viewScopeValue: "全部"
      viewScopeValue: "全部",
      highViewScopeConfig: {
        visible: false,
        infomation: {}
      }
    }
  },
  methods: {
@@ -110,15 +155,31 @@
    // 领取
    receiveBtnClick() {},
    // 分配
    allocationBtnClick() {},
    allocationBtnClick() {
      this.$emit("allocationBtnClick")
    },
    // 删除
    deleteBtnClick() {},
    deleteBtnClick() {
      this.$emit("batchDelete")
    },
    // 提交审批
    submitApprovalBtnClick() {},
    // 查重
    duplicateCheckBtnClick() {},
    // 导入
    importBtnClick() {},
    importBtnClick() {
      this.$parent.importClitk()
    },
    // 部门设置
    departmentSetClick() {},
    // 数据范围
    dataRangeClick() {},
    // 登录控制
    loginControlClick() {},
    // 高级查看范围
    viewScopeClick() {
      this.highViewScopeConfig.visible = true
    },
    // 操作
    operateBtnClick() {},
    // 列表
@@ -138,8 +199,6 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.function-btn {
  margin-top: 10px;
  margin-left: 10px;
  .btn-list {
    display: flex;
    .el-button {
@@ -167,6 +226,8 @@
      font-size: 20px;
      border-radius: 4px;
      color: rgb(0, 102, 255);
      background-color: #f2f4fb;
      cursor: pointer;
    }
    .view-scope {
      display: flex;