前端页面更新

ruoyi-ui/src/views/management/info/index.vue

@@ -1,195 +1,40 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="项目id*" prop="bmProjectId">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="填报单位" prop="deptName">
         <el-input
-          v-model="queryParams.bmProjectId"
-          placeholder="请输入项目id*"
+          v-model="queryParams.deptName"
+          placeholder="请输入填报单位"
           clearable
           size="small"
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
-      <el-form-item label="项目名称*" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入项目名称*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="是否删除(0未删除、1已删除)" prop="isDel">
-        <el-input
-          v-model="queryParams.isDel"
-          placeholder="请输入是否删除(0未删除、1已删除)"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="投资方联系人*" prop="contactor">
-        <el-input
-          v-model="queryParams.contactor"
-          placeholder="请输入投资方联系人*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="投资方联系方式*" prop="phone">
-        <el-input
-          v-model="queryParams.phone"
-          placeholder="请输入投资方联系方式*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="预计投资额*" prop="needAmt">
-        <el-input
-          v-model="queryParams.needAmt"
-          placeholder="请输入预计投资额*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="固定资产投资*" prop="fixedAssets">
-        <el-input
-          v-model="queryParams.fixedAssets"
-          placeholder="请输入固定资产投资*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="产品名称*" prop="productName">
-        <el-input
-          v-model="queryParams.productName"
-          placeholder="请输入产品名称*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="设计产能*" prop="productQty">
-        <el-input
-          v-model="queryParams.productQty"
-          placeholder="请输入设计产能*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="预计产值*" prop="productPrice">
-        <el-input
-          v-model="queryParams.productPrice"
-          placeholder="请输入预计产值*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="预计税收*" prop="productTax">
-        <el-input
-          v-model="queryParams.productTax"
-          placeholder="请输入预计税收*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="预计用工*" prop="productEmp">
-        <el-input
-          v-model="queryParams.productEmp"
-          placeholder="请输入预计用工*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="项目计划用地" prop="plannedLand">
-        <el-input
-          v-model="queryParams.plannedLand"
-          placeholder="请输入项目计划用地"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="独立供地" prop="independentLand">
-        <el-input
-          v-model="queryParams.independentLand"
-          placeholder="请输入独立供地"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="流转土地" prop="circulationLan">
-        <el-input
-          v-model="queryParams.circulationLan"
-          placeholder="请输入流转土地"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="计划租赁用房" prop="needRoom">
-        <el-input
-          v-model="queryParams.needRoom"
-          placeholder="请输入计划租赁用房"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="计划租赁厂房" prop="needFactoryRoom">
-        <el-input
-          v-model="queryParams.needFactoryRoom"
-          placeholder="请输入计划租赁厂房"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="计划租赁办公生活用房" prop="needBusRoom">
-        <el-input
-          v-model="queryParams.needBusRoom"
-          placeholder="请输入计划租赁办公生活用房"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="其他需求" prop="other">
-        <el-input
-          v-model="queryParams.other"
-          placeholder="请输入其他需求"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="拟落户地点*" prop="address">
-        <el-input
-          v-model="queryParams.address"
-          placeholder="请输入拟落户地点*"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="是否签订框架协议* Y/N" prop="isFrameorder">
-        <el-input
-          v-model="queryParams.isFrameorder"
-          placeholder="请输入是否签订框架协议* Y/N"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+      </el-form-item>
+      <el-form-item label="项目名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入项目名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="填报日期" prop="addtime">
+        <el-date-picker value-format="yyyy-MM-dd" @change="tiemsChange" v-model="times" type="daterange"
+          range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="状态" prop="projectStatus">
+       <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
+         <el-option
+           v-for="dict in statusOptions"
+           :key="dict.dictValue"
+           :label="dict.dictLabel"
+           :value="dict.dictValue"
+         />
+       </el-select>
+      </el-form-item>
+
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -200,12 +45,12 @@
       <el-col :span="1.5">
         <el-button
           type="primary"
-          plain
-          icon="el-icon-plus"
+          plain
+          style="background-color: #1C84C6;color: #fff;border: none;"
           size="mini"
           @click="handleAdd"
           v-hasPermi="['projectInfo:info:add']"
-        >新增</el-button>
+        >添加线索</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -227,9 +72,9 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['projectInfo:info:remove']"
-        >删除</el-button>
+        >销号</el-button>
       </el-col>
-      <el-col :span="1.5">
+     <!-- <el-col :span="1.5">
         <el-button
           type="warning"
           plain
@@ -238,56 +83,53 @@
           @click="handleExport"
           v-hasPermi="['projectInfo:info:export']"
         >导出</el-button>
-      </el-col>
+      </el-col> -->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
-
     <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="id*" align="center" prop="id" />
-      <el-table-column label="项目id*" align="center" prop="bmProjectId" />
-      <el-table-column label="项目名称*" align="center" prop="name" />
-      <el-table-column label="是否删除(0未删除、1已删除)" align="center" prop="isDel" />
-      <el-table-column label="投资方联系人*" align="center" prop="contactor" />
-      <el-table-column label="投资方联系方式*" align="center" prop="phone" />
-      <el-table-column label="预计投资额*" align="center" prop="needAmt" />
-      <el-table-column label="固定资产投资*" align="center" prop="fixedAssets" />
-      <el-table-column label="产品名称*" align="center" prop="productName" />
-      <el-table-column label="设计产能*" align="center" prop="productQty" />
-      <el-table-column label="预计产值*" align="center" prop="productPrice" />
-      <el-table-column label="预计税收*" align="center" prop="productTax" />
-      <el-table-column label="预计用工*" align="center" prop="productEmp" />
-      <el-table-column label="项目计划用地" align="center" prop="plannedLand" />
-      <el-table-column label="独立供地" align="center" prop="independentLand" />
-      <el-table-column label="流转土地" align="center" prop="circulationLan" />
-      <el-table-column label="计划租赁用房" align="center" prop="needRoom" />
-      <el-table-column label="计划租赁厂房" align="center" prop="needFactoryRoom" />
-      <el-table-column label="计划租赁办公生活用房" align="center" prop="needBusRoom" />
-      <el-table-column label="其他需求" align="center" prop="other" />
-      <el-table-column label="拟落户地点*" align="center" prop="address" />
-      <el-table-column label="是否签订框架协议* Y/N" align="center" prop="isFrameorder" />
-      <el-table-column label="框架协议附件url(框架协议为是，需要上传)" align="center" prop="attachment" />
-      <el-table-column label="备注" align="center" prop="description" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+      <el-table-column label="项目名称" align="center" prop="name" />
+      <el-table-column label="总投资金额(万)" align="center" prop="totAmt" />
+      <el-table-column label="填报单位" align="center" prop="deptName" />
+      <el-table-column label="审核情况" align="center" prop="remark"/>
+      <el-table-column label="状态" align="center" prop="projectStatus">
+      <template slot-scope="scope">
+            {{scope.row.projectStatus | dictStatus}}
+          </template>
+      </el-table-column>
+      <el-table-column label="填报日期" align="center" prop="createTime" />
+      <el-table-column label="操作" width="280" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            style="background: #0669B2;color: #FFF;padding: 7px;"
+            v-hasPermi="['projectInfo:info:edit']"
+          >查看/审核</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            style="background: #3FBCEF;color: #FFF;padding: 7px;"
+            v-hasPermi="['projectInfo:info:edit']"
+          >提交审核</el-button>
           <el-button
             size="mini"
-            type="text"
-            icon="el-icon-edit"
+            type="text"
+            style="background: #F5A40C;color: #FFF;padding: 7px;"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['projectInfo:info:edit']"
           >修改</el-button>
           <el-button
             size="mini"
-            type="text"
-            icon="el-icon-delete"
+            type="text"
+            style="background: #DE1939;color: #FFF;padding: 7px;"
             @click="handleDelete(scope.row)"
             v-hasPermi="['projectInfo:info:remove']"
-          >删除</el-button>
+          >销号</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -379,13 +221,17 @@
 
 <script>
 import { listInfo, getInfo, delInfo, addInfo, updateInfo, exportInfo } from "@/api/projectInfo/info";
+let vm = ''
 
 export default {
   name: "Info",
   components: {
   },
-  data() {
-    return {
+  data() {
+    vm = this
+    return {
+      times: '',
+      statusOptions: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -439,10 +285,37 @@ export default {
       }
     };
   },
-  created() {
-    this.getList();
+  created() {
+    this.getDicts('project_status').then(res => {
+      this.statusOptions = res.data
+    })
+    this.getList();
+  },
+  filters:{
+    dictStatus(e){
+      console.log(e)
+      let is = ''
+      for(let item of vm.statusOptions){
+        console.log(item.dictValue)
+        if(e == item.dictValue){
+          is = item.dictLabel
+        }
+      }
+      return is
+    }
   },
-  methods: {
+  methods: {
+    tiemsChange(e) {
+      console.log(e,this.times)
+      if(this.times){
+        this.queryParams.beginTime = this.times[0]
+        this.queryParams.endTime = this.times[1]
+      }else{
+        this.queryParams.beginTime = ''
+        this.queryParams.endTime = ''
+      }
+
+    },
     /** 查询项目-线索信息列表 */
     getList() {
       this.loading = true;