土地闲置判定、认定的闲置土地处置页面展示

src/views/Idleland/components/determineModal.vue

@@ -1,109 +0,0 @@
-<template>
-  <div class="dialog">
-    <el-dialog
-      :title="formData.JGMC"
-      width="40%"
-      :visible.sync="dialogVisible"
-      :before-close="close"
-      :modal-append-to-body="false"
-      :close-on-click-modal="false"
-    >
-      <div class="content">
-        <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
-          <el-form-item label="审核结论:" prop="shjl">
-            <el-radio v-model="ruleForm.shjl" label="1"> 申请通过 </el-radio>
-            <el-radio v-model="ruleForm.shjl" label="2"> 申请不通过 </el-radio>
-          </el-form-item>
-          <el-form-item label="使用截止日期:" prop="jzrq">
-            <el-date-picker
-              v-model="ruleForm.jzrq"
-              type="date"
-              value-format="yyyy-MM-dd"
-              placeholder="选择日期"
-            >
-            </el-date-picker>
-            (默认一年)
-          </el-form-item>
-          <el-form-item label="审核意见:" prop="xmmc">
-            <el-input
-              v-model="ruleForm.xmmc"
-              :rows="5"
-              type="textarea"
-              placeholder="描述"
-            ></el-input>
-          </el-form-item>
-          <el-row :gutter="20" class="elrow">
-            <el-col :span="12">
-              <el-form-item label="审核时间" prop="shsj">
-                <el-date-picker
-                  v-model="ruleForm.shsj"
-                  type="date"
-                  value-format="yyyy-MM-dd"
-                  placeholder="自动读取"
-                >
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="审核人" prop="shr">
-                <el-input
-                  v-model="ruleForm.shr"
-                  placeholder="自动读取"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submit">保存</el-button>
-        <el-button type="primary" @click="close">关闭</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  components: {},
-  props: {},
-  data() {
-    return {
-      formData: {},
-      fieldList: [{ label: "sc", name: "字段" }],
-      dialogVisible: false,
-    };
-  },
-  created() {},
-  methods: {
-    // 关闭弹窗
-    close() {
-      this.dialogVisible = false;
-      this.$emit("close");
-    },
-    Init(rowdata) {
-      this.formData = rowdata;
-      this.dialogVisible = true;
-    },
-    async submit() {
-      this.close();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.dialog {
-  .content {
-    height: 400px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    color: #fff;
-    .el-checkbox {
-      color: #fff;
-    }
-  }
-}
-</style>
-<style lang="scss" >
-</style>

src/views/Idleland/components/handleModal.vue

@@ -0,0 +1,255 @@
+<template>
+  <div class="hanledialog">
+    <el-dialog
+      :title="`闲置土地${type == 'judge' ? '判定' : '处置'}`"
+      width="40%"
+      :visible.sync="dialogVisible"
+      :before-close="close"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+    >
+      <div class="content">
+        <div v-if="type == 'judge'">
+          <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
+            <el-form-item label="认定结论:" prop="rdjl">
+              <el-select v-model="ruleForm.rdjl" size="mini">
+                <el-option
+                  v-for="item in optionList"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="闲置原因:" prop="xzyy">
+              <el-input size="mini" v-model="ruleForm.xzyy"></el-input>
+            </el-form-item>
+            <el-form-item label="闲置时间:" prop="xzsj">
+              <el-date-picker
+                size="mini"
+                v-model="ruleForm.xzsj"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="认定时间" prop="rdsj">
+              <el-date-picker
+                size="mini"
+                v-model="ruleForm.rdsj"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="认定依据" prop="rdyj">
+              <el-input
+                size="mini"
+                v-model="ruleForm.rdyj"
+                :rows="3"
+                type="textarea"
+              ></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div v-else>
+          <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
+            <el-form-item label="是否完成处置:" prop="sfwc">
+              <el-select v-model="ruleForm.sfwc" size="mini">
+                <el-option
+                  v-for="item in yesornoList"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="处置时间:" prop="czsj">
+              <el-date-picker
+                size="mini"
+                v-model="ruleForm.czsj"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="处置方式:" prop="czfs">
+              <el-input
+                size="mini"
+                v-model="ruleForm.czfs"
+                :rows="2"
+                type="textarea"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="处置情况:" prop="czqk">
+              <el-input
+                size="mini"
+                v-model="ruleForm.czqk"
+                :rows="2"
+                type="textarea"
+              ></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="fileDiv">
+          <div class="block-title">
+            请上传相关认定材料：
+            <el-upload
+              class="upload-demo"
+              :on-change="handleChange"
+              :auto-upload="false"
+              :show-file-list="false"
+              :file-list="fileList"
+              :limit="1"
+              accept=".zip"
+            >
+              <el-button size="mini" type="primary">导入</el-button>
+            </el-upload>
+          </div>
+
+          <el-table :data="tofileList" height="200" style="width: 100%">
+            <el-table-column label="序号" width="70px">
+              <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+            </el-table-column>
+            <el-table-column
+              show-overflow-tooltip="true"
+              prop="name"
+              label="文件名称"
+            >
+            </el-table-column>
+            <el-table-column label="操作" width="150px">
+              <template :slot-scope="{ row }">
+                <span class="usable" @click="del(row)"> 删除 </span>
+                <span class="usable" @click="download(row)"> 下载查看 </span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submit">保存</el-button>
+        <el-button type="primary" @click="close">关闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {
+      dialogVisible: false,
+      type: "judge",
+      formData: {},
+      optionList: [
+        { code: 0, name: "不是闲置土地" },
+        { code: 1, name: "是闲置土地" },
+      ],
+      yesornoList: [
+        { code: 0, name: "是" },
+        { code: 1, name: "否" },
+      ],
+      ruleForm: { rdjl: 0 },
+      fileList: [],
+      tofileList: [{}],
+    };
+  },
+  created() {},
+  methods: {
+    // 关闭弹窗
+    close() {
+      this.dialogVisible = false;
+      this.$emit("close");
+    },
+    Init(rowdata, type) {
+      this.formData = rowdata;
+      this.type = type;
+      this.dialogVisible = true;
+    },
+    handleChange(file, fileList) {
+      if (fileList.length > 0) {
+        this.fileList = [fileList[fileList.length - 1]]; //这一步，是展示最后一次选择文件
+      }
+      const formdata = new FormData();
+      formdata.append("file", file.raw);
+      // ShapeUpload(formdata).then((res) => {
+      //   if (res.success) {
+      //   }
+      // });
+    },
+    download(obj) {
+      window.open(
+        window.axiosURI +
+          "/analyse/fzss/DownloadReport?filePath=" +
+          `${obj.fxbg}`
+      );
+    },
+    del(item) {
+      MessageBox.confirm(
+        "该操作将会删除此数据且不可恢复，您确定要删除吗？",
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          Delect({ bsm: item.bsm }).then((res) => {
+            if (res.success) {
+              this.$message.success("删除成功！");
+              this.getFileList();
+            }
+          });
+        })
+        .catch(() => {});
+    },
+
+    getFileList() {},
+    async submit() {
+      this.close();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.hanledialog {
+  .content {
+    height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: #fff;
+    .fileDiv {
+      width: 100%;
+      padding-left: 20px;
+      padding-top: 20px;
+      position: relative;
+
+      .upload-demo {
+        position: absolute;
+        top: 5px;
+        right: 20px;
+      }
+    }
+  }
+}
+</style>
+<style lang="scss" >
+.hanledialog {
+  .el-form-item {
+    margin-bottom: 10px !important;
+  }
+  .el-date-editor.el-input,
+  .el-date-editor.el-input__inner {
+    width: 100%;
+  }
+}
+</style>

src/views/Idleland/components/info.vue

@@ -27,7 +27,7 @@
           label="文件名称"
         >
         </el-table-column>
-        <el-table-column label="序号" width="70px">
+        <el-table-column label="操作" width="70px">
           <template slot-scope="scope">
             <span class="usable" @click="download(scope.row)"> 下载查看 </span>
           </template>

src/views/Idleland/components/list.vue

@@ -8,7 +8,6 @@
         认定为未非闲置情况
       </span>
     </div>
-
     <custom-form ref="formRef" :model="pageObj" :config="formConfig">
       <template #region>
         <!-- clearable -->
@@ -35,7 +34,6 @@
           </el-option>
         </el-select>
       </template>
-
       <template #action>
         <el-button
           size="mini"
@@ -68,20 +66,21 @@
     >
       <template #action="{ row }">
         <span class="usable" @click="detail(row)">详情</span>
-        <span class="usable" v-if="type == 0" @click="review(row)"> 判定 </span>
+        <span class="usable" v-if="type == 0" @click="judge(row)"> 判定 </span>
         <span class="usable" v-if="type == 1" @click="handle(row)"> 处置 </span>
       </template>
     </tablePage>
     <div class="tip" v-if="type == 0">
       说明:系统判断疑似闲置的条件(合同约定开工之日起仍未开工的项目)
     </div>
+    <handleModal ref="handleRef"></handleModal>
   </div>
 </template>
 
 <script>
 import tablePage from "@/components/mapView/tablePage.vue";
 import customForm from "@/components/mapView/custom-form.vue";
-
+import handleModal from "./handleModal.vue";
 import { GetPage } from "@/api/ghss/hgxfx.js";
 import { GetXzResList } from "../../../api/ghss/ghxz.js";
 
@@ -91,6 +90,7 @@ export default {
   components: {
     tablePage,
     customForm,
+    handleModal,
   },
   props: {
     type: {
@@ -113,7 +113,12 @@ export default {
       datalist: [{}],
       formConfig: ysForm,
       cloumn: TableHeader,
-      optionList: [],
+      optionList: [
+        { name: "政府原因", code: 0 },
+        { name: "企业原因", code: 1 },
+        { name: "非政府原因和不可抗力", code: 2 },
+        { name: "其他", code: 3 },
+      ],
       table: {
         data: [
           { JGMC: "ssmdmm", type: 0, typeN: "正在审核" },
@@ -214,11 +219,11 @@ export default {
     detail(row) {
       this.bus.$emit("handleView", row, this.$props.type);
     },
-    review(row) {
-      this.$refs.addEdtModal.Init("info", row);
+    judge(row) {
+      this.$refs.handleRef.Init(row, "judge");
     },
-    handle() {
-      this.$refs.addEdtModal.Init("info", row);
+    handle(row) {
+      this.$refs.handleRef.Init(row, "deal");
     },
     changerdxz() {
       this.rdxz = !this.rdxz;

src/views/complianceAnalysis/ghzc.scss

@@ -93,10 +93,10 @@
             }
         }
 
-        
+
 
         .el-form-item {
-            margin-bottom: 0 !important;
+            margin-bottom: 5px !important;
         }
 
         // .el-form-item__content {
@@ -237,7 +237,8 @@
             // color: #fff;
         }
 
-        .el-cascader--mini {
+        .el-cascader--mini,
+        .el-select {
             width: 100% !important;
         }
     }