修改

src/api/manage/selectAgencyList.js

@@ -9,16 +9,8 @@ export function selectAgencyList(query) {
     })
 }
 
-//院区
-export function subordinateAgencyList(query) {
-    return request({
-        url: '/system/agency/subordinateAgencyList',
-        method: 'get',
-        params: query
-    })
-}
 
-// 科室及病区的
+// 科室及病区
 export function getDepartmentList(query) {
     return request({
         url: '/system/department/getDepartmentList',
@@ -26,3 +18,13 @@ export function getDepartmentList(query) {
         params: query
     })
 }
+
+
+//选中获取后面的
+export function getAgencyList(query) {
+    return request({
+        url: '/system/agency/getAgencyList',
+        method: 'get',
+        params: query
+    })
+}

src/views/manage/blacklist/index.vue

@@ -164,7 +164,7 @@
 
 <script>
 import { listBlacklist, getBlacklist, delBlacklist, addBlacklist, updateBlacklist, causegetlist } from "@/api/manage/blacklist";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "Blacklist",
@@ -193,16 +193,12 @@ export default {
       campusAgencylist: [],
       //科室list
       departmentlist: [],
-      //病区list
-      wardlist: [],
       //form-医院list
       form_hospitalAgencylist: [],
       // form-院区list
       form_campusAgencylist: [],
       //form-科室list
       form_departmentlist: [],
-      //form-病区list
-      form_wardlist: [],
       //异常原因
       abnormalCauselist: [],
       //补充说明
@@ -348,9 +344,6 @@ export default {
         if (this.form.campusAgencyId) {
           this.changecampusAgency(this.form.campusAgencyId, 1, 2)
         }
-        if (this.form.departmentId) {
-          this.changedepartment(this.form.departmentId, 1, 2)
-        }
         if (this.form.abnormalCauseValue) {
           this.changeabnormalCauseValue(this.form.abnormalCauseValue, 1)
         }
@@ -404,67 +397,79 @@ export default {
         this.hospitalAgencylist = res.data
       })
     },
-    //选中医院获取院区
+    //获取下级单位
-    changehospitalAgency(id, type, typetwo) {
+    getAgencyListinfo(nodeType, id, type) {
       let query = {
-        agencyStatus: 'ON',
+        nodeType: nodeType,
-        nodeType: 'CAMPUS',
-        parentId: id,
       }
-      selectAgencyList(query).then(res => {
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
         if (type) {
-          this.form_campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          if (!typetwo) {
+            this.form_campusAgencylist = res.data.campusList
-            this.form.campusAgencyId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.departmentId = null
+          } else if (nodeType == 'CAMPUS') {
-            this.form.wardId = null
+            this.form_departmentlist = res.data.departmentList
           }
         } else {
-          this.campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          this.queryParams.campusAgencyId = null
+            this.campusAgencylist = res.data.campusList
-          this.queryParams.departmentId = null
+          }
-          this.queryParams.wardId = null
+          if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
+            this.departmentlist = res.data.departmentList
+          }
         }
       })
-      this.changecampusAgency(id, type, typetwo)
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+          this.form.departmentId = null
+          this.form.wardId = null
+          this.form.certificateIssuingDoctorId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.queryParams.certificateIssuingDoctorId = null
+      }
+      // })
+      this.usergetListinfo(id, type)
     },
     //选中院区获取科室
     changecampusAgency(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('CAMPUS', id, type)
-        nodeType: 'DEPARTMENT',
+      // let query = {
-        agencyId: id,
+      //   nodeType: 'DEPARTMENT',
-      }
+      //   agencyId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_departmentlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.departmentId = null
+          this.form.departmentId = null
-            this.form.wardId = null
+          this.form.wardId = null
-          }
-        } else {
-          this.departmentlist = res.data
-          this.queryParams.departmentId = null
-          this.queryParams.wardId = null
         }
-      })
+      } else {
-    },
+        this.queryParams.departmentId = null
-    //选中科室获取病区
+        this.queryParams.wardId = null
-    changedepartment(id, type, typetwo) {
-      let query = {
-        nodeType: 'WARD',
-        parentDepartmentId: id,
       }
-      getDepartmentList(query).then(res => {
+      // })
-        if (type) {
-          this.form_wardlist = res.data
-          if (!typetwo) {
-            this.form.wardId = null
-          }
-        } else {
-          this.wardlist = res.data
-          this.queryParams.wardId = null
-        }
-      })
     },
     //清空医院
     clearhospitalAgency(type) {
@@ -487,6 +492,7 @@ export default {
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId, type)
     },
     //清空科室
     cleardepartment(type) {
@@ -495,6 +501,7 @@ export default {
       } else {
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId, type)
     },
     //获取异常原因
     causegetinfo() {

src/views/manage/patientInfo/index.vue

@@ -39,7 +39,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.hospitalAgencyId">
         <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
           <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
           </el-option>
@@ -161,7 +161,7 @@
 <script>
 import { listPatientInfo } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
 export default {
   name: "PatientInfo",
@@ -294,44 +294,70 @@ export default {
         this.hospitalAgencylist = res.data
       })
     },
+    //获取下级单位
+    getAgencyListinfo(nodeType, id) {
+      let query = {
+        nodeType: nodeType,
+      }
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
+        if (nodeType == 'HOSPITAL') {
+          this.campusAgencylist = res.data.campusList
+          this.departmentlist = res.data.departmentList
+        } else if (nodeType == 'CAMPUS') {
+          this.departmentlist = res.data.departmentList
+        }
+        this.wardlist = res.data.wardList
+      })
+    },
     //选中医院获取院区
     changehospitalAgency(id) {
-      let query = {
+      this.getAgencyListinfo('HOSPITAL', id)
-        agencyStatus: 'ON',
+      // let query = {
-        nodeType: 'CAMPUS',
+      //   agencyStatus: 'ON',
-        parentId: id,
+      //   nodeType: 'CAMPUS',
-      }
+      //   parentId: id,
-      selectAgencyList(query).then(res => {
+      // }
-        this.campusAgencylist = res.data
+      // selectAgencyList(query).then(res => {
-        this.queryParams.campusAgencyId = null
+      //   this.campusAgencylist = res.data
-        this.queryParams.departmentId = null
+      this.queryParams.campusAgencyId = null
-        this.queryParams.wardId = null
+      this.queryParams.departmentId = null
-      })
+      this.queryParams.wardId = null
-      this.changecampusAgency(id)
+      this.queryParams.attendingPhysicianId = null
+      // })
+      //医生
       this.usergetListinfo();
     },
     //选中院区获取科室
     changecampusAgency(id) {
-      let query = {
+      this.getAgencyListinfo('CAMPUS', id)
-        nodeType: 'DEPARTMENT',
+      // let query = {
-        agencyId: id,
+      //   nodeType: 'DEPARTMENT',
-      }
+      //   agencyId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        this.departmentlist = res.data
+      // getDepartmentList(query).then(res => {
-        this.queryParams.departmentId = null
+      //   this.departmentlist = res.data
-        this.queryParams.wardId = null
+      this.queryParams.departmentId = null
-      })
+      this.queryParams.wardId = null
+      // })
     },
     //选中科室获取病区
     changedepartment(id) {
-      let query = {
+      this.getAgencyListinfo('DEPARTMENT', id)
-        nodeType: 'WARD',
+      // let query = {
-        parentDepartmentId: id,
+      //   nodeType: 'WARD',
-      }
+      //   parentDepartmentId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        this.wardlist = res.data
+      // getDepartmentList(query).then(res => {
-        this.queryParams.wardId = null
+      //   this.wardlist = res.data
-      })
+      this.queryParams.wardId = null
+      // })
     },
     //清空医院
     clearhospitalAgency() {
@@ -344,10 +370,12 @@ export default {
     clearcampusAgency() {
       this.queryParams.departmentId = null
       this.queryParams.wardId = null
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
     },
     //清空科室
     cleardepartment() {
       this.queryParams.wardId = null
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId)
     },
   }
 };

src/views/manage/preHospitalized/index.vue

@@ -54,7 +54,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.hospitalAgencyId">
         <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
           <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
           </el-option>
@@ -245,7 +245,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.hospitalAgencyId">
           <el-select v-model="form.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
             <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
             </el-option>
@@ -380,7 +380,7 @@
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
 import { listPatientInfo, getPatientInfo, delPatientInfo, addPatientInfo, updatePatientInfo } from "@/api/manage/preHospitalized";
 import { getAge } from "@/utils/age";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 import { getToken } from '@/utils/auth'
 
 export default {
@@ -695,70 +695,98 @@ export default {
         }
       })
     },
-    //选中医院获取院区
+    //获取下级单位
-    changehospitalAgency(id, type, typetwo) {
+    getAgencyListinfo(nodeType, id, type) {
       let query = {
-        agencyStatus: 'ON',
+        nodeType: nodeType,
-        nodeType: 'CAMPUS',
-        parentId: id,
       }
-      selectAgencyList(query).then(res => {
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
         if (type) {
-          this.form_campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          if (!typetwo) {
+            this.form_campusAgencylist = res.data.campusList
-            this.form.campusAgencyId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.departmentId = null
+          } else if (nodeType == 'CAMPUS') {
-            this.form.wardId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.certificateIssuingDoctorId = null
           }
+          this.form_wardlist = res.data.wardList
         } else {
-          this.campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          this.queryParams.campusAgencyId = null
+            this.campusAgencylist = res.data.campusList
-          this.queryParams.departmentId = null
+          }
-          this.queryParams.wardId = null
+          if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
-          this.queryParams.certificateIssuingDoctorId = null
+            this.departmentlist = res.data.departmentList
+          }
+          this.wardlist = res.data.wardList
         }
       })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+          this.form.departmentId = null
+          this.form.wardId = null
+          this.form.certificateIssuingDoctorId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.queryParams.certificateIssuingDoctorId = null
+      }
+      // })
       this.usergetListinfo(id, type)
-      this.changecampusAgency(id, type, typetwo)
     },
     //选中院区获取科室
     changecampusAgency(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('CAMPUS', id, type)
-        nodeType: 'DEPARTMENT',
+      // let query = {
-        agencyId: id,
+      //   nodeType: 'DEPARTMENT',
-      }
+      //   agencyId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_departmentlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.departmentId = null
+          this.form.departmentId = null
-            this.form.wardId = null
+          this.form.wardId = null
-          }
-        } else {
-          this.departmentlist = res.data
-          this.queryParams.departmentId = null
-          this.queryParams.wardId = null
         }
-      })
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+      // })
     },
     //选中科室获取病区
     changedepartment(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('DEPARTMENT', id, type)
-        nodeType: 'WARD',
+      // let query = {
-        parentDepartmentId: id,
+      //   nodeType: 'WARD',
-      }
+      //   parentDepartmentId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_wardlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.wardId = null
+          this.form.wardId = null
-          }
         } else {
-          this.wardlist = res.data
           this.queryParams.wardId = null
         }
-      })
+      }
+      // })
     },
     //清空医院
     clearhospitalAgency(type) {
@@ -781,6 +809,7 @@ export default {
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId, type)
     },
     //清空科室
     cleardepartment(type) {
@@ -789,6 +818,7 @@ export default {
       } else {
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId, type)
     },
     /** 下载模板操作 */
     importTemplate() {

src/views/manage/signRecord/index.vue

@@ -49,7 +49,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.hospitalAgencyId">
         <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
           <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
           </el-option>
@@ -128,14 +128,12 @@
       <el-table-column label="患者来源" align="center" prop="intentionalSource" v-else />
       <el-table-column label="签约时间" align="center" prop="signTime" width="180"
         v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">
-
         <template slot-scope="scope">
           <span>{{ formatDate(scope.row.signTime) }}</span>
         </template>
       </el-table-column>
       <el-table-column label="加入意向时间" align="center" prop="intentionalTime" width="180"
         v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">
-
         <template slot-scope="scope">
           <span>{{ formatDate(scope.row.intentionalTime) }}</span>
         </template>
@@ -146,7 +144,6 @@
         <el-table-column label="开单医生" align="center" prop="billingDoctorName" />
         <el-table-column label="金额" align="center" prop="price" />
         <el-table-column label="缴费状态" align="center" prop="paymentStatus">
-
           <template slot-scope="scope">
             <span>{{ scope.row.paymentStatus == 'PAID' ? '已缴费' : '' }}
               {{ scope.row.paymentStatus == 'UNPAID_FEES' ? '未缴费' : '' }}
@@ -155,7 +152,6 @@
         </el-table-column>
       </div>
       <el-table-column label="签约时长" align="center" prop="serviceCycle">
-
         <template slot-scope="scope">
           <span>{{ scope.row.serviceCycle }}月</span>
         </template>
@@ -165,14 +161,12 @@
       ，意向签约：INTENTIONAL_SIGNING，服务中：SERVICE_CENTER，服务结束：SERVICE_END
         </el-table-column> -->
       <el-table-column label="签约状态" align="center" prop="signStatus" v-if="queryParams.serviceStatus == 'SERVICE_END'">
-
         <template slot-scope="scope">
           {{ scope.row.signStatus == 'SEPARATE_SIGN' ? '取消签约' : '' }}
           {{ scope.row.signStatus == 'EXPIRE_SIGN' ? '过期' : '' }}
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="160">
-
         <template slot-scope="scope">
           <el-button size="mini" type="text" @click="handlenewsign(scope.row)"
             v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">签约</el-button>
@@ -193,7 +187,7 @@
 <script>
 import { getAge } from "@/utils/age";
 import { listSignRecord, getSignRecord, delSignRecord, addSignRecord, updateSignRecord, updateSignStatus } from "@/api/manage/signRecord";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   dicts: ['visit_method'],
@@ -443,64 +437,129 @@ export default {
         this.hospitalAgencylist = res.data
       })
     },
-    //选中医院获取院区
+    //获取下级单位
-    changehospitalAgency(id) {
+    getAgencyListinfo(nodeType, id, type) {
       let query = {
-        agencyStatus: 'ON',
+        nodeType: nodeType,
-        nodeType: 'CAMPUS',
-        parentId: id,
       }
-      selectAgencyList(query).then(res => {
+      if (nodeType == 'HOSPITAL') {
-        this.campusAgencylist = res.data
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
+        if (type) {
+          if (nodeType == 'HOSPITAL') {
+            this.form_campusAgencylist = res.data.campusList
+            this.form_departmentlist = res.data.departmentList
+          } else if (nodeType == 'CAMPUS') {
+            this.form_departmentlist = res.data.departmentList
+          }
+          this.form_wardlist = res.data.wardList
+        } else {
+          if (nodeType == 'HOSPITAL') {
+            this.campusAgencylist = res.data.campusList
+          }
+          if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
+            this.departmentlist = res.data.departmentList
+          }
+          this.wardlist = res.data.wardList
+        }
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+          this.form.departmentId = null
+          this.form.wardId = null
+          this.form.certificateIssuingDoctorId = null
+        }
+      } else {
         this.queryParams.campusAgencyId = null
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
-      })
+        this.queryParams.certificateIssuingDoctorId = null
-      this.changecampusAgency(id)
+      }
+      // })
     },
     //选中院区获取科室
-    changecampusAgency(id) {
+    changecampusAgency(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('CAMPUS', id, type)
-        nodeType: 'DEPARTMENT',
+      // let query = {
-        agencyId: id,
+      //   nodeType: 'DEPARTMENT',
-      }
+      //   agencyId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        this.departmentlist = res.data
+      // getDepartmentList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.departmentId = null
+          this.form.wardId = null
+        }
+      } else {
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
-      })
+      }
+      // })
     },
     //选中科室获取病区
-    changedepartment(id) {
+    changedepartment(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('DEPARTMENT', id, type)
-        nodeType: 'WARD',
+      // let query = {
-        parentDepartmentId: id,
+      //   nodeType: 'WARD',
+      //   parentDepartmentId: id,
+      // }
+      // getDepartmentList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.wardId = null
+        } else {
+          this.queryParams.wardId = null
+        }
       }
-      getDepartmentList(query).then(res => {
+      // })
-        this.wardlist = res.data
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
         this.queryParams.wardId = null
-      })
+      }
-    },
-    //清空医院
-    clearhospitalAgency() {
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-    },
-    //清空医院
-    clearhospitalAgency() {
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
     },
     //清空院区
-    clearcampusAgency() {
+    clearcampusAgency(type) {
-      this.queryParams.departmentId = null
+      if (type) {
-      this.queryParams.wardId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId, type)
     },
     //清空科室
-    cleardepartment() {
+    cleardepartment(type) {
-      this.queryParams.wardId = null
+      if (type) {
+        this.form.wardId = null
+      } else {
+        this.queryParams.wardId = null
+      }
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId, type)
     },
     //续约
     handleContinue(row) {

src/views/manage/visitin/index.vue

@@ -54,7 +54,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.hospitalAgencyId">
         <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
           <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
           </el-option>
@@ -257,7 +257,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.hospitalAgencyId">
           <el-select v-model="form.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
             <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
             </el-option>
@@ -386,7 +386,7 @@ import { usergetList } from "@/api/unitconfig/patientConfiguration";
 import { listPatientInfo, getPatientInfo, delPatientInfo } from "@/api/manage/patientInfo";
 import { addPatientInfo, updatePatientInfo } from "@/api/manage/visit";
 import { getAge } from "@/utils/age";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 import { getToken } from '@/utils/auth'
 
 export default {
@@ -711,70 +711,98 @@ export default {
         this.hospitalAgencylist = res.data
       })
     },
-    //选中医院获取院区
+    //获取下级单位
-    changehospitalAgency(id, type, typetwo) {
+    getAgencyListinfo(nodeType, id, type) {
       let query = {
-        agencyStatus: 'ON',
+        nodeType: nodeType,
-        nodeType: 'CAMPUS',
-        parentId: id,
       }
-      selectAgencyList(query).then(res => {
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
         if (type) {
-          this.form_campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          if (!typetwo) {
+            this.form_campusAgencylist = res.data.campusList
-            this.form.campusAgencyId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.departmentId = null
+          } else if (nodeType == 'CAMPUS') {
-            this.form.wardId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.attendingPhysicianId = null
           }
+          this.form_wardlist = res.data.wardList
         } else {
-          this.campusAgencylist = res.data
+          if (nodeType == 'HOSPITAL') {
-          this.queryParams.campusAgencyId = null
+            this.campusAgencylist = res.data.campusList
-          this.queryParams.departmentId = null
+          }
-          this.queryParams.wardId = null
+          if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
-          this.queryParams.attendingPhysicianId = null
+            this.departmentlist = res.data.departmentList
+          }
+          this.wardlist = res.data.wardList
         }
       })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+          this.form.departmentId = null
+          this.form.wardId = null
+          this.form.certificateIssuingDoctorId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.queryParams.certificateIssuingDoctorId = null
+      }
+      // })
       this.usergetListinfo(id, type)
-      this.changecampusAgency(id, type, typetwo)
     },
     //选中院区获取科室
     changecampusAgency(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('CAMPUS', id, type)
-        nodeType: 'DEPARTMENT',
+      // let query = {
-        agencyId: id,
+      //   nodeType: 'DEPARTMENT',
-      }
+      //   agencyId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_departmentlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.departmentId = null
+          this.form.departmentId = null
-            this.form.wardId = null
+          this.form.wardId = null
-          }
-        } else {
-          this.departmentlist = res.data
-          this.queryParams.departmentId = null
-          this.queryParams.wardId = null
         }
-      })
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+      // })
     },
     //选中科室获取病区
     changedepartment(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('DEPARTMENT', id, type)
-        nodeType: 'WARD',
+      // let query = {
-        parentDepartmentId: id,
+      //   nodeType: 'WARD',
-      }
+      //   parentDepartmentId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_wardlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.wardId = null
+          this.form.wardId = null
-          }
         } else {
-          this.wardlist = res.data
           this.queryParams.wardId = null
         }
-      })
+      }
+      // })
     },
     //清空医院
     clearhospitalAgency(type) {
@@ -797,6 +825,7 @@ export default {
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId, type)
     },
     //清空科室
     cleardepartment(type) {
@@ -805,6 +834,7 @@ export default {
       } else {
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId, type)
     },
     /** 下载模板操作 */
     importTemplate() {

src/views/manage/visitout/index.vue

@@ -54,7 +54,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.hospitalAgencyId">
         <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
           <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
           </el-option>
@@ -259,7 +259,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.hospitalAgencyId">
           <el-select v-model="form.wardId" filterable placeholder="请选择病区" style="width:200px" clearable>
             <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
             </el-option>
@@ -410,7 +410,7 @@
 import { listPatientInfo, getPatientInfo, delPatientInfo } from "@/api/manage/patientInfo";
 import { addPatientInfo, updatePatientInfo } from "@/api/manage/visit";
 import { getAge } from "@/utils/age";
-import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 import { getToken } from '@/utils/auth'
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
 
@@ -751,33 +751,6 @@ export default {
         this.hospitalAgencylist = res.data
       })
     },
-    //选中医院获取院区
-    changehospitalAgency(id, type, typetwo) {
-      let query = {
-        agencyStatus: 'ON',
-        nodeType: 'CAMPUS',
-        parentId: id,
-      }
-      selectAgencyList(query).then(res => {
-        if (type) {
-          this.form_campusAgencylist = res.data
-          if (!typetwo) {
-            this.form.campusAgencyId = null
-            this.form.departmentId = null
-            this.form.wardId = null
-            this.form.attendingPhysicianId = null
-          }
-        } else {
-          this.campusAgencylist = res.data
-          this.queryParams.campusAgencyId = null
-          this.queryParams.departmentId = null
-          this.queryParams.wardId = null
-          this.queryParams.attendingPhysicianId = null
-        }
-      })
-      this.usergetListinfo(id, type)
-      this.changecampusAgency(id, type, typetwo)
-    },
     //主治医生
     usergetListinfo(id, type) {
       usergetList({
@@ -791,43 +764,98 @@ export default {
         }
       })
     },
-    //选中院区获取科室
+    //获取下级单位
-    changecampusAgency(id, type, typetwo) {
+    getAgencyListinfo(nodeType, id, type) {
       let query = {
-        nodeType: 'DEPARTMENT',
+        nodeType: nodeType,
-        agencyId: id,
       }
-      getDepartmentList(query).then(res => {
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } else if (nodeType == 'DEPARTMENT') {
+        query.departmentId = id
+      }
+      getAgencyList(query).then(res => {
         if (type) {
-          this.form_departmentlist = res.data
+          if (nodeType == 'HOSPITAL') {
-          if (!typetwo) {
+            this.form_campusAgencylist = res.data.campusList
-            this.form.departmentId = null
+            this.form_departmentlist = res.data.departmentList
-            this.form.wardId = null
+          } else if (nodeType == 'CAMPUS') {
+            this.form_departmentlist = res.data.departmentList
           }
+          this.form_wardlist = res.data.wardList
         } else {
-          this.departmentlist = res.data
+          if (nodeType == 'HOSPITAL') {
-          this.queryParams.departmentId = null
+            this.campusAgencylist = res.data.campusList
-          this.queryParams.wardId = null
+          }
+          if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
+            this.departmentlist = res.data.departmentList
+          }
+          this.wardlist = res.data.wardList
         }
       })
     },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+          this.form.departmentId = null
+          this.form.wardId = null
+          this.form.certificateIssuingDoctorId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.queryParams.certificateIssuingDoctorId = null
+      }
+      // })
+      this.usergetListinfo(id, type)
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      this.getAgencyListinfo('CAMPUS', id, type)
+      // let query = {
+      //   nodeType: 'DEPARTMENT',
+      //   agencyId: id,
+      // }
+      // getDepartmentList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.departmentId = null
+          this.form.wardId = null
+        }
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+      // })
+    },
     //选中科室获取病区
     changedepartment(id, type, typetwo) {
-      let query = {
+      this.getAgencyListinfo('DEPARTMENT', id, type)
-        nodeType: 'WARD',
+      // let query = {
-        parentDepartmentId: id,
+      //   nodeType: 'WARD',
-      }
+      //   parentDepartmentId: id,
-      getDepartmentList(query).then(res => {
+      // }
-        if (type) {
+      // getDepartmentList(query).then(res => {
-          this.form_wardlist = res.data
+      if (type) {
-          if (!typetwo) {
+        if (!typetwo) {
-            this.form.wardId = null
+          this.form.wardId = null
-          }
         } else {
-          this.wardlist = res.data
           this.queryParams.wardId = null
         }
-      })
+      }
+      // })
     },
     //清空医院
     clearhospitalAgency(type) {
@@ -850,6 +878,7 @@ export default {
         this.queryParams.departmentId = null
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId, type)
     },
     //清空科室
     cleardepartment(type) {
@@ -858,6 +887,7 @@ export default {
       } else {
         this.queryParams.wardId = null
       }
+      this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId, type)
     },
     /** 下载模板操作 */
     importTemplate() {

src/views/system/components/wangEditor.vue

@@ -240,14 +240,14 @@ export default ({
             }, 200);
         },
         onCreated(editor) {
-            console.log("created", editor);
+            // console.log("created", editor);
             this.editor = Object.seal(editor); // 【注意】一定要用 Object.seal() 否则会报错
         },
         onChange(editor) {
-            console.log("onChange", editor.getHtml()); // onChange 时获取编辑器最新内容
+            // console.log("onChange", editor.getHtml()); // onChange 时获取编辑器最新内容
         },
         handleFocus(editor) {
-            console.log("focus", editor);
+            // console.log("focus", editor);
         },
     },
     mounted() {
@@ -273,7 +273,7 @@ class MyButtonMenu {                       // JS 语法
     constructor(vueInstance) {
         this.vueInstance = vueInstance
         this.title = '添加画像标签字段'
-        // this.iconSvg = '<svg >...</svg>'
+        this.iconSvg = '<svg t="1711422779479" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2507" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M831.6 639.6h-63.9v127.9H639.9v63.9h127.8v127.9h63.9V831.4h127.9v-63.9H831.6z" p-id="2508"></path><path d="M564.3 925.2c0-18.5-15-33.6-33.6-33.6H287.3c-86.2 0-156.4-70.2-156.4-156.4V286.9c0-86.2 70.1-156.4 156.4-156.4h448.4c86.2 0 156.4 70.2 156.4 156.4v238.8c0 18.5 15 33.6 33.6 33.6s33.6-15 33.6-33.6V286.9C959.2 163.6 859 63.3 735.7 63.3H287.3C164 63.3 63.7 163.6 63.7 286.8v448.3c0 123.2 100.3 223.5 223.6 223.5h243.4c18.6 0.1 33.6-14.9 33.6-33.4z" p-id="2509"></path></svg>'
         this.tag = 'button'
         this.showModal = true
     }

src/views/system/editorialSpecialization/index.vue

@@ -9,7 +9,7 @@
             </el-form-item>
         </el-form>
         <el-form ref="form" :inline="true" :model="form" label-width="80px">
-            <el-form-item label="服务名称">
+            <el-form-item label="服务名称" prop="name">
                 <el-input v-model="form.name" style="width:160px"></el-input>
             </el-form-item>
             <el-form-item label="病种名称" required>
@@ -17,18 +17,35 @@
                     病种名称
                 </div>
             </el-form-item>
-            <el-form-item label="版本号">
+            <el-form-item label="版本号" prop="name">
                 <el-input v-model="form.name" style="width:160px"></el-input>
             </el-form-item>
             <el-form-item style="float: right;">
-                <el-button type="primary" plain size="mini">AI生成触发条件</el-button>
+                <!-- <el-button type="primary" plain size="mini">AI生成触发条件</el-button> -->
-                <el-button type="primary" plain size="mini">人工添加主路径</el-button>
+                <el-button type="primary" plain size="mini" @click="add">人工添加主路径</el-button>
-                <el-button type="primary" plain size="mini">人工添加触发条件</el-button>
+                <el-button type="primary" plain size="mini" @click="add">人工添加触发条件</el-button>
             </el-form-item>
         </el-form>
-        <div>
+        <div class="list">
-            <el-progress :text-inside="true" :stroke-width="26" :percentage="70"></el-progress>
+            <div class="item">
-            <span>{{26 + '/' + 70 }}</span>
+                <div class="title">
+                    <el-tag>主路径</el-tag>
+                    <span>不稳定</span>
+                </div>
+                <div class="progress">
+                    <span>审核进度</span>
+                    <el-progress :text-inside="true" :stroke-width="26" :percentage="70"></el-progress>
+                    <span>{{ 26 + '/' + 70 }}</span>
+                </div>
+                <div class="title">
+                    <span>适用范围:</span>
+                    <span>出院</span>
+                </div>
+                <div>
+                    <i class="el-icon-edit"></i>
+                    <i class="el-icon-delete"></i>
+                </div>
+            </div>
         </div>
     </div>
 </template>
@@ -40,7 +57,13 @@ export default {
         return {
             form: {
                 name: '',
-            }
+            },
+            // 表单校验
+            rules: {
+                name: [
+                    { required: true, message: '不能为空', trigger: 'change' }
+                ],
+            },
         };
     },
     created() {
@@ -48,7 +71,57 @@ export default {
     watch: {
     },
     methods: {
+        add() {
+            this.$store.dispatch('tagsView/delView', this.$route).then(({ visitedViews }) => {
+                this.$router.push({
+                    path: "/specialdisease/specialDiseaseNode",
+                    query: {
+                    },
+                });
+            })
+        },
     },
 };
 </script>
-<style scoped lang="scss"></style>
+<style scoped lang="scss" scoped>
+.list {
+    width: 100%;
+    background-color: #F2F3F5;
+    padding: 28px 0;
+
+    .item {
+        padding: 0 30px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 80px;
+        background-color: #fff;
+        width: 96%;
+        margin: 0 auto 28px;
+
+        .el-icon-delete {
+            padding-left: 16px;
+        }
+
+        .progress {
+            width: 360px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            ::v-deep .el-progress {
+                width: 200px;
+            }
+        }
+
+        .title {
+            display: flex;
+            align-items: center;
+
+            span {
+                padding-left: 10px;
+            }
+        }
+    }
+}
+</style>

src/views/system/specialDiseaseNode/index.vue

@@ -1,31 +1,48 @@
 <template>
     <div class="app-container">
-        <wangeditor style="height:300px;width:40%;margin-left:40%" ref="editor" />
+        <el-descriptions title="添加主路径" />
-        <el-timeline style="width:25%">
+        <div class="title">
-            <el-timeline-item v-for="(item, index) in timelinelist" :key="index"
+            <el-tag>主路径</el-tag>
-                :color="listindex == index ? '#409EFF' : ''">
+            <div>
-                <div class="top" @click="topclickevent(index)">
+                卒中后癫痫
-                    <div class="toptop">
+            </div>
-                        <el-select v-model="value" style="width:90px">
+        </div>
-                            <el-option label="出院后" value="item.value">
+        <div class="list">
-                            </el-option>
+            <div class="timelist">
-                        </el-select>
+                <div class="timetitle">
-                        <el-input v-model="input" style="width: 60px;"></el-input>
+                    管理路径节点({{ timelinelist.length }})
-                        <span>天</span>
+                    <i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
-                    </div>
-                    <div>
-                        <i class="el-icon-delete"></i>
-                        <i class="el-icon-circle-plus-outline"></i>
-                    </div>
                 </div>
-                <el-card v-for="(uitem, uindex) in item.list" :key="uitem.id"
+                <el-timeline>
-                    @click.native='bottomclickevent(index, uindex)'
+                    <el-timeline-item v-for="(item, index) in timelinelist" :key="index"
-                    :class="listindex == index && itemindex == uindex ? 'cards' : ''">
+                        :color="listindex == index ? '#409EFF' : ''">
-                    <h4>{{ uitem.title }}</h4>
+                        <div class="top" @click="topclickevent(index)">
-                    <p>{{ uitem.text }}</p>
+                            <div class="toptop">
-                </el-card>
+                                <el-select v-model="value" style="width:90px">
-            </el-timeline-item>
+                                    <el-option label="出院后" value="item.value">
-        </el-timeline>
+                                    </el-option>
+                                </el-select>
+                                <el-input v-model="input" style="width: 60px;"></el-input>
+                                <span>天</span>
+                            </div>
+                            <div>
+                                <i class="el-icon-delete" @click="delitem(item)"></i>
+                                <i class="el-icon-circle-plus-outline" @click="additem(item)"></i>
+                            </div>
+                        </div>
+                        <el-card v-for="(uitem, uindex) in item.list" :key="uitem.id"
+                            @click.native='bottomclickevent(index, uindex)'
+                            :class="listindex == index && itemindex == uindex ? 'cards' : ''">
+                            <h4>{{ uitem.title }}</h4>
+                            <p>{{ uitem.text }}</p>
+                        </el-card>
+                    </el-timeline-item>
+                </el-timeline>
+            </div>
+            <div class="texts">
+                <wangeditor style="height:300px;width:100%;" ref="editor" />
+            </div>
+        </div>
     </div>
 </template>
 
@@ -99,7 +116,7 @@ export default {
     watch: {
     },
     mounted() {
-        console.log(this.$refs.editor.html)
+        // console.log(this.$refs.editor.html)
     },
     methods: {
         topclickevent(index) {
@@ -117,6 +134,49 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.title {
+    display: flex;
+    align-items: center;
+
+    div {
+        padding-left: 10px;
+        font-weight: 600;
+    }
+}
+
+.list {
+    margin: 20px auto;
+    width: 100%;
+    background-color: #f2f4f5;
+    display: flex;
+    padding-top: 20px;
+    justify-content: space-evenly;
+
+    .timelist {
+        width: 25%;
+        background-color: #fff;
+        padding: 0 20px 20px;
+
+        .timetitle {
+            height: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        ::v-deep .el-timeline {
+            width: 100%;
+            padding: 15px 0 0 !important;
+        }
+    }
+
+    .texts {
+        width: 71%;
+        background-color: #fff;
+        height: 1000px;
+    }
+}
+
 .cards {
     border: 1px solid #409EFF;
     border-left: 5px solid #409EFF;