提交

src/view/allMedia/components/reporting_list.vue

@@ -66,13 +66,7 @@
             title="是否删除该报料?"
           >
             <template #reference>
-              <el-button
-                link
-                type="danger"
-                size="small"
-              >
-                删除
-              </el-button>
+              <el-button link type="danger" size="small"> 删除 </el-button>
             </template>
           </el-popconfirm>
         </template>
@@ -80,41 +74,87 @@
     </el-table>
 
     <el-dialog v-model="reportingDetail" title="报料详情" width="30%">
-      <el-row>
-        <el-col :span="5">联系方式：</el-col>
-        <el-col :span="19">
-          <div v-text="reportingDetailData.row.phone"></div>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="5">上报地址：</el-col>
-        <el-col :span="19">
-          <div v-text="reportingDetailData.row.address"></div>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="5">报料详情：</el-col>
-        <el-col :span="19">
-          <div v-text="reportingDetailData.row.content"></div>
-        </el-col>
-      </el-row>
-      <el-row
-        v-if="
-          reportingDetailData.row.clueReplies &&
-          reportingDetailData.row.clueReplies.length
-        "
-      >
-        <el-col :span="5">回复内容：</el-col>
-        <el-col :span="19">
-          <div v-text="reportingDetailData.row.clueReplies[0].content"></div>
-        </el-col>
-      </el-row>
+      <div style="overflow-y: auto">
+        <el-row>
+          <el-col :span="5">联系方式：</el-col>
+          <el-col :span="19">
+            <div v-text="reportingDetailData.row.phone"></div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">上报地址：</el-col>
+          <el-col :span="19">
+            <div v-text="reportingDetailData.row.address"></div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5">报料详情：</el-col>
+          <el-col :span="19">
+            <div
+              v-for="(v, i) in reportingDetailData.row.clueInfos"
+              :key="i"
+              style="padding: 10px 0; position: relative;padding-right: 112px;"
+            >
+              <span v-if="v.type == 0" v-text="v.materialUrl"></span>
+              <img
+                v-if="v.type == 1"
+                :src="v.localUrl"
+                alt="图片丢失"
+                style="width: 80px"
+              />
+              <small
+                style="
+                  color: #999;
+                  position: absolute;
+                  right: 0;
+                  top: 50%;
+                  transform: translateY(-50%);
+                "
+                v-text="format(v.addTime)"
+              ></small>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row
+          v-if="
+            reportingDetailData.row.clueReplies &&
+            reportingDetailData.row.clueReplies.length
+          "
+        >
+          <el-col :span="5">回复内容：</el-col>
+          <el-col :span="19">
+            <div v-text="reportingDetailData.row.clueReplies[0].content"></div>
+          </el-col>
+        </el-row>
+      </div>
     </el-dialog>
     <el-dialog v-model="reportingReplyStatus" title="回复" width="30%">
       <el-row>
         <el-col :span="5">报料内容：</el-col>
         <el-col :span="19">
-          <div v-text="reportingDetailData.row.content"></div>
+          <div
+            v-for="(v, i) in reportingDetailData.row.clueInfos"
+            :key="i"
+            style="padding: 2px 0; position: relative;padding-right: 112px;"
+          >
+            <span v-if="v.type == 0" v-text="v.materialUrl"></span>
+            <img
+              v-if="v.type == 1"
+              :src="v.localUrl"
+              alt="图片丢失"
+              style="width: 80px"
+            />
+            <small
+              style="
+                color: #999;
+                position: absolute;
+                right: 0;
+                top: 50%;
+                transform: translateY(-50%);
+              "
+              v-text="format(v.addTime)"
+            ></small>
+          </div>
         </el-col>
       </el-row>
       <br />
@@ -201,7 +241,6 @@ const deleteBL = item => {
       message: '删除成功',
     });
     listTable.value.splice(item.$index, 1);
-
   });
 };
 
@@ -213,8 +252,11 @@ const lookBL = item => {
 };
 
 const replyBL = item => {
-  reportingReplyStatus.value = true;
-  reportingDetailData.value = item;
+  getreportingDetail({ data: { id: item.row.id } }).then(res => {
+    reportingReplyStatus.value = true;
+    reportingDetailData.value.row = res;
+    reportingDetailData.value.$index = item.$index;
+  });
 };
 
 const replySave = () => {