合同

src/components/byForm/index.vue

@@ -9,6 +9,7 @@
       ref="byForm"
       :disabled="formOption.disabled || false">
       <template v-for="i in formConfig" :key="i.model">
+        
         <el-form-item
           :label="i.label"
           :prop="i.prop"
@@ -23,6 +24,7 @@
               : '100%'
           "
           :class="i.type == 'json' ? (i.isHide ? 'by-form-json dn' : 'by-form-json') : i.isHide ? 'dn' : ''">
+          
           <el-input
             v-if="i.type == 'input'"
             v-model="formData[i.prop]"
@@ -251,6 +253,10 @@ const handleRemove = (file) => {
   fileListCopy.value.splice(index, 1);
 };
 
+const getLegacyData = (i) => {
+  console.log(i)
+};
+
 const handleBeforeUpload = async (file) => {
   const res = await proxy.post("/fileInfo/getSing", { fileName: file.name });
   uploadData.value = res.uploadBody;
@@ -434,6 +440,9 @@ loadInit();
 </script>
 
 <style>
+.box-item{
+  background-color: red;
+}
 .form-title {
   font-size: 14px;
   font-weight: bold;

src/components/process/ContractAlteration.vue

@@ -11,6 +11,20 @@
           <el-row style="margin-top: 20px; width: 100%">
             <el-col :span="8">
               <el-form-item label="地址" prop="sellCountryName" class="dizhi">
+                <template #label>
+                  <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    placement="top-start"
+                    :content="formOption.formDataCopy.sellCountryName + ' ' + formData.data.sellProvinceName + ' ' + formData.data.sellCityName"
+                  >
+                    <span 
+                      
+                      :style="formOption.formDataCopy.sellCountryName != formData.data.sellCountryName ? 'color:red' : ''">
+                      地址
+                    </span>
+                  </el-tooltip>
+                </template>
                 <el-input v-model="formData.data.sellCountryName" placeholder="请输入国家" />
               </el-form-item>
             </el-col>
@@ -534,6 +548,7 @@ const formOption = reactive({
   itemWidth: 100,
   rules: [],
   disabled: false,
+  formDataCopy:{},
 });
 const formConfig = computed(() => {
   return [
@@ -548,6 +563,7 @@ const formConfig = computed(() => {
       prop: "contractType",
       data: contractType.value,
       itemWidth: 25,
+      isTip:true,
     },
     {
       type: "select",
@@ -1299,6 +1315,8 @@ onMounted(() => {
           };
         });
       }
+      formOption.formDataCopy = {...formData.data}
+      console.log(formOption.formDataCopy,123123)
     });
   } else if (props.queryData.contractId) {
     proxy.post("/contract/detail", { id: props.queryData.contractId }).then((res) => {
@@ -1354,7 +1372,10 @@ onMounted(() => {
         });
       }
     });
+    formOption.formDataCopy = {...formData.data}
+    console.log(formOption.formDataCopy,123123)
   }
+
 });
 </script>