stage：线上任务管理合同加入

src/views/business/onlineTaskInfo/index.vue

@@ -2,47 +2,22 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
       <el-form-item label="任务编号" prop="taskNo">
-        <el-input
-          v-model="queryParams.taskNo"
-          placeholder="请输入任务编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.taskNo" placeholder="请输入任务编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="任务名称" prop="taskName">
-        <el-input
-          v-model="queryParams.taskName"
-          placeholder="请输入任务名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.taskName" placeholder="请输入任务名称" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="发起企业名称" prop="companyName">
-        <el-input
-          v-model="queryParams.companyName"
-          placeholder="请输入发起企业名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.companyName" placeholder="请输入发起企业名称" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="代发企业名称" prop="taxCompanyName">
-        <el-input
-          v-model="queryParams.taxCompanyName"
-          placeholder="请输入代发企业名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.taxCompanyName" placeholder="请输入代发企业名称" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="发布时间">
-        <el-date-picker
-          v-model="daterangeReleaseTime"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        ></el-date-picker>
+        <el-date-picker v-model="daterangeReleaseTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
+          type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -52,15 +27,10 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['business:onlineTaskInfo:add']"
-        >发布任务</el-button>
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['business:onlineTaskInfo:add']">发布任务</el-button>
       </el-col>
-<!--      <el-col :span="1.5">
+      <!--      <el-col :span="1.5">
         <el-button
           type="success"
           icon="el-icon-edit"
@@ -81,13 +51,8 @@
         >删除</el-button>
       </el-col>-->
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['business:onlineTaskInfo:export']"
-        >导出</el-button>
+        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['business:onlineTaskInfo:export']">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -105,11 +70,11 @@
       <el-table-column label="发起企业名称" align="center" prop="companyName" />
       <el-table-column label="代发企业名称" align="center" prop="taxCompanyName" />
       <el-table-column label="所在区域" align="center" prop="area" />
-<!--      <el-table-column label="详细地址" align="center" prop="address" />-->
-      <el-table-column label="服务时间" align="center" prop="serviceTime"/>
+      <!--      <el-table-column label="详细地址" align="center" prop="address" />-->
+      <el-table-column label="服务时间" align="center" prop="serviceTime" />
       <el-table-column label="零工人数" align="center" prop="needNum" />
-<!--      <el-table-column label="计费说明" align="center" prop="billDesc" />-->
-<!--      <el-table-column label="计费详情" align="center" prop="billDetail" />-->
+      <!--      <el-table-column label="计费说明" align="center" prop="billDesc" />-->
+      <!--      <el-table-column label="计费详情" align="center" prop="billDetail" />-->
       <el-table-column label="发布时间" align="center" prop="releaseTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.releaseTime) }}</span>
@@ -117,78 +82,51 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="prviewPdfUrl(scope.row)"
-          >查看合同</el-button>
-          <el-button
-            v-if="scope.row.status == 10"
-            size="mini"
-            type="text"
-            icon="el-icon-s-promotion"
-            v-hasPermi="['business:onlineTaskInfo:release']"
-            @click="handleRelease(scope.row)"
-          >发布任务</el-button>
-          <el-button
-            v-if="scope.row.status == 11"
-            size="mini"
-            type="text"
-            icon="el-icon-s-promotion"
-            v-hasPermi="['business:onlineTaskInfo:recived']"
-            @click="handleRecived(scope.row)"
-          >接收任务</el-button>
-          <el-button
-            v-if="scope.row.status == 21"
-            size="mini"
-            type="text"
-            icon="el-icon-upload"
-            v-hasPermi="['business:onlineTaskInfo:importPayInfo']"
-            @click="importPayInfo(scope.row)"
-          >导入名单</el-button>
+          <el-button size="mini" type="text" icon="el-icon-view" @click="prviewPdfUrl(scope.row)">查看合同</el-button>
+          <el-button v-if="scope.row.status == 10" size="mini" type="text" icon="el-icon-s-promotion"
+            v-hasPermi="['business:onlineTaskInfo:release']" @click="handleRelease(scope.row)">发布任务</el-button>
+          <el-button v-if="scope.row.status == 11" size="mini" type="text" icon="el-icon-s-promotion"
+            v-hasPermi="['business:onlineTaskInfo:recived']" @click="handleRecived(scope.row)">接收任务</el-button>
+          <el-button v-if="scope.row.status == 21" size="mini" type="text" icon="el-icon-upload"
+            v-hasPermi="['business:onlineTaskInfo:importPayInfo']" @click="importPayInfo(scope.row)">导入名单</el-button>
 
-<!--          <el-button-->
-<!--            size="mini"-->
-<!--            type="text"-->
-<!--            icon="el-icon-edit"-->
-<!--            @click="handleUpdate(scope.row)"-->
-<!--            v-hasPermi="['business:onlineTaskInfo:edit']"-->
-<!--          >修改</el-button>-->
-<!--          <el-button-->
-<!--            size="mini"-->
-<!--            type="text"-->
-<!--            icon="el-icon-delete"-->
-<!--            @click="handleDelete(scope.row)"-->
-<!--            v-hasPermi="['business:onlineTaskInfo:remove']"-->
-<!--          >删除</el-button>-->
+          <!--          <el-button-->
+          <!--            size="mini"-->
+          <!--            type="text"-->
+          <!--            icon="el-icon-edit"-->
+          <!--            @click="handleUpdate(scope.row)"-->
+          <!--            v-hasPermi="['business:onlineTaskInfo:edit']"-->
+          <!--          >修改</el-button>-->
+          <!--          <el-button-->
+          <!--            size="mini"-->
+          <!--            type="text"-->
+          <!--            icon="el-icon-delete"-->
+          <!--            @click="handleDelete(scope.row)"-->
+          <!--            v-hasPermi="['business:onlineTaskInfo:remove']"-->
+          <!--          >删除</el-button>-->
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改线上任务信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body center>
       <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
-        <el-step title="1、基础信息" ></el-step>
-        <el-step title="2、确认合同" ></el-step>
+        <el-step title="1、基础信息"></el-step>
+        <el-step title="2、确认合同"></el-step>
       </el-steps>
 
       <div style="margin-top: 20px;" v-if="active == 1">
         <el-form ref="form" :model="form" :rules="rules" label-width="120px">
           <el-form-item label="任务编号" prop="taskNo">
-            <el-input v-model="form.taskNo" placeholder="请输入任务编号" disabled/>
+            <el-input v-model="form.taskNo" placeholder="请输入任务编号" disabled />
           </el-form-item>
           <el-form-item label="发起企业" prop="companyId">
             <el-select v-model="form.companyId" placeholder="请选择发起企业" clearable @change="applyCompanyChange">
-              <el-option v-for="item in applyCompanyList" :key="item.id" :label="item.companyName" :value="item.id"></el-option>
+              <el-option v-for="item in applyCompanyList" :key="item.id" :label="item.companyName"
+                :value="item.id"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="任务名称" prop="taskName">
@@ -199,7 +137,8 @@
           </el-form-item>
           <el-form-item label="代发企业" prop="taxCompanySignId">
             <el-select v-model="form.taxCompanySignId" placeholder="请选择代发企业" clearable @change="taxCompanyChange">
-              <el-option v-for="item in taxCompanyList" :key="item.id" :label="item.taxUnitName" :value="item.id"></el-option>
+              <el-option v-for="item in taxCompanyList" :key="item.id" :label="item.taxUnitName"
+                :value="item.id"></el-option>
             </el-select>
           </el-form-item>
           <!--        <el-form-item label="地区code" prop="araeCode">-->
@@ -212,15 +151,8 @@
           <!--          <el-input v-model="form.address" placeholder="请输入详细地址" />-->
           <!--        </el-form-item>-->
           <el-form-item label="服务时间" prop="serviceTime">
-            <el-date-picker
-              clearable
-              placeholder="请选择服务时间"
-              v-model="form.serviceTimeArr"
-              @change="changeServiceTime"
-              type="datetimerange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期">
+            <el-date-picker clearable placeholder="请选择服务时间" v-model="form.serviceTimeArr" @change="changeServiceTime"
+              type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
             </el-date-picker>
           </el-form-item>
           <el-form-item label="零工人数" prop="needNum">
@@ -236,7 +168,7 @@
             <el-input v-model="form.remark" type="textarea" placeholder="请输入任务备注" />
           </el-form-item>
         </el-form>
-        <div slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer" style="text-align: center;">
           <el-button type="primary" @click="handleNext(10)">下一步</el-button>
           <el-button @click="cancel">取 消</el-button>
         </div>
@@ -244,9 +176,11 @@
       <div class="demo-form" v-if="active == 2">
         <!--    TODO 待优化 pdf预览    -->
         <div style="margin: 20px;padding: 20px;">
-          <el-button type="success" @click="handleLook">查看合同</el-button>
+          <iframe
+            src="http://admin.xinruit.com/stage-api/profile/upload/2025/04/17/712c806c-969a-4a6f-b1c8-14e66fc4b5d9.pdf"
+            style="width:100%;height:545px;" frameborder="0"></iframe>
         </div>
-        <div slot="footer" class="dialog-footer">
+        <div slot="footer" class="dialog-footer" style="text-align: center;">
           <el-button type="primary" @click="handlePrev">上一步</el-button>
           <el-button type="primary" @click="submitFormUp(10)">提 交</el-button>
           <el-button type="primary" @click="submitFormUp(11)">提交并发布</el-button>
@@ -294,8 +228,8 @@ export default {
   data() {
     return {
       // 任务名称
-      batchPayName : '',
-      onlineTaskId : '',
+      batchPayName: '',
+      onlineTaskId: '',
       // 支付方式
       payType: '',
       payVisible: false,
@@ -449,14 +383,14 @@ export default {
       listCompanyInfo(queryParams).then(response => {
         if (bindType == 1) {
           this.applyCompanyList = response.rows;
-        }else if (bindType == 2) {
+        } else if (bindType == 2) {
           this.taxCompanyList = response.rows;
         }
         this.loading = false;
       });
     },
     //查询合作机构list
-    queryTaxCompanyList(applyCompanyId){
+    queryTaxCompanyList(applyCompanyId) {
       const queryParams = {
         inviterId: applyCompanyId,
         signStatus: 2,
@@ -465,7 +399,7 @@ export default {
       }
       laborSign(queryParams).then(response => {
         if (response.code == 200) {
-          if(response.total == 0){
+          if (response.total == 0) {
             this.$modal.msgError("该企业未签约，无法发布任务");
             return;
           }
@@ -537,7 +471,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -589,12 +523,12 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除线上任务信息编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除线上任务信息编号为"' + ids + '"的数据项？').then(function () {
         return delOnlineTaskInfo(ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -660,7 +594,7 @@ export default {
     },
     //发布任务
     handleRelease(row) {
-      this.$confirm('是否确认发布任务【'+row.taskName+'】？', '提示', {
+      this.$confirm('是否确认发布任务【' + row.taskName + '】？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -673,11 +607,11 @@ export default {
             location.reload();
           }
         })
-      }).catch(() => {});
+      }).catch(() => { });
     },
     //接收任务
     handleRecived(row) {
-      this.$confirm('是否确认接收任务【'+row.taskName+'】？', '提示', {
+      this.$confirm('是否确认接收任务【' + row.taskName + '】？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -690,7 +624,7 @@ export default {
             location.reload();
           }
         })
-      }).catch(() => {});
+      }).catch(() => { });
     },
     //查看合同
     prviewPdfUrl(row) {
@@ -704,19 +638,19 @@ export default {
     importPayInfo(row) {
       this.payVisible = true;
       this.onlineTaskId = row.id;
-      this.batchPayName = "线上发包任务-"+row.taskName+"-"+row.id;
+      this.batchPayName = "线上发包任务-" + row.taskName + "-" + row.id;
       console.log(this.batchPayName)
     },
     // 跳转到批量到支付宝
     toLinkAlipay() {
       console.log(this.batchPayName)
-      this.$router.push({ path: "/transfer/batchToAli", query: { batchPayName: this.batchPayName, onlineTaskId:this.onlineTaskId } });
+      this.$router.push({ path: "/transfer/batchToAli", query: { batchPayName: this.batchPayName, onlineTaskId: this.onlineTaskId } });
       this.payVisible = false
     },
     // 跳转到批量到银行卡
     toLinkBankCard() {
       console.log(this.batchPayName)
-      this.$router.push({ path: "/transfer/batchToBank", query: { batchPayName: this.batchPayName, onlineTaskId:this.onlineTaskId } });
+      this.$router.push({ path: "/transfer/batchToBank", query: { batchPayName: this.batchPayName, onlineTaskId: this.onlineTaskId } });
       this.payVisible = false
     },
     generateTimeCodeWithRandom() {
@@ -734,7 +668,7 @@ export default {
       // const seconds = String(now.getSeconds()).padStart(2, '0');
       return `${year}${month}${date}`;
     }
-}
+  }
 };
 </script>
 <style lang="scss" scoped>