提交一把

jiangping

2024-06-18 6a76e1e6b05cb8cb8dd19299f23d1b825adf4abd

 company/src/views/system/permission.vue

@@ -3,19 +3,19 @@
    <!-- 搜索表单 -->
    <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
      <el-form-item label="权限编码" prop="code">
        <el-input v-model="searchForm.code" v-trim placeholder="请输入权限编码" @keypress.enter.native="search"/>
        <el-input v-model="searchForm.code" v-trim placeholder="请输入权限编码" @keypress.enter.native="refresh"/>
      </el-form-item>
      <el-form-item label="权限名称" prop="name">
        <el-input v-model="searchForm.name" v-trim placeholder="请输入权限名称" @keypress.enter.native="search"/>
        <el-input v-model="searchForm.name" v-trim placeholder="请输入权限名称" @keypress.enter.native="refresh"/>
      </el-form-item>
      <el-form-item label="平台类型" prop="type">
        <el-select v-model="searchForm.type" placeholder="请选择" @change="search">
          <el-option label="通用" value="0"></el-option>
        <el-select v-model="type" placeholder="请选择" @change="refresh" clearable>
          <el-option label="平台端" value="1"></el-option>
          <el-option label="企业端" value="2"></el-option>
          <el-option label="商户端" value="3"></el-option>
          <el-option label="商户端" value="2"></el-option>
          <el-option label="企业端" value="3"></el-option>
        </el-select>
      </el-form-item>

      <section>
        <el-button type="primary" @click="search">搜索</el-button>
        <el-button @click="reset">重置</el-button>
@@ -26,6 +26,7 @@
      <ul class="toolbar" v-permissions="['system:permission:create', 'system:permission:delete']">
        <li><el-button type="primary" @click="$refs.operaPermissionWindow.open('新建系统权限')" icon="el-icon-plus" v-permissions="['system:permission:create']">新建</el-button></li>
        <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['system:permission:delete']">删除</el-button></li>

      </ul>
      <el-table
        v-loading="isWorking.search"
@@ -36,14 +37,13 @@
        @sort-change="handleSortChange"
      >
        <el-table-column type="selection" fixed="left" width="55"></el-table-column>
        <el-table-column prop="code" label="权限编码" fixed="left" min-width="200px"></el-table-column>
        <el-table-column prop="code" label="权限编码" fixed="left" min-width="250px"></el-table-column>
        <el-table-column prop="name" label="权限名称" fixed="left" min-width="120px"></el-table-column>
        <el-table-column prop="name" label="平台类型" fixed="left" min-width="120px">
        <el-table-column prop="type" label="平台类型" fixed="left" min-width="180px">
          <template slot-scope="{row}">
            <span  v-if="row.type == null || row.type ===0">通用</span>
            <span  v-if="row.type === 1">平台端</span>
            <span   v-if="row.type === 2">企业端</span>
            <span   v-if="row.type === 3">商户端</span>
            <span  v-if="row.isadmin === 1">【平台】</span>
            <span  v-if="row.isshop === 1">【商户】</span>
            <span  v-if="row.iscom === 1">【企业】</span>
          </template>
        </el-table-column>
        <el-table-column prop="remark" label="权限备注" min-width="120px"></el-table-column>
@@ -90,11 +90,14 @@
  data () {
    return {
      // 搜索
      type: '',
      searchForm: {
        code: '',
        name: '',
        type: '',
        remark: ''
        remark: '',
        iscom:null,
        isshop:null,
        isadmin:null
      }
    }
  },
@@ -108,6 +111,28 @@
      }]
    })
    this.search()
  },
  methods:{
    refresh(){
      this.searchForm.iscom = null
      this.searchForm.isshop = null
      this.searchForm.isadmin = null
      if(this.type == 1){
        this.searchForm.iscom = null
        this.searchForm.isshop = null
        this.searchForm.isadmin = 1
      }else if(this.type == 2){
        this.searchForm.iscom = null
        this.searchForm.isshop = 1
        this.searchForm.isadmin = null
      }else if(this.type == 2){
        this.searchForm.iscom = 1
        this.searchForm.isshop = null
        this.searchForm.isadmin = null
  }
      this.search()
    }
  }

}
</script>