| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <!-- -->
- <template>
- <div>
- <el-form ref="form" label-position="right" label-width="7vw">
- <el-form-item label="会议名称:">
- <div>{{meetingInfoRow.title}}</div>
- </el-form-item>
- <el-form-item label="会议内容:">
- <div>{{meetingInfoRow.content}}</div>
- </el-form-item>
- <el-form-item label="会议状态:">
- <div
- :style="meetingInfoRow.state == '1'? 'color:#409eff'
- :meetingInfoRow.state == '2' ? 'color:#67c23a'
- :meetingInfoRow.state == '3' ? 'color:#e6a23c':'#909399'">
- {{meetingInfoRow.state == "1" ? "未开始"
- :meetingInfoRow.state == "2" ? "进行中"
- :meetingInfoRow.state == "3" ? "已结束" :"已关闭"}}</div>
- </el-form-item>
- <el-form-item label="计划开始时间:">
- <div>{{meetingInfoRow.stTm}}</div>
- </el-form-item>
- <el-form-item label="结束开始时间:">
- <div>{{meetingInfoRow.enTm}}</div>
- </el-form-item>
- <el-form-item label="实际开始时间:">
- <div>{{meetingInfoRow.startTm}}</div>
- </el-form-item>
- <el-form-item label="实际开始时间:">
- <div>{{meetingInfoRow.endTm}}</div>
- </el-form-item>
- </el-form>
- </div>
- </template>
- <script>
- //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
- //例如:import 《组件名称》 from '《组件路径》';
- export default {
- //import引入的组件需要注入到对象中才能使用
- components: {},
- props:['meetingInfoRow'],
- data() {
- //这里存放数据
- return {
-
- };
- },
- //监听属性 类似于data概念
- computed: {},
- //监控data中的数据变化
- watch: {},
- //方法集合
- methods: {
- },
- //生命周期 - 创建完成(可以访问当前this实例)
- created() {
- },
- //生命周期 - 挂载完成(可以访问DOM元素)
- mounted() {
- },
- beforeCreate() {}, //生命周期 - 创建之前
- beforeMount() {}, //生命周期 - 挂载之前
- beforeUpdate() {}, //生命周期 - 更新之前
- updated() {}, //生命周期 - 更新之后
- beforeDestroy() {}, //生命周期 - 销毁之前
- destroyed() {}, //生命周期 - 销毁完成
- activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
- }
- </script>
- <style scoped>
- </style>
|