fix

src/views/tables/author/author-one.vue

@@ -73,7 +73,7 @@
       <div class="item">
         <div style="flex: 1" class="input-box">
           <input style="width: 100%" v-model="data.authorByPhoneNum" />
-          <div class="content-box">{{ data.authorByPhoneNum }}</div>
+          <div class="content-box left">{{ data.authorByPhoneNum }}</div>
         </div>
       </div>
 
@@ -194,6 +194,16 @@ onMounted(() => {
     .content-box {
       display: flex;
     }
+
+    .content {
+      .item {
+        width: 100%;
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-start;
+        margin-bottom: 20px;
+      }
+    }
   }
   .title {
     text-align: center;

src/views/tables/author/author-two.vue

@@ -11,12 +11,33 @@
           </div>
         </div>
       </div> -->
+
+      <div class="check-item" @click="checkOneOptions(checkData1, index)" v-for="(i, index) in checkData1.options">
+        <div class="item">
+          <ui-icon :type="data.oneOptions.check == i.id ? 'rb_y' : 'rb_n'"></ui-icon>
+          <span>{{ i.title }}</span>
+          <div class="input-box" style="flex: 1">
+            <input v-model="data.oneOptions.value" />
+            <div class="content-box left">{{ data.oneOptions.value }}</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="item" style="margin-bottom: 20px">
+        <span>受托人：</span>
+        <div class="input-box">
+          <input style="width: 100%" v-model="data.authorByName" />
+          <div class="content-box">{{ data.authorByName }}</div>
+        </div>
+        <span>代理权限为：</span>
+      </div>
       <div class="check-item" @click="checkOptions(checkData, index)" v-for="(i, index) in checkData.options">
-        <div class="item" :style="i.id == 1 || i.id == 4 ? '' : 'display: inline-block'">
-          <ui-icon :type="checkData.check == i.id ? 'rb_y' : 'rb_n'"></ui-icon>
+        <div class="item" :style="i.id == 3 ? '' : 'display: inline-block'">
+          <ui-icon :type="data.options.check == i.id ? 'rb_y' : 'rb_n'"></ui-icon>
           <span>{{ i.title }}</span>
-          <div v-if="i.id == 1 || i.id == 4" class="input-box" style="flex: 1">
-            <input type="text" />
+          <div v-if="i.id == 3" class="input-box" style="flex: 1">
+            <input v-model="data.options.value" />
+            <div class="content-box left">{{ data.options.value }}</div>
           </div>
         </div>
       </div>
@@ -24,13 +45,15 @@
       <div class="item" style="margin-top: 200px">
         <span style="padding-left: 20px">委托人（签名）：</span>
         <div style="flex: 1">
-          <input type="text" v-model="data.authorSign" />
+          <input v-model="data.authorSign" />
+          <div class="content-box left" style="border:none;">{{ data.authorSign }}</div>
         </div>
       </div>
       <div class="item" style="margin-top: 100px">
         <span>受委托人（签名）：</span>
         <div style="flex: 1">
-          <input type="text" v-model="data.authorBySign" />
+          <input v-model="data.authorBySign" />
+          <div class="content-box left" style="border:none;">{{ data.authorBySign }}</div>
         </div>
       </div>
     </div>
@@ -46,12 +69,17 @@ const props = defineProps({
   isDownloadShow: { type: Boolean, default: false },
 });
 const data = ref(null);
+const checkOneOptions = (item, index) => {
+  item.check = item.options[index].id;
+  data.value["oneOptions"].check = item.check;
+};
 const checkOptions = (item, index) => {
   item.check = item.options[index].id;
   data.value[item.type].check = item.check;
 };
 const checkData1 = ref({
   check: 0,
+  type: "options",
   options: [
     {
       id: 1,
@@ -59,23 +87,21 @@ const checkData1 = ref({
     },
   ],
 });
+
 const checkData = ref({
+  type: "options",
   check: 0,
   options: [
     {
       id: 1,
-      title: "...",
-    },
-    {
-      id: 2,
       title: "一般代理。即代理为参与诉讼、调解，提供法律帮助。",
     },
     {
-      id: 3,
+      id: 2,
       title: "特别授权，代为起诉，陈述事实，参加辩论和调解，代为提出、承认、放弃或变更赔偿请求， 提起反诉或上诉，签收法律文书。",
     },
     {
-      id: 4,
+      id: 3,
       title: "...",
     },
   ],
@@ -95,6 +121,10 @@ onMounted(() => {
   if (tablesInfo.authorTwo) {
     data.value = tablesInfo.authorTwo;
   }
+  if (tablesInfo.authorOne) {
+    console.error(tablesInfo);
+    data.value.oneOptions = tablesInfo.authorOne.options;
+  }
 });
 </script>
 <style lang="scss" scoped>

src/views/tables/data/index.ts

@@ -193,6 +193,7 @@ let data = {
     options: { check: "", value: "" },
     authorSign: "",
     authorBySign: "",
+    authorByName:"",
   },
 
   authorOne: {