From d22ce1ad1c4656f5c2212bbabb35ba498300aced Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 20 七月 2023 17:12:20 +0800
Subject: [PATCH] 线索下发及提交结论和问题模块基本完成
---
src/views/overlay-clue/components/ClueReport.vue | 280 +++++++++++--------------------------------------------
1 files changed, 57 insertions(+), 223 deletions(-)
diff --git a/src/views/overlay-clue/components/ClueReport.vue b/src/views/overlay-clue/components/ClueReport.vue
index 609f7d9..7ed612e 100644
--- a/src/views/overlay-clue/components/ClueReport.vue
+++ b/src/views/overlay-clue/components/ClueReport.vue
@@ -1,270 +1,104 @@
<template>
+ <!-- 娓呭崟璇︽儏 -->
<el-descriptions
- class="margin-top"
- title="With border"
- :column="3"
- :size="size"
+ class=""
+ title="绾跨储娓呭崟璇︽儏"
+ :column="1"
+ size="small"
border
>
<template #extra>
- <el-button type="primary">Operation</el-button>
+ <el-button
+ type="primary"
+ text
+ size="small"
+ @click="openPDF"
+ >鏌ョ湅PDF</el-button
+ >
</template>
<el-descriptions-item>
<template #label>
- <div class="cell-item">
- <el-icon :style="iconStyle">
- <user />
- </el-icon>
- Username
- </div>
+ <div class="cell-item">绾跨储缂栧彿</div>
</template>
- kooriookami
+ {{ clueData.cid }}
</el-descriptions-item>
-
- <el-descriptions-item>
+ <el-descriptions-item width="65px" min-width="50px">
<template #label>
- <div class="cell-item">
- <el-icon :style="iconStyle">
- <iphone />
- </el-icon>
- Telephone
- </div>
+ <div class="cell-item">绾跨储鍚嶇О</div>
</template>
- 18100000000
+ {{ clueData.cclueName }}
</el-descriptions-item>
- <el-descriptions-item>
+ <!-- <el-descriptions-item>
<template #label>
- <div class="cell-item">
- <el-icon :style="iconStyle">
- <location />
- </el-icon>
- Place
- </div>
+ <div class="cell-item">鍒涘缓鏃堕棿</div>
</template>
- Suzhou
- </el-descriptions-item>
- <el-descriptions-item>
- <template #label>
- <div class="cell-item">
- <el-icon :style="iconStyle">
- <tickets />
- </el-icon>
- Remarks
- </div>
- </template>
- <el-tag size="small">School</el-tag>
- </el-descriptions-item>
- <el-descriptions-item>
- <template #label>
- <div class="cell-item">
- <el-icon :style="iconStyle">
- <office-building />
- </el-icon>
- Address
- </div>
- </template>
- No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
- </el-descriptions-item>
- </el-descriptions>
-
-
- <!-- 娓呭崟璇︽儏 -->
-<el-descriptions
-class=""
- title="绾跨储娓呭崟璇︽儏"
- :column="1"
- :size="size"
- border
- >
- <!-- <el-descriptions-item class="inventory-descriptions-item" v-for="item in 10" :key="item" >
- <template #label>
- <span>{{ item }}</span>
- </template>
- {{ item }}
+ {{ clueData.ccreateTime }}
</el-descriptions-item> -->
<el-descriptions-item>
<template #label>
- <div class="cell-item">
- 涓婚敭
- </div>
+ <div class="cell-item">涓嬪彂鏃堕棿</div>
</template>
- {{ clueData.id }}
+ {{ clueData.creleaseTime }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
- <div class="cell-item">
- 绾跨储鍚嶇О
- </div>
+ <div class="cell-item">鎶ヨ绔欑偣</div>
</template>
- {{ clueData.clueName }}
+ {{ clueData.csiteName }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
- <div class="cell-item">
- 绾跨储缁撹
- </div>
+ <div class="cell-item">绔欑偣绫诲瀷</div>
</template>
- {{ clueData.conclusion }}
+ {{ clueData.csiteType }}
</el-descriptions-item>
<el-descriptions-item>
<template #label>
- <div class="cell-item">
- 鍒涘缓鏃堕棿
- </div>
+ <div class="cell-item">绾跨储缁撹</div>
</template>
- {{ clueData.createTime }}
+ {{ clueData.cconclusion }}
</el-descriptions-item>
- <el-descriptions-item>
+ <!-- <el-descriptions-item>
<template #label>
- <div class="cell-item">
- 鎶ヨ绔欑偣鍚嶇О
- </div>
+ <div class="cell-item">绔欑偣绫诲瀷閫夐」</div>
</template>
- {{ clueData.siteName }}
- </el-descriptions-item>
- <el-descriptions-item>
- <template #label>
- <div class="cell-item">
- 绔欑偣绫诲瀷
- </div>
- </template>
- {{ clueData.sitetype }}
- </el-descriptions-item>
- <el-descriptions-item>
- <template #label>
- <div class="cell-item">
- 涓嬪彂鏃堕棿
- </div>
- </template>
- {{ clueData.xfsj }}
- </el-descriptions-item>
-
- <el-descriptions-item>
- <template #label>
- <div class="cell-item">
- 绔欑偣绫诲瀷
- </div>
- </template>
- {{ clueData.airCheckedOptions }}
- </el-descriptions-item>
-</el-descriptions>
-
-<el-button type="primary" @click="reportButton">鍙嶉涓婃姤</el-button>
-<el-dialog v-if="!this.isClueHave" v-model="isShow" width="50%" :before-close="handleClose">
- <template #title>
- <span> 鍙嶉涓婃姤</span>
- </template>
- <el-form label-width="120px" label-position="left">
- <el-form-item label="闂绫诲瀷" >
- <el-radio-group v-model="form.radio">
- <el-radio label="鏈夐棶棰�">鏈夐棶棰�</el-radio>
- <el-radio label="鏃犻棶棰�">鏃犻棶棰�</el-radio>
- <el-radio label="宸茶В鍐�">宸茶В鍐�</el-radio>
- </el-radio-group>
- </el-form-item>
- <el-form-item label="绾跨储id">
- <el-input v-model.number="form.id"></el-input>
- </el-form-item>
- <el-form-item label="绾跨储缁撹">
- <el-input v-model="form.conclusion"></el-input>
- </el-form-item>
- <el-form-item label="璇︾粏鎻忚堪">
- <el-input v-model="form.details" type="textarea" placeholder="璇疯緭鍏ヨ鎯�"></el-input>
- </el-form-item>
- </el-form>
- <template #footer>
- <el-button type="" @click="isShow=false">鍙栨秷</el-button>
- <el-button @click="report">纭畾</el-button>
- </template>
-</el-dialog>
-<el-button type="primary" @click="reportPhoto">鍥剧墖涓婁紶</el-button>
-<el-dialog v-model="isShowReportPhoto">
-<el-form>
- <el-form-item label="绾跨储id">
- <el-input v-model=""></el-input>
- </el-form-item>
-</el-form>
-</el-dialog>
+ {{ clueData.cairCheckedOptions }}
+ </el-descriptions-item> -->
+ </el-descriptions>
+ <ClueReportConclusion :clueId="clueData.cid"></ClueReportConclusion>
+ <ClueReportQuestion :clueId="clueData.cid"></ClueReportQuestion>
</template>
-
<script>
-import axios from 'axios'
+import ClueReportConclusion from './ClueReportConclusion.vue';
+import ClueReportQuestion from './ClueReportQuestion.vue';
export default {
- // 甯冨皵绫诲瀷 鎺у埗鍙嶉涓婃姤鐨勬牱寮�
- // fasle浠ｈ〃鏃犳暟鎹� true浠ｈ〃鏈夋暟鎹�
- props:{
- isClueHave:{
- type:Boolean,
- default:false
+ components: { ClueReportConclusion, ClueReportQuestion },
+ props: {
+ clueData: {
+ type: Object,
+ default: () => {
+ return {};
+ }
}
},
name: 'HomePage',
- data(){
- return{
- // 淇濆瓨涓嬪彂绾跨储鏌ヨ鍚庤繑鍥炵殑鏁扮粍鏁版嵁
- // 鎴栬�呮槸鐐瑰嚮鐨勫睍绀虹粨鏋滃搴旂殑瀵硅薄鏁版嵁
- clueData:{},
- // 涓婃姤寮瑰嚭妗�
- isShow:false,
+ data() {
+ return {
// 鍥剧墖涓婁紶鐨勫脊鍑烘
- isShowReportPhoto:false,
- // 琛ㄥ崟涓�
- form:{
- // 闂绫诲瀷 鍗曢�夋寜閽殑鍊�
- radio:'',
- // 绾跨储id
- id:0,
- // 绾跨储缁撹
- conclusion:'',
- // 璇︾粏鎻忚堪
- details:'',
- // 淇濆瓨鎻愪氦鍚庣殑杩斿洖缁撴灉
- result:''
- },
- photoForm:{
- clueId:0,
- questionDescription:'',
-
+ isShowReportPhoto: false,
+ photoForm: {
+ clueId: 0,
+ questionDescription: ''
}
- }
+ };
},
- methods:{
- // 鐐瑰嚮涓婃姤鎸夐挳
- reportButton(){
- // 褰撹绾跨储id宸茬粡鏈夌粨璁轰簡
- if(this.isClueHave === true){
- alert('璇ョ嚎绱㈠凡缁忔湁缁撹浜嗭紝涓嶅彲閲嶅涓婃姤')
- }
- else if(this.isClueHave === false){
- this.isShow = !this.isShow
- }
- },
-// 鐐瑰嚮鍙嶉涓婃姤鏃�
-report(){
- //鍙戝嚭璇锋眰
- axios.post('').then(response =>{
- // 鑾峰彇缁撴灉
- this.result = response.data.data
- if(this.result =='涓婃姤鎴愬姛'){
- ElMessage.success(this.result);
- // 鍙湁涓婁紶鎴愬姛鏃舵墠鍏抽棴瀵硅瘽妗�
- this.isShow = false
- }
- else if(this.result =='涓婃姤澶辫触'){
- ElMessage.error(this.result);
- // 鍚﹀垯鏆傛椂涓嶅叧闂璇濇
- }
- })
-
-},
-reportPhoto(){
-
-}
+ methods: {
+ openPDF() {
+
+ }
}
-}
+};
</script>
-<style>
-
-</style>
\ No newline at end of file
+<style></style>
--
Gitblit v1.9.3