jlst-patent/src/views/patent/user/apply/analysis/parts/result-2.vue

<template>
  <div id="result-1">
    <van-row>
      <van-col span="24" class="main">
        <van-col span="24" class="one">
          <van-form>
            <van-field v-model="form.name" name="发明名称" label="发明名称" readonly />
            <van-field v-model="form.apply_name" name="申请人" label="申请人" readonly />
            <van-field v-model="form.type" name="专利类型" label="专利类型" readonly />
            <van-field v-model="form.inventor" name="发明人" label="发明人" readonly />
            <van-field v-model="form.contact" name="技术联系人" label="技术联系人" readonly />
            <van-field v-model="form.phone" name="联系人电话" label="联系人电话" readonly />
            <van-field v-model="form.email" name="联系人邮箱" label="联系人邮箱" readonly />
            <div style="margin: 16px" v-if="form.status == '-1' || form.status == '-2'">
              <van-button round block type="info" @click="update">重申</van-button>
            </div>
          </van-form>
        </van-col>
        <van-col span="24" class="two">
          <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"> 审核结果 </van-divider>
          <van-col span="24" class="record">
            <van-steps direction="vertical" inactive-color="#409eff">
              <van-step v-for="(item, index) in form.record" :key="index">
                <p>
                  <span>{{ item.time }}</span>
                  <span>{{ item.word }}</span>
                </p>
                <p>审核意见：{{ item.remark || '暂无' }}</p>
              </van-step>
            </van-steps>
          </van-col>
        </van-col>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'result-1',
  props: {
    form: { type: Object },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {
    update() {
      this.$emit('update');
    },
  },
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  .two {
    .record {
      p:first-child {
        color: #666;
        font-weight: bold;
        margin: 0 0 5px 0;
        font-size: 12px;
        span:last-child {
          float: right;
        }
      }
      p:last-child {
        color: #000;
      }
    }
  }
}
</style>