qx

qx

2025-06-20 6871a12cb6e0614397d8f10dc825fe8ffffec2fe

qx

 src/views/system/contract/index.vue

@@ -1,326 +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 :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 :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-form-item label="单位名称" prop="cnName">
          <!-- <el-input v-model="form.cnName" placeholder="请输入中文名称" /> -->
          <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-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> -->
        <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-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>

@@ -333,35 +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%;">

@@ -373,36 +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-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-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>

@@ -414,33 +202,13 @@
    </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-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-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-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="请输入法人" />
@@ -456,34 +224,18 @@
        </el-form-item>

        <el-form-item label="注册地址" prop="registerAddress">
          <el-input
            v-model="form.registerAddress"
            placeholder="请输入注册地址"
            style="width: 830px"
          />
          <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-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-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-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="请输入邮箱" />
@@ -496,32 +248,14 @@
        </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 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-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>

@@ -614,7 +348,7 @@
        reservationTime: "",
        yxts: "",
      },

      compName: "",
      // 查询参数

      queryParams: {
@@ -714,7 +448,7 @@
        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;
          }
        });
@@ -875,6 +609,7 @@
      this.open = true;

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

    handleUp() {
@@ -960,5 +695,3 @@
  width: 19%;
}
</style>