udiwms-vue-frame/src/views/dev/invDeviceUpkeepEditDialog.vue

<template>
  <div>
    <el-form :model="inputQuery" :rules="rules" ref="inputQuery" label-width="100px">
      <div style=" float: right;
              text-align: right;
            margin-bottom: 8px;">
        <!--<el-button type="primary" size="mini" icon="search" @click="addCert"-->
        <!--           style="text-align:right"-->
        <!--&gt;添加技术资料-->
        <!--creatUserName-->
        <!--:-->
        <!--null-->
        <!--deptName-->
        <!--:-->
        <!--"手术室"-->
        <!--deviceCode-->
        <!--:-->
        <!--"S0790586160"-->
        <!--deviceCount-->
        <!--:-->
        <!--1-->
        <!--exceptionCount-->
        <!--:-->
        <!--0-->
        <!--finishCount-->
        <!--:-->
        <!--0-->
        <!--finishFlag-->
        <!--:-->
        <!--false-->
        <!--itemCount-->
        <!--:-->
        <!--2-->
        <!--manufactory-->
        <!--:-->
        <!--"大博医疗科技股份有限公司"-->
        <!--</el-button>-->
      </div>
      <el-table v-loading="certLoading" :data="upkeepList" style=" width: 100%;margin-top: 20px" border
                highlight-current-row>
        <el-table-column type="index" label="序号" width="50"></el-table-column>
        <el-table-column label="保养人" prop="createUserName"></el-table-column>
        <el-table-column label="设备编码" prop="deviceCode"></el-table-column>
        <el-table-column label="科室" prop="deptName"></el-table-column>
        <el-table-column label="设备数量" prop="deviceCount"></el-table-column>
        <el-table-column label="异常次数" prop="exceptionCount"></el-table-column>
        <el-table-column label="完成次数" prop="finishCount"></el-table-column>
        <el-table-column label="生产厂家" prop="manufactory"></el-table-column>
        <!--<el-table-column label="证书维修状态">-->
        <!--  <template slot-scope="scope">-->
        <!--    &lt;!&ndash;<el-tag type="warning">{{ expire[scope.row.finishFlag] }}</el-tag>&ndash;&gt;-->
        <!--    <el-tag :type="deviceRepair[scope.row.finishFlag].tagType">{{ expire[scope.row.finishFlag] }}</el-tag>-->
        <!--  </template>-->
        <!--</el-table-column>-->
        <!--        <el-table-column label="审核状态" prop="auditStatus" width="120">-->
        <!--          <template slot-scope="scope">-->
        <!--            <el-tag :type="(scope.row.auditStatus) | statusFilterType">-->
        <!--              {{ checkFlag[scope.row.auditStatus] }}-->
        <!--            </el-tag>-->
        <!--          </template>-->
        <!--        </el-table-column>-->
        <!--<el-table-column label="备注" prop="remark"></el-table-column>-->

        <!--<el-table-column label="操作" width="140">-->
        <!--  <template slot-scope="scope">-->
        <!--    <el-button-->
        <!--      type="text"-->
        <!--      size="small"-->
        <!--      @click.native="addCert(scope.row)"-->
        <!--    >编辑-->
        <!--    </el-button-->
        <!--    >-->
        <!--    &lt;!&ndash;<el-button type="text" size="mini" @click.native="showImgViewer(scope.row)">&ndash;&gt;-->
        <!--    &lt;!&ndash;  预览&ndash;&gt;-->
        <!--    &lt;!&ndash;</el-button>&ndash;&gt;-->
        <!--    <el-button-->
        <!--      type="text"-->
        <!--      size="small"-->
        <!--      @click.native="deleteDeviceCert(scope.row)"-->
        <!--    >删除-->
        <!--    </el-button>-->
        <!--  </template>-->
        <!--</el-table-column>-->
      </el-table>
      <!--<el-image-viewer v-if="imgViewerVisible" style="z-index:9999" :on-close="closeImgViewer"-->
      <!--                 :url-list="imgList"/>-->
      <pagination
        v-show="certTotal>0"
        :total="certTotal"
        :page.sync="certQuery.page"
        :limit.sync="certQuery.limit"
        @pagination="certHandleCurrentChange"
      ></pagination>


      <el-dialog
        :title="formMap[formName]"
        :visible.sync="addCertVisible"
        :close-on-click-modal="false"
        :close-on-press-escape="false"
        width="70%"
        v-if="addCertVisible"
        append-to-body
        @close='closeLocalDialog'
      >
        <deviceAddCert
          :closeDialog="closeLocalDialog"
          :inputQuery="inputQuery"
          :addType="addType"
          :editTye="editTye"
        ></deviceAddCert>
      </el-dialog>


    </el-form>
  </div>
</template>

<script>
import {modifyCompany, addCompany, bindCorp, previewImage} from "@/api/purchase/supCompany";
import store from "@/store";
import {regionDataPlus, CodeToText} from "element-china-area-data";
import {deleteDeviceCert, updateDeviceCert} from "@/api/dev/deviceCert";
import {deviceRepairByUserPage} from "@/api/dev/deviceRepairApi";
import {deviceUpkeepByUserPage} from "@/api/dev/deviceUpkeepApi";
import corpMaintainSelect from "@/views/basic/corpMaintain/corpMaintainSelect"
import deviceAddCert from "@/views/inventory/cert/depCertAddDialog.vue";
import draggable from "vuedraggable";
import {getUUID, isBlank} from "@/utils/strUtil";
import supCertSetSelectDialog from "@/views/purchase/cert/supCertSetSelectDialog";
import {getBasicUnitMaintains, getCorpList} from "@/api/basic/basicUnitMaintain";
import ElImageViewer from "element-ui/packages/image/src/image-viewer"

export default {

  name: "invDeviceUpkeepEditDialog",
  props: {
    // closeDialog: {
    //   type: Function,
    //   required: true,
    // },
    // inputEdit: {
    //   type: Object,
    //   required: true,
    // },
    // editType: {
    //   type: Number,
    //   required: true,
    // }
    idQuery: {
      type: Object,
      required: true,
    },
    rowData: {
      type: Object,
      required: true,
    },

  },
  watch: {
    rowData: function (newVal, oldVal) {
      console.log("ggggg")
      this.searchData(newVal);
    }
  }
  ,
  data() {
    return {
      formName: null,
      formMap: {
        "add": "添加技术资料",
        "edit": "编辑技术资料"
      },
      BASE_URL: process.env.VUE_APP_BASE_API,
      headers: {},
      classesDisplay: false,
      selectedOptions: [],
      imgViewerVisible: false,
      imgList: [],
      options: regionDataPlus,
      inputQuery: {
        // customerId: null,
        devCodeFk: null,
        companyName: null,
        contacts: null,
        mobile: null,
        detailAddr: null,
      },
      rules: {
        companyName: [
          {
            required: true,
            message: "请输入企业名称",
            trigger: "blur"
          }
        ],
        creditNum: [
          {
            required: true,
            message: "请输入统一社会信用代码",
            trigger: "blur"
          }
        ],
        classes: [
          {
            required: true,
            message: "请选择企业类别",
            trigger: "change"
          }
        ],
        area: [
          {
            required: true,
            message: "请选择所属地区",
            trigger: "change"
          }
        ],
        detailAddr: [
          {
            required: true,
            message: "请输入详细地址",
            trigger: "change"
          }
        ],
        contacts: [
          {
            required: true,
            message: "请输入联系人",
            trigger: "change"
          }
        ],
        mobile: [
          {
            required: true,
            message: "请输入联系电话",
            trigger: "change"
          }
        ],
        email: [
          {
            required: true,
            message: "请输入邮箱",
            trigger: "change"
          }
        ],
        updateCause: [
          {
            required: true,
            message: "请输入变更原因",
            trigger: "change"
          }
        ],

      },
      uploadUrl: "",
      fileUrl: "",
      certFileUrl: "",
      url: 'http://127.0.0.1:9996/udiwms/image/register/file/getImage?type=image1&name=t11111.jpg',
      certQuery: {
        deviceCode:"",
        page: 1,
        limit: 20,
      },
      deviceRepair : {
        false: {key: "NORMAL", tagType: "warning", desc: "未完成"},
        true: {key: "NORMAL", tagType: "success", desc: "已完成"},
      },
      expire: {
        true: "已完成",
        false: "未完成"
      },
      upkeepList: [],
      certTotal: 0,
      certLoading: false,
      addCertVisible: false,
      salesmanQuery: {
        name: "",
        page: 1,
        limit: 20
      },
      salesmanList: [],
      salesmanTotal: 0,
      salesmanLoading: false,
      addSalesmanVisible: false,
      certTypeMap: {
        1: '身份证'
      },
      selectLocalVisible: false,
      productQuery: {
        ylqxzcrbarmc: "",
        cpmctymc: "",
        ggxh: "",
        page: 1,
        limit: 20
      },
      maintainsList: [],
      productList: [],
      productTotal: 0,
      productLoading: false,
      uuid: null,
      companyApplyUpdateVisible: false,
      companyEditDisabled: true,
      companyEditButtonStr: "编辑",
      addType: "2", //证书类型（1：资质证书；2：技术材料）
      checkFlag: {
        0: "草稿",
        1: "已通过",
        2: "已拒绝",
        3: "变更未审核",
        6: "未审核",
      },
      editTye: 1,
      selectCorpVisible: false,
      selectCertVisible: false,
      certType: 1,
      customerId: null,

    };
  }
  ,
  methods: {
    searchData(query) {
      console.log("完成！")
      console.log(query)
      this.idQuery = {...query}

      this.getDeviceCertList();

    },
    //预览照片
    showImgViewer(row) {
      this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
      this.imgList = [];
      previewImage({imageUrl: row.filePath, certFileUrl: this.certFileUrl}).then(response => {
        if (response.code === 20000) {
          this.imgList = response.data;
        }
      });
      this.imgViewerVisible = true;
      const m = (e) => {
        e.preventDefault()
      };
      document.body.style.overflow = 'hidden';
      document.addEventListener("touchmove", m, false); // 禁止页面滑动
    },
    closeImgViewer() {
      this.imgViewerVisible = false;
      const m = (e) => {
        e.preventDefault()
      };
      document.body.style.overflow = 'auto';
      document.removeEventListener("touchmove", m, true);
    },
    selectBasicCorp() {
      this.selectCorpVisible = true;
    },
    cancelDialog() {
      this.closeDialog();
    },
    //关闭添加证书界面
    closeLocalDialog() {
      this.addCertVisible = false;
      this.selectCertVisible = false;
      // this.getCompanyCertList();
      this.getDeviceCertList();
    }
    ,
    //添加资质证书
    addCert(row) {
      if (isBlank(this.inputQuery.devCodeFk)) {
        return this.$message.error("请先选择设备");
      }
      console.log(this.inputQuery.devCodeFk)
      if (this.$isNotBlank(row) && this.$isNotBlank(row.id)) {
        this.formName = "edit"
        this.inputQuery.formData = row;
        this.editTye = 2;
      } else {
        this.formName = "add"
        this.inputQuery.formData = {};
        this.inputQuery.formData.addType = 2;
        this.editTye = 1;
      }
      this.addCertVisible = true;
    }
    ,
    //页数
    certHandleCurrentChange(val) {
      this.certQuery.page = val.page;
      // this.getCompanyCertList();
      this.getDeviceCertList();
    },
    getBasicUnitMaintainsList() {
      getCorpList()
        .then((response) => {
          this.maintainsList = response.data || [];
        })
        .catch(() => {
          this.maintainsList = [];
        });

    },


    getDeviceCertList() {
      this.certLoading = true;
      // let certRuery = {}
      // this.certQuery.customerId = this.inputEdit.customerId;
      // console.log("获取idQuery：")
      // console.log(this.idQuery)
      this.certQuery.deviceCode = this.rowData.deviceCode
      this.inputQuery={...this.idQuery};
      this.inputQuery.devCodeFk=this.idQuery.devCodeFk;
      // console.log(this.inputQuery);
      // console.log("获取this.certQuery:")
      // console.log(this.certQuery)
      deviceUpkeepByUserPage(this.certQuery)
        .then((response) => {
          this.certLoading = false;
          this.upkeepList = response.data.list || [];
          this.certTotal = response.data.total;
          console.log("获取到的保养记录的数据",this.upkeepList)
        })
        .catch(() => {
          this.certLoading = false;
          this.certList = [];
        });
    },

    deleteDeviceCert(row) {
      this.$confirm("是否删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        this.certLoading = true;
        let tquery = {
          id: row.id,
          filePath: row.filePath,
        };
        deleteDeviceCert(tquery)
          .then((response) => {
            this.certLoading = false;
            if (response.code === 20000) {
              this.getDeviceCertList();
              this.$message({
                type: "success",
                message: "删除成功！",
              });
            } else {
              this.$message.error(response.message);
            }
          })
          .catch(() => {
            this.certLoading = false;
          });
      }).catch(() => {
      });
    },
  },
  created() {
    console.log("dangqian jieshou de shangyihang shujv 0",this.rowData)
    this.getDeviceCertList();
    this.headers = {
      ADMINID: store.getters.adminId,
      ADMINTOKEN: store.getters.token,
    };
  },
  components: {
    draggable, deviceAddCert, corpMaintainSelect, supCertSetSelectDialog, ElImageViewer
  }

}
;
</script>
<style scoped>

</style>