科室维护-添加科室、修改科室、科室详情

src/api/config.js

@@ -90,6 +90,8 @@ export default {
     'getDeptInfo': 'api/icssman/deptInfo/getDeptInfo', //科室维护
     'getDeptInfoDetials': 'api/icssman/deptInfo/getDeptInfoDetials', //科室维护-详情
     'deleteDeptInfo': 'api/icssman/deptInfo/deleteDeptInfo', //科室维护-删除
+    'addDeptInfo': 'api/icssman/deptInfo/addDeptInfo', //科室维护-添加
+    'modifDeptInfo': 'api/icssman/deptInfo/updateDeptInfo', //科室维护-修改
     'saveOrUpdate': 'api/icssman/questionInfo/saveOrUpdate', //添加标签保存
     'deleteTagGroup': 'api/icssman/questionInfo/delete', //删除标签组
 	},

src/api/icss.js

@@ -24,9 +24,15 @@ export default {
     getDeptInfoDetials(param) {//科室维护-详情
         return axios.post(urls.getDeptInfoDetials, param)
     },
-    deleteDeptInfo(param) {//科室维护-详情
+    deleteDeptInfo(param) {//科室维护-删除
         return axios.post(urls.deleteDeptInfo, param)
     },
+    addDeptInfo(param) {//科室维护-添加
+        return axios.post(urls.addDeptInfo, param)
+    },
+    modifDeptInfo(param) {//科室维护-修改
+        return axios.post(urls.modifDeptInfo, param)
+    },
     saveOrUpdate(param) {
         return axios.post(urls.saveOrUpdate, param)
     },

src/components/common/Crumbs.vue

@@ -43,6 +43,7 @@
 
     .return-btn{
         margin: 11px 5px 0 0;
+        cursor: pointer;
     }
 
     h4 {

src/components/icss/AddDeptInfo.vue

@@ -0,0 +1,160 @@
+<!-- 添加机构信息 By_liucf -->
+<template>
+    <div>
+        <crumbs :title="topInfo" linkTo="/admin/LT-YXSJWH-KSWH">
+        </crumbs>
+        <div class="contents">
+            <el-form ref="form" :model="form" :rules="rules" label-width="120" class="add-admin-form">
+                <el-form-item label="科室名称：" prop="name">
+                    <el-input v-model="form.name" placeholder="请输入科室名称"></el-input>
+                </el-form-item>
+                <el-form-item label="描述：" prop="remark" class="desc">
+                    <el-input type="textarea" :rows="3" placeholder="请输入科室描述" v-model="form.remark" maxlength="1024"></el-input>
+                </el-form-item>
+                </el-form-item>
+                <el-button size="small" type="primary" @click="addOrga">{{text}}</el-button>
+            </el-form>
+        </div>
+    </div>
+</template>
+
+<script>
+  import api from '@api/icss.js';
+  export default {
+    name: 'AddDeptInfo',
+    data(){
+      const deptNameVaild = (rule, value, callback) => {
+        if (!value) {
+          return callback(new Error('请输入科室名称'));
+        }
+        if (value.length > 120) {
+           this.form.name = value.substr(0, 120);
+           this.$message({
+             showClose: true,
+             type: 'warning',
+             message: '科室名称最多可输入120个字'
+           })
+        }
+        callback();
+      };
+      return {
+        id:null,
+        form: {
+          name: '',
+          remark: '' //描述
+        },
+        rules: {
+          name:[
+            { required: true, validator: deptNameVaild, trigger: ['blur', 'change'] },
+            { required: true, message: '请输入科室名称', trigger: ['blur', 'change'] }
+          ],
+        },
+        text:'确定添加',
+        topInfo:'icss科室维护系统-添加科室',
+        toast:'添加成功'
+      }
+    },
+    created(){
+      let deptInfo = this.$route.params;
+      if(deptInfo.info){
+        this.text = "确定修改";
+        this.topInfo = "icss科室维护系统-修改科室";
+        this.toast = "修改成功";
+        this.form.name = deptInfo.info.name;
+        this.form.remark = deptInfo.info.remark;
+        this.id = deptInfo.info.id;
+      }
+    },
+    methods: {
+      addOrga() {
+        this.$refs.form.validate((valid)=> {
+          if (valid) {
+            // 有id是修改，没有id是添加
+            if(this.id){
+              let param = {
+                id:this.id,
+                name:this.form.name,
+                remark:this.form.remark
+              }
+              api.modifDeptInfo(param).then((res) => {
+                if (res.data.code == '0') {
+                  this.$message({showClose: true,message: this.toast, type: 'success'});
+                  this.$router.push({path: 'LT-YXSJWH-KSWH'});
+                } else {
+                  this.$message({
+                    showClose: true,
+                    message: res.data.msg,
+                    type: 'warning'
+                  });
+                }
+              }).catch((error) => {
+                this.$message({
+                  showClose: true,
+                  message: "服务器正忙...",
+                  type: 'warning'
+                });
+              })
+            }else{
+              api.addDeptInfo(this.form).then((res) => {
+                if (res.data.code == '0') {
+                  this.$message({showClose: true,message: this.toast, type: 'success'});
+                  this.$router.push({path: 'LT-YXSJWH-KSWH'});
+                } else {
+                  this.$message({
+                    showClose: true,
+                    message: res.data.msg,
+                    type: 'warning'
+                  });
+                }
+              }).catch((error) => {
+                this.$message({
+                  showClose: true,
+                  message: "服务器正忙...",
+                  type: 'warning'
+                });
+              })
+            }  
+          }
+        });
+      },
+      back(){
+        this.$router.go(-1);
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+    @import "../../less/admin.less";
+
+    .add-admin-form {
+        background: #fff;
+        padding: 20px 10px 30px;
+
+    &
+    > div {
+        margin-left: 9px;
+    }
+
+    }
+
+  .el-button{
+    margin: 30px 0 0 20px;
+  }
+  .contents{
+    position: relative;
+    .back{
+      position: absolute;
+      top: 10px;
+      left: 5px;
+      z-index: 7;
+      cursor: pointer;
+    }
+  }
+  .desc{
+    padding-left: 39px;
+  }
+  .el-textarea{
+    width: 90%;
+  }
+</style>

src/components/icss/DeptInfo.vue

@@ -92,7 +92,7 @@
     methods: {
       toEditProduct(row){
         this.$router.push({
-          name:'editDeptInfo',
+          name:'AddDeptInfo',
           params: {info:row}
         })
       },

src/components/icss/DeptInfoDetail.vue

@@ -2,14 +2,16 @@
   <div>
     <crumbs title="icss科室维护系统-详情" linkTo="/admin/LT-YXSJWH-KSWH"></crumbs>
     <div class="contents">
-      <div>
-        <span>科室名称：{{data.name}}</span>
-        <span></span>
-      </div>
-      <div>
-        <span>描述：{{data.remark}}</span>
-        <span></span>
-      </div>
+      <table class="deptbox">
+        <tr>
+          <td>科室名称：</td>
+          <td>{{data.name}}</td>
+        </tr>
+        <tr>
+          <td class="desc">描述：</td>
+          <td>{{data.remark}}</td>
+        </tr>
+      </table>
     </div>   
   </div>
 </template>
@@ -42,6 +44,24 @@
     }
   }
 </script>
-<style lang="less">
+<style lang="less" scoped>
   @import "../../less/admin.less";
+  .deptbox{
+    width: 100%;
+    background: #fff;
+    padding: 20px 10px 30px;
+    font-size: 14px;
+    // color: #545455;
+    text-align: left;
+    >tr{
+      height: 40px;
+      td:first-child{
+        text-align: right;
+        width: 75px;
+      }
+    }
+    .desc{
+      // vertical-align: top;
+    }  
+  }
 </style>

src/routes.js

@@ -33,6 +33,7 @@ import LabelGroup from '@components/icss/LabelGroup.vue'
 import NoiseTemplate from '@components/icss/NoiseTemplate.vue';
 import DeptInfo from '@components/icss/DeptInfo.vue';//科室信息
 import DeptInfoDetail from '@components/icss/DeptInfoDetail.vue';//科室信息-详情
+import AddDeptInfo from '@components/icss/AddDeptInfo.vue';//科室信息-添加
 
 export default [
   {
@@ -134,7 +135,8 @@ export default [
       {path: 'LT-YXSJWH-BQZWH',component: LabelGroup}, //医学数据维护--标签组维护
       {path:'LT-YXSJWH-TJBQZ',component:NoiseTemplate},     //医学数据维护--标签组维护--添加标签组
       {path:'LT-YXSJWH-KSWH',component:DeptInfo},     //医学数据维护--科室维护
-      {path:'LT-YXSJWH-KSXQ',component:DeptInfoDetail,name:'DeptInfoDetail'},     //医学数据维护--详情
+      {path:'LT-YXSJWH-KSXQ',component:DeptInfoDetail,name:'DeptInfoDetail'},     //科室维护--详情
+      {path:'LT-YXSJWH-TJKS',component:AddDeptInfo,name:'AddDeptInfo'},     //科室维护--添加
     ]
   }
 ]