1

lzhe

2024-04-01 b28a825dd4dee120f70398308c04cf97fa0688d8

 src/views/console/system/dict.vue

@@ -10,21 +10,17 @@
   <div class="dict-main">
      <el-form :inline="true" :model="searchData" abel-width="120px">
         <el-form-item label="字典编号">
            <el-input v-model="searchData.test" placeholder="字典编号" clearable />
            <el-input v-model="searchData.code" placeholder="字典编号" clearable />
         </el-form-item>
         <el-form-item label="字典名称">
            <el-select
               v-model="searchData.test"
               placeholder="字典名称"
               clearable
            >
            <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-form-item>
         <el-form-item>
            <el-button type="primary" @click="searchBtn">搜索</el-button>
            <el-button @click="searchBtn">清空</el-button>
            <el-button type="primary" @click="searchclick">搜索</el-button>
            <el-button @click="searchClearBtn">清空</el-button>
         </el-form-item>
      </el-form>
      <div>
@@ -37,10 +33,14 @@
         <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="date" label="字典编号"></el-table-column>
               <el-table-column prop="name" label="字典名称"></el-table-column>
               <el-table-column prop="name" label="字典排序"></el-table-column>
               <el-table-column prop="name" label="封存"></el-table-column>
               <el-table-column prop="code" label="字典编号"></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="封存">
                  <template #default="scope">
                     <div>{{scope.row.isSealed == 0?"否":"是"}}</div>
                  </template>
               </el-table-column>
               <el-table-column fixed="right" label="操作">
                  <template #default="scope">
                     <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
@@ -51,19 +51,20 @@
               </el-table-column>
            </el-table>
            <el-pagination
               style="margin-top: 12px;"
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="currentPage4"
               :page-sizes="[100, 200, 300, 400]"
               :page-size="100"
               :page-sizes="[15, 50, 100]"
               :page-size="15"
               layout="total, sizes, prev, pager, next, jumper"
               :total="400">
               :total="total">
            </el-pagination>
         </div>
      </div>
   </div>
   
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
   <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>
</template>
<script>
@@ -73,8 +74,12 @@
      name: "allocation",
      data(){
         return {
            total: 0,
            searchData: {
               test: ""
               code: "",
               dictValue: "",
               current: "1",
               size: "15"
            },
            dialog: {
               save: false,
@@ -87,48 +92,44 @@
               label: '黄金糕'
            }],
            input3: '',
            tableData: [{
               date: '2016-05-02',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1518 弄',
               zip: 200333
               }, {
               date: '2016-05-04',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1517 弄',
               zip: 200333
               }, {
               date: '2016-05-01',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1519 弄',
               zip: 200333
               }, {
               date: '2016-05-03',
               name: '王小虎',
               province: '上海',
               city: '普陀区',
               address: '上海市普陀区金沙江路 1516 弄',
               zip: 200333
            }]
            tableData: []
         }
      },
      created(){
         
      },
      mounted(){
			
         this.searchBtn();
      },
      components: {
         saveDialog,allocationDialog
      },
      methods: {
         searchBtn() {},
         addDictSuccess(addDictForm) {
            this.searchClearBtn();
         },
         searchClearBtn() {
            this.searchData = {
               code: "",
               dictValue: "",
               current: "1",
               size: "15"
            }
            this.searchBtn();
         },
         searchclick() {
            this.searchData.current = "1";
            this.searchData.size = "15";
            this.searchBtn();
         },
         searchBtn() {
            this.$HTTP.get("/api/blade-system/dict/parent-list",this.searchData).then(res=> {
               if(res.code == 200) {
                  this.tableData = res.data.records;
                  this.total = res.data.total;
               }
            })
         },
         //字典配置
         table_allocation(row) {
            this.dialog.allocation = true;
@@ -172,9 +173,14 @@
         },
         handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
            this.searchData.current = "1";
            this.searchData.size = val;
            this.searchBtn();
         },
         handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
            this.searchData.current = val;
            this.searchBtn();
         }
      }
   }