From 706f7a1328df01219b663826bd5c6e8ebb0ef185 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期六, 27 一月 2024 11:42:56 +0800
Subject: [PATCH] Mr.Shi
---
company/src/components/business/OperaInsuranceApplyWindow.vue | 417 +++++++++++++---------------------------------------------
1 files changed, 97 insertions(+), 320 deletions(-)
diff --git a/company/src/components/business/OperaInsuranceApplyWindow.vue b/company/src/components/business/OperaInsuranceApplyWindow.vue
index c8095b8..7b819a1 100644
--- a/company/src/components/business/OperaInsuranceApplyWindow.vue
+++ b/company/src/components/business/OperaInsuranceApplyWindow.vue
@@ -10,18 +10,18 @@
<div class="desc_item">
<div class="desc_item_label">
<div class="desc_item_label_left">
- <span>鎶曚繚浼佷笟锛氬畨寰藉钩瀹変汉鍔涜祫婧愭湁闄愬叕鍙�</span>
- <span>淇濆崟鐘舵�侊細寰呭嚭鍗�</span>
- <span>鎻愪氦鏃堕棿锛�2023-09-11 00:00:00</span>
+ <span>鎶曚繚浼佷笟锛歿{ model.companyName }}</span>
+ <span>淇濆崟鐘舵�侊細{{ model.statusInfo }}</span>
+ <span>鎻愪氦鏃堕棿锛歿{ model.createDate }}</span>
</div>
<div class="desc_item_label_right">
- <el-button type="primary" @click="$refs.InsuranceDetails.open('鎶曚繚璇︽儏鍗�')">瀵煎嚭璇﹀崟</el-button>
- <el-button type="primary" @click="visible2 = true">涓婁紶鎶曚繚鍗�</el-button>
- <el-button type="primary" @click="visible3 = true">涓婁紶淇濋櫓鍗�</el-button>
- <el-button type="primary" @click="visible5 = true">椹冲洖閫�鍥炵敵璇�</el-button>
- <el-button type="primary" @click="$refs.InsuranceDetails.open('鎶曚繚璇︽儏鍗�')">鎶曚繚瀹℃牳</el-button>
- <el-button type="danger" @click="visible1 = true">閫�鍥炴姇淇�</el-button>
- <el-button type="danger" @click="visible4 = true">淇敼淇濋櫓鍗�</el-button>
+ <el-button type="primary" @click="$refs.InsuranceDetails.open('鎶曚繚璇︽儏鍗�',model,0)">瀵煎嚭璇﹀崟</el-button>
+ <el-button v-if="model.status == 0 " type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('涓婁紶鎶曚繚鍗�',model,2)">涓婁紶鎶曚繚鍗�</el-button>
+ <el-button v-if="model.status == 3 " type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('涓婁紶淇濋櫓鍗�',model,3)">涓婁紶淇濋櫓鍗�</el-button>
+ <el-button v-if="model.status == 6 || model.status == 7|| model.status == 8" type="primary" @click="$refs.OperaInsuranceApplyCheckWindow.open('澶勭悊閫�鍥炵敵璇�',model,5)">澶勭悊閫�鍥炵敵璇�</el-button>
+ <el-button v-if="model.status == 0 " type="primary" @click="$refs.InsuranceDetails.open('鎶曚繚瀹℃牳',model,1)">鎶曚繚瀹℃牳</el-button>
+ <el-button v-if="model.status != 5 " type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('閫�鍥炴姇淇�',model,1)">閫�鍥炴姇淇�</el-button>
+ <el-button v-if="model.status == 5 " type="danger" @click="$refs.OperaInsuranceApplyCheckWindow.open('淇敼淇濋櫓鍗�',model,4)">淇敼淇濋櫓鍗�</el-button>
</div>
</div>
<div class="desc_item_from">
@@ -30,37 +30,37 @@
border
style="width: 100%">
<el-table-column
- prop="date"
+ prop="code"
label="淇濆崟鍙�">
</el-table-column>
<el-table-column
- prop="name"
+ prop="solutionsName"
label="淇濋櫓鏂规"
width="180">
</el-table-column>
<el-table-column
- prop="address"
+ prop="startTime"
label="淇濋櫓鐢熸晥璧锋湡">
</el-table-column>
<el-table-column
- prop="address"
+ prop="endTime"
label="淇濋櫓鐢熸晥姝㈡湡">
</el-table-column>
<el-table-column
- prop="address"
+ prop="insureNum"
label="鎶曚繚浜烘暟">
</el-table-column>
<el-table-column
- prop="address"
+ prop="serviceDays"
label="鍦ㄤ繚鏃堕暱锛堝ぉ锛�">
</el-table-column>
<el-table-column
- prop="address"
- label="褰撳墠璐圭敤">
+ prop="currentFee"
+ label="褰撳墠璐圭敤(鍏�)">
</el-table-column>
<el-table-column
- prop="address"
- label="鎬昏垂鐢�">
+ prop="fee"
+ label="鎬昏垂鐢�(鍏�)">
</el-table-column>
</el-table>
</div>
@@ -181,320 +181,97 @@
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
- :timestamp="activity.timestamp">
- {{activity.content}}
+ :timestamp="activity.createDate">
+ {{activity.title}}
</el-timeline-item>
</el-timeline>
</div>
</div>
</div>
<InsuranceDetails ref="InsuranceDetails" @success="successEvent" />
+ <OperaInsuranceApplyCheckWindow ref="OperaInsuranceApplyCheckWindow" @success="successEvent" />
<!-- 閫�鍥炴姇淇� -->
- <el-dialog
- title="閫�鍥炴姇淇�"
- :visible.sync="visible1"
- :show-close="false"
- :close-on-click-modal="false"
- width="30%"
- center>
- <div class="form">
- <div class="form_item">
- <div class="form_item_label"><span>*</span>濉啓閫�鍥炶鏄庯細</div>
- <div class="form_item_val">
- <textarea placeholder="璇疯緭鍏�"></textarea>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="visible1 = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="visible1 = false">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- <!-- 涓婁紶鎶曚繚鍗� -->
- <el-dialog
- title="涓婁紶鎶曚繚鍗�"
- :visible.sync="visible2"
- :show-close="false"
- :close-on-click-modal="false"
- width="30%"
- center>
- <div class="form">
- <div class="form_item">
- <div class="form_item_label">涓婁紶鎶曚繚鍗曪細</div>
- <div class="form_item_val">
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- :on-preview="handlePreview"
- :on-remove="handleRemove"
- :before-remove="beforeRemove"
- multiple
- :limit="1"
- :on-exceed="handleExceed"
- :file-list="fileList">
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">鍙兘涓婁紶pdf鏂囦欢锛屼笖涓嶈秴杩�5mb</div>
- </el-upload>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="visible2 = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="visible2 = false">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- <!-- 涓婁紶淇濋櫓鍗� -->
- <el-dialog
- title="涓婁紶淇濋櫓鍗�"
- :visible.sync="visible3"
- :show-close="false"
- :close-on-click-modal="false"
- width="30%"
- center>
- <div class="form">
- <div class="form_item">
- <div class="form_item_label">瀹㈡埛鏈熸湜淇濋櫓鐢熸晥璧锋湡锛�</div>
- <div class="form_item_val">2023-10-01 00:00:00</div>
- </div>
- <div class="form_item">
- <div class="form_item_label">淇濋櫓鐢熸晥璧锋湡鏄惁涓�鑷达細</div>
- <div class="form_item_val">
- <el-radio-group v-model="radio">
- <el-radio :label="0">涓庝繚鍗曚竴鑷�</el-radio>
- <el-radio :label="1">涓庝繚鍗曚笉涓�鑷�</el-radio>
- </el-radio-group>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label"><span>*</span>淇濋櫓鐢熸晥璧锋湡锛�</div>
- <div class="form_item_val">
- <el-date-picker
- v-model="value1"
- type="date"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label">淇濋櫓鐢熸晥璧锋湡锛�</div>
- <div class="form_item_val">2023-10-01 00:00:00</div>
- </div>
- <div class="form_item">
- <div class="form_item_label"><span>*</span>淇濆崟鍙凤細</div>
- <div class="form_item_val">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label">涓婁紶淇濋櫓鍗曪細</div>
- <div class="form_item_val">
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- :on-preview="handlePreview"
- :on-remove="handleRemove"
- :before-remove="beforeRemove"
- multiple
- :limit="1"
- :on-exceed="handleExceed"
- :file-list="fileList">
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">鍙兘涓婁紶pdf鏂囦欢锛屼笖涓嶈秴杩�5mb</div>
- </el-upload>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="visible3 = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="visible3 = false">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- <!-- 淇敼淇濋櫓鍗� -->
- <el-dialog
- title="淇敼淇濋櫓鍗�"
- :visible.sync="visible4"
- :show-close="false"
- :close-on-click-modal="false"
- width="30%"
- center>
- <div class="form">
- <div class="form_item">
- <div class="form_item_label"><span>*</span>淇濋櫓鐢熸晥璧锋湡锛�</div>
- <div class="form_item_val">
- <el-date-picker
- v-model="value1"
- type="date"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label"><span>*</span>淇濆崟鍙凤細</div>
- <div class="form_item_val">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label"><span>*</span>涓婁紶淇濋櫓鍗曪細</div>
- <div class="form_item_val">
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- :on-preview="handlePreview"
- :on-remove="handleRemove"
- :before-remove="beforeRemove"
- multiple
- :limit="1"
- :on-exceed="handleExceed"
- :file-list="fileList">
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">鍙兘涓婁紶pdf鏂囦欢锛屼笖涓嶈秴杩�5mb</div>
- </el-upload>
- </div>
- </div>
- <div class="form_item">
- <div class="form_item_label"><span>*</span>淇敼鍘熷洜锛�</div>
- <div class="form_item_val">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="visible4 = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="visible4 = false">纭� 瀹�</el-button>
- </span>
- </el-dialog>
- <!-- 椹冲洖閫�鍥炵敵璇� -->
- <el-dialog
- title="椹冲洖閫�鍥炵敵璇�"
- :visible.sync="visible5"
- :show-close="false"
- :close-on-click-modal="false"
- width="30%"
- center>
- <div class="form">
- <div class="form_item">
- <div class="form_item_label"><span>*</span>濉啓璇存槑锛�</div>
- <div class="form_item_val">
- <textarea placeholder="璇疯緭鍏�"></textarea>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="visible5 = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="visible5 = false">纭� 瀹�</el-button>
- </span>
- </el-dialog>
</GlobalWindow>
</template>
<script>
- import BaseOpera from '@/components/base/BaseOpera'
- import GlobalWindow from '@/components/common/GlobalWindow'
- import InsuranceDetails from '@/components/business/InsuranceDetails'
- export default {
- name: 'OperaInsuranceApplyWindow',
- extends: BaseOpera,
- components: { GlobalWindow, InsuranceDetails },
- data () {
- return {
- // 琛ㄥ崟鏁版嵁
- form: {
- id: null,
- editDate: ''
- },
- // 楠岃瘉瑙勫垯
- rules: {
- },
- formInline: {
- user: '',
- region: ''
- },
- value1: '',
- visible1: false,
- visible2: false,
- visible3: false,
- visible4: false,
- visible5: false,
- reverse: true,
- radio: 0,
- fileList: [
- {name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
- ],
- activities: [{
- content: '娲诲姩鎸夋湡寮�濮�',
- timestamp: '2018-04-15'
- }, {
- content: '閫氳繃瀹℃牳',
- timestamp: '2018-04-13'
- }, {
- content: '鍒涘缓鎴愬姛',
- timestamp: '2018-04-11'
- }],
- tableData: [],
- activeName: 'first',
- currentPage: 1
- }
- },
- created () {
- this.config({
- api: '/business/insuranceApply',
- 'field.id': 'id'
- })
- },
- methods: {
- open (title, target) {
- this.title = title
- this.visible = true
- // 鏂板缓
- // if (target == null) {
- // this.$nextTick(() => {
- // this.$refs.form.resetFields()
- // this.form[this.configData['field.id']] = null
- // })
- // return
- // }
- // 缂栬緫
- this.$nextTick(() => {
- for (const key in this.form) {
- this.form[key] = target[key]
- }
- })
- },
- handleRemove(file, fileList) {
- console.log(file, fileList);
- },
- handlePreview(file) {
- console.log(file);
- },
- handleExceed(files, fileList) {
- this.$message.warning(`褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${files.length + fileList.length} 涓枃浠禶);
- },
- beforeRemove(file, fileList) {
- return this.$confirm(`纭畾绉婚櫎 ${ file.name }锛焋);
- },
- successEvent() {
-
- },
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
- },
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- },
- handleClick(tab, event) {
- console.log(tab, event);
- },
- onSubmit() {
-
- }
- }
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import InsuranceDetails from '@/components/business/InsuranceDetails'
+import OperaInsuranceApplyCheckWindow from '@/components/business/OperaInsuranceApplyCheckWindow'
+import {getDetail} from "@/api/business/insuranceApply";
+import {all as solutionAll} from "@/api/business/solutions";
+export default {
+ name: 'OperaInsuranceApplyWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow, InsuranceDetails ,OperaInsuranceApplyCheckWindow},
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ dataId:null,
+ model: {},
+ form: {
+ id: null,
+ editDate: ''
+ },
+ // 楠岃瘉瑙勫垯
+ rules: {
+ },
+ formInline: {
+ user: '',
+ region: ''
+ },
+ visible1: false,
+ visible2: false,
+ visible3: false,
+ visible4: false,
+ visible5: false,
+ reverse: true,
+ radio: 0,
+ fileList: [
+ {name: 'food.pdf', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
+ ],
+ activities: [{
+ content: '娲诲姩鎸夋湡寮�濮�',
+ timestamp: '2018-04-15'
+ }, {
+ content: '閫氳繃瀹℃牳',
+ timestamp: '2018-04-13'
+ }, {
+ content: '鍒涘缓鎴愬姛',
+ timestamp: '2018-04-11'
+ }],
+ tableData: [],
+ activeName: 'first',
+ currentPage: 1
}
+ },
+ created () {
+ this.config({
+ api: '/business/insuranceApply',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ open(title,target){
+ this.visible=true;
+ this.dataId=target.id
+ this.getDetail();
+ },
+ getDetail(){
+ getDetail(this.dataId).then(res => {
+ this.model = res
+ this.tableData = new Array()
+ this.tableData.push(res)
+ this.activities=res.applyLogList
+ }).catch(err => {
+ })
+ }
+ }
+}
</script>
<style>
- .v-modal {
- z-index: 2000 !important;
- }
+
</style>
<style lang="scss" scoped>
.form {
--
Gitblit v1.9.3