From 759b12911f0f86e2417f33ce6db8e8723bb4d508 Mon Sep 17 00:00:00 2001
From: monkeyhouyi <m19382021374@163.com>
Date: Mon, 28 Oct 2024 13:45:07 +0800
Subject: [PATCH] 表单合并

---
 src/views/DisposalSuggestions/index.vue | 230 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------
 1 file changed, 114 insertions(+), 116 deletions(-)

diff --git a/src/views/DisposalSuggestions/index.vue b/src/views/DisposalSuggestions/index.vue
index ccc990b..015ae5c 100644
--- a/src/views/DisposalSuggestions/index.vue
+++ b/src/views/DisposalSuggestions/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="SystemInfo item-box common-info-box">
-    <div class="item-title">{{ isSHILevel ? "线索研判" : "线索核查" }}</div>
+    <div class="item-title">核查处置</div>
     <div class="item-body">
       <div class="NCC-common-layout">
         <div class="NCC-common-layout-center">
@@ -8,118 +8,75 @@
             <el-form @submit.native.prevent size="mini">
               <el-col :span="5">
                 <el-form-item label="">
-                  <el-date-picker
-                    v-model="query.creatorTime"
-                    type="datetimerange"
-                    value-format="yyyy-MM-dd HH:mm:ss"
-                    format="yyyy-MM-dd HH:mm:ss"
-                    start-placeholder="登记开始日期"
-                    end-placeholder="登记结束日期"
-                  >
-                  </el-date-picker>
+                  <el-date-picker v-model="query.creatorTime" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" start-placeholder="登记开始日期" end-placeholder="登记结束日期"/>
                 </el-form-item>
               </el-col>
               <el-col :span="3">
                 <el-form-item label="">
-                  <el-input
-                    v-model="query.platformName"
-                    placeholder="请输入应用名称"
-                    clearable
-                  />
+                  <el-input v-model="query.platformName" placeholder="请输入应用名称" clearable/>
                 </el-form-item>
               </el-col>
               <el-col :span="3">
                 <el-form-item label="">
-                  <el-select
-                    v-model="query.platformType"
-                    placeholder="请选择应用类型"
-                    clearable
-                  >
-                    <el-option
-                      v-for="(item, index) in systemTypeOptions"
-                      :key="index"
-                      :label="item.FullName"
-                      :value="item.Id"
-                    />
+                  <el-select v-model="query.platformType" placeholder="请选择应用类型" clearable>
+                    <el-option v-for="(item, index) in systemTypeOptions" :key="index" :label="item.FullName" :value="item.Id"/>
                   </el-select>
                 </el-form-item>
               </el-col>
-              <!-- <el-col :span="3">
-                       <el-form-item label="">
-                           <depSelect v-model="query.department" placeholder="请选择部门" />
-                       </el-form-item>
-                   </el-col> -->
               <el-col :span="3">
                 <el-form-item label="">
-                  <el-input
-                    v-model="query.questionType"
-                    placeholder="请选择问题类型"
-                    clearable
-                  />
+                  <el-select v-model="query.reportSource" placeholder="请选择问题来源" clearable>
+                    <el-option v-for="(item, index) in sourceOptions" :key="index" :label="item.FullName" :value="item.Id"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <el-form-item label="">
+                  <el-input v-model="query.questionType" placeholder="请选择问题类型" clearable/>
                 </el-form-item>
               </el-col>
               <el-col :span="3">
                 <el-form-item>
-                  <el-button
-                    type="primary"
-                    icon="el-icon-search"
-                    @click="search()"
-                    >查询</el-button
-                  >
-                  <el-button icon="el-icon-refresh-right" @click="reset()"
-                    >重置</el-button
-                  >
+                  <el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
+                  <el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
                 </el-form-item>
               </el-col>
-              <div class="NCC-common-search-box-right">
-                <el-button
-                  type="primary"
-                  icon="el-icon-download"
-                  size="mini"
-                  @click="exportData()"
-                  >导出</el-button
-                >
-              </div>
+              <div class="NCC-common-search-box-right"></div>
             </el-form>
           </el-row>
+          <div class="btns-box">
+            <el-button type="success" icon="el-icon-plus" @click="addForm()" size="mini" >新增</el-button>
+            <el-button type="primary" icon="el-icon-download" size="mini" @click="exportDemo()">导出模板</el-button>
+            <el-upload
+                class="uploadXlax"
+                :action="define.APIURl + '/api/Extend/BaseInspectionReport/Actions/ImportByExcel'"
+                :headers="uploadHeaders"
+                :on-success="uploadSuccess"
+                :on-error="uploadError"
+                :show-file-list="false"
+                name="excelfile"
+              >
+                <div class="avatar-box">
+                  <el-button type="info" icon="el-icon-upload" size="mini">导入</el-button>
+                </div>
+              </el-upload>
+            <el-button type="primary" icon="el-icon-download" size="mini" @click="exportData()" >导出</el-button>
+          </div>
           <div class="NCC-common-layout-main NCC-flex-main">
             <NCC-table v-loading="listLoading" :data="list">
-              <el-table-column
-                show-overflow-tooltip
-                prop="platformNameStr"
-                label="应用名称"
-                align="left"
-              />
+              <el-table-column show-overflow-tooltip prop="platformNameStr" label="应用名称" align="left"/>
               <el-table-column label="应用类型" prop="platformType" align="left" show-overflow-tooltip>
                 <template slot-scope="scope">{{ scope.row.platformType | dynamicTextUP(systemTypeOptions) }}</template>
               </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                label="问题类型"
-                prop="questionType"
-                align="left"
-              ></el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                label="线索编号"
-                prop="leadNumber"
-                align="left"
-              ></el-table-column>
+              <el-table-column label="问题来源" prop="reportSource" align="left" show-overflow-tooltip>
+                <template slot-scope="scope">{{ scope.row.reportSource | dynamicTextUP(sourceOptions) }}</template>
+              </el-table-column>
+              <el-table-column show-overflow-tooltip label="问题类型" prop="questionType" align="left"/>
+              <el-table-column show-overflow-tooltip label="线索编号" prop="leadNumber" align="left"/>
               <!-- <el-table-column show-overflow-tooltip prop="link" label="有害链接" align="left" /> -->
               <!-- <el-table-column show-overflow-tooltip prop="questionClass" label="关键词" align="left" /> -->
-              <el-table-column
-                show-overflow-tooltip
-                prop="creatorTime"
-                label="录入时间"
-                align="left"
-                :formatter="ncc.tableDateFormat"
-              />
-              <el-table-column
-                show-overflow-tooltip
-                prop="state"
-                label="状态"
-                align="left"
-              />
+              <el-table-column show-overflow-tooltip prop="creatorTime" label="录入时间" align="left" :formatter="ncc.tableDateFormat"/>
+              <el-table-column show-overflow-tooltip prop="state" label="状态" align="left"/>
               <!-- <el-table-column show-overflow-tooltip prop="disposalSuggestions" label="处置建议" align="left" />
                    <el-table-column show-overflow-tooltip prop="id" label="主键" align="left" />
                    <el-table-column show-overflow-tooltip prop="department" label="部门" align="left" />
@@ -129,40 +86,19 @@
                    <el-table-column show-overflow-tooltip label="阶段" prop="stage" align="left">
                            <template slot-scope="scope">{{ scope.row.stage | dynamicText(stageOptions) }}</template>
                    </el-table-column> -->
-              <el-table-column label="操作" fixed="right" width="150">
+              <el-table-column label="操作" fixed="right" width="200">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    @click="addOrUpdateHandle(scope.row.id, false, 'edit')"
-                    v-if="isSHILevel && scope.row.stage == '577006666214540549'"
-                    >编辑</el-button
-                  >
+                  <template v-if="userId == scope.row.creatorUserId">
+                    <el-button type="text" @click="addOrUpdateHandle(scope.row.id)" :disabled="scope.row.stage != '577006621985604869' && scope.row.stage !='577006641364189019'">编辑</el-button>
+                    <el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" :disabled="scope.row.stage != '577006621985604869' && scope.row.stage !='577006641364189019'">删除</el-button>
+                  </template>
+                  <el-button type="text" @click="addOrUpdateHandle(scope.row.id, false, 'edit')" v-if="isSHILevel && scope.row.stage == '577006666214540549'" >建议修改</el-button>
                   <!-- 未研判 ‘577006621985604869’/未下发 ‘577006641364189019’ / 已处置 ‘577006696312866053’ 可以研判 -->
                   <!-- <el-button type="text" v-if="isSHILevel" @click="addOrUpdateHandle(scope.row.id)" :disabled="['577006621985604869', '577006641364189019', '577006696312866053'].includes(scope.row.stage) == -1">{{ scope.row.stage == '577006641364189019' ? '下发' : '研判'}}</el-button> -->
-                  <el-button
-                    type="text"
-                    v-if="isSHILevel && scope.row.stage != '577006666214540549'"
-                    @click="addOrUpdateHandle(scope.row.id)"
-                    :disabled="
-                      ![
-                        '577006621985604869',
-                        '577006641364189019',
-                        '577006696312866053',
-                      ].includes(scope.row.stage)
-                    "
-                    >研判</el-button
-                  >
+                  <el-button type="text" v-if="isSHILevel && scope.row.stage != '577006666214540549'" @click="addOrUpdateHandle(scope.row.id)" :disabled="!['577006621985604869','577006641364189019','577006696312866053'].includes(scope.row.stage)">研判</el-button>
                   <!-- 待处置进行处理 -->
-                  <el-button
-                    type="text"
-                    v-if="!isSHILevel"
-                    @click="toHandle(scope.row.id)"
-                    :disabled="scope.row.stage != '577006131314196155'"
-                    >处理</el-button
-                  >
-                  <el-button type="text" @click="toDetail(scope.row.id)"
-                    >详情</el-button
-                  >
+                  <el-button type="text" v-if="!isSHILevel" @click="toHandle(scope.row.id)" :disabled="scope.row.stage != '577006131314196155'" >处理</el-button>
+                  <el-button type="text" @click="toDetail(scope.row.id)">详情</el-button>
                 </template>
               </el-table-column>
             </NCC-table>
@@ -174,6 +110,7 @@
             />
           </div>
         </div>
+		    <ADDNCCForm v-if="addformVisible" ref="ADDNCCForm" @refresh="refresh" />
         <NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
         <HandleForm
           v-if="HandleFormVisible"
@@ -193,6 +130,7 @@
 import request from "@/utils/request";
 import infoMixin from "@/mixins/info";
 import NCCForm from "./Form";
+import ADDNCCForm from '@/views/baseInspectionReport/Form.vue'
 import HandleForm from "./HandleForm";
 import {
   getListForJudge,
@@ -202,7 +140,7 @@ import ReportForm from "@/views/baseInspectionReport/Form.vue"; // 巡查处置
 import define from '@/utils/define'
 
 export default {
-  components: { NCCForm, HandleForm, ReportForm },
+  components: { NCCForm, HandleForm, ReportForm, ADDNCCForm },
   mixins: [infoMixin],
   data() {
     return {
@@ -253,9 +191,11 @@ export default {
         { fullName: "选项一", id: "1" },
         { fullName: "选项二", id: "2" },
       ],
+      uploadHeaders: { Authorization: this.$store.getters.token },
 
       HandleFormVisible: false,
       ReportFormVisible: false,
+      addformVisible: false,
     };
   },
   computed: {
@@ -263,12 +203,23 @@ export default {
       // 判断角色是否为‘市级办公室’
       return this.$store.state.user.islader;
     },
+    userId() {
+      return this.$store.state.user.id
+    }
   },
   created() {
     this.initSystemTypeList();
+    this.getSourceOptions();
     this.initData();
   },
   methods: {
+    async getSourceOptions() {
+      let { data } = await request({
+        url: `/Extend/baseinspectionreport/GetReportSourceList`,
+        method: "GET",
+      });
+      this.sourceOptions = data;
+    },
     initData() {
       this.listLoading = true;
       let _query = {
@@ -372,6 +323,43 @@ export default {
         link.click();
       });
     },
+
+    // 巡查上报列表方法-----------------------------------------------------------------------
+    addForm(id, isDetail) {
+        this.addformVisible = true
+        this.$nextTick(() => {
+            this.$refs.ADDNCCForm.init(id, isDetail)
+        })
+    },
+    exportDemo() {
+      let obj = {
+        url: '/Extend/BaseInspectionReport/Actions/GenerateImportTemplate',
+        method: "GET",
+        responseType: 'blob',
+      };
+      request(obj).then((res) => {
+        const blob = new Blob([res], {type: 'application/json'});
+        const url = window.URL.createObjectURL(blob);
+        let link = document.createElement('a');
+        link.style.display = 'none';
+        link.href = url;
+        link.download = '线索录入模板.xlsx';
+        link.click();
+      });
+    },
+    uploadSuccess(response, file, fileList) {
+      this.$message({
+        showClose: true,
+        message: response.msg,
+        type: response.code == 200 ? 'success' : 'error',
+        close: () => {
+          response.code == 200 && this.initData();
+        }
+      });
+    },
+    uploadError() { 
+      console.log('erroe');
+    },
   },
 };
 </script>
@@ -382,4 +370,14 @@ export default {
     overflow-y: scroll;
   }
 }
+.uploadXlax {
+  display: inline-block;
+  margin: 0 8px;
+}
+.NCC-common-search-box {
+  margin-bottom: 0;
+}
+.btns-box {
+  margin-bottom: 14px;
+}
 </style>
--
libgit2 0.21.4