新增查看界面

src/views/modules/cabaseinfo/wghSjxxb.vue

@@ -50,60 +50,67 @@
           width="50"
         ></el-table-column>
         <el-table-column
-         :show-overflow-tooltip="true"
+          prop="streetname"
-          prop="infosourcename"
+          label="街道名称"
-          label="事件来源"
-          header-align="center"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          prop="infotypename"
-          label="事件类别"
           header-align="center"
           align="center"
-          :show-overflow-tooltip="true">
+          :show-overflow-tooltip="true"
-        </el-table-column>
+        ></el-table-column>
         <el-table-column
           prop="communityname"
           label="社区名称"
           header-align="center"
           align="center"
-           :show-overflow-tooltip="true">
+          :show-overflow-tooltip="true">
         </el-table-column>
         <el-table-column
-          prop="description"
+          prop="address"
-          label="事见描述"
+          label="事件地址"
           header-align="center"
           align="center"
+					:show-overflow-tooltip="true"
         ></el-table-column>
         <el-table-column
-          prop="address"
+          prop="description"
-          label="事见地址"
+          label="事件描述"
           header-align="center"
           align="center"
+					:show-overflow-tooltip="true"
         ></el-table-column>
         <el-table-column
-          prop="statusname"
+          prop="infotypename"
-          label="事见状态"
+          label="事件类别"
           header-align="center"
           align="center"
-          :show-overflow-tooltip="true"
+          :show-overflow-tooltip="true">
-        ></el-table-column>
+        </el-table-column>
         <el-table-column
-          prop="streetname"
+         :show-overflow-tooltip="true"
-          label="街道名称"
+          prop="infosourcename"
+          label="事件来源"
+          header-align="center"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="statusname"
+          label="事件状态"
           header-align="center"
           align="center"
-          :show-overflow-tooltip="true"
+          :show-overflow-tooltip="true">
-        ></el-table-column>
+				</el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" align="center" width="100">
-          <template >
+          <template slot-scope="row">
             <el-button
               type="text"
               class="div-table-button--detail"
               size="small"
-              >去处置</el-button
+              @click="getDetailById(row)"
-            >
+              >查看</el-button>
+							<el-button
+              type="text"
+              class="div-table-button--detail"
+              size="small"
+							@click="jumplink">去处置</el-button>
           </template>
         </el-table-column>
 
@@ -119,6 +126,66 @@
       >
       </el-pagination>
     </el-card>
+    <el-dialog
+      title="事件信息详情"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <el-form ref="form" :model="detailForm" label-width="80px">
+        <el-form-item label="街道名称">
+          <el-input
+            style="width:260px;margin-left:20px"
+            v-model="detailForm.streetname"
+            :disabled="true">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="社区名称">
+          <el-input
+            style="width:260px;margin-left:20px"
+            v-model="detailForm.communityname"
+            :disabled="true">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="事件地址:">
+          <el-input
+            style="width:260px;margin-left:20px"
+            v-model="detailForm.address"
+            :disabled="true">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="事件描述:">
+					<el-input
+						style="width:260px;margin-left:20px"
+						v-model="detailForm.description"
+						:disabled="true">
+					</el-input>
+        </el-form-item>
+				<el-form-item label="事件类别:">
+					<el-input
+						style="width:260px;margin-left:20px"
+						v-model="detailForm.infotypename"
+						:disabled="true">
+					</el-input>
+				</el-form-item>
+        <el-form-item label="事件来源:">
+					<el-input
+						style="width:260px;margin-left:20px"
+						v-model="detailForm.infosourcename"
+						:disabled="true">
+					</el-input>
+				</el-form-item>
+        <el-form-item label="事件状态:">
+					<el-input
+						style="width:260px;margin-left:20px"
+						v-model="detailForm.statusname"
+						:disabled="true">
+					</el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button style="margin-left:80px" @click="dialogVisible = false" type="primary">取 消</el-button>
+				</el-form-item>
+      </el-form>
+</el-dialog>
   </div>
 </template>
 
@@ -140,14 +207,41 @@ export default {
         communityname:"",
         statusname:""
       },
-      optionsG:[]
+      detailForm:{
+        infosourcename: "",
+        infotypename: "",
+        communityname:"",
+        description:"",
+        address:"",
+        statusname:"",
+        streetname:"",
+      },
+      optionsG:[],
+      dialogVisible: false
     };
   },
   methods:{
-  
+    getDetailById(row){
-  },
+      this.dialogVisible = true
-created(){
+      this.$http.post(`/opendata/wghSjxxb/sjxx/getDetailById`,{
-    this.getGridList('query')
+        taskid:row.row.taskid
+      }).then(resp => {
+        this.detailForm = resp.data.data
+      }).catch(error => {
+        this.$message.error(error)
+      })
+    },
+    handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+            dialogVisible = false
+          })
+          .catch(_ => {});
+      },
+			jumplink(){
+				window.open('http://120.221.72.15:8089/sbwgh/bizsys/login.htm','_blank')
+			}
   },
 };
 </script>