diff --git a/src/assets/css/global_button.css b/src/assets/css/global_button.css
index 1685bda..05a9dd5 100644
--- a/src/assets/css/global_button.css
+++ b/src/assets/css/global_button.css
@@ -1,6 +1,6 @@
 .el-button {
   background: #FFF;
-  border: 1px solid #0B663D !important;  /*原始 默认值 1px solid #DCDFE6; */
+  border: 1px solid #0B663D;  /*原始 默认值 1px solid #DCDFE6; */
   color: #0B663D !important;  /*原始 默认值 #606266 */
   font-weight: 700; /*原始 默认值 500 */
   font-family: 'Microsoft YaHei';  /*原始 默认值 Arial */
diff --git a/src/assets/css/global_table.css b/src/assets/css/global_table.css
index e95eddf..1a01b66 100644
--- a/src/assets/css/global_table.css
+++ b/src/assets/css/global_table.css
@@ -11,9 +11,15 @@
 }
 
 /* 表格 行列间距控制 ，默认 10 px*/
+.el-table--small .el-table__cell {
+  padding: 0 0;  /* 原始 默认值 8px 0 */
+}
 .el-table__cell {
   padding: 2px 2px 2px 2px;   /* 上，右，下，左 */
 }
+.el-table .cell {
+  padding: 0px 2px;   /* 原始 默认 0px 10px; */
+}
 
 /* 表格单元格 .el-table .cell ，默认 10 px*/
 .cell {
diff --git a/src/components/customerOrg/customerOrgGroupAsbitem.vue b/src/components/customerOrg/customerOrgGroupAsbitem.vue
new file mode 100644
index 0000000..051a1eb
--- /dev/null
+++ b/src/components/customerOrg/customerOrgGroupAsbitem.vue
@@ -0,0 +1,403 @@
+<template>
+  <div style="display: flex; margin-top:5px;">
+    <div :style="'display: flex;width:' + (window.pageWidth - 45 - 110) + 'px;'">
+      <!--未选组合项目-->
+      <div style="display: block; width:255px;">
+        <div>
+          <span>项目类别</span>
+          <el-select
+            v-model="value"
+            placeholder="请选择"
+            style="margin-left: 10px"
+            @change="getprojectgroups"
+            clearable size="small"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.id"
+              :label="item.displayName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </div>
+        <div class="box">
+          <el-table :data="tabledata" border size="small"
+            @selection-change="handleSelectionChange" highlight-current-row
+            :height="window.pageHeight < 665 ? 200:(window.pageHeight - 110 - 355)"
+          >
+            <!--
+            <el-table-column type="selection" align="center" ></el-table-column>
+            -->
+            <el-table-column type="index" align="center" min-width="40"/>
+            <el-table-column
+              label="未选组合项目" min-width="180"
+              prop="displayName" align="center"
+            ></el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!--中间操作按钮-->
+      <div style="display: block;margin: 40px 10px 0 10px;">
+        <div>
+          <el-button class="btnClass" @click="removedata" >添加 <i class="el-icon-arrow-right"></i></el-button>
+        </div>
+        <div>
+          <el-button class="btnClass" @click="removedata">全部添加</el-button>
+        </div>
+        <div>
+          <el-button class="btnClass"
+            @click="addselecteditems"
+            >移除 <i class="el-icon-arrow-left"></i
+          ></el-button>
+        </div>
+        <div>
+          <el-button class="btnClass" @click="removedata">全部移除</el-button>
+        </div>
+        <div>
+          <el-button class="btnClass"
+            @click="Onsubmit"
+            >保存
+          </el-button>
+        </div>
+      </div>
+
+      <!--已选组合项目-->
+      <div :style="'display: block; width:' + (window.pageWidth - 255 - 120 - 45 - 110) + 'px;'">
+        <div style="height:32px;">
+          <span>快速选择</span>
+          <el-select
+            v-model="value"
+            placeholder="请选择"
+            style="margin-left: 10px"
+            @change="getprojectgroups"
+            clearable size="small"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.id"
+              :label="item.displayName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </div>
+        <div class="box">
+          <el-table :data="customerOrgGroupAsbitems" border size="small"
+            @selection-change="selecteditems" highlight-current-row
+            :height="window.pageHeight < 665 ? 200:(window.pageHeight - 110 - 355)"
+          >
+            <!--
+            <el-table-column type="selection"></el-table-column>
+            -->
+            <el-table-column type="index" min-width="40"/>
+            <el-table-column
+              label="已选组合项目"
+              min-width="120"
+              prop="displayName"
+            ></el-table-column>
+            <el-table-column label="标准价格" prop="price" min-width="80" align="center">
+              <template slot-scope="scope">
+                <el-input
+                  disabled
+                  type="text"
+                  v-model="personnelUnit.nogroupselected[scope.$index].price"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="折扣" prop="price" min-width="60" align="center">
+              <template slot-scope="scope">
+                <el-input
+                  @change="discount(scope.$index)"
+                  type="text"
+                  v-model="personnelUnit.nogroupselected[scope.$index].discount"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="价格" prop="price" min-width="80" align="center">
+              <template slot-scope="scope">
+                <el-input
+                  @input="changingprices(scope.row.price)"
+                  type="text"
+                  v-model="personnelUnit.nogroupselected[scope.$index].price"
+                />
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </div>
+    <!--批量操作按钮（复制套餐与分组）-->
+    <div style="display: block;margin-left: 10px;">
+      <div style="margin-top: 50px;">
+        <el-button class="btnClass">复制分组</el-button>
+      </div>
+      <div>
+        <el-button class="btnClass">复制套餐</el-button>
+      </div>
+    </div>    
+  </div>
+</template>
+<script>
+import { getapi, postapi } from "@/api/api";
+import { mapState } from "vuex";
+import { arrayExistObj } from "../../utlis/proFunc";
+
+export default {
+  data() {
+    return {
+      customerOrgGroupAsbitems:[], //分组包含组合项目
+      saveornot: true, //保存按钮
+      selecteddata: [], //已选数据
+      unselecteddata: [], //未选数据
+      unselecteddata: [], //右边勾选中
+      rightselctedata: [], //右侧已选
+      options: [],
+      value: "",
+      dialogVisible: false,
+      copyGroupdialogVisible: false,
+      packagelist: [],
+      tabledata: [],
+      temporaryselection: [], //已选组合项目table
+      copegroupdata: [], //复制分组
+      addrulst: [], //添加保存的Id
+      price: "", //价格
+      title: 1,
+    };
+  },
+  computed: {
+    ...mapState(["window","dict"]),
+  },
+  created() {
+    this.getitemtype();
+    this.getportfolioitems();
+  },
+  methods: {
+    changingprices(price) {
+      this.price = price;
+    },
+    discount(index) {
+      console.log(index); //100标准价格
+      this.personnelUnit.nogroupselected[index].price = Math.round(
+        (100 * Number(this.personnelUnit.nogroupselected[index].queueTime)) /
+          100,
+        2
+      );
+    },
+    inputchang(row, newVal) {
+      this.price = row.price;
+      console.log(this.price);
+    },
+    //保存按钮
+    Onsubmit() {
+      if (!this.personnelUnit.customerOrgGroupId) {
+        alert("请先选择单位分组");
+        return;
+      } else {
+        console.log(this.personnelUnit.nogroupselected);
+        postapi("/api/app/customer-org-group-detail/many", this.addrulst).then(
+          (res) => {
+            this.$message.success("操作成功");
+            console.log(this.addrulst);
+          }
+        );
+      }
+      // if (this.title == 2) {
+      //   if (!this.personnelUnit.customerOrgGroupId) { 3a0c563d-cb6a-3638-6e06-651f282e17ca
+      //     alert("请先选择单位分组");                   
+      //     return;
+      //   } else {
+      //     console.log(this.personnelUnit.nogroupselected);
+      //     postapi(
+      //       "/api/app/customer-org-group-detail/many",
+      //       this.addrulst
+      //     ).then((res) => {
+      //       this.$message.success("操作成功");
+      //       console.log(this.addrulst);
+      //     });
+      //   }
+      // }
+
+      // console.log(this.addrulst);
+      // // console.log(this.personnelUnit.form.id);
+      // if (this.addrulst[customerOrgGroupId] == undefined) {
+      //   this.$message.warning("请先选择单位分组");
+      // } else {
+      //   postapi("/api/app/customer-org-group-detail/many", this.addrulst).then(
+      //     (res) => {
+      //       console.log(this.personnelUnit.form.id);
+      //       this.$message.success("操作成功");
+      //     }
+      //   );
+      // }
+    },
+    //移除按钮
+    addselecteditems() {
+      let lfind = -1;
+      console.log(this.personnelUnit.id);
+      if (this.personnelUnit.form.id == "") {
+        alert("请先选择单位类别");
+      } else {
+        // 让按钮恢复禁用
+        this.saveornot = false;
+        //personnelUnit.nogroupselected
+        if (this.rightselctedata.length == 0) {
+          this.$message.warning("已选数据为空无法移动");
+        } else {
+          // this.title = 2;
+          let count = this.rightselctedata.length - 1;
+          for (var i = count; i >= 0; i--) {
+            if ([...new Set(this.tabledata)]) {
+              this.tabledata.push(this.rightselctedata[i]);
+              this.personnelUnit.nogroupselected.splice(i, 1);
+            }
+          }
+          console.log(this.personnelUnit.customerOrgGroupId);
+          // this.
+          this.rightselctedata.forEach((item) => {
+            lfind = arrayExistObj(
+              this.personnelUnit.nogroupselected,
+              "id",
+              item.id
+            );
+
+            if (lfind > -1) this.personnelUnit.nogroupselected.splice(lfind, 1);
+            this.addrulst.push({
+              asbitemId: item.id,
+              price: item.price,
+              // price: this.price,
+              customerOrgGroupId: this.personnelUnit.customerOrgGroupId,
+            });
+          });
+        }
+      }
+    },
+    //右侧勾选按钮
+    selecteditems(val) {
+      this.rightselctedata = val;
+      console.log(this.rightselctedata);
+    },
+    // 添加按钮
+    removedata() {
+      let lfind = -1;
+      if (this.personnelUnit.form.id == "") {
+        alert("请先选择单位分组");
+      } else {
+        if (this.unselecteddata.length == 0) {
+          this.$message.warning("未选数据为空无法移动");
+        } else {
+          this.saveornot = false;
+          let count = this.unselecteddata.length - 1;
+          for (var i = count; i >= 0; i--) {
+            // this.tabledata.splice(i, 1);
+            if ([...new Set(this.personnelUnit.nogroupselected)]) {
+              // this.unselecteddata.push(this.unselecteddata[i]);
+              this.personnelUnit.nogroupselected.push(this.unselecteddata[i]);
+              this.tabledata.splice(this.tabledata[i], 1);
+            }
+            // this.personnelUnit.nogroupselected.push(this.unselecteddata[i]);
+          }
+          console.log(this.personnelUnit.customerOrgGroupId);
+          //  let prices = "";
+          this.personnelUnit.nogroupselected.forEach((items) => {
+            // prices = items.price;
+            //this.tabledata
+            console.log(items);
+            lfind = arrayExistObj(this.tabledata, "id", items.id);
+            if (lfind > -1) this.tabledata.splice(lfind, 1);
+            this.addrulst.push({
+              asbitemId: items.id, // "3a0b2f0c-f884-bec4-a350-79b46b455a2d"
+              price: items.price,
+              // price: this.price == "" ? items.price : this.price,
+              customerOrgGroupId: this.personnelUnit.customerOrgGroupId,
+            });
+          });
+          console.log(this.addrulst, "hhhhhhh");
+        }
+      }
+    },
+    // 左侧未选
+    handleSelectionChange(val) {
+      // this.selecteddata = val;
+      this.unselecteddata = val;
+      console.log(this.unselecteddata);
+    },
+    //获取所有组合项目
+    getportfolioitems() {
+      getapi("/api/app/asbitem/in-filter?Filter").then((res) => {
+        this.tabledata = res.data.items;
+      });
+    },
+    //项目类别选择
+    getprojectgroups(v) {
+      if (v !== "") {
+        getapi(`/api/app/asbitem/in-item-type/${v}`).then((res) => {
+          console.log(res);
+          this.tabledata = res.data;
+        });
+      } else {
+        getapi("/api/app/asbitem/in-filter?Filter").then((res) => {
+          this.tabledata = res.data.items;
+        });
+      }
+    },
+    
+    
+    getitemtype() {
+      getapi("/api/app/item-type/by-code-all").then((res) => {
+        this.options = res.data;
+      });
+    },
+
+    //获取当前列列表数据
+    listeninglist(customerOrgGroupId) {
+      getapi(`/api/app/customer-org-group/${customerOrgGroupId}`).then(
+        (res) => {
+          this.personnelUnit.form = res.data;
+          console.log(res);
+        }
+      );
+      getapi(
+        `/api/app/customer-org-group-detail/customer-org-group-detail-in-asbitem/${customerOrgGroupId}`
+      ).then((res) => {
+        console.log(
+          `/api/app/customer-org-group-detail/customer-org-group-detail-in-asbitem/${customerOrgGroupId}`,
+          res
+        );
+        this.personnelUnit.nogroupselected = res.data;
+      });
+    },
+    // getapi(`/api/app/customer-org-group/${row.id}`).then((res)
+  },
+  //监听事件
+  watch: {
+    //
+    "personnelUnit.customerOrgGroupId"(newVal, oldVal) {
+      console.log(
+        "watch patientRegister.addTimes newVal：",
+        newVal,
+        " oldVal：",
+        oldVal
+      );
+      if (newVal != oldVal) {
+        this.listeninglist(newVal);
+        //
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+
+.box {  
+  margin-top: 5px;
+  border: 1px solid #000;
+}
+
+.btnClass {
+  width:100px;
+  margin-bottom: 5px
+}
+
+</style>
diff --git a/src/components/customerOrg/customerOrgGroupList.vue b/src/components/customerOrg/customerOrgGroupList.vue
deleted file mode 100644
index 2105deb..0000000
--- a/src/components/customerOrg/customerOrgGroupList.vue
+++ /dev/null
@@ -1,483 +0,0 @@
-<template>
-  <div>
-    <div>
-      <div style="display: flex;">
-        <div>
-          <span>体检单位：</span>
-          <el-select
-            v-model="customerOrgId"
-            placeholder="请选择体检单位" filterable clearable
-            style="margin-left: 10px;" 
-            @change="changeCustomerOrg"
-            size="small"
-          >
-            <el-option
-              v-for="item in customerOrg"
-              :key="item.id"
-              :label="item.displayName"
-              :value="item.id"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <div style="margin-left: 20px;">
-          <span>单位体检次数：</span>
-          <el-select v-model="customerOrgRegister" placeholder="次数" style="width: 60px;margin-left: 10px;" size="small"
-            @change="changeTimes" value-key="id">
-            <el-option v-for="item in customerOrgRegisterList" :key="item.id" :label="item.medicalTimes"
-              :value="item" />
-          </el-select>
-        </div>
-      </div>
-    </div>
-    <div style="display: flex;">
-      <el-table
-        :data="customerOrgGroups"
-        style="margin-top: 2px"
-        row-key="id" border
-        height="300px" size="small"
-        highlight-current-row
-        @row-click="rowClick"
-      >
-        <el-table-column type="index" label="序号" min-width="50" align="center"/>
-        <el-table-column prop="displayName" label="名称" min-width="150" />
-        <el-table-column prop="price" label="价格" min-width="60" align="center"/>
-        <el-table-column prop="forSexId" label="适用性别" min-width="60" align="center">
-          <template slot-scope="scope">
-            {{ dddw(dict.forSex,'id',scope.row.forSexId,'displayName') }}
-          </template>    
-        </el-table-column>
-        <el-table-column prop="maritalStatusId" label="适用婚姻状况" min-width="80" align="center">
-          <template slot-scope="scope">
-            {{ dddw(dict.forMaritalStatus,'id',scope.row.maritalStatusId,'displayName') }}
-          </template>         
-        </el-table-column>
-        <el-table-column prop="creatorName" label="创建者" min-width="60" align="center" />
-        <el-table-column label="创建时间" min-width="150" align="center" >
-          <template slot-scope="scope">
-            {{ scope.row.creationTime ? moment(scope.row.creationTime).format('yyyy-MM-DD HH:mm:ss'):'' }}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作">
-          <template>
-            <el-tag
-              class="move"
-              style="cursor: move; margin-left: 15px"
-              draggable="true"
-            >
-              <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
-            </el-tag>
-          </template>
-        </el-table-column>
-      </el-table>      
-      <div style="margin-left: 10px;">
-        <div style="margin-top: 10px">
-          <el-button
-            type=""
-            @click="btnAdd"
-            class="commonbutton"
-          
-            >新增</el-button
-          >
-        </div>
-        <div style="margin-top: 10px">
-          <el-button type="" @click="btnEdit" class="commonbutton"
-            >编辑</el-button
-          >
-        </div>
-        <div style="margin-top: 10px">
-          <el-button type="" @click="btnDel" class="commonbutton"
-            >删除</el-button
-          >
-        </div>
-        <div style="margin-top: 10px">
-          <el-button type="" @click="topping" class="commonbutton"
-            >置顶</el-button
-          >
-        </div>
-        <div style="margin-top: 10px">
-          <el-button type="" @click="bottoming" class="commonbutton"
-            >置低</el-button
-          >
-        </div>
-        <div style="margin-top: 10px">
-          <el-button
-            type=""
-            @click="sortok"
-            :disabled="isshow"
-            class="commonbutton"
-            >确定</el-button
-          >
-        </div>
-      </div>
-      
-    </div>
-
-    <!-- 新增或者编辑弹框 -->
-    <el-dialog
-      :title="form.id ? '编辑' : '新增'"
-      :visible.sync="dialogVisible"
-      width="800px"
-    >  
-      <el-form :model="form" label-width="80px" :rules="rules" ref='form'>
-        <el-row>
-          <el-col :span="8">
-            <el-form-item prop="displayName" label="分组名称">
-              <el-input v-model="form.displayName"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="价格">
-              <el-input v-model="form.price"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="适用性别">
-              <el-select v-model="form.forSexId" placeholder="请选择">
-                <el-option
-                  v-for="item in dict.forSex"
-                  :key="item.id"
-                  :label="item.displayName"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="婚姻状况">
-              <el-select
-                v-model="form.maritalStatusId"
-                placeholder="请选择"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in dict.forMaritalStatus"
-                  :key="item.id"
-                  :label="item.displayName"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="年龄下限">
-              <el-input v-model="form.ageLowerLimit"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="年龄上限">
-              <el-input v-model="form.ageUpperLimit"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="适用职务">
-              <el-input v-model="form.jobPost"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="适用职称">
-              <el-input v-model="form.jobTitle"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="备注">
-              <el-input v-model="form.remark"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="onSubmit('form')">确 定</el-button>
-      </span>
-    </el-dialog>
-    <!--  -->
-  </div>
-</template>
-<script>
-import moment from "moment";
-import Sortable from "sortablejs";
-import { getapi, postapi, putapi, deletapi } from "@/api/api";
-import { mapState } from "vuex";
-import { dddw, deepCopy,objCopy,arrayExistObj } from "../../utlis/proFunc";
-
-export default {
-  data() {
-    return {
-      customerOrg:[],       //体检单位
-      customerOrgGroups:[], //体检单位分组
-      customerOrgId:'',     //当前选中的体检单位id
-      customerOrgRegisterList:[],   //体检次数列表
-      customerOrgRegister:{},       //体检次数
-
-      isshow: true,
-      form: {     //体检单位分组
-        id:'',
-        customerOrgRegisterId:null, //所属体检次数
-        displayName: "",
-        price: 0,
-        forSexId: "",
-        maritalStatusId: "",
-        ageLowerLimit: null,
-        ageUpperLimit: null,
-        jobPost: "",
-        jobTitle: "",
-        remark: "",
-        isMaxMedicalTimes:'N'
-      },
-      formInit:{},
-      rules:{
-        displayName:[
-          { required: true, message: "请填写分组名称", trigger: "blur" },
-        ],        
-      },
-
-      dialogVisible: false,
-      tableData: [],
-      initTableData: [],
-      // tableData: [
-
-      // ],
-    };
-  },
-  computed: {
-    ...mapState(["personnelUnit","window","dict"]),
-  },
-  created() {
-    this.rowDrop();
-    this.formInit = deepCopy(this.form)    
-  },
-  mounted() {  
-    //获取初始数据（单位、适用性别）  
-    this.dictInit()
-  },
-  methods: {    
-    moment,dddw,
-    //确定排序
-    sortok() {
-      const result = [];
-      this.tableData.forEach((item, index) => {
-        // index 从0开始的， 你的displayOrder从大到小排
-        console.log(item.id);
-        // const currentDisplayOrder = this.tableData.length -1
-        const currentDisplayOrder = this.initTableData[index].displayOrder;
-        if (item.displayOrder != currentDisplayOrder) {
-          // 如果它的displayOrder和它当前所在的位置不同代表挪动过位置
-          result.push({ id: item.id, displayOrder: currentDisplayOrder });
-        }
-      });
-      putapi("/api/app/customerorggroup/updatesortmany", {
-        itemList: result,
-      }).then((res) => {
-        this.$message.success("操作成功");
-        this.isshow = true;
-      });
-    },
-    //初始化Sortable组件
-    rowDrop() {
-      this.$nextTick(() => {
-        const tbody = document.querySelector(".el-table__body-wrapper tbody");
-        const _this = this;
-        Sortable.create(tbody, {
-          handle: ".move",
-          animation: 300,
-          onEnd({ newIndex, oldIndex }) {
-            _this.isshow = false;
-            const currRow = _this.tableData.splice(oldIndex, 1)[0];
-            _this.tableData.splice(newIndex, 0, currRow);
-            _this.tableData.map((item, index) => {
-              if (index == newIndex && index == oldIndex) {
-              } else if (index == oldIndex) {
-              } else if (index == newIndex) {
-              }
-            });
-            console.log(_this.tableData.map((item) => item.displayOrder));
-          },
-        });
-      });
-    },
-   
-    //置低
-    bottoming() {
-      if (this.form.id == undefined) {
-        this.$message.warning("请选择操作的数据");
-      } else {
-        putapi(
-          `/api/app/customerorggroup/updatemanysort?id=${this.form.id}&SortType=2`
-        ).then((res) => {
-          this.$message.success("操作成功");
-        });
-      }
-    },
-
-    //置顶
-    topping() {
-      if (this.form.id == undefined) {
-        this.$message.warning("请选择操作的数据");
-      } else {
-        putapi(
-          `/api/app/customerorggroup/updatemanysort?id=${this.form.id}&SortType=1`
-        ).then((res) => {
-          this.$message.success("操作成功");
-        });
-      }
-    },
-    
-    //获取初始数据
-    dictInit() {
-      //获取单位列表
-      getapi("/api/app/customer-org/parent-all").then((res) => {
-        this.customerOrg = res.data;
-      });
-
-      //获取适用性别
-      getapi("/api/app/for-sex").then((res) => {
-        if(res.code != -1){
-          this.dict.forSex = res.data
-        }        
-      })
-    },
-
-
-
-    //获取体检次数下的分组
-    getCustomerOrgGroup(customerOrgRegisterId) {
-      this.customerOrgGroups = []
-      getapi(`/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${customerOrgRegisterId}`).then(res => {
-        if (res.code != - 1) {
-          this.customerOrgGroups = res.data.items;
-          this.customerOrgGroups.forEach(e =>{
-            e.customerOrgRegisterId = customerOrgRegisterId
-          })
-        }
-      })
-    },
-
-    //选择单位
-    changeCustomerOrg(v) {
-      getapi(`/api/app/customerorgregister/getlistincustomerorgid?CustomerOrgId=${v}`).then( res => {
-        if(res.code != -1){
-          this.customerOrgRegisterList = res.data
-          if(res.data.length > 0){
-            this.customerOrgRegister = res.data[res.data.length - 1]
-            this.getCustomerOrgGroup(this.customerOrgRegister.id)
-          }else{
-            this.customerOrgRegister = {}
-            this.customerOrgGroups = []
-          }
-        }
-      })      
-    },
-    
-    //选择体检次数
-    changeTimes(v){
-      this.getCustomerOrgGroup(v.id)
-    },
-
-    //点击分组
-    rowClick(row) {
-      objCopy(row,this.form)
-    },
-
-    //新增弹框
-    btnAdd() {
-      if(!this.customerOrgRegister.id){
-        this.$message.warning("请选择体检次数")
-        return
-      }
-      if(this.customerOrgRegister.isComplete.toUpperCase() == 'Y'){
-        this.$message.warning("该单位的该次体检次数已完成，不能再添加分组！")
-        return
-      }
-      
-      this.form = deepCopy(this.formInit)
-      this.form.customerOrgRegisterId = this.customerOrgRegister.id
-      this.dialogVisible = true;      
-    },
-
-    //编辑弹框
-    btnEdit() {
-      this.dialogVisible = true;
-    },
-    
-    //删除
-    btnDel() {
-      if (!this.form.id) {
-        this.$message.warning("请选择需要操作的数据");
-        return
-      }
-
-      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
-        confirmButtonText: "是",
-        cancelButtonText: "  否  ",
-        type: "warning",
-      }).then(() => {
-        return deletapi(`/api/app/customer-org-group/${this.form.id}`)
-      }).then(res =>{
-        if(res.code != -1){
-          this.$message.success("删除成功");
-          let lfind = arrayExistObj(this.customerOrgGroups,'id',this.form.id)
-          if(lfind > -1) this.customerOrgGroups.splice(lfind,1)
-        }
-      }).catch(err =>{
-        if (err == "cancel") {
-          this.$message.info("已取消删除");
-        }
-      })      
-    },
-
-
-    onSubmit(formName) {
-      this.$refs[formName].validate((valid,fields) => {
-        if(!valid){
-          this.$message.warning(fields[Object.keys(fields)[0]][0].message);
-          return false
-        }
-       
-        if(!this.form.customerOrgRegisterId){
-          this.$message.warning("请选择单位体检次数！");
-          return false
-        }
-        
-        let body = deepCopy(this.form)
-        delete body.id
-
-        if(this.form.id){
-          //编辑
-          putapi(`/api/app/customer-org-group/${this.form.id}`,body).then(res =>{
-            if(res.code != -1 ){              
-              this.$message.success("操作成功！")
-              let lfind = arrayExistObj(this.customerOrgGroups,'id',this.form.id)
-              if(lfind > -1) objCopy(this.form,this.customerOrgGroups[lfind])
-              this.dialogVisible = false
-            }
-          })
-        }else{
-          //新增
-          postapi('/api/customerorggroup/createcustomerorggroupincustomerorgregister',body).then(res =>{
-            if(res.code != -1 ){
-              this.$message.success("操作成功！")
-              this.form.id = res.data.id
-              this.customerOrgGroups.push(res.data)  
-              this.dialogVisible = false            
-            }
-          })
-        }
-        
-      })
-    },
-
-    
-  },
-};
-</script>
-<style scoped>
-@import '../../assets/css/global_button.css';
-@import '../../assets/css/global_dialog.css';
-@import '../../assets/css/global_table.css';
-@import '../../assets/css/global_form.css';
-@import '../../assets/css/global_input.css';
-@import '../../assets/css/global.css';
-</style>
\ No newline at end of file
diff --git a/src/components/report/CusOrgOCX.vue b/src/components/report/CusOrgOCX.vue
index 20d791b..bdadbc0 100644
--- a/src/components/report/CusOrgOCX.vue
+++ b/src/components/report/CusOrgOCX.vue
@@ -6,9 +6,9 @@
     <div style="display: block;width:635px; margin-left: 5px;">
       <el-table :data="dataCusOrgOCX" border height="470" highlight-current-row @row-dblclick="rowDblclick" size="small">
         <el-table-column prop="customerOrgName" label="体检单位" width="150"/>
-        <el-table-column prop="customerOrgId" label="次数" width="50" align="center">
+        <el-table-column prop="customerOrgId" label="次数" width="52" align="center">
           <template slot-scope="scope">
-            <el-select v-model="scope.row.customerOrgRegister" placeholder="次数" style="width: 50px;" size="small"
+            <el-select v-model="scope.row.customerOrgRegister" placeholder="次数" style="width: 44px;" size="small"
               :disabled="!useCusOrg || scope.row.customerOrgId == dict.personOrgId"
               @change="changeMedicalTimes(scope.$index)" value-key="id">
               <el-option v-for="item in scope.row.customerOrgRegisterList" :key="item.id" :label="item.medicalTimes"
@@ -27,20 +27,20 @@
           </template>
         </el-table-column>
         -->
-        <el-table-column prop="startDate" label="起始日期" width="90" align="center">
+        <el-table-column prop="startDate" label="起始日期" width="92" align="center">
           <template slot-scope="scope">
-            <el-date-picker v-model="scope.row.startDate" type="date" placeholder="截止日期" size="small" />
+            <el-date-picker v-model="scope.row.startDate" type="date" placeholder="截止日期" style="width: 84px;" size="small" />
           </template>
         </el-table-column>
-        <el-table-column prop="endDate" label="截止日期" width="90" align="center">
+        <el-table-column prop="endDate" label="截止日期" width="92" align="center">
           <template slot-scope="scope">
-            <el-date-picker v-model="scope.row.endDate" type="date" placeholder="截止日期" size="small" />
+            <el-date-picker v-model="scope.row.endDate" type="date" placeholder="截止日期" style="width: 84px;" size="small" />
           </template>
         </el-table-column>
         <el-table-column prop="customerOrgGroupIds" label="分组" width="200">
           <template slot-scope="scope">
             <el-select v-model="scope.row.customerOrgGroupIds" multiple collapse-tags filterable clearable
-              style="width:196px;" placeholder="请选择分组" size="small" 
+              style="width:192px;" placeholder="请选择分组" size="small" 
               @focus="getCustGroup(scope.$index, scope.row.customerOrgRegister.id)"
               :disabled="!useCusOrg || scope.row.customerOrgId == dict.personOrgId">
               <el-option v-for="item in scope.row.customerOrgGroupList" :key="item.value" :label="item.displayName"
@@ -48,7 +48,7 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column min-width="30" align="center">
+        <el-table-column min-width="24" align="center">
           <template slot-scope="scope">
             <i class="el-icon-delete" @click="dataCusOrgOCX.splice(scope.$index, 1)"
               style="font-size: 20px;color: red;cursor:pointer;"></i>
diff --git a/src/views/customerOrg/customerOrgGroup.vue b/src/views/customerOrg/customerOrgGroup.vue
index 22a0e1b..733ce45 100644
--- a/src/views/customerOrg/customerOrgGroup.vue
+++ b/src/views/customerOrg/customerOrgGroup.vue
@@ -1,41 +1,561 @@
 <template>
   <div>
     <el-card>
-      <div slot="header">单位分组</div>      
+      <div slot="header">单位分组</div>
+      <!--分组信息-->
+      <div style="display: flex;">
+        <div :style="'display: block;width:' + (window.pageWidth - 45 - 110) + 'px;'">
+          <div style="display: flex">
+            <div>
+              <span>体检单位：</span>
+              <el-select
+                v-model="customerOrgId"
+                placeholder="请选择体检单位"
+                filterable
+                clearable automatic-dropdown
+                style="margin-left: 10px"
+                @change="changeCustomerOrg"
+                size="small"
+              >
+                <el-option
+                  v-for="item in customerOrg"
+                  :key="item.id"
+                  :label="item.displayName"
+                  :value="item.id"
+                >
+                {{ item.displayName }}
+                </el-option>
+              </el-select>
+            </div>
+            <div style="margin-left: 20px">
+              <span>单位体检次数：</span>
+              <el-select
+                v-model="customerOrgRegister"
+                placeholder="次数"
+                style="width: 60px; margin-left: 10px"
+                size="small"
+                @change="changeTimes"
+                value-key="id"
+              >
+                <el-option
+                  v-for="item in customerOrgRegisterList"
+                  :key="item.id"
+                  :label="item.medicalTimes"
+                  :value="item"
+                />
+              </el-select>
+            </div>
+          </div>
+          <div>
+            <el-table
+              :data="customerOrgGroups"
+              style="margin-top: 2px"
+              row-key="id"
+              border
+              height="240px"
+              size="small"
+              highlight-current-row
+              @row-click="rowClick"
+            >
+              <el-table-column
+                type="index"
+                label="序号"
+                min-width="50"
+                align="center"
+              />
+              <el-table-column prop="displayName" label="名称" min-width="150" />
+              <el-table-column
+                prop="price"
+                label="价格"
+                min-width="60"
+                align="center"
+              />
+              <el-table-column
+                prop="forSexId"
+                label="适用性别"
+                min-width="60"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  {{ dddw(dict.forSex, "id", scope.row.forSexId, "displayName") }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="maritalStatusId"
+                label="适用婚姻状况"
+                min-width="80"
+                align="center"
+              >
+                <template slot-scope="scope">
+                  {{
+                    dddw(
+                      dict.forMaritalStatus,
+                      "id",
+                      scope.row.maritalStatusId,
+                      "displayName"
+                    )
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="creatorName"
+                label="创建者"
+                min-width="60"
+                align="center"
+              />
+              <el-table-column label="创建时间" min-width="150" align="center">
+                <template slot-scope="scope">
+                  {{
+                    scope.row.creationTime
+                      ? moment(scope.row.creationTime).format("yyyy-MM-DD HH:mm:ss")
+                      : ""
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column label="操作">
+                <template>
+                  <el-tag
+                    class="move"
+                    style="cursor: move; margin-left: 15px"
+                    draggable="true"
+                  >
+                    <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
+                  </el-tag>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+        <!--按钮-->
+        <div style="display: block;margin-left: 10px;">
+          <div style="margin-top: 30px;">      
+            <el-button class="btnClass"  @click="btnAdd">新增</el-button>
+          </div>
+          <div>
+            <el-button class="btnClass" @click="btnEdit" >编辑</el-button> 
+          </div>
+          <div>        
+            <el-button class="btnClass" @click="btnDel" >删除</el-button> 
+          </div>
+          <div>         
+            <el-button class="btnClass" @click="topping" >置顶</el-button> 
+          </div>
+          <div>         
+            <el-button class="btnClass" @click="bottoming" >置低</el-button>
+          </div>
+          <div>
+            <el-button class="btnClass" @click="sortok" :disabled="isshow" >确定</el-button>
+          </div>
+        </div>
+      </div>
+
+      <!--分组项目信息-->
       <div>
-        <CustomerOrgGroupList />
-        <UnitGroupCategory />
+        <CustomerOrgGroupAsbitem :customerOrgGroupId="form.id" />
       </div>
-    </el-card>
+    </el-card>    
+
+    <!-- 新增或者编辑弹框 -->
+    <el-dialog
+      :title="form.id ? '编辑' : '新增'"
+      :visible.sync="dialogVisible"
+      width="800px"
+    >
+      <el-form :model="form" label-width="80px" :rules="rules" ref="form">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item prop="displayName" label="分组名称">
+              <el-input v-model="form.displayName"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="价格">
+              <el-input v-model="form.price"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="适用性别">
+              <el-select v-model="form.forSexId" placeholder="请选择">
+                <el-option
+                  v-for="item in dict.forSex"
+                  :key="item.id"
+                  :label="item.displayName"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="婚姻状况">
+              <el-select
+                v-model="form.maritalStatusId"
+                placeholder="请选择"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in dict.forMaritalStatus"
+                  :key="item.id"
+                  :label="item.displayName"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="年龄下限">
+              <el-input v-model="form.ageLowerLimit"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="年龄上限">
+              <el-input v-model="form.ageUpperLimit"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="适用职务">
+              <el-input v-model="form.jobPost"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="适用职称">
+              <el-input v-model="form.jobTitle"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="备注">
+              <el-input v-model="form.remark"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="onSubmit('form')">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--  -->
   </div>
 </template>
 <script>
-import CustomerOrgGroupList from "../../components/customerOrg/customerOrgGroupList.vue";
-import UnitGroupCategory from "../../components/unitGrouping/unitGroupCategory.vue";
+import moment from "moment";
+import Sortable from "sortablejs";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { mapState } from "vuex";
-import { getapi } from "@/api/api";
+import { dddw, deepCopy, objCopy, arrayExistObj } from "../../utlis/proFunc";
+
+import CustomerOrgGroupAsbitem from "../../components/customerOrg/customerOrgGroupAsbitem.vue";
+
 export default {
   components: {
-    CustomerOrgGroupList,
-    UnitGroupCategory,
+    CustomerOrgGroupAsbitem,
   },
   data() {
     return {
-      options: [],
-      value: "",
+      customerOrg: [], //体检单位
+      customerOrgGroups: [], //体检单位分组
+      customerOrgId: "", //当前选中的体检单位id
+      customerOrgRegisterList: [], //体检次数列表
+      customerOrgRegister: {}, //体检次数
+
+      isshow: true,
+      form: {
+        //体检单位分组
+        id: "",
+        customerOrgRegisterId: null, //所属体检次数
+        displayName: "",
+        price: 0,
+        forSexId: "",
+        maritalStatusId: "",
+        ageLowerLimit: null,
+        ageUpperLimit: null,
+        jobPost: "",
+        jobTitle: "",
+        remark: "",
+        isMaxMedicalTimes: "N",
+      },
+      formInit: {},
+      rules: {
+        displayName: [
+          { required: true, message: "请填写分组名称", trigger: "blur" },
+        ],
+      },
+
+      dialogVisible: false,
+      tableData: [],
+      initTableData: [],
+      // tableData: [
+
+      // ],
     };
   },
   computed: {
-    ...mapState(["personnelUnit"]),
+    ...mapState(["personnelUnit", "window", "dict"]),
   },
   created() {
-    this.getitemtype();
+    this.rowDrop();
+    this.formInit = deepCopy(this.form);
+  },
+  mounted() {
+    //获取初始数据（单位、适用性别）
+    this.dictInit();
   },
   methods: {
-    
+    moment,
+    dddw,
+    //确定排序
+    sortok() {
+      const result = [];
+      this.tableData.forEach((item, index) => {
+        // index 从0开始的， 你的displayOrder从大到小排
+        console.log(item.id);
+        // const currentDisplayOrder = this.tableData.length -1
+        const currentDisplayOrder = this.initTableData[index].displayOrder;
+        if (item.displayOrder != currentDisplayOrder) {
+          // 如果它的displayOrder和它当前所在的位置不同代表挪动过位置
+          result.push({ id: item.id, displayOrder: currentDisplayOrder });
+        }
+      });
+      putapi("/api/app/customerorggroup/updatesortmany", {
+        itemList: result,
+      }).then((res) => {
+        this.$message.success("操作成功");
+        this.isshow = true;
+      });
+    },
+    //初始化Sortable组件
+    rowDrop() {
+      this.$nextTick(() => {
+        const tbody = document.querySelector(".el-table__body-wrapper tbody");
+        const _this = this;
+        Sortable.create(tbody, {
+          handle: ".move",
+          animation: 300,
+          onEnd({ newIndex, oldIndex }) {
+            _this.isshow = false;
+            const currRow = _this.tableData.splice(oldIndex, 1)[0];
+            _this.tableData.splice(newIndex, 0, currRow);
+            _this.tableData.map((item, index) => {
+              if (index == newIndex && index == oldIndex) {
+              } else if (index == oldIndex) {
+              } else if (index == newIndex) {
+              }
+            });
+            console.log(_this.tableData.map((item) => item.displayOrder));
+          },
+        });
+      });
+    },
+
+    //置低
+    bottoming() {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        putapi(
+          `/api/app/customerorggroup/updatemanysort?id=${this.form.id}&SortType=2`
+        ).then((res) => {
+          this.$message.success("操作成功");
+        });
+      }
+    },
+
+    //置顶
+    topping() {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        putapi(
+          `/api/app/customerorggroup/updatemanysort?id=${this.form.id}&SortType=1`
+        ).then((res) => {
+          this.$message.success("操作成功");
+        });
+      }
+    },
+
+    //获取初始数据
+    dictInit() {
+      //获取单位列表
+      getapi("/api/app/customer-org/parent-all").then((res) => {
+        if (res.code != -1) {
+          this.customerOrg = res.data;
+          let lfind = arrayExistObj(this.customerOrg,"id",this.dict.personOrgId);
+          if (lfind > -1) this.customerOrg.splice(lfind, 1);
+        }
+      });
+
+      //获取适用性别
+      getapi("/api/app/for-sex").then((res) => {
+        if (res.code != -1) {
+          this.dict.forSex = res.data;
+        }
+      });
+    },
+
+    //获取体检次数下的分组
+    getCustomerOrgGroup(customerOrgRegisterId) {
+      this.customerOrgGroups = [];
+      getapi(
+        `/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${customerOrgRegisterId}`
+      ).then((res) => {
+        if (res.code != -1) {
+          this.customerOrgGroups = res.data.items;
+          this.customerOrgGroups.forEach((e) => {
+            e.customerOrgRegisterId = customerOrgRegisterId;
+          });
+        }
+      });
+    },
+
+    //选择单位
+    changeCustomerOrg(v) {
+      getapi(
+        `/api/app/customerorgregister/getlistincustomerorgid?CustomerOrgId=${v}`
+      ).then((res) => {
+        if (res.code != -1) {
+          this.customerOrgRegisterList = res.data;
+          if (res.data.length > 0) {
+            this.customerOrgRegister = res.data[res.data.length - 1];
+            this.getCustomerOrgGroup(this.customerOrgRegister.id);
+          } else {
+            this.customerOrgRegister = {};
+            this.customerOrgGroups = [];
+          }
+        }
+      });
+    },
+
+    //选择体检次数
+    changeTimes(v) {
+      this.getCustomerOrgGroup(v.id);
+    },
+
+    //自定义过滤
+    remoteMethod(){
+
+    },
+
+    //点击分组
+    rowClick(row) {
+      objCopy(row, this.form);
+    },
+
+    //新增弹框
+    btnAdd() {
+      if (!this.customerOrgRegister.id) {
+        this.$message.warning("请选择体检次数");
+        return;
+      }
+      if (this.customerOrgRegister.isComplete.toUpperCase() == "Y") {
+        this.$message.warning("该单位的该次体检次数已完成，不能再添加分组！");
+        return;
+      }
+
+      this.form = deepCopy(this.formInit);
+      this.form.customerOrgRegisterId = this.customerOrgRegister.id;
+      this.dialogVisible = true;
+    },
+
+    //编辑弹框
+    btnEdit() {
+      this.dialogVisible = true;
+    },
+
+    //删除
+    btnDel() {
+      if (!this.form.id) {
+        this.$message.warning("请选择需要操作的数据");
+        return;
+      }
+
+      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
+        confirmButtonText: "是",
+        cancelButtonText: "  否  ",
+        type: "warning",
+      })
+        .then(() => {
+          return deletapi(`/api/app/customer-org-group/${this.form.id}`);
+        })
+        .then((res) => {
+          if (res.code != -1) {
+            this.$message.success("删除成功");
+            let lfind = arrayExistObj(
+              this.customerOrgGroups,
+              "id",
+              this.form.id
+            );
+            if (lfind > -1) this.customerOrgGroups.splice(lfind, 1);
+          }
+        })
+        .catch((err) => {
+          if (err == "cancel") {
+            this.$message.info("已取消删除");
+          }
+        });
+    },
+
+    onSubmit(formName) {
+      this.$refs[formName].validate((valid, fields) => {
+        if (!valid) {
+          this.$message.warning(fields[Object.keys(fields)[0]][0].message);
+          return false;
+        }
+
+        if (!this.form.customerOrgRegisterId) {
+          this.$message.warning("请选择单位体检次数！");
+          return false;
+        }
+
+        let body = deepCopy(this.form);
+        delete body.id;
+
+        if (this.form.id) {
+          //编辑
+          putapi(`/api/app/customer-org-group/${this.form.id}`, body).then(
+            (res) => {
+              if (res.code != -1) {
+                this.$message.success("操作成功！");
+                let lfind = arrayExistObj(
+                  this.customerOrgGroups,
+                  "id",
+                  this.form.id
+                );
+                if (lfind > -1)
+                  objCopy(this.form, this.customerOrgGroups[lfind]);
+                this.dialogVisible = false;
+              }
+            }
+          );
+        } else {
+          //新增
+          postapi(
+            "/api/customerorggroup/createcustomerorggroupincustomerorgregister",
+            body
+          ).then((res) => {
+            if (res.code != -1) {
+              this.$message.success("操作成功！");
+              this.form.id = res.data.id;
+              this.customerOrgGroups.push(res.data);
+              this.dialogVisible = false;
+            }
+          });
+        }
+      });
+    },
   },
 };
 </script>
 <style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
 
-</style>
+.btnClass {
+  width:100px;
+  margin-bottom: 5px
+}
+</style>
\ No newline at end of file