<template>
  <view class="content">
    <view class="title"> 新增项目 </view>
    <view class="list"> </view>

    <view class="group">
      <button @click="onHandleSubmit(0)" class="commit">取消</button>
      <button
        @click="onHandleSubmit(1)"
        type="primary"
        class="commit"
      >
        确定
      </button>
    </view>
  </view>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return { project_id: 0 };
  },
  computed: {
    ...mapState(["currentProject"]),
  },
  onLoad(options) {
    this.project_id = options.project_id;
  },
  methods: {
    onHandleSubmit(value) {
      if (value) console.log("提交成功");
      uni.navigateTo({
        url: "./list",
      });
    },
  },
};
</script>

<style lang="less" scoped>
.content {
  display: flex;
  flex-wrap: wrap;
}
.title {
  width: 100%;
  padding: 0 20px 20px 20px;
  background: #f8f8f8;
  font: 24px bold;
}
.list {
  margin-left: 10%;
  width: 100%;
}
.detail {
  width: 100%;
  padding: 15px 0;
  font-size: 18px;
  display: flex;
  justify-items: space-between;
  .subTitle {
    width: 30%;
  }
  .detailContent {
    width: 70%;
  }
}

.group {
  width: 100%;
  display: flex;
  position: fixed;
  flex-wrap: wrap;
  justify-content: flex-start;
  bottom: 0;
  left: 0;
  .commit {
    width: 50%;
    border-radius: 0;
    margin: inherit;
  }
}
</style>
