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浠h〃鏃犳暟鎹� true浠h〃鏈夋暟鎹�
-  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