详情

project/xiushan/apps/AppRatepayingInfo/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">
@@ -53,6 +53,36 @@
         <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) -->
+              <ai-info-item label="纳税人名称" :value="data.taxpayer"></ai-info-item>
+              <ai-info-item label="纳税人识别号" :value="data.taxpayerNumber"></ai-info-item>
+              <ai-info-item label="纳税年份" :value="data.taxLevel"></ai-info-item>
+              <ai-info-item label="纳税主体" :value="data.enterpriseName"></ai-info-item>
+              <ai-info-item label="统一信用代码" :value="data.unifiedCode"></ai-info-item>
+              <!-- <ai-info-item label="处罚依据" isLine :value="data.sanctionBasis"></ai-info-item> -->
+              <!-- <ai-info-item label="受罚主体" isLine :value="data.enterpriseName"></ai-info-item> -->
+              <!-- <ai-info-item label="统一信用代码" isLine :value="data.unifiedCode"></ai-info-item> -->
+              <!-- <ai-info-item label="违法事实" isLine :value="data.lllegalFact"></ai-info-item> -->
+            </ai-wrapper>
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail>
   </section>
 </template>
 
@@ -87,10 +117,17 @@ export default {
         enterpriseName: '',
         unifiedCode: '',
       },
+      data: {},
+      isEdit: false,
+      id: {},
     }
   },
   created() {
     this.$dict.load('taxInfoLevel')
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+      this.getDetail(this.params.id)
+    }
   },
   methods: {
     cancel(isRefresh) {
@@ -99,13 +136,19 @@ export default {
         isRefresh: !!isRefresh,
       })
     },
+    getDetail(id) {
+      this.instance.post(`/appcredittaxinfo/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.data = res.data
+        }
+      })
+    },
     confirm() {
       this.$refs.forms.validate((valid) => {
         if (valid) {
           this.instance.post(`/appcredittaxinfo/addOrUpdate`, {
             ...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('提交成功')