From 375f79172e357300895dbae7ab7fb19bf6e4b4e1 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期五, 20 六月 2025 17:33:30 +0800
Subject: [PATCH] 1
---
src/views/system/contract/index.vue | 427 ++++++++++-------------------------------------------
1 files changed, 80 insertions(+), 347 deletions(-)
diff --git a/src/views/system/contract/index.vue b/src/views/system/contract/index.vue
index d60875e..cc2650f 100644
--- a/src/views/system/contract/index.vue
+++ b/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-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-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-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>
@@ -534,9 +268,9 @@
</div>
</template>
-
- <script>
+
+<script>
import { getList, addhtxxb, edithtxxb, delhtxxb } from "@/api/account/contract";
import {
getZybCompList,
@@ -614,7 +348,7 @@
reservationTime: "",
yxts: "",
},
-
+ compName: "",
// 鏌ヨ鍙傛暟
queryParams: {
@@ -651,7 +385,7 @@
contactPhone: [
{ required: true, validator: checkPhoneNum, trigger: "blur" },
],
-
+
},
};
},
@@ -708,13 +442,13 @@
}
},
-
+
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;
}
});
@@ -735,7 +469,7 @@
this.reset();
// this.getList();
},
- cancel1(){
+ cancel1() {
this.open1 = false;
},
@@ -875,6 +609,7 @@
this.open = true;
this.title = "娣诲姞鍚堝悓淇℃伅璇︽儏";
+ this.form.qymc = this.compName
},
handleUp() {
@@ -947,7 +682,7 @@
};
</script>
- <style scoped>
+<style scoped>
.pag {
width: 100%;
@@ -959,6 +694,4 @@
.pag1 {
width: 19%;
}
-</style>
-
-
\ No newline at end of file
+</style>
\ No newline at end of file
--
Gitblit v1.8.0