修复加液管理css样式的兼容性问题

src/views/container/liquidItem.vue

@@ -107,7 +107,7 @@ const onSubmitSolution = () => {
           <div class="bottle_base">
             <img class="content-img" src="@/assets/images/liquied/liquied_bottle.svg" alt="chemical-bottle">
           </div>
-          <div class="bottle" :style="{ mask: `linear-gradient(to bottom, transparent ${solutionProcess}%, rgb(38, 219, 50))` }">
+          <div class="bottle" :style="{ '-webkit-mask': `linear-gradient(to bottom, transparent ${solutionProcess}%, rgb(38, 219, 50))` }">
             <img class="content-img" src="@/assets/images/liquied/liquied_bottle.svg" alt="chemical-bottle">
           </div>
         </div>
@@ -121,7 +121,7 @@ const onSubmitSolution = () => {
         <el-input v-model="solutionInfo.capacityUsed" style="width: 100px;" size="small" :prefix-icon="Edit" @blur="onInputBlur" />ml
       </div>
     </div>
-    <FtDialog v-model="visible" title="选择酸液">
+    <FtDialog v-model="visible" title="选择酸液" :ok-handle="onSubmitSolution" @cancel="onClose">
       <div v-if="solutionStore.solutionList.length">
         <el-radio-group v-model="solutionId" size="large" class="radio-group" @change="onSolutionChange">
           <el-radio-button v-for="item in solutionStore.solutionList" :key="item.id" :label="item.name" :value="item.id" class="radio-marge" />
@@ -134,16 +134,6 @@ const onSubmitSolution = () => {
           </template>
         </el-empty>
       </div>
-      <template #footer>
-        <div>
-          <FtButton @click="onClose">
-            取消
-          </FtButton>
-          <FtButton type="primary" @click="onSubmitSolution">
-            确认
-          </FtButton>
-        </div>
-      </template>
     </FtDialog>
   </div>
 </template>