Fpanel.vue

<template>
  <div class="eibs">
    <!-- =================左边============== -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="操作选择" prop="opetye">
          <c-select v-model="model.opetye" style="width: 100%">
            <el-option
              v-for="item in opetye"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="本地文件路径" prop="filpth">
          <c-input
            v-model="model.filpth"
            style="width: 100%"
            placeholder="请输入本地文件路径"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="上传文件名" prop="newnam">
          <c-input
            v-model="model.newnam"
            style="width: 100%"
            :disabled="model.opetye !== '1'"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="注意：上传文件若包含表头系统将无法解析"
          label-width="300px"
        ></el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="删除首行上传" class="checkbox-left">
          <c-checkbox
            v-model="model.flg"
            :disabled="model.opetye !== '1'"
          ></c-checkbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="解析文件名" prop="opefil">
          <c-input v-model="model.opefil" disabled></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item>
          <c-button
            type="primary"
            :disabled="!(this.flag && model.opetye == '1')"
            @click="onOpnfil"
            >文件预览</c-button
          >
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item>
        <c-button
          type="primary"
          :disabled="!(this.flag && model.opetye == '1')"
          @click="onUpload"
          >文件上传</c-button
        ></el-form-item>
      </c-col>
     
      <c-col :span="24">
        <el-form-item>
        <c-button
          type="primary"
          :disabled="!(this.flag && model.opetye == '2')"
          @click="onReadfil"
          >文件解析</c-button
        ></el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item>
        <c-button
          type="primary"
          :disabled="
            !(this.flag && (model.opetye == '1' || model.opetye == '2'))
          "
          @click="onDel"
        >
          文件删除</c-button
        ></el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-istream-table
        :list="model.filstm.rows || []"
        :columns="stmData.columns"
        :showButtonFlg="true"
        @chooseRowEvent="rowcli"
      >
      </c-istream-table>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptbat/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      flag: false,
      opetye: [
        { label: "文件上传", value: "1" },
        { label: "文件解析", value: "2" },
        { label: "已解析文件", value: "3" },
      ],
      stmData: {
        columns: ['0 1 "批量文件列表" '],
        data: [],
      },
    };
  },
  methods: {
    ...Event,
  },
  watch: {
    "model.opetye": {
      immediate: true,
      async handler(val, oldVal) {
        if (this.model.opetye == "1") {
          let rtnmsg = await this.executeRule("opetye");
          if (rtnmsg.respCode == SUCCESS) {
            //TODO 处理数据逻辑
          } else {
            this.$notify.error({ title: "错误", message: "服务请求失败！" });
          }
        } else if (this.model.opetye == "2") {
          let rtnmsg = await this.executeRule("opetye");
          if (rtnmsg.respCode == SUCCESS) {
            //TODO 处理数据逻辑
          } else {
            this.$notify.error({ title: "错误", message: "服务请求失败！" });
          }
        }
        if (this.model.opetye == "3") {
          let rtnmsg = await this.executeRule("opetye");
          if (rtnmsg.respCode == SUCCESS) {
            //TODO 处理数据逻辑
          } else {
            this.$notify.error({ title: "错误", message: "服务请求失败！" });
          }
        }
      },
    },
  },
  created: function () {},
};
</script>
<style>
</style>