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