ZaiZai 9 月之前
父節點
當前提交
3674960401
共有 1 個文件被更改,包括 144 次插入13 次删除
  1. 144 13
      src/views/project/detail/info.vue

+ 144 - 13
src/views/project/detail/info.vue

@@ -1,17 +1,142 @@
 <template>
     <div class="hc-contract-info-data">
-        <hc-card-item title="基础信息">
-            内容区域
-        </hc-card-item>
-        <hc-card-item class="mt-14px" title="组卷归档默认信息">
-            内容区域
-        </hc-card-item>
-        <hc-card-item class="mt-14px" title="附加信息">
-            内容区域
-        </hc-card-item>
-        <hc-card-item class="mt-14px" title="计量信息">
-            内容区域
-        </hc-card-item>
+        <el-form ref="formRef" :model="contractForm" :rules="formRules" label-position="top" label-width="auto">
+            <hc-card-item title="基础信息">
+                <el-row :gutter="20">
+                    <el-col :span="12">
+                        <el-form-item label="项目名称:">
+                            <el-input v-model="projectInfo.projectName" disabled />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="合同段名称:" prop="contractName">
+                            <el-input v-model="contractForm.contractName" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="合同段类型:" prop="contractType">
+                            <el-select v-model="contractForm.contractType" placeholder="选择所属系统" filterable clearable block :disabled="!!contractForm.id">
+                                <el-option v-for="item in contractTypeList" :key="item.value" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="合同段编号:" prop="contractNumber">
+                            <el-input v-model="contractForm.contractNumber" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="参与方进场日期:" prop="contractorJoinTime">
+                            <el-date-picker v-model="contractForm.contractorJoinTime" class="block" format="YYYY 年 MM 月 DD 日" type="date" value-format="YYYY-MM-DD" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="contractForm.isTestModule === 1 ? 4 : 6">
+                        <el-form-item label="是否开启电签:" prop="isElectronicSignature">
+                            <div class="form-item-div">
+                                <el-radio-group v-model="contractForm.isElectronicSignature">
+                                    <el-radio :value="0">关闭</el-radio>
+                                    <el-radio :value="1">开启</el-radio>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="contractForm.isTestModule === 1 ? 4 : 6">
+                        <el-form-item label="是否开启试验模块:" prop="isTestModule">
+                            <div class="form-item-div">
+                                <el-radio-group v-model="contractForm.isTestModule">
+                                    <el-radio :value="0">关闭</el-radio>
+                                    <el-radio :value="1">开启</el-radio>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="contractForm.isTestModule === 1" :span="4">
+                        <el-form-item label="是否强制引用记录/报告编号:" prop="isTestRecord">
+                            <div class="form-item-div">
+                                <el-radio-group v-model="contractForm.isTestRecord">
+                                    <el-radio :value="0">关闭</el-radio>
+                                    <el-radio :value="1">开启</el-radio>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="contractForm.isTestModule === 1 ? 4 : 6">
+                        <el-form-item label="是否引用编号:" prop="isReferenceNumber">
+                            <div class="form-item-div">
+                                <el-radio-group v-model="contractForm.isReferenceNumber">
+                                    <el-radio :value="0">否</el-radio>
+                                    <el-radio :value="1">是</el-radio>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="contractForm.isTestModule === 1 ? 4 : 6">
+                        <el-form-item label="是否允许超计:" prop="isOverMeter">
+                            <div class="form-item-div">
+                                <el-radio-group v-model="contractForm.isOverMeter">
+                                    <el-radio :value="0">否</el-radio>
+                                    <el-radio :value="1">是</el-radio>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="计划开工日期:" prop="planStartTime">
+                            <el-date-picker v-model="contractForm.planStartTime" class="block" format="YYYY 年 MM 月 DD 日" type="date" value-format="YYYY-MM-DD" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="计划完工日期:" prop="planEndTime">
+                            <el-date-picker v-model="contractForm.planEndTime" class="block" format="YYYY 年 MM 月 DD 日" type="date" value-format="YYYY-MM-DD" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="实际开工日期:" prop="actualStartTime">
+                            <el-date-picker v-model="contractForm.actualStartTime" class="block" format="YYYY 年 MM 月 DD 日" type="date" value-format="YYYY-MM-DD" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="实际完工日期:" prop="actualEndTime">
+                            <el-date-picker v-model="contractForm.actualEndTime" class="block" format="YYYY 年 MM 月 DD 日" type="date" value-format="YYYY-MM-DD" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="contractForm.contractType === 1" :span="6">
+                        <el-form-item label="业主单位名称:" prop="contractorUnitName">
+                            <el-input v-model="contractForm.contractorUnitName" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="[1, 2].includes(contractForm.contractType)" :span="6">
+                        <el-form-item label="监理单位名称:" prop="supervisionUnitName">
+                            <el-input v-model="contractForm.supervisionUnitName" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="contractForm.contractType === 3" :span="6">
+                        <el-form-item label="建设单位名称:" prop="contractorUnitName">
+                            <el-input v-model="contractForm.contractorUnitName" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="contractForm.contractType === 1" :span="6">
+                        <el-form-item label="施工单位名称:" prop="constructionUnitName">
+                            <el-input v-model="contractForm.constructionUnitName" clearable />
+                        </el-form-item>
+                    </el-col>
+                    <el-col v-if="[1, 2, 3].includes(contractForm.contractType)" :span="6">
+                        <el-form-item label="试验室名称:" prop="laboratoryName">
+                            <el-input v-model="contractForm.laboratoryName" clearable />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </hc-card-item>
+            <hc-card-item class="mt-14px" title="组卷归档默认信息">
+                内容区域
+            </hc-card-item>
+            <hc-card-item class="mt-14px" title="附加信息">
+                内容区域
+            </hc-card-item>
+            <hc-card-item class="mt-14px" title="计量信息">
+                内容区域
+            </hc-card-item>
+        </el-form>
     </div>
 </template>
 
@@ -64,7 +189,7 @@ const getDataApi = async () => {
 const projectInfo = ref({})
 const getProjectDeatil = async () => {
     const { pid } = getObjValue(dataInfo.value)
-    contractForm.value = {}
+    projectInfo.value = {}
     if (isNullES(pid)) return
     const { data } = await projectApi.detail(pid)
     projectInfo.value = getObjValue(data)
@@ -117,6 +242,12 @@ const securityLevels = ref([])
 const getSecurityLevelList = async () => {
     securityLevels.value = await getDictionaryData('security_level', true)
 }
+
+//菜单表单
+const formRef = ref(null)
+const formRules = {
+    name: { required: true, trigger: 'blur', message: '请输入菜单名称' },
+}
 </script>
 
 <style scoped lang="scss">