1

lzhe

2024-04-09 8623463aea92afa5e2cbf206fa84ce6f06d059df

 src/views/master/person/main/personDepartment.vue

@@ -2,7 +2,7 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-03-28 18:25:55
 * @LastEditTime: 2024-04-09 21:00: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
-->
@@ -15,24 +15,12 @@
               <el-button type="danger" plain @click="delPerson">删除</el-button>
            </div>
            <div>
               <el-select v-model="input3" placeholder="状态" class="searchStatus">
                  <el-option
                     v-for="item in options"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
                     size="small"
                  />
               <el-select v-model="searchData.status" placeholder="状态" class="searchStatus">
                  <el-option v-for="item in statusList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" size="small"/>
               </el-select>
               <el-input
                  v-model="input3"
                  style="width: 200px"
                  size="small"
                  placeholder="请输入关键字进行过滤"
                  class="input-with-select"
                  >
               <el-input v-model="searchData.name" style="width: 200px" size="small" placeholder="请输入关键字进行过滤">
                  <template #append>
                     <el-button :icon="Search" />
                     <el-button :icon="searchIcon" @click="getOrganizationList" />
                  </template>
               </el-input>
            </div>
@@ -40,7 +28,7 @@
         <div class="right-table">
            <el-table
               ref="multipleTableRef"
               :data="tableData"
               :data="departmentList"
               border
               style="width: 100%"
               class="multipleTableRef"
@@ -72,32 +60,14 @@
               @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>

   <el-dialog title="部门调整" v-model="departmentVisible" :width="400" destroy-on-close>
      <el-form :model="departmentFrom" :rules="departmentVisibleRules" :disabled="mode=='show'" ref="dialogForm" label-width="80px" label-position="center">
         <el-row>
            <el-col :span="24">
               <el-form-item label="部门" prop="department">
                  <el-select v-model="departmentFrom.department" style="width: 100%">
                     <el-option v-for="item in groups" :key="item.id" :label="item.label" :value="item.id"/>
                  </el-select>
               </el-form-item>
            </el-col>
         </el-row>
      </el-form>
      <template #footer>
         <el-button @click="departmentVisible=false" >取 消</el-button>
         <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="departmentSubmit()">保 存</el-button>
      </template>
   </el-dialog>
   
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
@@ -107,6 +77,14 @@
      name: "bakalaka",
      data(){
         return {
            total: 0,
            searchData: {
               groupType: 'group_organization',
               groupCategory: '1',
               status: "1",
               name: ""
            },
            statusList: [],
            isSaveing: false,
            groups: [],
            departmentFrom: {
@@ -128,47 +106,33 @@
               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
            }]
            departmentList: []
         }
      },
      created(){
         
      },
      mounted(){
			
         this.getStatus();
      },
      components: {
         saveDialog
      },
      methods: {
         getOrganizationList() {
            this.$HTTP.get(`/api/blade-cps/organization/tree?` + this.$TOOL.qsStringify(this.searchData)).then(res=> {
               if(res.code == 200) {
                  this.departmentList = res.data;
               }
            })
         },
         getStatus() {  //获取全部账号
            this.$HTTP.get(`/api/blade-system/dict/dictionary?code=employee_status`).then(res=> {
               if(res.code == 200) {
                  this.statusList = res.data;
               }
            })
         },
         departmentSubmit() {
            this.departmentVisible=false;  //部门调整
         },