dca373e2af1e0c12820e1ee19e64b703858924ec.svn-base 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!-- -->
  2. <template>
  3. <div>
  4. <el-form ref="form" label-position="right" label-width="7vw">
  5. <el-form-item label="会议名称:">
  6. <div>{{meetingInfoRow.title}}</div>
  7. </el-form-item>
  8. <el-form-item label="会议内容:">
  9. <div>{{meetingInfoRow.content}}</div>
  10. </el-form-item>
  11. <el-form-item label="会议状态:">
  12. <div
  13. :style="meetingInfoRow.state == '1'? 'color:#409eff'
  14. :meetingInfoRow.state == '2' ? 'color:#67c23a'
  15. :meetingInfoRow.state == '3' ? 'color:#e6a23c':'#909399'">
  16. {{meetingInfoRow.state == "1" ? "未开始"
  17. :meetingInfoRow.state == "2" ? "进行中"
  18. :meetingInfoRow.state == "3" ? "已结束" :"已关闭"}}</div>
  19. </el-form-item>
  20. <el-form-item label="计划开始时间:">
  21. <div>{{meetingInfoRow.stTm}}</div>
  22. </el-form-item>
  23. <el-form-item label="结束开始时间:">
  24. <div>{{meetingInfoRow.enTm}}</div>
  25. </el-form-item>
  26. <el-form-item label="实际开始时间:">
  27. <div>{{meetingInfoRow.startTm}}</div>
  28. </el-form-item>
  29. <el-form-item label="实际开始时间:">
  30. <div>{{meetingInfoRow.endTm}}</div>
  31. </el-form-item>
  32. </el-form>
  33. </div>
  34. </template>
  35. <script>
  36. //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
  37. //例如:import 《组件名称》 from '《组件路径》';
  38. export default {
  39. //import引入的组件需要注入到对象中才能使用
  40. components: {},
  41. props:['meetingInfoRow'],
  42. data() {
  43. //这里存放数据
  44. return {
  45. };
  46. },
  47. //监听属性 类似于data概念
  48. computed: {},
  49. //监控data中的数据变化
  50. watch: {},
  51. //方法集合
  52. methods: {
  53. },
  54. //生命周期 - 创建完成(可以访问当前this实例)
  55. created() {
  56. },
  57. //生命周期 - 挂载完成(可以访问DOM元素)
  58. mounted() {
  59. },
  60. beforeCreate() {}, //生命周期 - 创建之前
  61. beforeMount() {}, //生命周期 - 挂载之前
  62. beforeUpdate() {}, //生命周期 - 更新之前
  63. updated() {}, //生命周期 - 更新之后
  64. beforeDestroy() {}, //生命周期 - 销毁之前
  65. destroyed() {}, //生命周期 - 销毁完成
  66. activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
  67. }
  68. </script>
  69. <style scoped>
  70. </style>