Merge branch '20230223_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20230223_pc_vue_new_branch

src/xt_pages/workforce/components/editTableData.vue

@@ -6,140 +6,146 @@
     <div class="table_contain">
       <!-- 左侧 -->
       <div class="left_contain">
-        <div class="cell clearfix"
-            v-if="
-            weekTime == 'thisWeek' ||
-            weekTime == 'nextWeek' ||
-            weekTime == 'nextTwoWeek'
-          ">
-          <el-input
-              size="small"
-              style="width: 160px"
-              class="filter-item"
-              v-model.trim="keywords"
-              placeholder="病人名称/透析号"
-              @keyup.enter.native="search"
-          />
-          <el-button
-              size="small"
-              class="filter-item"
-              type="primary"
-              icon="el-icon-search"
-              @click="search"
-          >搜索</el-button>
+        <div style="position: fixed;width: 13%;">
+          <div class="cell clearfix"
+              v-if="
+              weekTime == 'thisWeek' ||
+              weekTime == 'nextWeek' ||
+              weekTime == 'nextTwoWeek'
+            ">
+            <el-input
+                size="small"
+                style="width: 160px"
+                class="filter-item"
+                v-model.trim="keywords"
+                placeholder="病人名称/透析号"
+                @keyup.enter.native="search"
+            />
+            <el-button
+                size="small"
+                class="filter-item"
+                type="primary"
+                icon="el-icon-search"
+                @click="search"
+            >搜索</el-button>
 
-        </div>
-        <div style="margin-bottom: 10px; display: flex">
-          <h3 style="line-height: 45px">
-            <span
-                style="margin-right: 10px; font-size: 16px; white-space: nowrap"
-            >当前选择</span
-            >
-          </h3>
-          <div style="line-height: 30px">
-            <!-- 拖拽dragstart -->
-            <div
-                draggable="true"
-                class="item_touz"
-                style="font-weight: bolder"
-                @dragstart="curInfoDragStart()"
-            >
-              <span>{{ cur_info.patient_name }}</span>
-              &nbsp;
-              <span>{{ cur_info.mode_name }}</span>
+          </div>
+          <div style="margin-bottom: 10px; display: flex">
+            <h3 style="line-height: 45px">
+              <span
+                  style="margin-right: 10px; font-size: 16px; white-space: nowrap"
+              >当前选择</span
+              >
+            </h3>
+            <div style="line-height: 30px">
+              <!-- 拖拽dragstart -->
+              <div
+                  draggable="true"
+                  class="item_touz"
+                  style="font-weight: bolder"
+                  @dragstart="curInfoDragStart()"
+              >
+                <span>{{ cur_info.patient_name }}</span>
+                &nbsp;
+                <span>{{ cur_info.mode_name }}</span>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="patient_mode">
-          <el-table
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                backgroundColor: 'rgb(245, 247, 250)',
-                color: '#606266',
-              }"
-              :data="patientList"
-              height='600'
-              border
-              @row-click="patientClick"
-              :cell-class-name="patientClass"
-              ref="patient_table"
-              style="width: 100%; margin-right: 14px ;"
-          >
-            <el-table-column
-                label="患者名称"
-                align="center"
+          <div class="patient_mode">
+            <el-table
+                :row-style="{ color: '#303133' }"
+                :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+                :data="patientList"
+                height='600'
+                border
+                @row-click="patientClick"
+                :cell-class-name="patientClass"
+                ref="patient_table"
+                style="width: 100%; margin-right: 14px ;"
             >
-             <template slot-scope="scope">
-                <span v-if="scope.row.is_infectious == 2" style="color: red;">{{scope.row.name  }}</span>
-                <span v-if="scope.row.is_infectious != 2" >
-                  {{scope.row.name  }}
-                </span>
-                <!-- <span class="touxi_cishu"  @click="chishuclick(scope.row.name)">
-                  0/4
-                </span> -->
-             </template>
-            </el-table-column>
-          </el-table>
-
-          <el-table
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                backgroundColor: 'rgb(245, 247, 250)',
-                color: '#606266',
-              }"
-              :data="modes"
-              height="600"
-              :cell-class-name="dialysis_patient"
-              ref="mode_table"
-              @row-click="modeClick"
-              border
-              style="width: 100%;"
-          >
-            <el-table-column
-                prop="name"
-                label="透析模式"
-                align="center"
-            ></el-table-column>
-          </el-table>
+              <el-table-column
+                  label="患者名称"
+                  align="center"
+              >
+              <template slot-scope="scope">
+                  <span v-if="scope.row.is_infectious == 2" style="color: red;">{{scope.row.name  }}</span>
+                  <span v-if="scope.row.is_infectious != 2" >
+                    {{scope.row.name  }}
+                  </span>
+                  <!-- <span class="touxi_cishu"  @click="chishuclick(scope.row.name)">
+                    0/4
+                  </span> -->
+              </template>
+              </el-table-column>
+            </el-table>
+
+            <el-table
+                :row-style="{ color: '#303133' }"
+                :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266',
+                }"
+                :data="modes"
+                height="600"
+                :cell-class-name="dialysis_patient"
+                ref="mode_table"
+                @row-click="modeClick"
+                border
+                style="width: 100%;"
+            >
+              <el-table-column
+                  prop="name"
+                  label="透析模式"
+                  align="center"
+              ></el-table-column>
+            </el-table>
+          </div>
         </div>
       </div>
       <!-- 右侧 -->
       <div class="right_contain">
-        <span>日期：</span>
-        <el-select v-model="week_type" style="margin-bottom: 15px;" placeholder="请选择" multiple>
-          <el-option
-              @change="changeWeekDay"
-              v-for="(item, index) in week_zhongwens"
-              :key="index"
-              :label="item"
-              :value="item"
-          >
-          </el-option>
-        </el-select>
+        <div>
+          <div>
+            <span>日期：</span>
+            <el-select v-model="week_type" style="margin-bottom: 15px;" placeholder="请选择" multiple>
+              <el-option
+                  @change="changeWeekDay"
+                  v-for="(item, index) in week_zhongwens"
+                  :key="index"
+                  :label="item"
+                  :value="item"
+              >
+              </el-option>
+            </el-select>
 
-        <span>分区：</span>
-        <!-- 下拉框 -->
-        <el-select
-            v-model="partition_id"
-            multiple
-            placeholder="请选择"
-            @change="changePartiton"
-        >
-          <el-option
-              v-for="item in this.zones"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-          >
-          </el-option>
-        </el-select>
-        <!-- 显示透析模式开关 -->
-        <el-switch
-          v-model="modename_value"
-          :active-value=true
-          active-text="显示透析模式"
-          @change="switchMode(modename_value)">
-        </el-switch>
+            <span>分区：</span>
+            <!-- 下拉框 -->
+            <el-select
+                v-model="partition_id"
+                multiple
+                placeholder="请选择"
+                @change="changePartiton"
+            >
+              <el-option
+                  v-for="item in this.zones"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+              >
+              </el-option>
+            </el-select>
+            <!-- 显示透析模式开关 -->
+            <el-switch
+              v-model="modename_value"
+              :active-value=true
+              active-text="显示透析模式"
+              @change="switchMode(modename_value)">
+            </el-switch>
+          </div>
+        </div>
         <!-- 编辑排班表格 -->
           <el-table id="eltable"
             :row-style="{ color: '#303133' }"
@@ -164,7 +170,7 @@
             :cell-style ='cellstyle'
             :row-class-name="tableRowClassName"
             show-summary
-            
+
             ref="table"
             style="table-layout: fixed;"