HIS 系统提交

src/xt_pages/data/components/editInspection.vue

@@ -0,0 +1,161 @@
+<template>
+    <el-dialog
+        :title="formTitle"
+        width="900px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <div>
+            <el-form :model="form" :rules="rules" ref="form" label-width="100px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                <el-form-item label="组套名称 : " prop="project_team" style="width:100%">
+                    <el-input v-model="form.project_team" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="组套价格 : " prop="price" style="width:100%">
+                    <el-input v-model="form.price" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="拼音 : " prop="pinyin" style="width:50%">
+                    <el-input v-model="form.pinyin" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="五笔 : " prop="wubi" style="width:50%">
+                    <el-input v-model="form.wubi" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                
+                <el-form-item label="试管颜色 : " prop="name" style="width:50%">
+                     <el-select v-model="form.tube_color" style="width:160px;" placeholder="请选择">
+                        <el-option
+                         v-for="(item,index) in getDictionaryDataConfig('system','tube_color')"
+                         :key="index"
+                         :label="item.name"
+                         :value="item.id">
+                        </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="组套类型 : " prop="name" style="width:50%">
+                    <el-select v-model="form.team_type" style="width:100%;" placeholder="请选择">
+                        <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="备注 : " prop="name" style="width:100%;">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.remark"></el-input>
+                </el-form-item>
+            </el-form>
+        </div>
+
+
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary"  @click="submitAction('form')">保 存</el-button>
+        </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getProjectTeamDetail,updatedProjectTeam } from "@/api/project/project"
+import { getDictionaryDataConfig,getDataConfig} from "@/utils/data";
+export default {
+    data(){
+        return{
+            visible:false,
+            formTitle:'',
+            activeName:'first',
+            form:{
+              id:"",
+              project_team:'',
+              price:"",
+              pinyin:"",
+              wubi:"",
+              tube_color:"",
+              team_type:"",
+              remark:""
+            },
+            options: [{
+            value: 1,
+            label: '是'
+            }, {
+            value: 2,
+            label: '否'
+            },],
+            value: '',
+            radio:'1',
+            rules: {
+              project_team: [{ required: true, message: '请填写组套名称', trigger: 'blur'  }],
+              pinyin: [{ required: true, message: '请填写拼音' , trigger: 'blur' }],
+              wubi: [{ required: true, message: '请填写五笔' , trigger: 'blur' }],
+              price: [{ required: true, message: '请填写价格', trigger: 'change' }],
+              team_type: [{ required:true,message:'请填写组套类型',trigger:'change' }]
+           }
+        }
+    },
+    methods:{
+         getDataConfig(module, filed_name){
+            return getDataConfig(module, filed_name)
+        },
+            getDictionaryDataConfig(module, filed_name) {
+            return getDictionaryDataConfig(module, filed_name)
+        },
+        _close: function(done) {
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show(id) {
+         this.visible = true
+         this.formTitle = '编辑'
+         this.getProjectTeamDetail(id) 
+        },
+        hide() {
+    
+            this.visible = false
+        },
+        getProjectTeamDetail(id){
+           getProjectTeamDetail(id).then(response=>{
+              if(response.data.state == 1){
+                 var projectTeamDetail =  response.data.data.projectTeamDetail
+                 this.form.id = projectTeamDetail.id
+                 this.form.project_team = projectTeamDetail.project_team
+                 this.form.price = projectTeamDetail.price
+                 this.form.pinyin = projectTeamDetail.pinyin
+                 this.form.wubi  = projectTeamDetail.wubi
+                 this.form.tube_color = projectTeamDetail.tube_color
+                 this.form.team_type = projectTeamDetail.team_type
+                 this.form.remark = projectTeamDetail.remark
+                 console.log("project",projectTeamDetail)
+              }
+           }) 
+        },
+        submitAction(formName){
+           this.$refs[formName].validate((valid)=>{
+              if(valid){
+                var params = {
+                    id:this.form.id,
+                    project_team:this.form.project_team,
+                    price:this.form.price,
+                    pinyin:this.form.pinyin,
+                    wubi:this.form.wubi,
+                    tube_color:this.form.tube_color,
+                    team_type:this.form.team_type,
+                    remark:this.form.remark
+                }
+                 updatedProjectTeam(params).then(response=>{
+                   if(response.data.state == 1){
+                     var projectTeam = response.data.data.projectTeam
+                     this.$message.success("保存成功")
+                     this.visible = false
+                     this.$parent.getlist()
+                   }
+                 })
+              }
+           })  
+        
+        }
+    }
+}
+</script>

src/xt_pages/data/components/editProject.vue

@@ -0,0 +1,354 @@
+<template>
+    <el-dialog
+        :title="formTitle"
+        width="900px"
+        :visible.sync="visible"
+        :before-close="_close"
+    >
+        <el-tabs v-model="activeName">
+            <el-tab-pane label="基础数据" name="first">
+                <div>
+                    <el-form :model="form" :rules="rules" ref="form" label-width="100px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                        <el-form-item label="项目名称 : "  prop="project_name" style="width:100%" >
+                            <el-input v-model="form.project_name" placeholder="" maxlength="30"></el-input>
+                        </el-form-item>
+                        <el-form-item label="拼音 : " prop="pinyin" style="width:100%">
+                            <el-input v-model="form.pinyin" placeholder="" maxlength="30"></el-input>
+                        </el-form-item>
+                        <el-form-item label="五笔 : " prop="wubi" style="width:100%">
+                            <el-input v-model="form.wubi" placeholder="" maxlength="30"></el-input>
+                        </el-form-item>
+                        <el-form-item label="价格(元) : " prop="price">
+                            <el-input v-model="form.price" placeholder="" maxlength="30"></el-input>
+                        </el-form-item>
+                        <el-form-item label="单位 : " prop="unit">
+                            <el-select v-model="form.unit" style="width:160px;" placeholder="请选择">
+                              <el-option
+                                v-for="(item,index) in getDataConfig('hemodialysis','units')"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.name">
+                             </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="费用类别 : " prop="cost_classify">
+                            <el-select v-model="form.cost_classify" style="width:160px;" placeholder="请选择">
+                                <el-option
+                                v-for="(item,index) in getDictionaryDataConfig('system','cost_classify')"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="执行科室 : " prop="executive_section">
+                            <el-select v-model="form.executive_section" style="width:160px;" placeholder="请选择">
+                                <el-option
+                                v-for="(item,index) in getDictionaryDataConfig('system','executive_section')"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="医保等级 : " prop="medical_coverage">
+                            <el-select v-model="form.medical_coverage" style="width:160px;" placeholder="请选择">
+                               <el-option
+                                 v-for="(item,index) in getDictionaryDataConfig('system','medical_insurance_level')"
+                                 :key="index"
+                                 :label="item.name"
+                                 :value="item.id">
+                               </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="统计分类 : " prop="statistical_classification">
+                            <el-select v-model="form.statistical_classification" style="width:160px;" placeholder="请选择">
+                                <el-option
+                                v-for="(item,index) in getDictionaryDataConfig('system','statistics_category')"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="是否特病目录:" prop="disease_directory">
+                            <el-select v-model="form.disease_directory" style="width:160px;" placeholder="请选择">
+                                <el-option
+                                v-for="item in options"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="是否备案 : " prop="is_record">
+                            <el-select v-model="form.is_record" style="width:160px;" placeholder="请选择">
+                                <el-option
+                                v-for="item in options"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="医保编码 : " prop="medical_code">
+                            <el-input v-model="form.medical_code" style="width:160px;" placeholder="" maxlength="30"></el-input>
+                        </el-form-item>
+                        <el-form-item label="试管颜色 : " prop="tube_color">
+                            <el-select v-model="form.tube_color" style="width:160px;" placeholder="请选择">
+                              <el-option
+                                v-for="(item,index) in getDictionaryDataConfig('system','tube_color')"
+                                :key="index"
+                                :label="item.name"
+                                :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="状态 : " prop="medical_status" style="width:100%;">
+                            <el-radio-group v-model="form.medical_status">
+                                <el-radio :label="1">停用</el-radio>
+                                <el-radio :label="2">收费</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="备注 : " prop="remark" style="width:100%;">
+                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.remark"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="扩展数据" name="second">
+                <el-form :model="form"  label-width="120px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
+                    <el-form-item label="标签 : " prop="sign">
+                        <el-select v-model="form.sign" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="(item,index) in getDictionaryDataConfig('system','sign')"
+                            :key="index"
+                            :label="item.name"
+                            :value="item.id">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="默认使用数量:" prop="default_number">
+                        <el-input v-model="form.default_number" style="width:160px;" placeholder="" maxlength="30"></el-input>
+                    </el-form-item>
+                    <el-form-item label="是否默认:" prop="is_default">
+                        <el-select v-model="form.is_default" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否收费常用项:" prop="is_charge">
+                        <el-select v-model="form.is_charge" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否收费预估项:" prop="is_estimate">
+                        <el-select v-model="form.is_estimate" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否统计工作量:" prop="is_workload">
+                        <el-select v-model="form.is_workload" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="收费项目排序:" prop="sort">
+                        <el-input v-model="form.sort" style="width:160px;" placeholder="" maxlength="30"></el-input>
+                    </el-form-item>
+                    <el-form-item label="是否常用医嘱:" prop="is_advice">
+                        <el-select v-model="form.is_advice" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>       
+                </el-form>
+            </el-tab-pane>
+        </el-tabs>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="hide">取 消</el-button>
+            <el-button type="primary" @click="submitAction('form')">保 存</el-button>
+        </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getDictionaryDataConfig,getDataConfig } from "@/utils/data";
+import { getProjectDetail,updatedProject } from "@/api/project/project"
+export default {
+    data(){
+        return{
+            visible:false,
+            formTitle:'',
+            activeName:'first',
+            options: [
+             {value: 1,label: '是'},
+             {value: 2,label: '否'}
+             ],
+            value: '',
+            radio:'1',
+          
+            form:{
+              id:0,
+              project_name:"",
+              pinyin:"",
+              wubi:"", 
+              price:"", 
+              unit:"",
+              cost_classify:"",
+              executive_section:"",
+              medical_coverage:"",
+              statistical_classification:"",
+              disease_directory:"",
+              is_record:"",
+              medical_code:"",
+              tube_color:"",
+              medical_status:"",
+              remark:"",
+              sign:"",
+              default_number:"",
+              is_default:"",
+              is_charge:"",
+              is_estimate:"",
+              is_workload:"",
+              sort:"",
+              is_advice:"",
+            },
+            rules: {
+                project_name: [{ required: true, message: '请填写项目名称', trigger: 'blur'  }],
+                pinyin: [{ required: true, message: '请填写拼音' , trigger: 'blur' }],
+                wubi: [{ required: true, message: '请填写五笔' , trigger: 'blur' }],
+                price: [{ required: true, message: '请填写价格', trigger: 'change' }],
+                unit: [{ required: true, message: '请填写单位',trigger: 'blur' }],
+                cost_classify: [{ required: true, message: '请填写费用类别',trigger: 'blur' }],
+                executive_section: [{ required: true, message: '请填写执行科室',trigger: 'blur'  }],
+                medical_coverage: [{ required: true, message: '请填写医保等级',trigger: 'blur' }],
+           }
+        }
+    },
+    methods:{
+        _close: function(done) {
+            done()
+        },
+        clear: function() {
+            this.form.id = 0;
+            this.form.name = "";
+            this.form.intro = "";
+        },
+        show(id) {
+          
+           this.visible = true
+           this.formTitle = '编辑'
+           this.getProjectDetail(id)
+        },
+        hide() {
+         this.visible = false
+        },
+       getDataConfig(module, filed_name){
+         return getDataConfig(module, filed_name)
+       },
+        getDictionaryDataConfig(module, filed_name) {
+          return getDictionaryDataConfig(module, filed_name)
+       },
+       getProjectDetail(id){
+           console.log("id",id)
+         getProjectDetail(id).then(response=>{
+            if(response.data.state == 1){
+              var projecDetail =  response.data.data.projecDetail
+              console.log("projectdatail",projecDetail)
+              this.form.id = projecDetail.id
+              this.form.project_name = projecDetail.project_name
+              this.form.pinyin = projecDetail.pinyin
+              this.form.wubi = projecDetail.wubi
+              this.form.price = projecDetail.price
+              this.form.unit = projecDetail.unit
+              this.form.cost_classify = projecDetail.cost_classify
+              this.form.executive_section = projecDetail.executive_section
+              this.form.medical_coverage = projecDetail.medical_coverage
+              this.form.statistical_classification =projecDetail.statistical_classification
+              this.form.disease_directory = projecDetail.disease_directory
+              this.form.is_record = projecDetail.is_record
+              this.form.medical_code = projecDetail.medical_code
+              this.form.tube_color = projecDetail.tube_color
+              this.form.medical_status = projecDetail.medical_status
+              this.form.remark = projecDetail.remark
+              this.form.sign = projecDetail.sign
+              this.form.default_number = projecDetail.default_number
+              this.form.is_default = projecDetail.is_default
+              this.form.is_charge = projecDetail.is_charge
+              this.form.is_estimate = projecDetail.is_estimate
+              this.form.is_workload = projecDetail.is_workload
+              this.form.sort = projecDetail.sort
+              this.form.is_advice = projecDetail.doctor_advice
+            }
+         })
+       },
+     
+       
+       submitAction(formName){
+          this.$refs[formName].validate((valid)=>{
+            if(valid){
+                 var params = {
+                    id:this.form.id,
+                    project_name:this.form.project_name,
+                    pinyin:this.form.pinyin,
+                    wubi:this.form.wubi,
+                    price:this.form.price,
+                    unit:this.form.unit,
+                    cost_classify:this.form.cost_classify,
+                    executive_section:this.form.executive_section,
+                    medical_coverage:this.form.medical_coverage,
+                    statistical_classification:this.form.statistical_classification,
+                    disease_directory:this.form.disease_directory,
+                    is_record:this.form.is_record,
+                    medical_code:this.form.medical_code,
+                    tube_color:this.form.tube_color,
+                    medical_status:this.form.medical_status,
+                    remark:this.form.remark,
+                    sign:this.form.sign,
+                    default_number:this.form.default_number,
+                    is_charge:this.form.is_charge,
+                    is_estimate:this.form.is_estimate,
+                    is_workload:this.form.is_workload,
+                    sort:this.form.sort,
+                    is_advice:this.form.is_advice,
+                    is_default:this.form.is_default
+               }
+              
+              updatedProject(params).then(response=>{
+                 if(response.data.state == 1){
+                   var hisProject = response.data.data.hisProject
+                   this.$message.success('保存成功')
+                   this.$parent.getlist()
+                   this.visible = false
+                   
+                 }
+              })
+            }
+          })
+       }
+    }
+}
+</script>

src/xt_pages/role/departManage.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-button
+        type="primary"
+        size="small"
+        icon="el-icon-circle-plus-outline"
+        style="float:right;"
+        @click="openForm"
+        >新增</el-button
+      >
+    </div>
+    <div class="app-container">
+      <el-table
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
+        style="width:100%;"
+        ref="table"
+        border
+        :data="tableData"
+      >
+        <el-table-column label="序号" prop="name" min-width="60" align="center">
+           <template slot-scope="scope">
+                {{scope.$index + 1}}
+           </template>
+        </el-table-column>
+        <el-table-column label="科室名称" prop="name" min-width="150" align="center">
+            <template slot-scope="scope">
+                {{scope.row.name}}
+            </template>
+        </el-table-column>
+         <el-table-column label="科室编号"  prop="ip" min-width="150" align="center">
+             <template slot-scope="scope">
+                 {{scope.row.number}}
+             </template>
+         </el-table-column>
+        <el-table-column label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="编辑"
+              placement="top"
+            >
+            <el-button
+                type="primary"
+                icon="el-icon-edit-outline"
+                size="small"
+                @click="editOpenForm(scope.row.id)">
+            </el-button>
+            </el-tooltip>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除"
+              placement="top"
+            >
+              <el-button
+                type="danger"
+                size="small"
+                icon="el-icon-delete"
+                @click="DeleteDepartment(scope.row.id,scope.$index)"
+              ></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+
+        <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :page-sizes="[10, 50, 100]"
+            :page-size="10"
+            background
+            align="right"
+            style="margin-top:20px;"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total"
+         >
+        </el-pagination>
+
+     
+       
+      
+      <el-dialog
+        title="添加科室"
+        :visible.sync="dialogVisible"
+        width="50%">
+        <span>
+          <el-form :model="form" ref="form" label-width="120px">
+             <el-row :span="24">
+                 <el-col :span="10">
+                   <el-form-item label="科室名称:">
+                      <el-input v-model="form.name" style="width:200px"></el-input>
+                  </el-form-item> 
+                 </el-col>
+             </el-row >
+             <el-row :span="24" >
+                 <el-col :span="12">
+                   <el-form-item label="医保科室编号:">
+                      <el-input v-model="form.number"  style="width:200px"></el-input>
+                  </el-form-item> 
+                 </el-col>
+             </el-row>
+          </el-form>
+        </span>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="SaveDepartment('form')">确 定</el-button>
+        </span>
+    </el-dialog>
+
+     
+      <el-dialog
+        title="编辑科室"
+        :visible.sync="editDialogVisible"
+        width="50%">
+        <span>
+          <el-form :model="form" ref="form" label-width="120px">
+             <el-row :span="24">
+                 <el-col :span="10">
+                   <el-form-item label="科室名称:">
+                      <el-input v-model="form.name" style="width:200px"></el-input>
+                  </el-form-item> 
+                 </el-col>
+             </el-row >
+             <el-row :span="24" >
+                 <el-col :span="12">
+                   <el-form-item label="医保科室编号:">
+                      <el-input v-model="form.number"  style="width:200px"></el-input>
+                  </el-form-item> 
+                 </el-col>
+             </el-row>
+          </el-form>
+        </span>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="editDialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="UpdatedDepartment('form')">确 定</el-button>
+        </span>
+    </el-dialog>
+
+
+
+    </div>
+  </div>
+</template>
+
+<script>
+
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import AdminInfoForm from "./components/AdminInfoForm";
+import { SaveDepartment,getDePartmentList,getDepartMentDetail,UpdatedDepartment,DeleteDepartment } from "@/api/project/project"
+export default {
+  name: "adminManage",
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "管理中心" },
+        { path: false, name: "部门管理" }
+      ],
+      tableData:[],
+      dialogVisible:false,
+      editDialogVisible:false,
+      form:{
+        id:0,
+        name:"",
+        number:"",
+      },
+      limit:20,
+      page:1,
+      total:10,
+    };
+  },
+  components: {
+    BreadCrumb,
+    AdminInfoForm
+  },
+  created() {
+    this.getlist()
+  },
+
+  methods: {
+
+    openForm(){
+      this.dialogVisible = true
+    },
+
+    handleSizeChange(val) {
+       this.limit = val
+       this.getlist()
+    },
+    handleCurrentChange(val) {
+       this.page = val
+       this.getlist()
+    },
+    SaveDepartment(formName){
+         var params = {
+            name:this.form.name,
+            number:this.form.number, 
+         }
+       this.$refs[formName].validate((valid)=>{
+          SaveDepartment(params).then(response=>{
+             if(response.data.state == 1){
+                var department =  response.data.data.department
+                console.log("department",department)
+                this.$message.success("保存成功")
+                this.dialogVisible = false
+                this.getlist()
+                this.form.name = ""
+                this.form.number = ""
+             }
+          })
+       })
+    },
+    getlist(){
+       var params = {
+           limit:this.limit,
+           page:this.page,
+       }
+      getDePartmentList(params).then(response=>{
+         if(response.data.state == 1){
+           var department =   response.data.data.departMentList
+           console.log("department",department)
+           this.tableData = department
+           var total = response.data.data.total
+           console.log("total",total)
+           this.total = total
+         }
+      })
+    },
+
+    editOpenForm(id){
+      this.editDialogVisible = true
+      getDepartMentDetail(id).then(response=>{
+         if(response.data.state == 1){
+           var departDetail =  response.data.data.departDetail
+           console.log("departdetail",departDetail)
+           this.form.id = departDetail.id
+           this.form.name = departDetail.name
+           this.form.number = departDetail.number
+         }
+      })
+    },
+    
+    UpdatedDepartment(formName){
+         var params = {
+            id:this.form.id,
+            name:this.form.name,
+            number:this.form.number, 
+         }
+       this.$refs[formName].validate((valid)=>{
+          UpdatedDepartment(params).then(response=>{
+             if(response.data.state == 1){
+                var department =  response.data.data.department
+                console.log("department",department)
+                this.$message.success("保存成功")
+                this.editDialogVisible = false
+                this.getlist()
+             }
+          })
+       })
+    },
+    
+   DeleteDepartment(id,index){
+      this.$confirm("确认删除此部门吗?", "删除", {
+        confirmButtonText: "确 定",
+        cancelButtonText: "取 消",
+        type: "warning"
+       }).then(() => {
+
+       DeleteDepartment(id).then(response => {
+          if (response.data.state == 1) {
+             var msg = response.data.data.msg
+             this.$message.success("删除成功")
+             this.tableData.splice(index, 1);
+          }
+       });
+     }).catch(() => {});
+    }
+  
+    
+  },
+    
+  
+ 
+ 
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.el-button + .el-button {
+  margin-left: 0 !important;
+}
+</style>
+<style>
+.el-table td,
+.el-table th.is-leaf,
+.el-table--border,
+.el-table--group {
+  border-color: #d0d3da;
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+  background-color: #d0d3da;
+}
+</style>