wans

src/views/workplace/publish/modules/AuditDetail.vue

@@ -3,11 +3,16 @@
     <a-row :gutter="48" slot="extra">
       <a-col :md="48" :sm="48">
         <a-space class="table-page-search-submitButtons">
-          <a-button :loading="confirmLoading" type="primary" @click="save()">提交</a-button>
           <a-button type="default" @click="handleCancel()">返回</a-button>
         </a-space>
       </a-col>
     </a-row>
+    <!-- <div class="btn">
+      <a-space class="table-page-search-submitButtons">
+        <a-button :loading="confirmLoading" type="primary" @click="save()">提交</a-button>
+        <a-button type="default" @click="handleCancel()">返回</a-button>
+      </a-space>
+    </div> -->
     <title-divider title="业务信息" width="140px"></title-divider>
     <a-descriptions :column="2" bordered>
       <template v-for="item in descriptions">
@@ -21,30 +26,48 @@
 
     </a-descriptions>
     <title-divider title="审批处理" width="140px"></title-divider>
-    <a-form :form="form" :labelCol="BaseTool.Constant.labelCol" :wrapperCol="BaseTool.Constant.wrapperCol">
-      <a-form-item v-show="false">
-        <a-input v-decorator="['taskBomId']" type="hidden" />
-        <a-input v-decorator="['taskId']" type="hidden" />
-      </a-form-item>
-      <a-form-item label="审批">
-        <a-select v-decorator="['handleStatus', {initialValue:3, rules: [{required: true, message: '审批不能为空'}]}]" @change="handleSelect">
-          <template v-for="(label,value) in statusMap">
-            <a-select-option v-if="value>2" :key="value" :value="parseInt(value)">{{label}}</a-select-option>
-          </template>
-        </a-select>
-      </a-form-item>
-      <a-form-item label="审批备注">
-        <a-textarea v-decorator="['handleRemark', {initialValue:'同意',rules: [{required: true, message: '审批备注不能为空'}]}]" />
-      </a-form-item>
-    </a-form>
+    <a-row type="flex" justify="space-between">
+      <a-col :span="10">
+        <a-form :form="form" :labelCol="BaseTool.Constant.labelCol" :wrapperCol="BaseTool.Constant.wrapperCol">
+          <a-form-item v-show="false">
+            <a-input v-decorator="['taskBomId']" type="hidden" />
+            <a-input v-decorator="['taskId']" type="hidden" />
+          </a-form-item>
+          <a-form-item label="审批">
+            <a-radio-group v-decorator="['handleStatus', {initialValue:3, rules: [{required: true, message: '审批不能为空'}]}]" @change="handleSelect">
+              <template v-for="(label,value) in statusMap">
+                <a-radio v-if="value>2&&value<6" :key="value" :value="parseInt(value)">{{label}}</a-radio>
+              </template>
+            </a-radio-group>
+          </a-form-item>
+          <a-form-item label="图片">
+            <UploadImg v-decorator="['imageList']" />
+          </a-form-item>
+          <a-form-item label="附件">
+            <UploadFile v-decorator="['fileList']" />
+          </a-form-item>
+          <a-form-item label="审批备注">
+            <a-textarea v-decorator="['handleRemark', {initialValue:'同意',rules: [{required: true, message: '审批备注不能为空'}]}]" />
+          </a-form-item>
+          <a-form-item label=" ">
+            <a-button :loading="confirmLoading" type="primary" @click="save()">提交</a-button>
+          </a-form-item>
+        </a-form>
+      </a-col>
+      <a-col :span="10">
+
+      </a-col>
+    </a-row>
   </a-card>
 </template>
 
 <script>
 import { verifyWorkflow } from '@/api/workflow/publish'
+import UploadFile from '@/components/Upload/CUploadFile.vue'
+import UploadImg from '@/components/Upload/CUploadImg.vue'
 export default {
   name: 'WorkflowTaskBomFieldDetail',
-  components: {},
+  components: { UploadFile, UploadImg },
   data() {
     return {
       confirmLoading: false,
@@ -77,13 +100,13 @@ export default {
         setFieldsValue({ taskBomId: this.model.id, taskId: this.model.taskId })
       })
     },
-    handleSelect(val) {
+    handleSelect(e) {
       const {
         form: { setFieldsValue },
       } = this
       // 日期处理
       this.$nextTick(() => {
-        setFieldsValue({ handleRemark: this.statusMap[val] })
+        setFieldsValue({ handleRemark: this.statusMap[e.target.value] })
       })
     },
     save() {
@@ -115,3 +138,15 @@ export default {
   },
 }
 </script>
+<style lang="less" scoped>
+.card {
+  min-height: calc(100vh - 150px);
+}
+.btn {
+  text-align: center;
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+</style>