jlst-patent/src/layout/trans/contract-1.vue

<template>
  <div id="contract-1">
    <van-row>
      <van-col span="24" class="main">
        <van-col span="24" class="one">
          <van-form>
            <van-col span="24" class="one_2">
              <span>甲方(转让方)：</span>
              <span>{{ form.contract.transfer }}</span>
            </van-col>
            <van-col span="24" class="one_2">
              <span>乙方(受让方)：</span>
              <span>{{ form.contract.transferee }}</span>
            </van-col>
            <van-col span="24" class="one_3">
              <span>甲、乙方经过平等协商，自愿订立专利权转让合同，并共同遵照执行: </span>
            </van-col>
            <van-col span="24" class="one_4">
              <span>第一条 甲方将其享有的</span>
              <span>{{ form.contract.patent_name }}</span>
              <span>专利权有偿转让给乙方，专利号为：</span>
              <span>{{ form.contract.create_number }}</span>
            </van-col>
            <van-col span="24" class="one_4">
              <span>第二条 甲方向乙方转让</span>
              <span>{{ form.contract.patent_right }}</span>
              <span>专利权；</span>
            </van-col>
            <van-col span="24" class="one_4">
              <span>第三条 乙方为此向甲方支付专利权转让费用</span>
              <span>{{ form.contract.money }}</span>
              <span>元，于本合同生效后</span>
              <span>{{ form.contract.days }}</span>
              <span>天内一次付清。</span>
            </van-col>
            <van-col span="24" class="one_3">
              <span>第四条 如任何一方违反本合同约定给对方造成损失，守约方可以要求对方承担违约责任；</span>
            </van-col>
            <van-col span="24" class="one_3">
              <span>第五条 甲方保证此转让行为不侵犯任何第三方的合法权益；</span>
            </van-col>
            <van-col span="24" class="one_3">
              <span>第六条 本合同于各方签字盖章后生效，未经各方同意，任何一方均无权修改或变更本合同约定；</span>
            </van-col>
            <van-col span="24" class="one_8">
              <span>第七条 任何因本合同的履行而产生的争议，均应当友好协商解决，如无法协商解决，各方同意交由</span>
              <span>{{ form.contract.arbirate }}</span>
              <span>仲裁委员会按照该会现时有效的仲裁规则予以仲裁；</span>
            </van-col>
            <van-col span="24" class="one_3">
              <span>第八条 本合同一式三份，双方各执一份，备案一份。</span>
            </van-col>
            <van-col span="24" class="btn">
              <van-button type="info" size="small" @click="onSubmit('3')">合同通过</van-button>
              <van-button type="danger" size="small" @click="onSubmit('-3')">合同拒绝</van-button>
            </van-col>
          </van-form>
        </van-col>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'contract-1',
  props: {
    form: { type: Object },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {
    onSubmit(status) {
      this.$emit('onSubmit', { data: this.form, status: status });
    },
  },

  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  .one {
    padding: 0 5px;
    font-size: 16px;
    span {
      line-height: 30px;
    }
    .one_1 {
      text-align: center;
      font-weight: bold;
      margin: 8px 0 8px 0;
    }
    .one_2 {
      margin: 0 0 8px 0;
      span:last-child {
        display: inline-block;
        width: 65%;
        border-bottom: 1px solid #000;
        font-weight: bold;
      }
    }
    .one_3 {
      margin: 0 0 8px 0;
    }
    .one_4 {
      margin: 0 0 8px 0;
      span:nth-child(2n) {
        padding: 0 15px;
        margin: 0 5px;
        border-bottom: 1px solid #000;
        font-weight: bold;
      }
    }
    .btn {
      margin: 8px 0;
      text-align: center;
      .van-button {
        margin: 0 10px;
      }
    }
  }
}
</style>