联合检查预约展示部门, 和联字标识, 需要梅姐帮忙改下位置

src/views/enterprise/enterpriseInspectionDetail.vue

@@ -14,11 +14,17 @@
                 readonly
                 label="检查时间"
             />
-            <van-field
-                v-model="submitData.bureauDeptName"
-                readonly
-                label="执法部门"
-            />
+              <span class="joint-mark" v-if="data.bureauDeptNames.length>1">联</span>
+<!--            <van-field-->
+<!--                v-model="submitData.bureauDeptName"-->
+<!--                readonly-->
+<!--                label="执法部门"-->
+<!--            />-->
+              <van-field v-for="(item, index) in data.bureauDeptNames"
+                      v-model="data.bureauDeptNames[index]"
+                      readonly
+                      :label="'执法部门'+(index+1)"
+              />
 <!--            <van-field
                 v-model="submitData.checkItem"
                 label="检查事项"
@@ -127,6 +133,8 @@ const data = reactive({
     showTimePicker:false,
     isEnterprise: false,
     lawCer:[{ text:"", id:"" }],
+    bureauDeptNames: [],
+    bureauDeptIds: [],
 });
 //保存参数
 let submitData = reactive({
@@ -229,8 +237,10 @@ onMounted(() =>{
         submitData.remark = success.data.remark;
         submitData.isReg = success.data.isReg;
         submitData.status = success.data.status;
-        submitData.bureauDeptName = success.data.bureauDeptName;
-        submitData.bureauDeptId = success.data.bureauDeptId;
+        // submitData.bureauDeptName = success.data.bureauDeptName;
+        // submitData.bureauDeptId = success.data.bureauDeptId;
+        data.bureauDeptNames = success.data.bureauDeptName.split(',');
+        data.bureauDeptIds = success.data.bureauDeptId.split(',');
 
         // 执法人员
         submitData.lawEnforcerTwoId = success.data.lawEnforcerTwoId;
@@ -285,7 +295,20 @@ onMounted(() =>{
   overflow-y: auto;
   margin-top: 0.15rem;
 }
-
+.joint-mark {
+    position: relative;
+    top: -0.05rem;
+    display: inline-block;
+    margin: 0 0.25rem;
+    width: 0.55rem;
+    height: 0.55rem;
+    background: #2d94fa;
+    border-radius: 50%;
+    color: #fff;
+    font-size: 0.35rem;
+    line-height: 1.65;
+    text-align: center;
+}
 :deep(.van-button) {
     margin: 5% 3%;
     padding: 0;