营具管理页面

src/api/materialManagement/archives.js

@@ -50,4 +50,20 @@ export function exportArchives(query) {
     method: 'get',
     params: query
   })
+}
+// 查询部门 
+export function getDept(query) {
+  return request({
+    url: '/grassrootsregistration/common/getDept',
+    method: 'get',
+    params: query
+  })
+}
+// 查找主持人/人员
+export function getZhuChiRen(data) {
+  return request({
+    url: '/grassrootsregistration/common/getZhuChiRen',
+    method: 'get',
+    params: { deptId: data }
+  })
 }

src/views/bdglregular/regularinfo/index.vue

@@ -178,7 +178,7 @@
         <el-button
           type="success"
           v-if="queryParams.caoZuoType == 0"
-          style="background: rgb(255 106 0)"
+          style="background: #1D96FF"
           @click="handleAdd"
           >减分录入</el-button
         >
@@ -187,7 +187,7 @@
         <el-button
           type="success"
           v-if="queryParams.caoZuoType == 1"
-          style="background: rgb(3 157 3)"
+          style="background: #1D96FF"
           @click="handleAdd"
           >加分录入</el-button
         >

src/views/bdglregular/specialinfo/index.vue

@@ -135,7 +135,7 @@
           type="success"
           v-if="queryParams.caoZuoType == 0"
           @click="handleAdd"
-          style="background: rgb(255 106 0)"
+          style="background: #1D96FF"
           >减分录入</el-button
         >
       </el-col>
@@ -144,7 +144,7 @@
           type="success"
           v-if="queryParams.caoZuoType == 1"
           @click="handleAdd"
-          style="background: rgb(3 157 3)"
+          style="background: #1D96FF"
           >加分录入</el-button
         >
       </el-col>

src/views/grassrootsregistration/statistics/index.vue

@@ -412,8 +412,8 @@ export default {
   width: 100px !important;
 }
 ::v-deep .el-input__inner {
-  /* width: 200px !important;
-  height: 36px; */
+  width: 260px !important;
+  height: 36px;
   background: transparent;
   color: #fff;
   border-color: #fff !important;
@@ -443,7 +443,7 @@ export default {
   box-sizing: border-box;
 }
 .el-dialog__body .el-form-item{
-  margin-left: 70px;
+  margin-left: 40px;
 }
 /* 底部确定取消按钮 */
 ::v-deep .el-dialog__footer {

src/views/materialManagement/archives/index.vue

@@ -61,7 +61,7 @@
           clearable
           size="small"
         >
-          <el-option label="请选择字典生成" value="" />
+          <!-- <el-option label="请选择字典生成" value="" /> -->
         </el-select>
       </el-form-item>
       <el-form-item label="" prop="personLiable">
@@ -71,7 +71,7 @@
           clearable
           size="small"
         >
-          <el-option label="请选择字典生成" value="" />
+          <!-- <el-option label="请选择字典生成" value="" /> -->
         </el-select>
       </el-form-item>
       <!-- <el-form-item label="总数量" prop="materialTotal">
@@ -206,7 +206,7 @@
       :header-cell-style="{ background: '#003C69', color: 'white' }"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
+      <el-table-column label="序号" align="center" prop="id" />
       <el-table-column label="物品类型" align="center" prop="wuPinType">
         <template slot-scope="scope">
           <dict-tag
@@ -294,7 +294,6 @@
         label-width="80px"
         :inline="true"
       >
-        
         <el-form-item label="物品名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入物品名称" />
         </el-form-item>
@@ -327,19 +326,32 @@
             ></el-option>
           </el-select>
         </el-form-item>
+
         <el-form-item label="责任单位" prop="responsibilityUnit">
-          <el-select
+          <treeselect
             v-model="form.responsibilityUnit"
             placeholder="请选择责任单位"
-          >
-            <el-option label="请选择字典生成" value="" />
-          </el-select>
+            :options="deptOptions"
+            @select="shuxing"
+          ></treeselect>
+          <!-- <el-option label="请选择字典生成" value="" /> -->
         </el-form-item>
+
         <el-form-item label="责任人" prop="personLiable">
           <el-select v-model="form.personLiable" placeholder="请选择责任人">
-            <el-option label="请选择字典生成" value="" />
+            <el-option
+              class="input_xiala"
+              v-for="(item, i) in renYuan"
+              :key="i"
+              :value="item.id"
+              :label="item.name"
+              @click.native="xingMing(item.name)"
+            >
+            </el-option>
+            <!-- <el-option label="请选择字典生成" value="" /> -->
           </el-select>
         </el-form-item>
+
         <!-- <el-form-item label="总数量" prop="materialTotal">
           <el-input v-model="form.materialTotal" placeholder="请输入总数量" />
         </el-form-item>
@@ -384,10 +396,17 @@ import {
   addArchives,
   updateArchives,
   exportArchives,
+  getDept,
+  getZhuChiRen,
 } from "@/api/materialManagement/archives";
-
+// 导入树形结构
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 export default {
   name: "Archives",
+  components: {
+    Treeselect,
+  },
   dicts: ["category", "camp_equipment"],
   data() {
     return {
@@ -434,12 +453,44 @@ export default {
       form: {},
       // 表单校验
       rules: {},
+      // 树形单位
+      deptOptions: [],
+      // 人员列表
+      renYuan: [],
     };
   },
   created() {
     this.getList();
   },
   methods: {
+    // 点击责任人触发
+    xingMing(name) {
+      this.form.personLiable = name;
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      getDept().then((response) => {
+        this.deptOptions = response.data;
+      });
+    },
+    // 点击单位触发
+    shuxing(data) {
+      console.log(data);
+      this.form.unitId = data.id;
+      this.form.unitName = data.label;
+      this.getRenYuan(this.form.unitId);
+    },
+    // 获取人员
+    getRenYuan(id) {
+      getZhuChiRen(id).then((res) => {
+        this.renYuan = res.data;
+      });
+    },
+    // 点击人员触发
+    xingMing(name) {
+      this.form.peopleName = name;
+    },
+
     /** 查询物资档案列表 */
     getList() {
       this.loading = true;
@@ -495,12 +546,14 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
+      this.getTreeselect();
       this.open = true;
       this.title = "添加物资档案";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
+      this.getTreeselect();
       const id = row.id || this.ids;
       getArchives(id).then((response) => {
         this.form = response.data;
@@ -613,4 +666,7 @@ export default {
 ::v-deep .el-dialog__body {
   padding: 30px 0px 30px 26px !important;
 }
+::v-deep .vue-treeselect__single-value{
+  color: #fff !important;
+}
 </style>

src/views/materialManagement/distribution/index.vue

@@ -425,7 +425,7 @@
         </el-form-item>
         <el-form-item label="物品名称" prop="name">
           <el-select v-model="form.name" placeholder="请选择物品名称">
-            <el-option label="请选择字典生成" value="" />
+            <!-- <el-option label="请选择字典生成" value="" /> -->
           </el-select>
         </el-form-item>
         <el-form-item label="物资规格" prop="materialSpecification">
@@ -487,7 +487,7 @@
         </el-form-item>
         <el-form-item label="发放单位" prop="outUnit">
           <el-select v-model="form.outUnit" placeholder="请选择发放单位">
-            <el-option label="请选择字典生成" value="" />
+            <!-- <el-option label="请选择字典生成" value="" /> -->
           </el-select>
         </el-form-item>
         <el-form-item label="发放对象" prop="outPeople">
@@ -502,7 +502,7 @@
         </el-form-item>
         <el-form-item label="接收人" prop="recipient">
           <el-select v-model="form.recipient" placeholder="请选择接收人">
-            <el-option label="请选择字典生成" value="" />
+            <!-- <el-option label="请选择字典生成" value="" /> -->
           </el-select>
         </el-form-item>
          <div class="jiben">备注</div>

src/views/materialManagement/materialRegistration/index.vue

@@ -238,7 +238,7 @@
       :header-cell-style="{ background: '#003C69', color: 'white' }"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
+      <el-table-column label="序号" align="center" prop="id" />
       <el-table-column label="物品类型" align="center" prop="wuPinType">
         <template slot-scope="scope">
           <dict-tag
@@ -356,7 +356,7 @@
         </el-form-item>
         <el-form-item label="物品名称" prop="name">
           <el-select v-model="form.name" placeholder="请选择物品名称">
-            <el-option label="请选择字典生成" value="" />
+            <!-- <el-option label="请选择字典生成" value="" /> -->
           </el-select>
         </el-form-item>
         <el-form-item label="物资规格" prop="materialSpecification">
@@ -373,8 +373,8 @@
             <el-option label="请选择字典生成" value="" />
           </el-select>
         </el-form-item> -->
-        <el-form-item label="库房(待定)" prop="warehouse">
-          <el-select v-model="form.warehouse" placeholder="请选择库房(待定)">
+        <el-form-item label="库房" prop="warehouse">
+          <el-select v-model="form.warehouse" placeholder="请选择库房">
             <el-option
               v-for="dict in dict.type.storage_room"
               :key="dict.value"

src/views/materialManagement/propertyChange/index.vue

@@ -310,7 +310,7 @@
           />
         </el-form-item> -->
         <el-form-item label="营具名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入营具名称" />
+          <el-select v-model="form.name" placeholder="请输入营具名称" ></el-select>
         </el-form-item>
         <el-form-item label="营具编号" prop="rukuNumber">
           <el-input v-model="form.rukuNumber" placeholder="请输入营具编号" />
@@ -319,28 +319,28 @@
           <el-input v-model="form.changeTime" placeholder="请输入变更时间" />
         </el-form-item>
         <el-form-item label="变更前所属单位" prop="beforeUnitId">
-          <el-input
+          <el-select
             v-model="form.beforeUnitId"
             placeholder="请输入变更前所属单位"
-          />
+          ></el-select>
         </el-form-item>
         <el-form-item label="变更后所属单位" prop="afterUnitId">
-          <el-input
+          <el-select
             v-model="form.afterUnitId"
             placeholder="请输入变更后所属单位"
-          />
+          ></el-select>
         </el-form-item>
         <el-form-item label="变更前人员名称" prop="beforePeopleId">
-          <el-input
+          <el-select
             v-model="form.beforePeopleId"
             placeholder="请输入变更前人员名称"
-          />
+          ></el-select>
         </el-form-item>
         <el-form-item label="变更后人员名称" prop="afterPeopleId">
-          <el-input
+          <el-select
             v-model="form.afterPeopleId"
             placeholder="请输入变更后人员名称"
-          />
+          ></el-select>
         </el-form-item>
         
         <!-- <el-form-item label="变更前单位名称" prop="beforeUnitName">

src/views/medicalhealth/announcement/index.vue

@@ -372,4 +372,7 @@ export default {
 ::v-deep .el-upload__tip {
   color: #bcc5cc !important;
 }
+::v-deep .el-input__inner{
+  height: 36px !important;
+}
 </style>

src/views/medicalhealth/examine/index.vue

@@ -445,4 +445,7 @@ export default {
 ::v-deep .vue-treeselect__single-value {
   color: #fff !important;
 }
+::v-deep .el-input__inner{
+  height: 36px !important;
+}
 </style>