标签

src/views/page/Model/LabelEditModel.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="label-edit-model">
         <Draggable></Draggable>
-        <!-- <div class="model-head"><Button  type="primary" danger>重新调整</Button></div> -->
+        <div class="model-head"><Button  type="primary" danger @click="reset">重新调整</Button></div>
         <Row>
             <Col :span="24" class="label-attribute">
             <Row>
@@ -13,7 +13,7 @@
             <Row>
                 <Col :span="4">标签X轴 :</Col>
                 <Col :span="8">
-                <InputNumber size="small" :min="0" :max="1" :step="0.001" v-model:value="x"/>
+                <InputNumber size="small" :min="0" :max="10000" :step="0.001" v-model:value="x"/>
                 </Col>
             </Row>
             </Col>
@@ -21,7 +21,7 @@
             <Row>
                 <Col :span="4">标签Y轴 :</Col>
                 <Col :span="8">
-                <InputNumber size="small" :min="0" :max="1" :step="0.001" v-model:value="y"/>
+                <InputNumber size="small" :min="0" :max="10000" :step="0.001" v-model:value="y"/>
                 </Col>
             </Row>
             </Col>
@@ -44,16 +44,19 @@ import * as markLabelApi from '@/axios/cameraMark/markLabelApi';
 interface FormState {
   id: string
   name: string;
-  ip: string;
+  x: string;
+  y:string;
   canvasLeftRatio: string;
   canvasTopRatio: string;
 }
+
 const formState: UnwrapRef<FormState> = reactive({
   // id: '',
   name: '',
-  ip: '',
-  CbCameraParamsId: '',
-  userName: '',
+  x: null,
+  y:null,
+  canvasLeftRatio: null,
+  canvasTopRatio: null,
 
 });
 
@@ -64,8 +67,8 @@ const canvasLeft = ref();
 const canvasTop = ref();
 
 watch(name, (nv, ov) => {
-    console.log("document.body.offsetWidth ",document.body.offsetWidth );
-    console.log("document.body.clientHeight",document.body.offsetHeight);
+    // console.log("document.body.offsetWidth ",document.body.offsetWidth );
+    // console.log("document.body.clientHeight",document.body.offsetHeight);
     
     x.value = document.body.offsetWidth  * canvasLeft.value
     y.value = document.body.offsetHeight * canvasTop.value
@@ -84,6 +87,11 @@ onMounted(()=>{
     }
 })
 
+//重新调整位置
+function reset(){
+
+}
+
 //取消
 function cancel(){
     notification.close("editLabel");