项目合规评估流程手机端bug

src/pages/processCenter/pages/phone/xmpg/step4.vue

@@ -22,22 +22,8 @@
             <div class="prc-content-border" v-if="foldFormFlag === false">
               <el-row :gutter="24">
                 <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
+                  <van-field label="项目编号" v-model="listForm.projectNumber" readonly />
-                    <el-input
+                  <van-field label="项目名称" v-model="listForm.projectName" readonly />
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
                 </el-col>
               </el-row>
             </div>
@@ -47,22 +33,8 @@
           <div class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
             <el-row :gutter="24">
               <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
+                <van-field label="项目编号" v-model="listForm.projectNumber" readonly />
-                  <el-input
+                <van-field label="项目名称" v-model="listForm.projectName" readonly />
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
               </el-col>
             </el-row>
           </div>
@@ -72,14 +44,19 @@
         <template slot="title">填写信息</template>
       </ProcessTitle>
       <el-table
-        ref="multipleTable"
+        :data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
-        :data="dataList"
+        style="width: 100%; border: 1px solid #cccccc;height: 400px"
-        tooltip-effect="dark"
+        height="70%"
-        style="width: 100%"
         border
-        height="55%"
+        highlight-current-row
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
+          fontWeight: 'bold'}"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center">
+        </el-table-column>
         <el-table-column
           prop="standEnName"
           label="标准编号"
@@ -117,22 +94,22 @@
           label="条款名称">
         </el-table-column>
         <el-table-column
-          prop="xCXSSRQ"
+          prop="ssrq"
+          width="200"
+          align="center"
+          label="实施日期">
+        </el-table-column>
+        <el-table-column
+          prop="xcxssrq"
           width="200"
           align="center"
           label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
-          prop="zCCSSRQ"
+          prop="zccssrq"
           width="200"
           align="center"
           label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
           prop="complianceReasons"
@@ -163,7 +140,8 @@
             width="120"
             label="完成时间">
             <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
+                  <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format("YYYY-MM-DD") : ""
+                    }}</span>
             </template>
           </el-table-column>
         </el-table-column>
@@ -174,9 +152,9 @@
           label="不涉及理由">
         </el-table-column>
         <el-table-column
+          prop="workPeople"
           align="center"
-          width="150"
+          width="200"
-          prop="distributePerson"
           label="责任人">
         </el-table-column>
       </el-table>

src/pages/processCenter/pages/phone/xmpg/step5.vue

@@ -22,22 +22,8 @@
             <div class="prc-content-border" v-if="foldFormFlag === false">
               <el-row :gutter="24">
                 <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
+                  <van-field label="项目编号" v-model="listForm.projectNumber" readonly />
-                    <el-input
+                  <van-field label="项目名称" v-model="listForm.projectName" readonly />
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
                 </el-col>
               </el-row>
             </div>
@@ -47,22 +33,8 @@
           <div class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
             <el-row :gutter="24">
               <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
+                <van-field label="项目编号" v-model="listForm.projectNumber" readonly />
-                  <el-input
+                <van-field label="项目名称" v-model="listForm.projectName" readonly />
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
               </el-col>
             </el-row>
           </div>
@@ -72,14 +44,19 @@
         <template slot="title">填写信息</template>
       </ProcessTitle>
       <el-table
-        ref="multipleTable"
+        :data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
-        :data="dataList"
+        style="width: 100%; border: 1px solid #cccccc;height: 400px"
-        tooltip-effect="dark"
+        height="70%"
-        style="width: 100%"
         border
-        height="55%"
+        highlight-current-row
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
+          fontWeight: 'bold'}"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center">
+        </el-table-column>
         <el-table-column
           prop="standEnName"
           label="标准编号"
@@ -117,22 +94,22 @@
           label="条款名称">
         </el-table-column>
         <el-table-column
-          prop="xCXSSRQ"
+          prop="ssrq"
+          width="200"
+          align="center"
+          label="实施日期">
+        </el-table-column>
+        <el-table-column
+          prop="xcxssrq"
           width="200"
           align="center"
           label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
-          prop="zCCSSRQ"
+          prop="zccssrq"
           width="200"
           align="center"
           label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
           prop="complianceReasons"
@@ -163,7 +140,8 @@
             width="120"
             label="完成时间">
             <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
+                  <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format("YYYY-MM-DD") : ""
+                    }}</span>
             </template>
           </el-table-column>
         </el-table-column>
@@ -174,9 +152,9 @@
           label="不涉及理由">
         </el-table-column>
         <el-table-column
+          prop="workPeople"
           align="center"
-          width="150"
+          width="200"
-          prop="distributePerson"
           label="责任人">
         </el-table-column>
       </el-table>