外反APP-必填优化

外反App-补充
2025-10-09 09:58:25 +08:00 · 2025-09-29 15:44:47 +08:00 · 2025-09-29 15:44:09 +08:00
3 changed files with 162 additions and 74 deletions
--- a/src/api/eqf/qualityFeedback.js
+++ b/src/api/eqf/qualityFeedback.js
@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询外部质量反馈列表
 export function listFeedback(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/list',
+    url: '/crm/app/eqf/qualityFeedback/list',
  }, {
    isTransformResponse: false
  });
@@ -12,7 +12,7 @@ export function listFeedback(data) {
 // 查询电阻器类型
 export function listgetResistorTypeList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetResistorTypeList',
+    url: '/crm/app/eqf/qualityFeedback/listgetResistorTypeList',
  }, {
    isTransformResponse: false
  });
@@ -21,7 +21,7 @@ export function listgetResistorTypeList(data) {
 // 查询产品大类
 export function listgetProductCategoriesList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetProductCategoriesList',
+    url: '/crm/app/eqf/qualityFeedback/listgetProductCategoriesList',
  }, {
    isTransformResponse: false
  });
@@ -30,7 +30,7 @@ export function listgetProductCategoriesList(data) {
 // 查询产品分类
 export function listgetClassificationList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetClassificationList',
+    url: '/crm/app/eqf/qualityFeedback/listgetClassificationList',
  }, {
    isTransformResponse: false
  });
@@ -39,7 +39,7 @@ export function listgetClassificationList(data) {
 // 查询问题现象
 export function listgetProblemPhenomenonList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetProblemPhenomenonList',
+    url: '/crm/app/eqf/qualityFeedback/listgetProblemPhenomenonList',
  }, {
    isTransformResponse: false
  });
@@ -48,7 +48,7 @@ export function listgetProblemPhenomenonList(data) {
 // 查询问题发生阶段
 export function listgetProblemStageList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetProblemStageList',
+    url: '/crm/app/eqf/qualityFeedback/listgetProblemStageList',
  }, {
    isTransformResponse: false
  });
@@ -57,7 +57,7 @@ export function listgetProblemStageList(data) {
 // 查询用户诉求标签
 export function listgetCustomerAppealLabelList(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/listgetCustomerAppealLabelList',
+    url: '/crm/app/eqf/qualityFeedback/listgetCustomerAppealLabelList',
  }, {
    isTransformResponse: false
  });
@@ -66,7 +66,7 @@ export function listgetCustomerAppealLabelList(data) {
 // 新增外部质量反馈
 export function qualityFeedbackAdd(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/qualityFeedbackAdd',
+    url: '/crm/app/eqf/qualityFeedback/qualityFeedbackAdd',
    data
  }, {
    isTransformResponse: false
@@ -78,7 +78,7 @@ export function qualityFeedbackAdd(data) {
 // 查询电阻器的批号
 export function getMockBatchData(data) {
  return request.get({
-    url: '/crm/czj/app/eqf/qualityFeedback/getMockBatchData',
+    url: '/crm/app/eqf/qualityFeedback/getMockBatchData',
    data
  }, {
    isTransformResponse: false
@@ -90,7 +90,7 @@ export function getMockBatchData(data) {
 // 新增外部质量反馈明细
 export function qualityFeedbackDetailAdd(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/qualityFeedbackDetailAdd',
+    url: '/crm/app/eqf/qualityFeedback/qualityFeedbackDetailAdd',
    data
  }, {
    isTransformResponse: false
@@ -100,7 +100,7 @@ export function qualityFeedbackDetailAdd(data) {
 //根据合同号查询
 export function getCustomerOrderList(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/getCustomerOrderList',
+    url: '/crm/app/eqf/qualityFeedback/getCustomerOrderList',
    data
  }, {
    isTransformResponse: false
@@ -112,7 +112,7 @@ export function getCustomerOrderList(data) {
 //根据管壳合同号查询
 export function getGkCustomerOrderList(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/getGkCustomerOrderList',
+    url: '/crm/app/eqf/qualityFeedback/getGkCustomerOrderList',
    data
  }, {
    isTransformResponse: false
@@ -123,7 +123,7 @@ export function getGkCustomerOrderList(data) {
 // 新增外部质量反馈管壳明细
 export function qualityFeedbackGkDetailAdd(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/qualityFeedbackGkDetailAdd',
+    url: '/crm/app/eqf/qualityFeedback/qualityFeedbackGkDetailAdd',
    data
  }, {
    isTransformResponse: false
@@ -133,7 +133,7 @@ export function qualityFeedbackGkDetailAdd(data) {
 // 删除外部质量反馈
 export function removeQualityFeedback(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/removeQualityFeedback',
+    url: '/crm/app/eqf/qualityFeedback/removeQualityFeedback',
    data
  }, {
    isTransformResponse: false
@@ -143,7 +143,7 @@ export function removeQualityFeedback(data) {
 // 更新外部质量反馈状态
 export function updateStatus(data) {
  return request.post({
-    url: '/crm/czj/app/eqf/qualityFeedback/updateStatus',
+    url: '/crm/app/eqf/qualityFeedback/updateStatus',
    data
  }, {
    isTransformResponse: false
--- a/src/pages.json
+++ b/src/pages.json
@@ -543,11 +543,73 @@
 		{
 			"path": "pages/business/CRM/map/checkinStatistics",
 			//打卡统计
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/qualityFeedback/qualityFeedbackIndex",
+			//质量反馈
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path" : "pages/business/EQF/qualityFeedback/qualityFeedbackAdd",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/components/chooseCus",
+			//选择客户单位
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/qualityFeedback/qualityFeedbackEnter",
+			//明细录入
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/components/qualityFeedbackDetailComponent",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/components/customerOrder",
+			//选择合同
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/components/gkCustomerOrder",
+			//选择合同
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/qualityFeedback/gkQualityFeedbackEnter",
+			//明细录入
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/business/EQF/components/gkQualityFeedbackDetailComponent",
+			
 			"style": {
 				"navigationBarTitleText": ""
 			}
 		}
-		//===================================活动报告====================
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
--- a/src/pages/business/EQF/qualityFeedback/qualityFeedbackAdd.vue
+++ b/src/pages/business/EQF/qualityFeedback/qualityFeedbackAdd.vue
@@ -17,8 +17,8 @@
 			<!-- 正文内容 -->
 			<view class="white-bg">
 				<view class="form-con">
-					<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
-						<uni-forms-item label="客户名称" name="cusName" class="f-c-right">
+					<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="120px">
+						<uni-forms-item label="客户名称" name="cusName" class="f-c-right" required>
 							<view @click="chooseCustomer" class="form-item-container">
 								<text class="name">{{ formData.cusName || '点击选择客户' }}</text>
 							</view>
@@ -27,57 +27,57 @@
 							<uni-data-select v-model="formData.productType" :localdata="productTypeList"
 							placeholder="请选择产品类型"/>
 						</uni-forms-item>
-						<uni-forms-item label="产品类别" class="f-c-right" v-if="formData.productType == '电阻器'">
+						<uni-forms-item label="产品类别" class="f-c-right" name="productCategory" v-if="formData.productType == '电阻器'" required>
 							<uni-data-select v-model="formData.productCategory" :localdata="productCategoryList" 
 								placeholder="请选择产品类别" />
 						</uni-forms-item>
-						<uni-forms-item label="产品大类" class="f-c-right" v-if="formData.productType == '管壳'">
+						<uni-forms-item label="产品大类" class="f-c-right" name="productCategories" v-if="formData.productType == '管壳'">
 							<uni-data-select v-model="formData.productCategories" :localdata="productCategoriesList" 
 								placeholder="请选择产品大类" />
 						</uni-forms-item>
-						<uni-forms-item label="产品分类" class="f-c-right" v-if="formData.productType == '管壳'">
+						<uni-forms-item label="产品分类" class="f-c-right" name="classification" v-if="formData.productType == '管壳'">
 							<uni-data-select v-model="formData.classification" :localdata="classificationList" 
 								placeholder="请选择产品分类" />
 						</uni-forms-item>
-						<uni-forms-item label="问题现象" class="f-c-right">
+						<uni-forms-item label="问题现象" name="ppNameLabel" class="f-c-right">
 							<uni-data-select v-model="formData.ppNameLabel" :localdata="problemPhenomenonList" 
 								placeholder="请选择问题现象" />
 						</uni-forms-item>
-						<uni-forms-item label="问题现象描述" name="problemDescription" class="f-c-right">
+						<uni-forms-item label="问题现象描述" name="ppNameDescribe" class="f-c-right">
 							<uni-easyinput v-model="formData.ppNameDescribe" type="textarea" placeholder="请详细描述问题现象" />
 						</uni-forms-item>
-						<uni-forms-item label="使用数量" name="usageQuantity" class="f-c-right">
+						<uni-forms-item label="使用数量" name="employQuantity" class="f-c-right">
 							<uni-easyinput v-model.number="formData.employQuantity" type="number" placeholder="请输入使用数量" />
 						</uni-forms-item>
 						<uni-forms-item label="问题数量" name="problemQuantity" class="f-c-right">
 							<uni-easyinput v-model.number="formData.problemQuantity" type="number" placeholder="请输入问题数量" />
 						</uni-forms-item>
-						<uni-forms-item label="使用方法" class="f-c-right">
+						<uni-forms-item label="使用方法" name="employMethod" class="f-c-right">
 							<uni-easyinput v-model="formData.employMethod" placeholder="请输入使用方法" />
 						</uni-forms-item>
-						<uni-forms-item label="问题发生阶段" class="f-c-right">
+						<uni-forms-item label="问题发生阶段" name="posName" class="f-c-right" required>
 							<uni-data-select v-model="formData.posName" :localdata="problemStageList" 
 								placeholder="请选择问题发生阶段" />
 						</uni-forms-item>
-						<uni-forms-item label="用户诉求标签" class="f-c-right">
+						<uni-forms-item label="用户诉求标签" name="customerAppealLabels" class="f-c-right" required>
 							<uni-data-select v-model="formData.customerAppealLabels" :multiple="true"  :localdata="customerAppealLabelList" 
 								placeholder="请选择用户诉求标签" />
 						</uni-forms-item>
-						<uni-forms-item label="用户诉求" name="customerAppeal" class="f-c-right">
+						<uni-forms-item label="用户诉求" name="customerAppeal" class="f-c-right" required>
 							<uni-easyinput v-model="formData.customerAppeal" type="textarea" placeholder="请输入用户诉求" />
 						</uni-forms-item>
 						<uni-forms-item label="是否返厂" name="isReturnfactory" class="f-c-right">
 							<uni-data-select v-model="formData.isReturnfactory" :localdata="isReturnfactoryYesNoList" 
 								placeholder="请选择是否返厂" />
 						</uni-forms-item>
-						<uni-forms-item label="是否需要归零" name="isReturnzero" class="f-c-right">
+						<uni-forms-item label="是否需要归零" name="isReturnzero" class="f-c-right" required>
 							<uni-data-select v-model="formData.isReturnzero" :localdata="isReturnzeroYesNoList" 
 								placeholder="请选择是否需要归零" />
 						</uni-forms-item>
-						<uni-forms-item label="业务员" class="f-c-right">
+						<uni-forms-item label="业务员" name="salesman" class="f-c-right">
 							<uni-easyinput v-model="formData.salesman" placeholder="请输入业务员" />
 						</uni-forms-item>
-						<uni-forms-item label="联系方式" class="f-c-right">
+						<uni-forms-item label="联系方式" name="salesmanPhone" class="f-c-right">
 							<uni-easyinput v-model="formData.salesmanPhone" placeholder="请输入联系方式" />
 						</uni-forms-item>
 						<uni-forms-item label="答复日期" name="replyTime" class="uni-forms-item is-direction-top is-top">
@@ -399,78 +399,104 @@ const initProductCategoryData = async () => {
 </script>

 <style scoped>
+/* 基本布局样式 */
 .con-body {
-	background-color: #F8F8F8;
+  background-color: #F8F8F8;
 }

 .con-bg {
-	padding-bottom: 20px;
+  padding-bottom: 20rpx;
 }

+/* 顶部占位高度，避免内容被头部遮挡 */
 .top-height {
-	height: 80rpx;
+  height: 80rpx;
 }

+/* 表单区域背景 */
 .white-bg {
-	padding: 20rpx;
-	background-color: #FFFFFF;
+  padding: 20rpx;
+  background-color: #FFFFFF;
 }

+/* 表单容器 */
 .form-con {
-	margin-top: 20rpx;
+  margin-top: 20rpx;
 }

+/* 表单项目对齐方式 */
 .f-c-right {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 10rpx 0;
-}
-
-.form-section {
-	margin-bottom: 30rpx;
-	padding: 10rpx;
-	background-color: #F9F9F9;
-	border-radius: 8rpx;
-}
-
-.section-title {
-	font-size: 28rpx;
-	font-weight: bold;
-	color: #333;
-	margin-bottom: 20rpx;
-	padding-left: 10rpx;
-	border-left: 4rpx solid #007AFF;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10rpx 0;
 }

+/* 加载遮罩 */
 .loading-mask {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background-color: rgba(0, 0, 0, 0.3);
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	z-index: 9999;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
 }

+/* ======== 表单组件样式优化 ======== */
+
+/* 基础表单样式 */
 :deep(.uni-forms) {
-	width: 100%;
+  width: 100%;
 }

 :deep(.uni-forms-item) {
-	margin-bottom: 20rpx;
+  margin-bottom: 20rpx;
+  position: relative; /* 为伪元素定位做准备 */
 }

+/* 日期选择器样式 */
 :deep(.uni-date-x .uni-date__x-input) {
-	padding-left: 20rpx;
-	color: #919191;
+  padding-left: 20rpx;
+  color: #919191;
 }

-/* 隐藏默认必填项标记，使用自定义样式 */
-:deep(.uni-forms-item__required) {
-	display: none;
+/* ======== 强制显示必填项红色标识 ======== */
+
+/* 方案1: 使用伪元素在标签前添加红色星号 */
+:deep(.uni-forms-item--required)::before {
+  content: '*';
+  color: #ff4d4f !important;
+  position: absolute;
+  left: -16rpx;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 28rpx !important;
+  font-weight: bold !important;
+  z-index: 10;
+}
+
+/* 调整标签内边距，避免文本与星号重叠 */
+:deep(.uni-forms-item__label) {
+  padding-left: 16rpx !important;
+}
+
+/* 方案2: 增强内置必填项标识的样式（备用方案） */
+:deep(.uni-forms-item--required .uni-forms-item__required) {
+  display: inline !important;
+  color: #ff4d4f !important;
+  margin-right: 8rpx !important;
+  font-size: 28rpx !important;
+  font-weight: bold !important;
+}
+
+/* 方案3: 直接在标签文本中显示星号（最可靠的后备方案） */
+:deep(.uni-forms-item--required .uni-forms-item__label::before) {
+  content: '*';
+  color: #ff4d4f !important;
+  margin-right: 4rpx;
 }
 </style>
Author	SHA1	Message	Date
cui	9a384c3bb7	外反APP-必填优化	2025-10-09 09:58:25 +08:00
cui	c9a925916a	外反App-补充	2025-09-29 15:44:47 +08:00
cui	664461ef7b	外反App-补充	2025-09-29 15:44:09 +08:00