详情

project/xiushan/apps/AppDishonestExecutee/components/Add.vue

@@ -1,8 +1,8 @@
 <template>
   <section class="Add">
-    <ai-detail class="add">
+    <ai-detail class="add" v-if="isEdit == true || !id">
       <template #title>
-        <ai-title :title="params.id ? '编辑' : '新增失信被执行人'" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="cancel(false)" />
+        <ai-title :title="params.id ? '编辑失信被执行人' : '新增失信被执行人'" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="cancel(false)" />
       </template>
       <template #content>
         <div class="add-form">
@@ -56,6 +56,35 @@
         <el-button class="footer-btn" type="primary" @click="confirm()">保存</el-button>
       </template>
     </ai-detail>
+
+    <ai-detail class="add" v-if="id && !isEdit">
+      <template slot="title">
+        <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
+
+      </template>
+      <template slot="content">
+        <ai-card title="基本信息">
+          <template #right>
+              <span style="color:#2266FF;cursor: pointer;font-size: 12px;" class="iconfont iconEdit" v-if="isEdit==false" @click="isEdit=true,forms=data">修改</span>
+              <!-- <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editOne==true" @click="searchDetail(),editOne=false">取消</span> -->
+              <!-- <span style="color:#2266FF;margin-left: 16px;cursor: pointer;font-size: 12px;" v-if="editOne==true" @click="save()">保存</span> -->
+            </template>
+          <template #content>
+            <ai-wrapper>
+              <!-- dict.getLabel('fpRiskType', info.riskType) -->
+              <!-- {{  dict.getLabel('dishonestPersonSituation',data.executionSituation) }} -->
+              <ai-info-item label="执行案号" :value="data.executionCode"></ai-info-item>
+              <ai-info-item label="执行法院" :value="data.executionCourt"></ai-info-item>
+              <ai-info-item label="执行时间" :value="data.executionTime"></ai-info-item>
+              <ai-info-item label="履行情况" :value="data.executionSituation">{{  dict.getLabel('dishonestPersonSituation',data.executionSituation) }}</ai-info-item>
+              <ai-info-item label="失信被执行主体" :value="data.enterpriseName"></ai-info-item>
+              <ai-info-item label="统一信用代码" isLine :value="data.unifiedCode"></ai-info-item>
+              <ai-info-item label="失信事实" isLine :value="data.dishonestFact"></ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail>
   </section>
 </template>
 
@@ -83,6 +112,10 @@ export default {
   },
   created() {
     this.$dict.load('dishonestPersonSituation')
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.getDetail(this.params.id)
+    }
   },
   data() {
     return {
@@ -94,7 +127,10 @@ export default {
         enterpriseName: '',
         unifiedCode: '',
         dishonestFact: '',
-      }
+      },
+      data: {},
+      isEdit: false,
+      id: '',
     }
   },
   methods: {
@@ -104,13 +140,19 @@ export default {
         isRefresh: !!isRefresh,
       })
     },
+    getDetail(id) {
+      this.instance.post(`/appcreditdishonestperson/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.data = res.data
+        }
+      })
+    },
     confirm( ) {
       this.$refs.forms.validate((valid) => {
         if (valid) {
-          this.instance.post(`/appcreditdishonestperson/addOrUpdate`, {
+          this.instance.post(`/appcreditdishonestperson/queryDetailById`, {
             ...this.forms,
             id: this.params.id || '',
-            // picture: this.form.picture.length ? this.form.picture[0].url : ''
           }).then(res => {
             if (res.code == 0) {
               this.$message.success('提交成功')
@@ -146,6 +188,10 @@ export default {
     background: #fff !important;
   }
 
+  ::v-deep .ai-info-item label {
+    width: 100px;
+  }
+
   ::v-deep .ai-detail__content--active {
     padding: 20px;