单位分组布局

src/components/customerOrg/ContactPerson.vue

@@ -1,18 +1,10 @@
 <template>
   <div>
-    <div style="display: flex">
-      <div style="width: 95%">
-        <el-table
-          :data="data.contactPerson"
-          border
-          style="height: 175px"
-          row-key="id"
-          size="small"
-          class="el-table__body-wrapper tbody"
-          highlight-current-row
-          @row-click="rowickContactPerson"
-          ref="data.contactPerson"
-        >
+    <div style="display:flex">
+      <div style="width: 95%;">
+        <el-table :data="data.contactPerson" border style="height: 175px" row-key="id" size="small"
+          class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowickContactPerson"
+          ref="data.contactPerson">
           <el-table-column prop="display_name" label="姓名" />
           <el-table-column prop="title" label="职务" />
           <el-table-column prop="remark" label="备注" />
@@ -23,27 +15,15 @@
             </template>
           </el-table-column>
           <el-table-column prop="lastModifierName" label="修改者" />
-          <el-table-column
-            prop="lastModificationTime"
-            label="修改时间"
-            width="200"
-          >
+          <el-table-column prop="lastModificationTime" label="修改时间" width="200">
             <template slot-scope="scope">
               {{ scope.row.lastModificationTime | dateFormat }}
             </template>
           </el-table-column>
-        </el-table>
-        <el-table
-          :data="data.contactPerson"
-          border
-          style="height: 175px"
-          row-key="id"
-          size="small"
-          class="el-table__body-wrapper tbody"
-          highlight-current-row
-          @row-click="rowickContactPerson"
-          ref="data.contactPerson"
-        >
+        </el-table>        
+        <el-table :data="data.contactPerson" border style="height: 175px" row-key="id" size="small"
+          class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowickContactPerson"
+          ref="data.contactPerson">
           <el-table-column prop="contact_method_type" label="类型" />
           <el-table-column prop="contact_method_value" label="联系方式" />
           <el-table-column prop="creatorName" label="创建者" width="" />
@@ -53,11 +33,7 @@
             </template>
           </el-table-column>
           <el-table-column prop="lastModifierName" label="修改者" />
-          <el-table-column
-            prop="lastModificationTime"
-            label="修改时间"
-            width="200"
-          >
+          <el-table-column prop="lastModificationTime" label="修改时间" width="200">
             <template slot-scope="scope">
               {{ scope.row.lastModificationTime | dateFormat }}
             </template>
@@ -78,17 +54,17 @@
     </div>
     <!-- 联系人 -->
     <el-dialog title="新增" :visible.sync="dialogContactPerson" width="80%">
-      <el-form
-        :model="formContactPerson"
-        ref="formContactPerson"
-        label-width="100px"
-      >
+      <el-form :model="formContactPerson" ref="formContactPerson" label-width="100px">
         <el-row>
+
           <el-col :span="8">
             <el-form-item label="结果">
               <el-input v-model="formContactPerson.result"></el-input>
             </el-form-item>
           </el-col>
+
+
+
         </el-row>
       </el-form>
       <span slot="footer" class="dialog-footer">
@@ -96,6 +72,7 @@
         <el-button type="primary" @click="">确 定</el-button>
       </span>
     </el-dialog>
+
   </div>
 </template>
 <script>
@@ -114,9 +91,9 @@ import {
 import { unitlist } from "@/request/systemapi";
 import Sortable from "sortablejs";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
-import CustomerOrgTree from "../../components/customerOrg/customerOrgTree.vue";
-import CustomerOrgEdit from "../../components/customerOrg/customerOrgEdit.vue";
-import CustomerOrgRegister from "../../components/customerOrg/customerOrgRegister.vue";
+import CustomerOrgTree from '../../components/customerOrg/customerOrgTree.vue'
+import CustomerOrgEdit from '../../components/customerOrg/customerOrgEdit.vue'
+import CustomerOrgRegister from '../../components/customerOrg/customerOrgRegister.vue'
 export default {
   components: {
     CustomerOrgTree,
@@ -125,8 +102,8 @@ export default {
   },
   data() {
     return {
-      data: {
-        contactPerson: [],
+      data:{
+        contactPerson:[]
       },
       form: {
         displayName: "",
@@ -149,12 +126,18 @@ export default {
         isActive: "",
       },
 
+
       dialogContactPerson: false, //联系人弹窗 显示控制
       dialogContactMethod: false, //联系方式弹窗 显示控制
 
-      formContactPerson: {}, //联系人form表单数据
+     
+      formContactPerson: {
 
-      formContactMethod: {}, //联系方式form表单数据
+      },  //联系人form表单数据
+
+      formContactMethod: {
+
+      },  //联系方式form表单数据
 
       rules: {
         displayName: [
@@ -215,12 +198,16 @@ export default {
     };
   },
 
-  created() {},
+  created() {    
+  },
 
   //挂载完成
-  mounted() {},
+  mounted() {
+
+  },
 
   methods: {
+
     //联系人 相关操作
     addContactPerson() {
       this.$message.success("新增 addContactPerson");
@@ -232,7 +219,7 @@ export default {
       this.$message.success("删除 delContactPerson");
     },
 
-    rowickContactPerson() {
+    rowickContactPerson(){
       this.$message.success("rowickContactPerson");
     },
   },

src/components/unitGrouping/unitGroupCategory.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="examinationcategory">
+    <div>
+      <span>项目类别</span>
+      <el-select v-model="value" placeholder="请选择" style="margin-left: 20px">
+        <el-option
+          v-for="item in options"
+          :key="item.id"
+          :label="item.displayName"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class=""></div>
+  </div>
+</template>
+<script>
+import { getapi } from "@/api/api";
+export default {
+  data() {
+    return {
+      options: [],
+      value: "",
+    };
+  },
+  created(){
+    this.getitemtype()
+  },
+  methods: {
+    getitemtype() {
+      getapi("/api/app/item-type/by-code-all").then((res) => {
+        this.options = res.data;
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.examinationcategory {
+  margin-top: 30px;
+}
+</style>

src/components/unitGrouping/unitGroupingTable.vue

@@ -0,0 +1,52 @@
+<template>
+  <div style="display: flex">
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column prop="index" label="序号" width=""> </el-table-column>
+      <el-table-column prop="groupnumber" label="分组编号" width="">
+      </el-table-column>
+      <el-table-column prop="groupname" label="分组名称"> </el-table-column>
+      <el-table-column prop="sex" label="性别"> </el-table-column>
+      <el-table-column prop="maritalstatus" label="婚姻状况"> </el-table-column>
+      <el-table-column prop="price" label="价格"> </el-table-column>
+    </el-table>
+    <div style="margin-top: 3%; margin-left: 10px">
+      <div style="margin-left: 10px; margin-top: 5%">
+        <div style="margin-top: 10px">
+          <el-button type="primary">新增</el-button>
+        </div>
+        <div style="margin-top: 10px">
+          <el-button type="success">编辑</el-button>
+        </div>
+        <div style="margin-top: 10px">
+          <el-button type="danger">删除</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      tableData: [
+        {
+          index: "2",
+          groupnumber: "33",
+          groupname: "全部",
+          sex: "男",
+          maritalstatus: "未婚",
+          price: "0",
+        },
+        {
+          index: "1",
+          groupnumber: "2fd",
+          groupname: "全部",
+          sex: "女",
+          maritalstatus: "已婚",
+          price: "0",
+        },
+      ],
+    };
+  },
+};
+</script>

src/store/index.js

@@ -5,39 +5,39 @@ Vue.use(Vuex);
 
 export default new Vuex.Store({
   state: {
-    set:'qqqq',
-    customerOrg:{ //体检单位设置
-      customerOrgTree:[], //体检单位列表
+    set: 'qqqq',
+    customerOrg: { //体检单位设置
+      customerOrgTree: [], //体检单位列表
       treeprops: {
         label: "displayName",
         value: "id",
         children: "treeChildren",
       }, //树形组件的数据结构
-      customerOrgId:'',//当前单位ID（可根据此值是否为空，判断是新增还是编辑）
-      customerOrgRd:{displayName:'单位名称',englishShortName:'简称'}, //单个体检单位记录值
+      customerOrgId: '',//当前单位ID（可根据此值是否为空，判断是新增还是编辑）
+      customerOrgRd: { displayName: '单位名称', englishShortName: '简称' }, //单个体检单位记录值
       customerOrgRegister: [], //单位体检次数登记
-    
+
     }
   },
   getters: {},
-  
+
   mutations: {//同步更改状态      
-      //通用设置 state 值 option  {key-value} add by pengjun 
-      setData(state, option){
-          let array = option.key.split('.')
-          switch(array.length){
-              case 1:
-                  state[array[0]] = option.value;break;
-              case 2:
-                  state[array[0]][array[1]] = option.value;break;
-              case 3:
-                  state[array[0]][array[1]][array[2]] = option.value;break;
-              case 4:
-                  state[array[0]][array[1]][array[2]][array[3]] = option.value;break;
-          }
+    //通用设置 state 值 option  {key-value} add by pengjun 
+    setData(state, option) {
+      let array = option.key.split('.')
+      switch (array.length) {
+        case 1:
+          state[array[0]] = option.value; break;
+        case 2:
+          state[array[0]][array[1]] = option.value; break;
+        case 3:
+          state[array[0]][array[1]][array[2]] = option.value; break;
+        case 4:
+          state[array[0]][array[1]][array[2]][array[3]] = option.value; break;
       }
+    }
   },
-  
+
   actions: {},
   modules: {},
 });

src/views/fee-settings/SysParmType.vue

@@ -33,8 +33,7 @@
           </el-table-column>
           <el-table-column prop="simpleCode" label="快捷码" width="">
           </el-table-column>
-          <el-table-column prop="parmValue" label="参数值" width="">
-          </el-table-column>
+         
           <el-table-column prop="remark" label="备注" width="360">
           </el-table-column>
           <el-table-column label="创建者" prop="creatorName"></el-table-column>
@@ -79,20 +78,19 @@
         </el-input>
       </div>
       <!-- table区域 -->
-      <el-table :data="tableData" style="width: 100%;margin-top:50px">
-          <el-table-column label="创建者" prop="creatorName"></el-table-column>
-          <el-table-column label="创建时间">
-            <template slot-scope="scope">
-              {{ scope.row.creationTime | dateFormat }}
-            </template>
-          </el-table-column>
-         <el-table-column label="修改者" prop="creatorName"></el-table-column>
-          <el-table-column label="修改时间">
-            <template slot-scope="scope">
-              {{ scope.row.creationTime | dateFormat }}
-            </template>
-          </el-table-column>
-      
+      <el-table :data="tableData" style="width: 100%; margin-top: 50px">
+        <el-table-column label="创建者" prop="creatorName"></el-table-column>
+        <el-table-column label="创建时间">
+          <template slot-scope="scope">
+            {{ scope.row.creationTime | dateFormat }}
+          </template>
+        </el-table-column>
+        <el-table-column label="修改者" prop="creatorName"></el-table-column>
+        <el-table-column label="修改时间">
+          <template slot-scope="scope">
+            {{ scope.row.creationTime | dateFormat }}
+          </template>
+        </el-table-column>
       </el-table>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
@@ -116,6 +114,7 @@ export default {
       form: {
         id: "",
       },
+      organizationid:''
     };
   },
   created() {
@@ -128,6 +127,8 @@ export default {
       this.form = row;
       this.dialogVisible = true;
       console.log(row);
+    
+      // getapi('')
     },
     //c每一列点击
     rowclick(row) {
@@ -146,6 +147,7 @@ export default {
     },
     //组织下拉框值发生变化
     changvalue(v) {
+      this.organizationid=v
       getapi(`/api/app/sys-parm/in-sys-parm-value-name/${v}`).then((res) => {
         this.tableData = res.data;
         console.log(res);