联席会议详情

src/views/JOINTCONFERENCE/detail.vue

@@ -1,46 +1,111 @@
 <template>
   <div class="cmain">
-    <div class="detail_item">
+    <el-descriptions border :labelStyle="{ width: '120px' }" :column="2">
+      <el-descriptions-item label="会议标题">
+        <span v-html="form.conference.conferenceTitle"></span>
+      </el-descriptions-item>
+      <el-descriptions-item label="状态">
+        <span class="status">
+          {{
+            form.conference.type == 1
+              ? "完结"
+              : form.conference.type == 2
+              ? "长期"
+              : "限期"
+          }}</span
+        >
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <!-- <div class="detail_item">
       <div class="title">会议标题：</div>
       <p>{{ form.conference.conferenceTitle }}</p>
-    </div>
-    <div class="detail_item">
-      <div class="title">会议内容：</div>
-      <p>{{ form.conference.conferenceContent }}</p>
-    </div>
+    </div> -->
+    <el-form v-model="form" >
+      <!-- <div class="detail_item" style="align-items: start"> -->
+      <el-form-item style="margin-top: 10px;" label="会议内容" width="120px">
+        <el-input
+          :disabled="true"
+          type="textarea"
+          rows="4"
+          placeholder="请输入协作要求"
+          v-model="form.conference.conferenceContent"
+        ></el-input>
+      </el-form-item>
+      <!-- </div> -->
+      <el-form-item label="协作要求" prop="collaborativeContent">
+        <el-input
+          :disabled="true"
+          type="textarea"
+          rows="4"
+          placeholder="请输入协作要求"
+          v-model="form.conference.collaborativeContent"
+        ></el-input>
+      </el-form-item>
 
-    <div class="dept_list" v-for="(item, index) in form.reply" :key="index">
-      <div class="title">{{ item.deptName }}：</div>
-      <p>{{ item.reply }}</p>
-    </div>
+      <!-- <el-form-item label="状态" prop="type">
+        <template>
+          <el-radio disabled v-model="form.conference.type" label="1"
+            >完结</el-radio
+          >
+          <el-radio disabled v-model="form.conference.type" label="2"
+            >长期</el-radio
+          >
+          <el-radio disabled v-model="form.conference.type" label="3"
+            >限期</el-radio
+          >
+        </template>
+      </el-form-item> -->
+
+      <el-form-item label="限期日期" prop="date">
+        <el-date-picker
+          :disabled="true"
+          v-model="form.conference.date"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+      <div class="dept_list" v-for="(item, index) in form.reply" :key="index">
+        <div class="title">{{ item.deptName }}：</div>
+        <p>{{ item.reply }}</p>
+      </div>
 
-    <div class="detail_item wire">
-      <div class="title ">附件：</div>
-      <div class="item">
-        <div class="item_file" @click="downloadFile(fileList[index], index)" v-for="(item, index) in imgList" :key="index">
-          <img
-            class="file"
-            :src="
-              item.substring(item.lastIndexOf('.') + 1) == 'doc' ||
-              item.substring(item.lastIndexOf('.') + 1) == 'docx'
-                ? word
-                : excel
-            "
-            alt=""
-            
-          />
-          <p
-            class="img_text"
-            :title="imgList[index].replace('/profile/upload/', '')"
+      <div class="detail_item wire">
+        <div class="title">附件：</div>
+        <div class="item">
+          <div
+            class="item_file"
+            @click="downloadFile(fileList[index], index)"
+            v-for="(item, index) in imgList"
+            :key="index"
           >
-            {{ imgList[index].replace("/profile/upload/", "") }}
-          </p>
+            <img
+              class="file"
+              :src="
+                item.substring(item.lastIndexOf('.') + 1) == 'doc' ||
+                item.substring(item.lastIndexOf('.') + 1) == 'docx'
+                  ? word
+                  : excel
+              "
+              alt=""
+            />
+            <p
+              class="img_text"
+              :title="imgList[index].replace('/profile/upload/', '')"
+            >
+              {{ imgList[index].replace("/profile/upload/", "") }}
+            </p>
+          </div>
         </div>
       </div>
-    </div>
-    <div class="mfooter">
-      <el-button @click="$layer.close(layerid)">返 回</el-button>
-    </div>
+
+      <div class="mfooter">
+        <el-button @click="$layer.close(layerid)">返 回</el-button>
+      </div>
+    </el-form>
   </div>
 </template>
 
@@ -111,14 +176,24 @@ export default {
 .cmain .detail_item {
   display: flex;
   align-items: flex-start;
-  margin-bottom: 50px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
-.wire{
-
+.wire {
 }
 .detail_item .title {
   width: 100px;
   margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #606266;
+}
+
+.status {
+  color: #409eff;
+  padding: 4px 8px;
+  border: 1px solid #409eff;
+  border-radius: 4px;
 }
 .cmain .detail_item p {
   margin: 0;
@@ -130,8 +205,7 @@ export default {
   margin-right: 10px;
 }
 
-
-.item_file{
+.item_file {
   cursor: pointer;
   display: flex;
   align-items: center;