CostumingPlatform/ant-design-vue-jeecg/src/components/procedure/basicAction.vue

<template>
  <div style="padding: 15px 25px;display: flex;justify-content: space-between">
      <img :src="img == ''?img1:img" style="width:30%;">
      <video v-if="mp4 != ''" :src="mp4" style="border:1px solid #d9d9d9;width:30%;"/>
      <p v-else style="padding-top: 20px"> 暂无视频</p>
      <table border="1" style="width:30%;font-size:14px;margin-bottom: 20px;" class="table">
        <!--          <tr>-->
        <!--            <td style="text-align: center">添加人:</td>-->
        <!--            <td>{{model.addPeople}}</td>-->
        <!--          </tr>-->
        <tr>
          <td style="text-align: center">频率:</td>
          <td>{{tableModel.freq}}</td>
        </tr>
        <tr>
          <td style="text-align: center">描述:</td>
          <td>{{tableModel.descr}}</td>
        </tr>
        <tr>
          <td style="text-align: center">机器TMU:</td>
          <td>{{tableModel.machineTmu}}</td>
        </tr>
        <tr>
          <td style="text-align: center">手工TMU:</td>
          <td>{{tableModel.machineTmu}}</td>
        </tr>
        <tr>
          <td style="text-align: center">编号:</td>
          <td>{{tableModel.nums}}</td>
        </tr>
      </table>
  </div>
</template>
<script>
  export default {
    name: 'basicAction',
    // props:{
    //   tableModel:{
    //     type:Array,
    //     default: () =>({})
    //   }
    //   },
    props:['tableModel'],
    data () {
      return {
        model:{
        },
        img:'',//图片地址
        img1:require('@/assets/9-2.png'),// 默认图片
        mp4:'',//视频地址
        visible: false,
        confirmLoading: false,
        validatorRules: {
        },
      }},
    created() {
    },
    methods: {}
      }
</script>
<style scoped>
  .table{border-color:#d9d9d9;border-radius: 3px}
  .table td{padding: 10px 20px;max-width: 380px; }
  .table td span{color: #333}
</style>