drp-ui/src/views/marketing/dealer-authorization/authprivSee.vue

<!-- 经销商授权信息-查看 -->
<template>
  <el-dialog
    title="查看"
    :visible.sync="visible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
  >
    <el-form :model="formData" label-position="left" label-width="120px">
      <el-form-item
        v-for="column in formColumns"
        :label="column.title"
        :prop="column.key"
      >
        <el-input
          v-if="column.type == 'Input'"
          readonly
          v-model="formData[column.key]"
          autocomplete="off"
        >
        </el-input>

        <el-date-picker
          v-if="column.type == 'DateRange'"
          readonly
          v-model="formData[column.key]"
          type="daterange"
          format="yyyy-MM-dd "
          value-format="yyyy-MM-dd"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        >
        </el-date-picker>

        <el-date-picker
          v-if="column.type == 'Date'"
          readonly
          v-model="formData[column.key]"
          type="date"
          format="yyyy-MM-dd "
          value-format="yyyy-MM-dd"
          placeholder="选择日期"
        >
        </el-date-picker>
      </el-form-item>
    </el-form>
    <div slot="footer">
      <el-button @click="setVisible(false)">取 消</el-button>
    </div>
  </el-dialog>
</template>

<script>
import useColumns from "./columns";
import { initParams } from "../utils/init";
export default {
  name: "authprivSee",
  data() {
    const { FormColumns } = useColumns();
    return {
      visible: false,
      formData: { ...initParams(FormColumns) },
      formColumns: FormColumns,
    };
  },
  methods: {
    // 控制弹窗展示
    setVisible(val) {
      this.visible = val;
    },
    setFormData(data) {
      if (data.id) {
        this.formData = {
          ...data,

          time: [data.startTime, data.endTime],
        };
      }
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.authpriv {
  width: calc(100% - 24px);
  height: 100%;
  margin: 10px;
}
</style>