远程页面药物列表

src/components/SliderVerify/index.vue

@@ -109,6 +109,7 @@ export default defineComponent({
     eText: {
       type: String,
       default: '请正确拼合图像',
+
     },
     isShowTip: {
       type: Boolean,

src/views/login/login.vue

@@ -323,6 +323,8 @@ const sendCode = () => {
   }, 1000);
 }
 const login = async (type: string) => {
+  //加载效果:开始加载
+  loading.value=true;
   const obj = loginParams.value
   if (!currentHospital.value) {
     ElMessage.warning('请在右上角选择院区')

src/views/remote-manage/remote-control.vue

@@ -90,6 +90,56 @@
             </div>
           </div>
         </div>
+        <!-- table1 -->
+        <div class="table-box">
+          <el-table :data="tableData" height="100%" style="width: 100%">
+            <el-table-column prop="num" label="票号" width="40" align="center"/>
+            <el-table-column prop="name" label="药物名称" align="center"/>
+            <el-table-column prop="speed" label="速度(ml/h)" width="120">
+              <template #header>
+                <el-dropdown @command="table1SpeedCommand">
+                  <span style="color: white;font-size: 14px;line-height: 20px;">
+                    {{ table1SpeedVal || '请选择速度' }}
+                  </span>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item command="速度(ug/kg/min)">速度(ug/kg/min)</el-dropdown-item>
+                      <el-dropdown-item command="速度(ml/h)">速度(ml/h)</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </template>
+            </el-table-column>
+            <el-table-column prop="total" label="累计药量(ml)" width="100">
+              <template #default="scope">—</template>
+            </el-table-column>
+            <el-table-column prop="state" label="工作状态" width="70" align="center"/>
+            <el-table-column label="特殊情况人为干预" align="center">
+              <template #default="scope">
+                <div class="table-btn-box">
+                  <el-button size="small" color="#006080" @click="tableItemPlus(scope)">
+                    <el-icon>
+                      <Plus/>
+                    </el-icon>
+                  </el-button>
+                  <el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
+                             @click="tableItemMinus(scope)">
+                    <el-icon>
+                      <Minus/>
+                    </el-icon>
+                  </el-button>
+                  <el-button size="small" color="#006080" @click="tableItemConfirm(scope)"
+                             :disabled="tableDataStore[scope.$index].speed === scope.row.speed">确定
+                  </el-button>
+                  <el-button size="small" color="#006080" @click="tableItemCancel(scope)"
+                             :disabled="tableDataStore[scope.$index].speed === scope.row.speed">取消
+                  </el-button>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <!-- table2 -->
         <div class="table-box">
           <el-table :data="tableData" height="100%" style="width: 100%">
             <el-table-column prop="num" label="票号" width="40" align="center"/>
@@ -208,6 +258,7 @@ const msgVal = ref('');
 const unusual = ref([] as any);
 const tableData = ref([] as any[]);
 const tableDataStore = ref([] as any[]);
+const table1SpeedVal = ref('')
 
 getDatabases();
 onMounted(() => {
@@ -469,6 +520,10 @@ function getTableData(e: boolean) {
   });
 }
 
+// table 速度选择
+function table1SpeedCommand(e: any) {
+  table1SpeedVal.value = e
+}
 function keepFit(designWidth: number, designHeight: number, renderDomId: string) {
   let width = designWidth || 1920,
       height = designHeight || 1010;
@@ -738,7 +793,7 @@ const tableItemCancel = (e: any) => {
 
         .right-btn-box {
           position: absolute;
-          width: 70px;
+          width: 100px;
           height: 62px;
           top: calc(50% - 31px);
           right: 0;
@@ -806,7 +861,7 @@ const tableItemCancel = (e: any) => {
 
       .monitoring-message {
         width: 670px;
-        height: 550px;
+        height: 450px;
         padding-bottom: 10px;
         display: flex;
         justify-content: space-between;
@@ -951,7 +1006,8 @@ const tableItemCancel = (e: any) => {
 
       .table-box {
         width: 100%;
-        height: calc(100% - 589px);
+        height: calc(50% - 264.5px);
+        margin-bottom: 20px;
         flex-grow: 1;
 
         :deep(.el-table__inner-wrapper) {