From 58c2e3e1dd75513b90f878684e913d85db41cc41 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 26 一月 2024 09:24:31 +0800
Subject: [PATCH] Mr.Shi
---
company/src/components/business/OperaSolutionsWindow.vue | 237 +++++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 182 insertions(+), 55 deletions(-)
diff --git a/company/src/components/business/OperaSolutionsWindow.vue b/company/src/components/business/OperaSolutionsWindow.vue
index f251b02..fcdce95 100644
--- a/company/src/components/business/OperaSolutionsWindow.vue
+++ b/company/src/components/business/OperaSolutionsWindow.vue
@@ -1,44 +1,44 @@
<template>
<GlobalWindow
- :title="title"
- :visible.sync="visible"
- :confirm-working="isWorking"
- @confirm="confirm"
+ :title="title"
+ :visible.sync="visible"
+ :confirm-working="isWorking"
+ @confirm="confirm"
>
<el-form :model="form" ref="form" :rules="rules">
<el-form-item label="鏂规鍚嶇О" prop="name">
<el-input v-model="form.name" placeholder="璇疯緭鍏�" v-trim/>
</el-form-item>
<el-form-item label="淇濋櫓鍏徃" prop="insuranceId">
- <el-select v-model="form.insuranceId" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.insuranceId" @change="getAllWorktype1" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
+ v-for="item in company"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鎵夸繚鍏徃" prop="name">
- <el-input v-model="form.name" placeholder="璇疯緭鍏�" v-trim/>
+ <el-form-item label="鎵夸繚鍏徃" prop="companyName">
+ <el-input v-model="form.companyName" placeholder="璇疯緭鍏�" v-trim/>
</el-form-item>
<el-form-item label="鎶曚繚骞撮緞" prop="minAge">
<div style="display: flex; align-items: center;">
<el-select v-model="form.minAge" style="flex: 1;" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
+ v-for="item in 60"
+ :key="item"
+ :label="item"
+ :value="item">
</el-option>
</el-select>
<span style="margin: 0 30px;">鑷�</span>
<el-select v-model="form.maxAge" style="flex: 1;" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
+ v-for="item in 60"
+ :key="item"
+ :label="item"
+ :value="item">
</el-option>
</el-select>
</div>
@@ -46,34 +46,26 @@
<el-form-item label="淇濋櫓璐圭敤" prop="price">
<div style="display: flex; align-items: center;">
<el-input v-model="form.price" style="flex: 1;" placeholder="璇疯緭鍏�" v-trim/>
- <span style="margin: 0 30px;">鑷�</span>
+ <span style="margin: 0 30px;">鍏�/浜�</span>
<el-select v-model="form.timeUnit" style="flex: 1;" placeholder="璇烽�夋嫨">
- <el-option label="澶�" value="0"></el-option>
- <el-option label="鍗婃湀" value="1"></el-option>
- <el-option label="鏈�" value="2"></el-option>
- <el-option label="骞�" value="3"></el-option>
+ <el-option label="澶�" :value="0"></el-option>
+ <el-option label="鍗婃湀" :value="1"></el-option>
+ <el-option label="鏈�" :value="2"></el-option>
+ <el-option label="骞�" :value="3"></el-option>
</el-select>
</div>
</el-form-item>
- <el-form-item label="鎶曚繚鍛ㄦ湡" prop="insureCycleUnit">
+ <el-form-item label="鎶曚繚鍛ㄦ湡" prop="insureCycle">
<div style="display: flex; align-items: center;">
- <el-input v-model="form.insureCycleUnit" style="flex: 1;" placeholder="璇疯緭鍏�" v-trim/>
- <span style="margin: 0 30px;">鑷�</span>
- <el-select v-model="form.timeUnit" style="flex: 1;" placeholder="璇烽�夋嫨">
- <el-option label="澶�" value="0"></el-option>
- <el-option label="鍗婃湀" value="1"></el-option>
- <el-option label="鏈�" value="2"></el-option>
- <el-option label="骞�" value="3"></el-option>
+ <el-input v-model="form.insureCycle" style="flex: 1;" placeholder="璇疯緭鍏�" v-trim/>
+ <span style="margin: 0 30px;"></span>
+ <el-select v-model="form.insureCycleUnit" style="flex: 1;" placeholder="璇烽�夋嫨">
+ <el-option label="澶�" :value="0"></el-option>
+ <el-option label="鍗婃湀" :value="1"></el-option>
+ <el-option label="鏈�" :value="2"></el-option>
+ <el-option label="骞�" :value="3"></el-option>
</el-select>
</div>
- </el-form-item>
- <el-form-item label="鏈�灏忚璐瑰懆鏈�" prop="priceCycleUnit">
- <el-select v-model="form.priceCycleUnit" style="flex: 1;" placeholder="璇烽�夋嫨">
- <el-option label="澶�" value="0"></el-option>
- <el-option label="鍗婃湀" value="1"></el-option>
- <el-option label="鏈�" value="2"></el-option>
- <el-option label="骞�" value="3"></el-option>
- </el-select>
</el-form-item>
<el-form-item label="鐢熸晥鏃堕棿" prop="validType">
<el-radio-group v-model="form.validType">
@@ -90,12 +82,12 @@
<el-form-item label="鎺ユ敹鏂囦欢閭" prop="email">
<el-input v-model="form.email" placeholder="璇疯緭鍏�" v-trim/>
</el-form-item>
- <el-form-item label="鎶曚繚鍗曠绔犲叧閿瓧" prop="email">
- <el-input v-model="form.email" placeholder="璇疯緭鍏�" v-trim/>
+ <el-form-item label="鎶曚繚鍗曠绔犲叧閿瓧" prop="signKeyword">
+ <el-input v-model="form.signKeyword" placeholder="澶氫釜鑻辨枃閫楀彿闅斿紑" v-trim/>
</el-form-item>
- <el-button type="primary">娣诲姞宸ョ</el-button>
+ <el-button type="primary" @click="add">娣诲姞宸ョ</el-button>
<el-table
- :data="tableData"
+ :data="form.worktypeIdList"
border
style="width: 100%; margin-bottom: 20px;">
<el-table-column
@@ -110,12 +102,12 @@
align="center"
label="鎵�灞炲伐绉�">
<template slot-scope="{row}">
- <el-select filterable v-model="row.info" placeholder="璇烽�夋嫨">
+ <el-select filterable v-model="row.worktypeId" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
+ v-for="item in typeWork"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
</template>
@@ -125,7 +117,7 @@
align="center"
width="100">
<template slot-scope="scope">
- <el-button type="text" size="small" style="color: red;">鍒犻櫎</el-button>
+ <el-button type="text" size="small" style="color: red;" @click="dele(scope.$index)">鍒犻櫎</el-button>
</template>
</el-table-column>
</el-table>
@@ -145,6 +137,9 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
+ import { all } from '@/api/business/insurance'
+ import { all as allWorktype } from '@/api/business/worktype'
+ import { solutionsId } from '@/api/business/solutions'
export default {
name: 'OperaSolutionsWindow',
extends: BaseOpera,
@@ -155,24 +150,55 @@
form: {
id: null,
name: '',
+ companyName: '',
insuranceId: '',
- validType: '',
- type: '',
+ validType: 0,
+ type: 0,
minAge: '',
maxAge: '',
price: '',
timeUnit: '',
+ insureCycle: '',
insureCycleUnit: '',
- priceCycleUnit: '',
email: '',
specialAgreement: '',
specialInfo: '',
- ortherInfo: ''
+ ortherInfo: '',
+ signKeyword: '',
+ worktypeIdList: [{ worktypeId: '' }]
},
// 楠岃瘉瑙勫垯
rules: {
+ name: [
+ { required: true, message: '璇疯緭鍏ユ柟妗堝悕绉�' }
+ ],
+ insuranceId: [
+ { required: true, message: '璇烽�夋嫨淇濋櫓鍏徃' }
+ ],
+ companyName: [
+ { required: true, message: '璇疯緭鍏ユ壙淇濆叕鍙�' }
+ ],
+ minAge: [
+ { required: true, message: '璇烽�夋嫨鎶曚繚骞撮緞' }
+ ],
+ price: [
+ { required: true, message: '璇疯緭鍏ヤ繚闄╄垂鐢�' }
+ ],
+ insureCycle: [
+ { required: true, message: '璇疯緭鍏ユ姇淇濆懆鏈�' }
+ ],
+ validType: [
+ { required: true, message: '璇烽�夋嫨鐢熸晥鏃堕棿' }
+ ],
+ type: [
+ { required: true, message: '璇烽�夋嫨鎶曚繚绫诲瀷' }
+ ],
+ signKeyword: [
+ { required: true, message: '璇疯緭鍏ユ姇淇濆崟绛剧珷鍏抽敭瀛�' }
+ ]
},
- tableData: []
+ company: [],
+ typeWork: []
}
},
created () {
@@ -180,6 +206,107 @@
api: '/business/solutions',
'field.id': 'id'
})
+ },
+ methods: {
+ // 鍒囨崲鍏徃
+ getAllWorktype1() {
+ this.form.worktypeIdList = [{ worktypeId: '' }]
+ this.getAllWorktype()
+ },
+ // 纭鏂板缓/淇敼
+ confirm () {
+ let data = JSON.parse(JSON.stringify(this.form))
+ data.worktypeIdList = data.worktypeIdList.map(item => item.worktypeId)
+ this.$refs.form.validate((valid) => {
+ if (!valid) {
+ return
+ }
+ // 璋冪敤鏂板缓鎺ュ彛
+ this.isWorking = true
+ if (data.id == null || data.id === '') {
+ this.api.create(data)
+ .then(() => {
+ this.visible = false
+ this.$tip.apiSuccess('鏂板缓鎴愬姛')
+ this.$emit('success')
+ })
+ .catch(e => {
+ this.$tip.apiFailed(e)
+ })
+ .finally(() => {
+ this.isWorking = false
+ })
+ } else {
+ this.api.updateById(data)
+ .then(() => {
+ this.visible = false
+ this.$tip.apiSuccess('淇敼鎴愬姛')
+ this.$emit('success')
+ })
+ .catch(e => {
+ this.$tip.apiFailed(e)
+ })
+ .finally(() => {
+ this.isWorking = false
+ })
+ }
+ })
+ },
+ open (title, target) {
+ this.title = title
+ this.visible = true
+ this.form.worktypeIdList = [{ worktypeId: '' }]
+ this.allCompany()
+ // 鏂板缓
+ if (target == null) {
+ this.$nextTick(() => {
+ this.$refs.form.resetFields()
+ this.form[this.configData['field.id']] = null
+ })
+ return
+ }
+ // 缂栬緫
+ this.$nextTick(() => {
+ solutionsId(target.id)
+ .then(res => {
+ for (const key in this.form) {
+ this.form[key] = res[key]
+ }
+ this.form.worktypeIdList = res.worktypeList.map(item => {
+ return {
+ worktypeId: item.worktypeId
+ }
+ })
+ this.getAllWorktype()
+ })
+ })
+ },
+ // 鏌ヨ淇濋櫓鍏徃涓嬪叏閮ㄥ伐绉�
+ getAllWorktype() {
+ allWorktype({
+ insuranceId: this.form.insuranceId
+ }).then(res => {
+ this.typeWork = res
+ })
+ },
+ // 鏌ヨ鍏ㄩ儴淇濋櫓鍏徃
+ allCompany() {
+ all({ dataType: 2 })
+ .then(res => {
+ console.log(res)
+ this.company = res
+ })
+ },
+ add() {
+ this.form.worktypeIdList.push({ worktypeId: '' })
+ },
+ dele(index) {
+ if (this.form.worktypeIdList.length === 1) {
+ this.$message.warning('鑷冲皯瑕佷繚鐣欎竴椤�')
+ return
+ }
+ this.form.worktypeIdList.splice(index, 1)
+ }
}
}
</script>
--
Gitblit v1.9.3