ocx

src/components/report/CusOrgOCX.vue

@@ -1,12 +1,13 @@
 <template>
   <div style="display: flex;">
-    <div style="width: 180px;height:520px;overflow: scroll;border: 1px solid;">
+    <div v-if="useCusOrg" style="width: 180px;height:520px;overflow: scroll;border: 1px solid;">
       <el-tree :data="patientRegister.customerOrgTreeAll" :props="customerOrg.treeprops" @node-click="handleNode" />
     </div>
-    <div style="display: block;width:635px; margin-left: 5px;">
+
+    <div :style="`display: block;width:${useCusOrg ? 635:815}px; 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="52" align="center">
+        <el-table-column prop="customerOrgName" label="体检单位" min-width="150"/>
+        <el-table-column prop="customerOrgId" label="次数" min-width="52" align="center">
           <template slot-scope="scope">
             <el-select v-model="scope.row.customerOrgRegister" placeholder="次数" style="width: 44px;" size="small"
               :disabled="!useCusOrg || scope.row.customerOrgId == dict.personOrgId"
@@ -27,17 +28,17 @@
           </template>
         </el-table-column>
         -->
-        <el-table-column prop="startDate" label="起始日期" width="92" align="center">
+        <el-table-column prop="startDate" label="起始日期" min-width="92" align="center">
           <template slot-scope="scope">
-            <el-date-picker v-model="scope.row.startDate" type="date" placeholder="截止日期" style="width: 84px;" size="small" />
+            <el-date-picker v-model="scope.row.startDate" type="date" placeholder="截止日期" style="width: 86px;" size="small" />
           </template>
         </el-table-column>
-        <el-table-column prop="endDate" label="截止日期" width="92" align="center">
+        <el-table-column prop="endDate" label="截止日期" min-width="92" align="center">
           <template slot-scope="scope">
-            <el-date-picker v-model="scope.row.endDate" type="date" placeholder="截止日期" style="width: 84px;" size="small" />
+            <el-date-picker v-model="scope.row.endDate" type="date" placeholder="截止日期" style="width: 86px;" size="small" />
           </template>
         </el-table-column>
-        <el-table-column prop="customerOrgGroupIds" label="分组" width="200">
+        <el-table-column prop="customerOrgGroupIds" label="分组" min-width="200">
           <template slot-scope="scope">
             <el-select v-model="scope.row.customerOrgGroupIds" multiple collapse-tags filterable clearable
               style="width:192px;" placeholder="请选择分组" size="small" 
@@ -50,7 +51,7 @@
         </el-table-column>
         <el-table-column min-width="24" align="center">
           <template slot-scope="scope">
-            <i class="el-icon-delete" @click="dataCusOrgOCX.splice(scope.$index, 1)"
+            <i class="el-icon-delete" @click="rowDblclick(scope.row)"
               style="font-size: 20px;color: red;cursor:pointer;"></i>
           </template>
         </el-table-column>
@@ -317,6 +318,7 @@ export default {
 
     //双击删除该行查询条件
     rowDblclick(row) {
+      if(!this.useCusOrg) return
       let lfind = arrayExistObj(this.dataCusOrgOCX, 'id', row.id);
       if (lfind > -1) this.dataCusOrgOCX.splice(lfind, 1);
     },