Arbitrate-Frontend/src/views/caseManagement/components/choosetrialmethodDaiog.vue

<template>
  <div>
    <!-- 选择仲裁方式页面 -->
    <el-dialog
      title="开庭方式"
      :visible="showchoosetrialmethod"
      width="500px"
      @close="cancel"
      :destroy-on-close="true"
    >
      <div class="radiobox">
        <el-radio-group v-model="radio">
          <el-radio :label="1">书面审理</el-radio>
          <el-radio :label="2">开庭审理</el-radio>
        </el-radio-group>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">提 交</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "showchoosetrialmethodDialog",
  props: ["showchoosetrialmethod"],
  data() {
    return {
      // key: value
      radio: 1,
    };
  },
  methods: {
    // 提交开庭方式
    submitForm() {},
    cancel() {
      this.$emit("cancelshowchoosetrialMethod");
    },
  },
};
</script>

<style lang="scss" scoped>
.radiobox{
    margin-left: 5%;
}
</style>