1

lzhe

2024-06-05 dcf9c9e0410fe1186239e3f8d6f7bdc789c08010

 src/views/console/system/dict.vue

@@ -2,21 +2,18 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-03-29 15:31:38
 * @LastEditTime: 2024-04-02 17:48:31
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
   <div class="dict-main">
      <el-form :inline="true" :model="searchData" abel-width="120px">
      <el-form :inline="true" :model="searchData" label-width="80px">
         <el-form-item label="字典编号">
            <el-input v-model="searchData.code" placeholder="字典编号" clearable />
         </el-form-item>
         <el-form-item label="字典名称">
            <el-select v-model="searchData.dictValue" placeholder="字典名称" clearable>
               <el-option label="Zone one" value="shanghai" />
               <el-option label="Zone two" value="beijing" />
            </el-select>
            <el-input v-model="searchData.dictValue" placeholder="字典名称" clearable></el-input>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="searchclick">搜索</el-button>
@@ -26,14 +23,18 @@
      <div>
         <div class="dict-Btn">
            <div class="dict-btn-bottom"> 
               <el-button type="primary" @click="addPerson">+ 新增</el-button>
               <el-button type="danger" plain @click="delPerson">删除</el-button>
               <el-button type="primary" @click="addData">+ 新增</el-button>
               <el-button type="danger" plain @click="delData">删除</el-button>
            </div>
         </div>
         <div class="dict-table">
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
               <el-table-column type="selection" width="55" />
               <el-table-column prop="code" label="字典编号"></el-table-column>
               <el-table-column prop="code" label="字典编号">
                  <template #default="scope">
                     <el-check-tag type="info" checked @change="table_allocation(scope.row, scope.$index)">{{scope.row.code}}</el-check-tag>
                  </template>
               </el-table-column>
               <el-table-column prop="dictValue" label="字典名称"></el-table-column>
               <el-table-column prop="sort" label="字典排序"></el-table-column>
               <el-table-column prop="isSealed" label="封存">
@@ -65,7 +66,7 @@
   </div>
   
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="addDictSuccess" @closed="dialog.save=false"></save-dialog>
   <allocation-dialog v-if="dialog.allocation" ref="allocationDialog" @success="handleSuccess" @closed="dialog.allocation=false"></allocation-dialog>
   <allocation-dialog v-if="dialog.allocation" ref="allocationDialog" :getModalData="getModalData" @success="handleSuccess" @closed="dialog.allocation=false"></allocation-dialog>
</template>
<script>
   import saveDialog from './addDict'
@@ -74,6 +75,8 @@
      name: "allocation",
      data(){
         return {
            getModalData: [],
            selection: [],
            total: 0,
            searchData: {
               code: "",
@@ -105,6 +108,9 @@
         saveDialog,allocationDialog
      },
      methods: {
         codeClick() {
				
         },
         addDictSuccess(addDictForm) {
            this.searchClearBtn();
         },
@@ -134,13 +140,27 @@
         table_allocation(row) {
            this.dialog.allocation = true;
            this.$nextTick(() => {
               this.$refs.allocationDialog.open()
               this.$refs.allocationDialog.open('edit').setData(row);
            })
         },
         //删除
         table_del(row) {},
         table_del(row) {
            var that = this;
            this.$confirm(`确定将选择数据删除?`, '', {
               type: 'warning'
            }).then(() => {
               this.$HTTP.post("/api/blade-system/dict/remove?ids="+row.id).then(res=> {
                  if(res.code == 200) {
                     that.$message.success("操作成功");
                     that.searchBtn();
                  }
               })
            }).catch(() => {

            })
         },
         //添加
         addPerson(){
         addData(){
            this.dialog.save = true
            this.$nextTick(() => {
               this.$refs.saveDialog.open()
@@ -148,8 +168,13 @@
         },
         table_edit(row){
            this.dialog.save = true
            this.$nextTick(() => {
               this.$refs.saveDialog.open('edit').setData(row)
            this.$HTTP.get("/api/blade-system/dict/detail?id="+row.id).then(res=> {
               if(res.code == 200) {
                  this.dialog.save = true;
                  this.$nextTick(() => {
                     this.$refs.saveDialog.open('edit').setData(res.data);
                  })
               }
            })
         },
         //查看
@@ -159,8 +184,30 @@
               this.$refs.saveDialog.open('show').setData(row)
            })
         },
         handleSelectionChange() {},
         delPerson() {},
         handleSelectionChange(selection) {
            this.selection = selection;
         },
         delData() {
            if(this.selection.length == 0) {
               this.$message({
                   message: '请选择至少一条数据',
                   type: 'warning'
                 });
                 return;
            }
            var selStr = "";
            this.selection.map(item=> {
               selStr += item.id + ","
            })
            selStr = selStr.replace(/,$/, '');
            var that = this;
            this.$HTTP.post("/api/blade-system/dict/remove?ids="+selStr).then(res=> {
               if(res.code == 200) {
                  that.$message.success("操作成功");
                  that.searchclick();
               }
            })
         },
         changeDepartment() {
            this.departmentVisible = true;
         },