✨ feat(身份证组件): 加密身份证功能调整

现在只需要在详情页进行身份证的修改操作

 <!--
 <!--
  * @Date: 2022-09-14 14:44:30
  * @Date: 2022-09-14 14:44:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-23 14:07:29
+ * @LastEditTime: 2024-10-28 09:55:37
  * @FilePath: /data-table/src/components/IdentityField/index.vue
  * @FilePath: /data-table/src/components/IdentityField/index.vue
  * @Description: 身份证输入控件
  * @Description: 身份证输入控件
 -->
 -->
@@ -44,7 +44,7 @@
       :border="false"
       :border="false"
     >
     >
       <template #button>
       <template #button>
-        <van-button size="small" type="primary" v-if="data_type === 'encrypt_mode'" @click="clickEdit()">编辑</van-button>
+        <van-button size="small" type="primary" v-if="IdEditShow" @click="clickEdit()">编辑</van-button>
       </template>
       </template>
     </van-field>
     </van-field>
     <!-- <div v-if="gender" class="gender"><span>性别：</span>{{ gender }}</div> -->
     <!-- <div v-if="gender" class="gender"><span>性别：</span>{{ gender }}</div> -->
@@ -81,6 +81,10 @@ const HideShow = computed(() => {
 const ReadonlyShow = computed(() => {
 const ReadonlyShow = computed(() => {
   return ($route.query.page_type === 'flow' || $route.query.page_type === 'edit') && !props.item.component_props.readonly;
   return ($route.query.page_type === 'flow' || $route.query.page_type === 'edit') && !props.item.component_props.readonly;
 });
 });
+// 是否显示编辑按钮
+const IdEditShow = computed(() => {
+  return ($route.query.page_type === 'edit') && data_type === 'encrypt_mode';
+});
 onMounted(() => {
 onMounted(() => {
   props.item.value = props.item.component_props.default;
   props.item.value = props.item.component_props.default;
 })
 })