1

wwl

2025-06-20 375f79172e357300895dbae7ab7fb19bf6e4b4e1

 src/views/system/contract/index.vue

@@ -1,305 +1,147 @@
<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="68px"
    >
      <el-form-item label="单位名称" prop="company">
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.company"
          remote
          default-first-option
          allow-create
          filterable
          style="width: 200px"
          placeholder="请选择单位名称"
          clearable
          @change="idFn1"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.cnName"
            :label="dict.cnName"
            :value="dict.drugManufacturerId"
          />
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="单位名称" v-show="showSearch" prop="company">
        <el-select :remote-method="getRemoteData" v-model="queryParams.company" remote default-first-option allow-create
          filterable style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1">
          <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
            :value="dict.drugManufacturerId" />
        </el-select>
        <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
      </el-form-item>

      <el-form-item label="合同类型" prop="htlx">
        <el-select
          v-model="queryParams.htlx"
          placeholder="请选择合同类型"
          clearable
          style="width: 100%"
        >
          <el-option
            v-for="dict in dict.type.sys_type_contract"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        <el-select v-model="queryParams.htlx" placeholder="请选择合同类型" clearable style="width: 100%">
          <el-option v-for="dict in dict.type.sys_type_contract" :key="dict.value" :label="dict.label"
            :value="dict.value" />
        </el-select>
      </el-form-item>

      <el-form-item label="日期起始" prop="htrqqz">
        <el-date-picker
          v-model="queryParams.htrqqz"
          type="date"
          placeholder="选择起始日期"
        >
        <el-date-picker v-model="queryParams.htrqqz" type="date" placeholder="选择起始日期">
        </el-date-picker>
      </el-form-item>

      <el-form-item label="日期终止" prop="htrqzz">
        <el-date-picker
          v-model="queryParams.htrqzz"
          type="date"
          placeholder="选择终止日期"
        >
        <el-date-picker v-model="queryParams.htrqzz" type="date" placeholder="选择终止日期">
        </el-date-picker>
      </el-form-item>

      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="handleQuery"
          >搜索</el-button
        >
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:package:add']"
          >新增</el-button
        >
        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['system:package:add']">新增</el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUp"
          v-hasPermi="['system:package:edit']"
          >修改</el-button
        >
        <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUp"
          v-hasPermi="['system:package:edit']">修改</el-button>
      </el-col>

      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:package:remove']"
          >删除</el-button
        >
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
          v-hasPermi="['system:package:remove']">删除</el-button>
      </el-col>
    </el-row>

    <el-table
      border
      v-loading="loading"
      :data="dataList"
      @selection-change="handleSelectionChange"
    >
    <el-table border v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />

      <el-table-column label="序号" align="center" prop="newID" width="55" />

      <el-table-column label="合同类型" align="center" prop="htlx" width="90">
        <template slot-scope="scope">
          <dict-tag
            :options="dict.type.sys_type_contract"
            :value="scope.row.htlx"
          />
          <dict-tag :options="dict.type.sys_type_contract" :value="scope.row.htlx" />
        </template>
      </el-table-column>
      <el-table-column label="企业名称" align="center" prop="qymc" width="140">
      </el-table-column>
      <el-table-column label="合同金额" align="center" prop="htje" width="80" />

      <el-table-column
        label="负责人员"
        align="center"
        prop="htfzr"
        width="100"
        :show-overflow-tooltip="true"
      />
      <el-table-column label="负责人员" align="center" prop="htfzr" width="100" :show-overflow-tooltip="true" />

      <el-table-column
        label="日期起始"
        align="center"
        prop="htrqqz"
        width="100"
      >
      <el-table-column label="日期起始" align="center" prop="htrqqz" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.htrqqz, "{y}-{m}-{d}") }}</span>
        </template>
      </el-table-column>

      <el-table-column
        label="日期终止"
        align="center"
        prop="htrqzz"
        width="100"
      >
      <el-table-column label="日期终止" align="center" prop="htrqzz" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.htrqzz, "{y}-{m}-{d}") }}</span>
        </template>
      </el-table-column>

      <el-table-column
        label="客户姓名"
        align="center"
        prop="lxrxm"
        width="80"
      />
      <el-table-column label="联系电话" align="center" prop="lxrdh" width="120" />

      <el-table-column label="客户电话" align="center" prop="lxrdh" width="120">
      <el-table-column label="续签合同标志" align="center" prop="xqbz" width="140">
      </el-table-column>

      <el-table-column label="合同金额" align="center" prop="htje" width="80" />

      <el-table-column
        label="续签合同标志"
        align="center"
        prop="xqbz"
        width="140"
      >
      </el-table-column>

      <el-table-column
        label="原合同序号"
        align="center"
        prop="yhtxh"
        width="140"
      >
      </el-table-column>

      <el-table-column label="企业名称" align="center" prop="qymc" width="140">
      <el-table-column label="原合同序号" align="center" prop="yhtxh" width="140">
      </el-table-column>

      <el-table-column label="备注" align="center" prop="remark" />

      <el-table-column label="操作" align="center" width="140">
        <template slot-scope="scope">
          <el-button size="mini" type="text" @click="handleEdit(scope.row)"
            >编辑</el-button
          >
          <el-button size="mini" type="text" @click="handleEdit(scope.row)">编辑</el-button>

          <el-button size="mini" type="text" @click="handleDelete(scope.row)"
            >删除</el-button
          >
          <el-button size="mini" type="text" @click="handleDelete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <div class="pag">
      <div class="pag1">
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize" @pagination="getList" />
      </div>
    </div>

    <!-- 添加或修改问题列表对话框 -->

    <el-dialog
      :title="title"
      :visible.sync="open"
      width="1000px"
      append-to-body
    >
      <el-form
        :model="form"
        ref="form"
        :rules="rules"
        label-width="80px"
        :inline="true"
      >
    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
      <el-form :model="form" ref="form" :rules="rules" label-width="80px" :inline="true">
        <!-- <el-form-item label="单位名称" prop="cnName">
          <el-select :remote-method="getRemoteData" v-model="form.cnName" remote default-first-option allow-create
            filterable style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1">
            <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
              :value="dict.drugManufacturerId" />
          </el-select>
        </el-form-item> -->
        <el-form-item label="合同类型" prop="htlx">
          <el-select
            v-model="form.htlx"
            filterable
            placeholder="请选择合同类型"
            style="width: 100%"
            clearable
          >
            <el-option
              v-for="dict in dict.type.sys_type_contract"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          <el-select v-model="form.htlx" filterable placeholder="请选择合同类型" style="width: 100%" clearable>
            <el-option v-for="dict in dict.type.sys_type_contract" :key="dict.value" :label="dict.label"
              :value="dict.value" />
          </el-select>
        </el-form-item>

        
        <el-form-item label="企业名称" prop="qymc">
          <el-input
            placeholder="请输入企业名称"
            v-model="form.qymc"
            clearable
          ></el-input>
          <el-input placeholder="请输入企业名称" v-model="form.qymc" clearable></el-input>
        </el-form-item>

         <el-form-item label="合同金额" prop="htje">
          <el-input
            placeholder="请输入合同金额"
            v-model="form.htje"
            clearable
          ></el-input>
        <el-form-item label="合同金额" prop="htje">
          <el-input placeholder="请输入合同金额" v-model="form.htje" clearable></el-input>
        </el-form-item>

        <el-form-item label="负责人员" prop="htfzr">
          <el-input
            v-model="form.htfzr"
            placeholder="请输入负责人员"
            clearable
          />
          <el-input v-model="form.htfzr" placeholder="请输入负责人员" clearable />
        </el-form-item>

        <el-form-item label="起始日期" prop="htrqqz">
          <el-date-picker
            clearable
            v-model="form.htrqqz"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择合同起始日期"
          >
          <el-date-picker clearable v-model="form.htrqqz" type="date" value-format="yyyy-MM-dd" placeholder="请选择合同起始日期">
          </el-date-picker>
        </el-form-item>

        <el-form-item label="终止日期" prop="htrqzz">
          <el-date-picker
            clearable
            v-model="form.htrqzz"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择合同终止日期"
          >
          <el-date-picker clearable v-model="form.htrqzz" type="date" value-format="yyyy-MM-dd" placeholder="请选择合同终止日期">
          </el-date-picker>
        </el-form-item>

@@ -312,37 +154,19 @@
        </el-form-item> -->

        <el-form-item label="联系电话" prop="lxrdh">
          <el-input
            placeholder="请输入联系电话"
            v-model="form.lxrdh"
            clearable
          ></el-input>
          <el-input placeholder="请输入联系电话" v-model="form.lxrdh" clearable></el-input>
        </el-form-item>

        <el-form-item label="公司座机" prop="gszj">
          <el-input
            placeholder="请输入公司座机"
            v-model="form.gszj"
            clearable
          ></el-input>
          <el-input placeholder="请输入公司座机" v-model="form.gszj" clearable></el-input>
        </el-form-item>

        <el-form-item label="签约人数" prop="qyrs">
          <el-input
            placeholder="请输入签约人数"
            v-model="form.qyrs"
            clearable
          ></el-input>
          <el-input placeholder="请输入签约人数" v-model="form.qyrs" clearable></el-input>
        </el-form-item>

       

        <el-form-item label="续签标志" prop="xqbz">
          <el-input
            placeholder="请输入续签合同标志"
            v-model="form.xqbz"
            clearable
          ></el-input>
          <el-input placeholder="请输入续签合同标志" v-model="form.xqbz" clearable></el-input>

          <!-- <el-select v-model="form.xqbz" placeholder="请选择续签合同标志" clearable style="width: 100%;">

@@ -354,22 +178,19 @@
        </el-form-item>

        <el-form-item label="原合同号" prop="yhtxh">
          <el-input
            placeholder="请输入原合同序号"
            v-model="form.yhtxh"
            clearable
          ></el-input>
          <el-input placeholder="请输入原合同序号" v-model="form.yhtxh" clearable></el-input>
        </el-form-item>

        
        <el-form-item label="开票名称" prop="kpmc">
          <el-input placeholder="请输入开票名称" v-model="form.kpmc" clearable></el-input>
        </el-form-item>

        <el-form-item label="开票税号" prop="kpsh">
          <el-input placeholder="请输入开票税号" v-model="form.kpsh" clearable></el-input>
        </el-form-item>

        <el-form-item label="备注" prop="remark">
          <el-input
            type="textarea"
            placeholder="请输入备注"
            v-model="form.remark"
            style="width: 220px"
          ></el-input>
          <el-input type="textarea" placeholder="请输入备注" v-model="form.remark" style="width: 220px"></el-input>
        </el-form-item>
      </el-form>

@@ -379,21 +200,89 @@
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 添加单位对话框 -->
    <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="98px" :inline="true" @submit.native.prevent>
        <el-form-item label="单位名称" prop="cnName">
          <el-input v-model="form.cnName" placeholder="请输入中文名称" style="width: 510px" />
        </el-form-item>
        <el-form-item label="统一信用代码" prop="taxNumber">
          <el-input v-model="form.taxNumber" placeholder="请输入统一信用代码" style="width: 510px" />
        </el-form-item>
        <el-form-item label="法人代表" prop="legalPerson">
          <el-input v-model="form.legalPerson" placeholder="请输入法人" />
        </el-form-item>
        <el-form-item label="联系人" prop="contactPerson">
          <el-input v-model="form.contactPerson" placeholder="请输入联系人" />
        </el-form-item>
        <el-form-item label="联系电话" prop="contactPhone">
          <el-input v-model="form.contactPhone" placeholder="请输入联系电话" />
        </el-form-item>
        <el-form-item label="传真" prop="faxNumber">
          <el-input v-model="form.faxNumber" placeholder="请输入传真" />
        </el-form-item>

        <el-form-item label="注册地址" prop="registerAddress">
          <el-input v-model="form.registerAddress" placeholder="请输入注册地址" style="width: 830px" />
        </el-form-item>
        <el-form-item label="通讯地址" prop="mailingAddress">
          <el-input v-model="form.mailingAddress" placeholder="请输入通讯地址" style="width: 830px" />
        </el-form-item>

        <br />
        <el-form-item label="开户银行" prop="bankAccount">
          <el-input v-model="form.bankAccount" placeholder="请输入开户银行" style="width: 510px" />
        </el-form-item>
        <el-form-item label="银行账户" prop="countNum">
          <el-input v-model="form.countNum" placeholder="请输入银行账户" style="width: 510px" />
        </el-form-item>
        <el-form-item label="联系邮箱" prop="email">
          <el-input v-model="form.email" placeholder="请输入邮箱" />
        </el-form-item>
        <el-form-item label="负责人" prop="principal">
          <el-input v-model="form.principal" placeholder="请输入负责人" />
        </el-form-item>
        <el-form-item label="网址" prop="url">
          <el-input v-model="form.url" placeholder="请输入网址" />
        </el-form-item>

        <el-form-item label="行政区划名称" prop="areaName">
          <el-select filterable v-model="form.areaName" placeholder="请选择行政区划名称" clearable style="width: 198px">
            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" :value="dict.value" />
          </el-select>
        </el-form-item>

        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px"
            style="width: 830px" resize="none"></el-input>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm1">确 定</el-button>

        <el-button @click="cancel1">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

  

  <script>
//   import { getList, addhtxxb, edithtxxb, delhtxxb } from "@/api/account/contract";
import { getZybCompList, queryCompany, getconfigKey, getCompany } from "@/api/team/tuanti";

<script>
import { getList, addhtxxb, edithtxxb, delhtxxb } from "@/api/account/contract";
import {
  getZybCompList,
  queryCompany,
  getconfigKey,
  getCompany,
} from "@/api/team/tuanti";

import {
  addDept,
  addComp,
  updateComp,
  Deptlist,
  getDwAndDwDept,
  newExcelImport,
} from "@/api/system/comp";

export default {
@@ -402,6 +291,16 @@
  dicts: ["sys_type_contract"],

  data() {
    let checkPhoneNum = (rule, value, callback) => {
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback("");
      } else if (value != undefined && value != "") {
        return callback();
      } else if (!patter.test(value)) {
        return callback("");
      }
    };
    return {
      // 遮罩层

@@ -442,13 +341,14 @@
      // 是否显示弹出层

      open: false,
      open1: false,

      objs: {
        drugManufacturerId: "",
        reservationTime: "",
        yxts: "",
      },

      compName: "",
      // 查询参数

      queryParams: {
@@ -478,6 +378,14 @@
            trigger: "blur",
          },
        ],
        cnName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        contactPerson: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        contactPhone: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],

      },
    };
  },
@@ -492,7 +400,7 @@
    getList() {
      this.loading = true;

      /* getList(this.queryParams).then((response) => {
      getList(this.queryParams).then((response) => {
        for (let i = 0; i < response.rows.length; i++) {
          response.rows[i].newID = i + 1;
        }
@@ -500,9 +408,9 @@
        this.dataList = response.rows;

        this.loading = false;
      }); */
      });

       // 获取单位信息集合
      // 获取单位信息集合
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
      });
@@ -522,24 +430,25 @@
      });
    },

     // 体检公司拼音搜索
    // 体检公司拼音搜索
    getRemoteData(query) {
      if (query) {
        let compName = query;
        queryCompany(compName).then((response) => {
            console.log(response,123);
            
          console.log(response, 123);

          this.CompanyList = response.data;
        });
      }
    },


    idFn1(value) {
      if (value) {
        this.form.dictCompId = value;
        this.CompanyList.forEach((item) => {
          if (item.drugManufacturerId == this.form.dictCompId) {
            this.form.compName = item.cnName;
            this.compName = item.cnName;
            this.queryParams.company = item.cnName;
          }
        });
@@ -549,7 +458,7 @@
    /** 新增按钮操作 */
    handleAdd1() {
      this.reset();
      this.open = true;
      this.open1 = true;
      this.title = "添加体检单位信息维护";
    },

@@ -558,7 +467,39 @@
    cancel() {
      this.open = false;
      this.reset();
    //   this.getList();
      //   this.getList();
    },
    cancel1() {
      this.open1 = false;
    },

    /** 提交按钮 */
    submitForm1() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.form.drugManufacturerId != null) {
            updateComp(this.form).then((response) => {
              this.$modal.msgSuccess("修改成功");
              this.open1 = false;
              this.getList();
            });
          } else {
            if (
              this.form.cnName &&
              this.form.contactPerson &&
              this.form.contactPhone
            ) {
              addComp(this.form).then((response) => {
                this.$modal.msgSuccess("新增成功");
                this.open1 = false;
                this.getList();
              });
            } else {
              this.$modal.msgError("请填写必传项");
            }
          }
        }
      });
    },

    // 搜索
@@ -668,6 +609,7 @@
      this.open = true;

      this.title = "添加合同信息详情";
      this.form.qymc = this.compName
    },

    handleUp() {
@@ -679,7 +621,7 @@

      this.open = true;

      this.title = "合同信息详情";
      this.title = "添加合同信息详情";
    },

    /** 修改按钮操作 */
@@ -692,6 +634,11 @@
      this.open = true;

      this.title = "合同信息详情";

      /* this.form = {
        ...row,
        cnName: row.drugManufacturerId, // 确保这里是 ID
      }; */
    },

    handleDelete(row) {
@@ -735,7 +682,7 @@
};
</script>

  <style scoped>
<style scoped>
.pag {
  width: 100%;

@@ -747,6 +694,4 @@
.pag1 {
  width: 19%;
}
</style>

  
</style>