场所录入以及页面样式修改

src/views/placeManage/placePerson.vue

@@ -1,46 +1,51 @@
 <template>
-<div>
-    <van-nav-bar title="人员档案管理" left-arrow @click-left="onClickLeft" />
-  </div>
-  <div class="serach">
-    <van-search
-      v-model="value"
-      show-action
-      shape="round"
-      placeholder="请输入姓名/身份证/场所名称"
-    >
-      <template #action>
-        <div>
-          <van-dropdown-menu>
-            <van-dropdown-item
-              overlay="false"
-              v-model="value1"
-              :options="option1"
-              @change="changeValue(value1)"
-            />
-          </van-dropdown-menu>
-        </div>
-      </template>
-    </van-search>
-  </div>
-  <div class="PersonList" v-if="value1 == 0 || value == ''">
-    <div
-      class="PersonItem"
-      v-for="item in dataList"
-      :key="item.id"
-      @click="goPlacePersonInfo(item)"
-    >
-      <van-row>
-        <van-col span="18">
-          <p>
-            {{ item.name }}（<span style="color: #36a7f3">{{
-              item.idcard
-            }}</span
-            >）
-          </p>
-        </van-col>
-        <van-col span="6" style="text-align: right">
-          <!-- <div
+  <van-nav-bar
+    fixed
+    title="人员档案管理"
+    left-arrow
+    @click-left="onClickLeft"
+    :style="{ 'background-color': selectColor }"
+  />
+  <div class="main">
+    <div class="serach">
+      <van-search
+        v-model="value"
+        show-action
+        shape="round"
+        placeholder="请输入姓名/身份证/场所名称"
+      >
+        <template #action>
+          <div>
+            <van-dropdown-menu>
+              <van-dropdown-item
+                overlay="false"
+                v-model="value1"
+                :options="option1"
+                @change="changeValue(value1)"
+              />
+            </van-dropdown-menu>
+          </div>
+        </template>
+      </van-search>
+    </div>
+    <div class="PersonList" v-if="value1 == 0 || value == ''">
+      <div
+        class="PersonItem"
+        v-for="item in dataList"
+        :key="item.id"
+        @click="goPlacePersonInfo(item)"
+      >
+        <van-row>
+          <van-col span="18">
+            <p>
+              {{ item.name }}（<span style="color: #36a7f3">{{
+                item.idcard
+              }}</span
+              >）
+            </p>
+          </van-col>
+          <van-col span="6" style="text-align: right">
+            <!-- <div
             v-for="(item2, index) in item.userManagenmetDetailsDTOList"
             :key="index"
             style="font-size: 12px"
@@ -61,61 +66,61 @@
               <span v-if="item2.value == 5" style="color: #a0522d">道教</span>
             </p>
           </div> -->
-          <span v-if="item.sex == 1" style="color: #36a7f3">男</span>
-          <span v-if="item.sex == 2" style="color: #d3c701">女</span>
-        </van-col>
-      </van-row>
-      <van-row>
-        <van-col span="18">
-          <span style="color: #a2a2a2" v-if="item.locationName">{{
-            item.locationName
-          }}</span>
-        </van-col>
-        <van-col span="6" style="text-align: right; font-size: 12px">
-          <span v-if="item.personnelType == 1">宗教从业人员</span>
-          <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
-          <span v-else-if="item.personnelType == 3">教职人员</span>
-          <span v-else-if="item.personnelType == 4">固定信徒</span>
-          <span v-else-if="item.personnelType == 5">场所居住人员</span>
-          <span v-else-if="item.personnelType == 6">境外人员</span>
-          <span v-else-if="item.personnelType == 7">非本市人员</span>
-          <span v-else-if="item.personnelType == 8">非本教人员</span>
-          <span v-else-if="item.personnelType == 9">新增信徒人员</span>
-          <span v-else-if="item.personnelType == 10">临时人员</span>
-          <span v-else-if="item.personnelType == 11">异常人员</span>
-          <span v-else-if="item.personnelType == 12">邪教人员</span>
-          <span v-else-if="item.personnelType == 13">管理人员</span>
-          <span v-else-if="item.personnelType == 14">全能神离家人员</span>
-          <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
-          <span v-else-if="item.personnelType == 16">网络运营人员</span>
-          <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
-          <span v-else-if="item.personnelType == 18">境内外记者</span>
-          <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
-          <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
-          <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
-          <span v-else>“精神控制”有害培训骨干人员</span>
-        </van-col>
-      </van-row>
+            <span v-if="item.sex == 1" style="color: #36a7f3">男</span>
+            <span v-if="item.sex == 2" style="color: #d3c701">女</span>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="18">
+            <span style="color: #a2a2a2" v-if="item.locationName">{{
+              item.locationName
+            }}</span>
+          </van-col>
+          <van-col span="6" style="text-align: right; font-size: 12px">
+            <span v-if="item.personnelType == 1">宗教从业人员</span>
+            <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
+            <span v-else-if="item.personnelType == 3">教职人员</span>
+            <span v-else-if="item.personnelType == 4">固定信徒</span>
+            <span v-else-if="item.personnelType == 5">场所居住人员</span>
+            <span v-else-if="item.personnelType == 6">境外人员</span>
+            <span v-else-if="item.personnelType == 7">非本市人员</span>
+            <span v-else-if="item.personnelType == 8">非本教人员</span>
+            <span v-else-if="item.personnelType == 9">新增信徒人员</span>
+            <span v-else-if="item.personnelType == 10">临时人员</span>
+            <span v-else-if="item.personnelType == 11">异常人员</span>
+            <span v-else-if="item.personnelType == 12">邪教人员</span>
+            <span v-else-if="item.personnelType == 13">管理人员</span>
+            <span v-else-if="item.personnelType == 14">全能神离家人员</span>
+            <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
+            <span v-else-if="item.personnelType == 16">网络运营人员</span>
+            <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
+            <span v-else-if="item.personnelType == 18">境内外记者</span>
+            <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
+            <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
+            <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
+            <span v-else>“精神控制”有害培训骨干人员</span>
+          </van-col>
+        </van-row>
+      </div>
     </div>
-  </div>
-  <div class="PersonList" v-if="value1 != 0 && value != ''">
-    <div
-      class="PersonItem"
-      v-for="item in PersonList"
-      :key="item.id"
-      @click="goPlacePersonInfo(item)"
-    >
-      <van-row>
-        <van-col span="18">
-          <p>
-            {{ item.name }}（<span style="color: #36a7f3">{{
-              item.idcard
-            }}</span
-            >）
-          </p>
-        </van-col>
-        <van-col span="6" style="text-align: right">
-          <!-- <div
+    <div class="PersonList" v-if="value1 != 0 && value != ''">
+      <div
+        class="PersonItem"
+        v-for="item in PersonList"
+        :key="item.id"
+        @click="goPlacePersonInfo(item)"
+      >
+        <van-row>
+          <van-col span="18">
+            <p>
+              {{ item.name }}（<span style="color: #36a7f3">{{
+                item.idcard
+              }}</span
+              >）
+            </p>
+          </van-col>
+          <van-col span="6" style="text-align: right">
+            <!-- <div
             v-for="(item2, index) in item.userManagenmetDetailsDTOList"
             :key="index"
             style="font-size: 12px"
@@ -136,41 +141,42 @@
               <span v-if="item2.value == 5" style="color: #a0522d">道教</span>
             </p>
           </div> -->
-          <span v-if="item.sex == 1" style="color: #36a7f3">男</span>
-          <span v-if="item.sex == 2" style="color: #d3c701">女</span>
-        </van-col>
-      </van-row>
-      <van-row>
-        <van-col span="18">
-          <span style="color: #a2a2a2" v-if="item.locationName">{{
-            item.locationName
-          }}</span>
-        </van-col>
-        <van-col span="6" style="text-align: right; font-size: 12px">
-          <span v-if="item.personnelType == 1">宗教从业人员</span>
-          <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
-          <span v-else-if="item.personnelType == 3">教职人员</span>
-          <span v-else-if="item.personnelType == 4">固定信徒</span>
-          <span v-else-if="item.personnelType == 5">场所居住人员</span>
-          <span v-else-if="item.personnelType == 6">境外人员</span>
-          <span v-else-if="item.personnelType == 7">非本市人员</span>
-          <span v-else-if="item.personnelType == 8">非本教人员</span>
-          <span v-else-if="item.personnelType == 9">新增信徒人员</span>
-          <span v-else-if="item.personnelType == 10">临时人员</span>
-          <span v-else-if="item.personnelType == 11">异常人员</span>
-          <span v-else-if="item.personnelType == 12">邪教人员</span>
-          <span v-else-if="item.personnelType == 13">管理人员</span>
-          <span v-else-if="item.personnelType == 14">全能神离家人员</span>
-          <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
-          <span v-else-if="item.personnelType == 16">网络运营人员</span>
-          <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
-          <span v-else-if="item.personnelType == 18">境内外记者</span>
-          <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
-          <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
-          <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
-          <span v-else>“精神控制”有害培训骨干人员</span>
-        </van-col>
-      </van-row>
+            <span v-if="item.sex == 1" style="color: #36a7f3">男</span>
+            <span v-if="item.sex == 2" style="color: #d3c701">女</span>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="18">
+            <span style="color: #a2a2a2" v-if="item.locationName">{{
+              item.locationName
+            }}</span>
+          </van-col>
+          <van-col span="6" style="text-align: right; font-size: 12px">
+            <span v-if="item.personnelType == 1">宗教从业人员</span>
+            <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
+            <span v-else-if="item.personnelType == 3">教职人员</span>
+            <span v-else-if="item.personnelType == 4">固定信徒</span>
+            <span v-else-if="item.personnelType == 5">场所居住人员</span>
+            <span v-else-if="item.personnelType == 6">境外人员</span>
+            <span v-else-if="item.personnelType == 7">非本市人员</span>
+            <span v-else-if="item.personnelType == 8">非本教人员</span>
+            <span v-else-if="item.personnelType == 9">新增信徒人员</span>
+            <span v-else-if="item.personnelType == 10">临时人员</span>
+            <span v-else-if="item.personnelType == 11">异常人员</span>
+            <span v-else-if="item.personnelType == 12">邪教人员</span>
+            <span v-else-if="item.personnelType == 13">管理人员</span>
+            <span v-else-if="item.personnelType == 14">全能神离家人员</span>
+            <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
+            <span v-else-if="item.personnelType == 16">网络运营人员</span>
+            <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
+            <span v-else-if="item.personnelType == 18">境内外记者</span>
+            <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
+            <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
+            <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
+            <span v-else>“精神控制”有害培训骨干人员</span>
+          </van-col>
+        </van-row>
+      </div>
     </div>
   </div>
 </template>
@@ -191,6 +197,8 @@ export default {
     //   { text: "佛教", value: 4 },
     //   { text: "道教", value: 5 },
     // ];
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     const option1 = [
       { text: "搜索选择", value: 0 },
       { text: "姓名", value: 1 },
@@ -258,8 +266,8 @@ export default {
           default:
             break;
         }
-      }else{
-        PersonList.value.splice(0,PersonList.value.length)
+      } else {
+        PersonList.value.splice(0, PersonList.value.length);
       }
     };
     //返回
@@ -277,6 +285,7 @@ export default {
       changeValue,
       PersonList,
       dataList,
+      selectColor,
     };
   },
 };

src/views/placeManage/placePersoninfo.vue

@@ -1,177 +1,286 @@
 <template>
-  <div>
-    <van-nav-bar title="人员档案管理" left-arrow @click-left="onClickLeft" />
-  </div>
-  <div class="banner">
+  <van-nav-bar
+    fixed
+    title="人员档案管理"
+    left-arrow
+    @click-left="onClickLeft"
+    :style="{ 'background-color': selectColor }"
+  />
+  <div class="main">
+    <div class="banner">
       <img src="../../../public/loginbg/banner.jpg" alt="" />
-  </div>
-  <div class="content">
-    <div class="itemInfo">
-      <h3 style="color: #40abf4">个人信息-{{ data.data.name }}</h3>
+    </div>
+    <div class="info">
+      <p class="miniTitle">个人信息-{{ data.data.name }}</p>
       <van-row justify="space-between">
         <van-col span="14">
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="8"> 姓名： </van-col>
+                <!-- <van-col span="8"> 姓名： </van-col>
                 <van-col span="8" style="text-align: right">
                   {{ data.data.name }}
-                </van-col>
+                </van-col> -->
+                <van-field
+                  v-model="data.data.name"
+                  center
+                  readonly
+                  clearable
+                  label="姓名:"
+                  input-align="right"
+                />
               </van-row>
             </van-col>
           </van-row>
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="8"> 性别： </van-col>
-                <van-col span="8" style="text-align: right">
-                  {{ data.data.sex == 1 ? "男" : "女" }}
-                </van-col>
+                <van-field
+                  v-model="data.data.sex"
+                  center
+                  readonly
+                  clearable
+                  label="性别:"
+                  input-align="right"
+                />
               </van-row>
             </van-col>
           </van-row>
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="12"> 证件类型： </van-col>
+                <!-- <van-col span="12"> 证件类型： </van-col>
                 <van-col span="6" style="text-align: right">
                   <span v-if="data.data.idType == 1">身份证</span>
                   <span v-if="data.data.idType == 2">护照</span>
                   <span v-if="data.data.idType == 3">港澳通行证</span>
                   <span v-if="data.data.idType == 4">其他</span>
-                </van-col>
+                </van-col> -->
+                <van-field
+                  v-model="data.data.idType"
+                  center
+                  readonly
+                  clearable
+                  label="证件类型:"
+                  input-align="right"
+                >
+                  <template #input>
+                    <template v-if="data.data.idType == 1">身份证</template>
+                    <template v-if="data.data.idType == 2">护照</template>
+                    <template v-if="data.data.idType == 3">港澳通行证</template>
+                    <template v-if="data.data.idType == 4">其他</template>
+                  </template>
+                </van-field>
               </van-row>
             </van-col>
           </van-row>
         </van-col>
         <van-col span="8">
-          <img class="personImg" :src="data.data.workPicture" alt="" />
+          <van-image width="100" height="100" :src="data.data.workPicture" />
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 证件号码： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ data.data.idcard }}
-            </van-col>
+            <van-field
+              v-model="data.data.idcard"
+              center
+              readonly
+              clearable
+              label="证件号码："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 手机号： </van-col>
+            <!-- <van-col span="10"> 手机号： </van-col>
             <van-col span="14" style="text-align: right">
               {{ data.data.phone }}
-            </van-col>
+            </van-col> -->
+            <van-field
+              v-model="data.data.phone"
+              center
+              readonly
+              clearable
+              label="手机号："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 所属场所： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ data.data.locationName }}
-            </van-col>
+            <van-field
+              v-model="data.data.locationName"
+              center
+              readonly
+              clearable
+              label="所属场所："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 人员类型： </van-col>
-            <van-col span="14" style="text-align: right">
-              <span v-if="data.data.personnelType == 1">宗教从业人员</span>
-              <span v-else-if="data.data.personnelType == 2"
-                >民族场所从业人员</span
-              >
-              <span v-else-if="data.data.personnelType == 3">教职人员</span>
-              <span v-else-if="data.data.personnelType == 4">固定信徒</span>
-              <span v-else-if="data.data.personnelType == 5">场所居住人员</span>
-              <span v-else-if="data.data.personnelType == 6">境外人员</span>
-              <span v-else-if="data.data.personnelType == 7">非本市人员</span>
-              <span v-else-if="data.data.personnelType == 8">非本教人员</span>
-              <span v-else-if="data.data.personnelType == 9">新增信徒人员</span>
-              <span v-else-if="data.data.personnelType == 10">临时人员</span>
-              <span v-else-if="data.data.personnelType == 11">异常人员</span>
-              <span v-else-if="data.data.personnelType == 12">邪教人员</span>
-              <span v-else-if="data.data.personnelType == 13">管理人员</span>
-              <span v-else-if="data.data.personnelType == 14"
-                >全能神离家人员</span
-              >
-              <span v-else-if="data.data.personnelType == 15"
-                >全能神骨干人员</span
-              >
-              <span v-else-if="data.data.personnelType == 16"
-                >网络运营人员</span
-              >
-              <span v-else-if="data.data.personnelType == 17"
-                >涉政有害活动人员</span
-              >
-              <span v-else-if="data.data.personnelType == 18">境内外记者</span>
-              <span v-else-if="data.data.personnelType == 19"
-                >境外法轮功骨干人员</span
-              >
-              <span v-else-if="data.data.personnelType == 20"
-                >其他邪教骨干人员</span
-              >
-              <span v-else-if="data.data.personnelType == 21"
-                >心灵法门骨干人员</span
-              >
-              <span v-else>“精神控制”有害培训骨干人员</span>
-            </van-col>
+            <van-field
+              v-model="data.data.personnelType"
+              center
+              readonly
+              clearable
+              label="人员类型："
+              input-align="right"
+            >
+              <template #input>
+                <template v-if="data.data.personnelType == 1"
+                  >宗教从业人员</template
+                >
+                <template v-else-if="data.data.personnelType == 2"
+                  >民族场所从业人员</template
+                >
+                <template v-else-if="data.data.personnelType == 3"
+                  >教职人员</template
+                >
+                <template v-else-if="data.data.personnelType == 4"
+                  >固定信徒</template
+                >
+                <template v-else-if="data.data.personnelType == 5"
+                  >场所居住人员</template
+                >
+                <template v-else-if="data.data.personnelType == 6"
+                  >境外人员</template
+                >
+                <template v-else-if="data.data.personnelType == 7"
+                  >非本市人员</template
+                >
+                <template v-else-if="data.data.personnelType == 8"
+                  >非本教人员</template
+                >
+                <template v-else-if="data.data.personnelType == 9"
+                  >新增信徒人员</template
+                >
+                <template v-else-if="data.data.personnelType == 10"
+                  >临时人员</template
+                >
+                <template v-else-if="data.data.personnelType == 11"
+                  >异常人员</template
+                >
+                <template v-else-if="data.data.personnelType == 12"
+                  >邪教人员</template
+                >
+                <template v-else-if="data.data.personnelType == 13"
+                  >管理人员</template
+                >
+                <template v-else-if="data.data.personnelType == 14"
+                  >全能神离家人员</template
+                >
+                <template v-else-if="data.data.personnelType == 15"
+                  >全能神骨干人员</template
+                >
+                <template v-else-if="data.data.personnelType == 16"
+                  >网络运营人员</template
+                >
+                <template v-else-if="data.data.personnelType == 17"
+                  >涉政有害活动人员</template
+                >
+                <template v-else-if="data.data.personnelType == 18"
+                  >境内外记者</template
+                >
+                <template v-else-if="data.data.personnelType == 19"
+                  >境外法轮功骨干人员</template
+                >
+                <template v-else-if="data.data.personnelType == 20"
+                  >其他邪教骨干人员</template
+                >
+                <template v-else-if="data.data.personnelType == 21"
+                  >心灵法门骨干人员</template
+                >
+                <template v-else>“精神控制”有害培训骨干人员</template>
+              </template>
+            </van-field>
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 从业类型： </van-col>
-            <van-col span="14" style="text-align: right">
-              <span v-if="data.data.typeOfEmployees == 1">场所负责人</span>
-              <span v-if="data.data.typeOfEmployees == 2">堂管会成员</span>
-              <span v-if="data.data.typeOfEmployees == 3">小组负责人</span>
-              <span v-if="data.data.typeOfEmployees == 4">财会</span>
-              <span v-if="data.data.typeOfEmployees == 5">义工</span>
-              <span v-if="data.data.typeOfEmployees == 6">保安</span>
-              <span v-if="data.data.typeOfEmployees == 7">信息审核员</span>
-            </van-col>
+            <van-field
+              v-model="data.data.typeOfEmployees"
+              center
+              readonly
+              clearable
+              label="从业类型:"
+              input-align="right"
+            >
+              <template #input>
+                <template v-if="data.data.typeOfEmployees == 1"
+                  >场所负责人</template
+                >
+                <template v-if="data.data.typeOfEmployees == 2"
+                  >堂管会成员</template
+                >
+                <template v-if="data.data.typeOfEmployees == 3"
+                  >小组负责人</template
+                >
+                <template v-if="data.data.typeOfEmployees == 4">财会</template>
+                <template v-if="data.data.typeOfEmployees == 5">义工</template>
+                <template v-if="data.data.typeOfEmployees == 6">保安</template>
+                <template v-if="data.data.typeOfEmployees == 7"
+                  >信息审核员</template
+                >
+              </template>
+            </van-field>
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 籍贯： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ data.data.nativePlace }}
-            </van-col>
+            <van-field
+              v-model="data.data.nativePlace"
+              center
+              readonly
+              clearable
+              label="籍贯："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 现居地： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ data.data.currentResidence }}
-            </van-col>
+            <van-field
+              v-model="data.data.currentResidence"
+              center
+              readonly
+              clearable
+              label="现居地："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 详细地址： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ data.data.currentResidenceDetail }}
-            </van-col>
+            <van-field
+              v-model="data.data.currentResidenceDetail"
+              center
+              readonly
+              clearable
+              label="详细地址："
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
-      <h3 style="color: #40abf4; margin-top: 10px">拓展信息</h3>
+      <p class="miniTitle">拓展信息</p>
       <van-row
         class="item"
         v-for="(item, index) in data.data.userManagenmetDetailsDTOList"
@@ -182,10 +291,14 @@
           v-if="item.dataType === '1' && item.dataDictionary == ''"
         >
           <van-row justify="space-between">
-            <van-col span="10"> {{ item.chineseName }} </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ item.value }}
-            </van-col>
+            <van-field
+              v-model="item.value"
+              center
+              readonly
+              clearable
+              :label="item.chineseName"
+              input-align="right"
+            />
           </van-row>
         </van-col>
         <van-col
@@ -195,14 +308,22 @@
           "
         >
           <van-row justify="space-between">
-            <van-col span="10"> {{ item.chineseName }} </van-col>
-            <van-col span="14" style="text-align: right">
-              <span v-if="item.value == 1">伊斯兰教</span>
-              <span v-if="item.value == 2">基督教</span>
-              <span v-if="item.value == 3">天主教</span>
-              <span v-if="item.value == 4">佛教</span>
-              <span v-if="item.value == 5">道教</span>
-            </van-col>
+            <van-field
+              v-model="data.data.idType"
+              center
+              readonly
+              clearable
+              :label="item.chineseName"
+              input-align="right"
+            >
+              <template #input>
+                <template v-if="item.value == 1">伊斯兰教</template>
+                <template v-if="item.value == 2">基督教</template>
+                <template v-if="item.value == 3">天主教</template>
+                <template v-if="item.value == 4">佛教</template>
+                <template v-if="item.value == 5">道教</template>
+              </template>
+            </van-field>
           </van-row>
         </van-col>
         <van-col
@@ -212,45 +333,60 @@
           "
         >
           <van-row justify="space-between">
-            <van-col span="10"> {{ item.chineseName }} </van-col>
-            <van-col span="14" style="text-align: right">
-              <span v-if="item.value == 1">负责人</span>
-              <span v-if="item.value == 2">牧师</span>
-              <span v-if="item.value == 3">长老</span>
-              <span v-if="item.value == 4">传道员</span>
-              <span v-if="item.value == 5">神学生</span>
-            </van-col>
+            <van-field
+              v-model="data.data.idType"
+              center
+              readonly
+              clearable
+              :label="item.chineseName"
+              input-align="right"
+            >
+              <template #input>
+                <template v-if="item.value == 1">负责人</template>
+                <template v-if="item.value == 2">牧师</template>
+                <template v-if="item.value == 3">长老</template>
+                <template v-if="item.value == 4">传道员</template>
+                <template v-if="item.value == 5">神学生</template>
+              </template>
+            </van-field>
           </van-row>
         </van-col>
         <van-col span="24" v-if="item.dataType === '5'">
           <van-row justify="space-between">
-            <van-col span="10"> {{ item.chineseName }} </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ item.value }}
-            </van-col>
+            <van-field
+              v-model="item.value"
+              center
+              readonly
+              clearable
+              :label="item.chineseName"
+              input-align="right"
+            />
           </van-row>
         </van-col>
         <van-col span="24" v-if="item.dataType === '6'">
           <van-row justify="space-between">
-            <van-col span="10"> {{ item.chineseName }} </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ item.value }}
-            </van-col>
+            <van-field
+              v-model="item.value"
+              center
+              readonly
+              clearable
+              :label="item.chineseName"
+              input-align="right"
+            />
           </van-row>
         </van-col>
         <van-col span="24" v-if="item.dataType === '4'">
-          <van-row>
-            <van-col span="10"> 证书照片： </van-col>
-          </van-row>
-          <van-row>
-            <van-col span="10">
-              <img
-                style="width: 100px; height: 100px"
-                :src="item.value"
-                alt=""
-              />
-            </van-col>
-          </van-row>
+          <van-field
+            center
+            readonly
+            clearable
+            :label="item.chineseName"
+            label-align="top"
+          >
+            <template #input>
+              <van-image width="100" height="100" :src="item.value" />
+            </template>
+          </van-field>
         </van-col>
       </van-row>
     </div>
@@ -266,12 +402,35 @@ export default {
     const data = reactive({
       //个人数据
       data: {},
+      idType: "",
     });
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //数据接收
     const router = useRouter();
     onMounted(() => {
       var item = JSON.parse(router.currentRoute.value.query.data);
       data.data = item;
+      if (data.data.sex == 1) {
+        data.data.sex = "男";
+      } else {
+        data.data.sex = "女";
+      }
+      switch (data.data.idType) {
+        case 1:
+          data.idType = "身份证";
+          break;
+        case 2:
+          data.idType = "护照";
+          break;
+        case 3:
+          data.idType = "港澳通行证";
+          break;
+        case 4:
+          data.idType = "其他";
+          break;
+      }
+
       data.data.workPicture = `${$base}` + data.data.workPicture;
       data.data.userManagenmetDetailsDTOList.forEach((item2) => {
         if (item2.dataType === "4") {
@@ -286,67 +445,11 @@ export default {
     return {
       onClickLeft,
       data,
+      selectColor,
     };
   },
 };
 </script>
 
 <style lang="less" scoped>
-body,
-html {
-  margin: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-}
-.van-nav-bar {
-  background-color: #36a7f3;
-  .van-nav-bar__title {
-    color: #fff;
-  }
-  .van-badge__wrapper {
-    color: #fff;
-  }
-}
-.banner {
-  background-color: #36a7f3;
-  width: 100%;
-}
-.content {
-  position: fixed;
-  width: 90%;
-  // margin: 0 auto;
-  height: 600px;
-  top: 200px;
-  left: 50%;
-  padding: 20px 10px;
-  transform: translateX(-50%);
-  background-color: #fff;
-  border-radius: 10px;
-  font-size: 16px;
-  overflow: auto;
-  h3 {
-    margin: 0;
-    padding: 0;
-  }
-  .itemInfo {
-    height: 100%;
-    .item {
-      padding: 15px 0;
-      border-bottom: 1px solid #f2f2f2;
-      .van-col {
-        .van-row {
-          .van-col {
-            &:nth-child(2) {
-              color: #7f7f7f;
-            }
-          }
-        }
-      }
-    }
-    .personImg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
 </style>

src/views/placeManage/placeRegister.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
-    <van-nav-bar title="场所录入" left-arrow @click-left="onClickLeft" />
-  </div>
+    <van-nav-bar fixed title="场所录入" left-arrow @click-left="onClickLeft" :style="{ 'background-color': selectColor }"/>
   <div class="main">
     <p class="title">宗教场所录入</p>
     <div class="formArea">
@@ -231,7 +229,8 @@ export default {
     const onClickLeft = () => {
       history.back();
     };
-
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //场所录入
     const placeActivity = reactive({
       placeData: {
@@ -460,53 +459,13 @@ export default {
       reselected2,
       //数据提交
       submit,
+      selectColor
     };
   },
 };
 </script>
 <style lang="less">
-* {
-  margin: 0;
-  padding: 0;
-}
-.main {
-  background: #fff;
-  top: 0px !important;
-}
-.main p {
-  height: 40px;
-  line-height: 40px;
-  color: #36a7f3;
-  border-bottom: 1px solid #eee;
-}
-.title {
-  font-size: 25px;
-  font-weight: 700;
-  padding-left: 20px;
-}
-.miniTitle {
-  font-size: 18px;
-}
-.formArea {
-  padding: 0px 20px;
-}
-.formArea .van-cell-group .van-field__label {
-  height: 40px;
-}
-.formArea .van-cell-group .van-cell {
-  line-height: 40px;
-}
-.van-cell__value .van-field__right-icon .van-icon-location {
-  color: #36a7f3 !important;
-}
-.rowTextArea::v-deep .van-field__value {
-  width: 98%;
-  border: 2px solid #ccc;
-  border-radius: 10px;
-}
-.rowTextArea::v-deep .van-cell {
-  display: flow-root;
-}
+
 .subbtn {
   margin: 20px;
   text-align: center;

src/views/placeManage/placeTablet.vue

@@ -1,8 +1,6 @@
 <template>
-  <div>
-    <van-nav-bar title="牌位管理" left-arrow @click-left="onClickLeft" />
-  </div>
-  <div class="PersonList">
+  <van-nav-bar fixed title="牌位管理" left-arrow @click-left="onClickLeft" :style="{ 'background-color': selectColor }"/>
+  <div class="PersonList main">
     <div
       class="PersonItem"
       v-for="item in TabletData.data"
@@ -43,6 +41,8 @@ export default {
     const TabletData = reactive({
       data: [], //牌位数据集
     });
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //获取牌位数据
     new TabletServer().list({}).then((res) => {
       TabletData.data = res.records;
@@ -65,6 +65,7 @@ export default {
       onClickLeft,
       TabletData,
       goTabletInfo,
+      selectColor
     };
   },
 };

src/views/placeManage/placeTabletInfo.vue

@@ -1,42 +1,58 @@
 <template>
-  <div>
-    <van-nav-bar title="牌位管理" left-arrow @click-left="onClickLeft" />
-  </div>
-  <div class="banner">
+  <van-nav-bar
+    fixed
+    title="牌位管理"
+    left-arrow
+    @click-left="onClickLeft"
+    :style="{ 'background-color': selectColor }"
+  />
+  <div class="main">
+    <div class="banner">
       <img src="../../../public/loginbg/banner.jpg" alt="" />
-  </div>
-  <div class="content">
-    <div class="itemInfo">
-      <h3 style="color: #40abf4">牌位信息-{{ dataitem.brandName }}</h3>
+    </div>
+    <div class="info">
+      <p class="miniTitle">牌位信息-{{ dataitem.brandName }}</p>
       <van-row justify="space-between">
         <van-col span="24">
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="10"> 名称： </van-col>
-                <van-col span="14" style="text-align: right">{{
-                  dataitem.brandName
-                }}</van-col>
+                <van-field
+                  v-model="dataitem.brandName"
+                  center
+                  readonly
+                  clearable
+                  label="名称:"
+                  input-align="right"
+                />
               </van-row>
             </van-col>
           </van-row>
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="10"> 所属场所名称： </van-col>
-                <van-col span="14" style="text-align: right">{{
-                  data.siteName.name
-                }}</van-col>
+                <van-field
+                  v-model="data.siteName.name"
+                  center
+                  readonly
+                  clearable
+                  label="场所名称:"
+                  input-align="right"
+                />
               </van-row>
             </van-col>
           </van-row>
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
-                <van-col span="10"> 场所联系人： </van-col>
-                <van-col span="14" style="text-align: right">{{
-                  dataitem.memorialTabletHolder
-                }}</van-col>
+                <van-field
+                  v-model="dataitem.memorialTabletHolder"
+                  center
+                  readonly
+                  clearable
+                  label="场所联系人:"
+                  input-align="right"
+                />
               </van-row>
             </van-col>
           </van-row>
@@ -45,110 +61,157 @@
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 联系方式： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.memorialTabletHolderPhone }}
-            </van-col>
+            <van-field
+              v-model="dataitem.memorialTabletHolderPhone"
+              center
+              readonly
+              clearable
+              label="联系方式:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 供奉牌位人： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.contactInformation }}
-            </van-col>
+            <van-field
+              v-model="dataitem.contactInformation"
+              center
+              readonly
+              clearable
+              label="供奉牌位人:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 供奉牌位人电话： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.siteContact }}
-            </van-col>
+            <van-field
+              v-model="dataitem.siteContact"
+              center
+              readonly
+              clearable
+              label="牌位人电话:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 身份证号： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.udCard }}
-            </van-col>
+            <van-field
+              v-model="dataitem.udCard"
+              center
+              readonly
+              clearable
+              label="身份证号:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 籍贯： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.currentResidence }}
-            </van-col>
+            <van-field
+              v-model="dataitem.currentResidence"
+              center
+              readonly
+              clearable
+              label="籍贯:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 现居地： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.nativePlace }}
-            </van-col>
+            <van-field
+              v-model="dataitem.nativePlace"
+              center
+              readonly
+              clearable
+              label="现居地:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 现居地详情： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.currentResidenceDel }}
-            </van-col>
+            <van-field
+              v-model="dataitem.currentResidenceDel"
+              center
+              readonly
+              clearable
+              label="现居地详情:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 与供奉牌位关系： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.relationship }}
-            </van-col>
+            <van-field
+              v-model="dataitem.relationship"
+              center
+              readonly
+              clearable
+              label="与供奉牌位关系:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10"> 供奉费用(元/年)： </van-col>
-            <van-col span="14" style="text-align: right">
-              {{ dataitem.sacrificeExpenses }}
-            </van-col>
+            <van-field
+              v-model="dataitem.sacrificeExpenses"
+              center
+              readonly
+              clearable
+              label="供奉费用(元/年):"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row justify="space-between">
-            <van-col span="10">被供奉者信息： </van-col>
-            <van-col span="14" style="text-align: right">{{
-              dataitem.information
-            }}</van-col>
+            <van-field
+              v-model="dataitem.information"
+              center
+              readonly
+              clearable
+              label="被供奉者信息:"
+              input-align="right"
+            />
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row>
-            <van-col span="24" style="margin-bottom: 10px">牌位照片： </van-col>
-            <van-col span="8" v-for="(item, index) in data.pic" :key="index">
-              <img class="personImg" :src="item" alt="" />
-            </van-col>
+            <van-field
+                  center
+                  readonly
+                  clearable
+                  label="牌位照片："
+                  label-align="top"
+                >
+                  <template #input>
+                    <van-image v-for="(item, index) in data.pic" :key="index" width="100" height="100" :src="item" />
+                  </template>
+                </van-field>
           </van-row>
         </van-col>
       </van-row>
@@ -166,6 +229,8 @@ export default {
       siteName: {},
       pic: [],
     });
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //牌位数据
     let dataitem = ref({});
     //数据接收
@@ -194,68 +259,11 @@ export default {
       onClickLeft,
       data,
       dataitem,
+      selectColor,
     };
   },
 };
 </script>
 
 <style lang="less">
-body,
-html {
-  margin: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-}
-.van-nav-bar {
-  background-color: #36a7f3;
-  .van-nav-bar__title {
-    color: #fff;
-  }
-  .van-badge__wrapper {
-    color: #fff;
-  }
-}
-.banner {
-  background-color: #36a7f3;
-  width: 100%;
-}
-.content {
-  position: fixed;
-  width: 90%;
-  // margin: 0 auto;
-  height: 600px;
-  top: 200px;
-  left: 50%;
-  padding: 20px 10px;
-  transform: translateX(-50%);
-  background-color: #fff;
-  border-radius: 10px;
-  font-size: 16px;
-  height: 540px;
-  overflow: auto;
-  h3 {
-    margin: 0;
-    padding: 0;
-  }
-  .itemInfo {
-    height: 100%;
-    .item {
-      padding: 15px 0;
-      border-bottom: 1px solid #f2f2f2;
-      .van-col {
-        .van-row {
-          .van-col {
-            &:nth-child(2) {
-              color: #7f7f7f;
-            }
-          }
-        }
-      }
-    }
-    .personImg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
 </style>

src/views/toBeDone/toBeDone.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <van-nav-bar title="我的待办" left-arrow @click-left="onClickLeft" />
+    <van-nav-bar title="我的待办" left-arrow @click-left="onClickLeft" :style="{ 'background-color': selectColor }"/>
   </div>
   <van-tabs
     v-model:active="active"
@@ -128,6 +128,8 @@ export default {
     });
     //跳转
     let router = useRouter();
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //数据接收
     onMounted(() => {
       var item = JSON.parse(router.currentRoute.value.query.name);
@@ -150,6 +152,7 @@ export default {
       toBeDone,
       goToBeDoneinfo,
       active,
+      selectColor
     };
   },
 };

src/views/toBeDone/toBeDone_details.vue

@@ -1,61 +1,187 @@
 <template>
   <div>
-    <van-nav-bar title="我的待办" left-arrow @click-left="onClickLeft" />
+    <van-nav-bar
+      fixed
+      title="我的待办"
+      left-arrow
+      @click-left="onClickLeft"
+      :style="{ 'background-color': selectColor }"
+    />
   </div>
-  <div class="banner">
+  <div class="main" v-show="!isLoading">
+    <div class="banner">
       <img src="../../../public/loginbg/banner.jpg" alt="" />
-  </div>
-  <div class="content">
-    <div class="content-top">
-      <p>问题内容：</p>
-      <p v-html="PersonInfo.data.problemContent" style=""></p>
-      <p>发起部门：{{ PersonInfo.createDepartment.name }}</p>
-      <p>发起人：{{ PersonInfo.todoBy.name }}</p>
-      <p>交办类型：{{ PersonInfo.data.assignTypeName }}</p>
-      <p>问题发生区域：{{ PersonInfo.data.problemArea }}</p>
-      <p>问题场所：{{ PersonInfo.data.siteName }}</p>
-      <p>详细地址：{{ PersonInfo.data.areaSelectName }}</p>
-      <p>发生时间：{{ PersonInfo.data.problemTime }}</p>
-      <p>截止时间：{{ PersonInfo.data.deadlineTime }}</p>
-      <p>问题附件：{{ PersonInfo.data.problemAccessory }}</p>
     </div>
-    <div class="content-bottom">
-      <p>处理结果：</p>
-      <div>
-        <form action="">
-          <textarea
-            v-if="PersonInfo.data.disposeContent == ''"
-            v-model="PersonInfo.disposeContent"
-            name=""
-            id=""
-            cols="40"
-            rows="5"
-          ></textarea>
-          <textarea
-            v-if="PersonInfo.data.disposeContent != ''"
-            v-model="PersonInfo.data.disposeContent"
-            name=""
-            id=""
-            cols="40"
-            rows="5"
-          ></textarea>
-        </form>
+    <div class="info">
+      <p class="miniTitle">详细信息</p>
+
+      <div class="content-top">
+        <van-cell-group>
+          <van-field
+            center
+            readonly
+            clearable
+            label-align="top"
+            label="问题内容："
+            input-align="left"
+          >
+            <template #input>
+              <p v-html="PersonInfo.data.problemContent"></p>
+            </template>
+          </van-field>
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.createDepartment.name"
+            center
+            readonly
+            clearable
+            label="发起部门："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.todoBy.name"
+            center
+            readonly
+            clearable
+            label="发起人："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.assignTypeName"
+            center
+            readonly
+            clearable
+            label="交办类型："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.problemArea"
+            center
+            readonly
+            clearable
+            label="问题区域："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.siteName"
+            center
+            readonly
+            clearable
+            label="问题场所："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.areaSelectName"
+            center
+            readonly
+            clearable
+            label="详细地址："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.problemTime"
+            center
+            readonly
+            clearable
+            label="发生时间："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.deadlineTime"
+            center
+            readonly
+            clearable
+            label="截止时间："
+            input-align="right"
+          />
+        </van-cell-group>
+        <van-cell-group>
+          <van-field
+            v-model="PersonInfo.data.problemAccessory"
+            center
+            readonly
+            clearable
+            label="问题附件："
+            input-align="right"
+          />
+        </van-cell-group>
       </div>
-      <div style="margin-top: 15px">
-        处理证据资料：
-        <van-uploader>
-          <van-button icon="plus">点击上传</van-button>
-        </van-uploader>
+      <div class="content-bottom">
+        <van-cell-group>
+          <van-field
+            center
+            readonly
+            clearable
+            label-align="top"
+            label="处理结果："
+            input-align="left"
+          >
+            <template #input>
+              <form action="">
+                <textarea
+                  v-if="PersonInfo.data.disposeContent == ''"
+                  v-model="PersonInfo.disposeContent"
+                  name=""
+                  id=""
+                  cols="50"
+                  rows="5"
+                ></textarea>
+                <textarea
+                  v-if="PersonInfo.data.disposeContent != ''"
+                  v-model="PersonInfo.data.disposeContent"
+                  name=""
+                  id=""
+                  cols="50"
+                  rows="5"
+                ></textarea>
+              </form>
+            </template>
+          </van-field>
+        </van-cell-group>
+        <van-cell-group class="upload">
+          <van-field name="uploader" label-align="top" label="处理证据资料：">
+            <template #input>
+              <van-uploader
+                :after-read="afterRead"
+                v-model="fileList"
+                :max-count="6"
+                capture="camera"
+                accept=""
+                :before-delete="fjdelete"
+              >
+                <van-button icon="plus">上传文件</van-button>
+              </van-uploader>
+            </template>
+          </van-field>
+        </van-cell-group>
       </div>
     </div>
-    <van-button type="primary" @click="submit">确认</van-button>
+     <van-button type="primary" @click="submit" class="btn-sub">确认</van-button>
   </div>
+
+ 
 </template>
 
 <script>
 import { useRouter } from "vue-router";
 import { onMounted, reactive, ref } from "vue";
 import ToBeDone from "@/api/toBeDone/toBeDone";
+import tools from "@/api/sys/tools";
 export default {
   setup() {
     const router = useRouter();
@@ -65,6 +191,8 @@ export default {
       todoBy: {},
       disposeContent: "",
     });
+    // 导航栏颜色
+    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //数据接收
     onMounted(() => {
       var item = JSON.parse(router.currentRoute.value.query.data);
@@ -73,14 +201,40 @@ export default {
       PersonInfo.data = item;
       PersonInfo.createDepartment = PersonInfo.data.createDepartment;
       PersonInfo.todoBy = PersonInfo.data.todoBy;
-      // new ToBeDone().queryById(itemId).then((res)=>{
-
-      // })
     });
     //返回事件
     const onClickLeft = () => {
       history.back();
     };
+    // 文件上传
+    let fileList = ref([]);
+    let fileupList = ref([]);
+    const afterRead = (file) => {
+      // 此时可以自行将文件上传至服务器
+      new tools()
+        .uploadFile(file, `assign/assignWorkOrder`)
+        .then(({ data }) => {
+          console.log(data);
+          data.name = decodeURIComponent(
+            data.url.substring(data.url.lastIndexOf("/") + 1)
+          );
+
+          //data.url = `${$base}` + data.url;
+          fileupList.value.push(data);
+        });
+    };
+    const fjdelete = (file) => {
+      //删除文件操作
+      for (let index = 0; index < fileList.value.length; index++) {
+        if (file.file == fileList.value[index].file) {
+          let delurl = fileupList.value[index].url;
+          new tools().uploadFiledelete("", delurl).then(({ data }) => {});
+          fileupList.value.splice(index, 1);
+          fileList.value.splice(index, 1);
+        }
+      }
+    };
+
     //待办反馈提交
     const submit = () => {
       if (
@@ -90,12 +244,9 @@ export default {
         PersonInfo.data.disposeContent = PersonInfo.disposeContent;
         PersonInfo.data.assignState = "3";
         new ToBeDone().save(PersonInfo.data).then((res) => {
-          // console.log(PersonInfo.data);
-          // console.log("提交成功");
-          // console.log(res);
-          router.push({
-            path: "/toBeDone",
-          });
+          // router.push({
+          //   path: "/toBeDone",
+          // });
         });
       } else {
         router.push({
@@ -107,62 +258,26 @@ export default {
       onClickLeft,
       PersonInfo,
       submit,
+      selectColor,
+      afterRead,
+      fileList,
+      fjdelete,
     };
   },
 };
 </script>
 
 <style lang="less">
-body,
-html {
-  margin: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-}
-.van-nav-bar {
-  background-color: #36a7f3;
-  border: none;
-  .van-nav-bar__title {
-    color: #fff;
-  }
-  .van-badge__wrapper {
-    color: #fff;
-  }
+.btn-sub {
+  width: 90%;
+  border-radius: 20px;
+  margin-left: 5%;
+  margin-bottom: 40px;
 }
-.banner {
-  background-color: #36a7f3;
-  width: 100%;
-}
-.content {
-  position: fixed;
-  width: 85%;
-  height: 600px;
-  top: 200px;
-  left: 50%;
-  padding: 20px 10px;
-  transform: translateX(-50%);
-  background-color: #fff;
-  border-radius: 10px;
-  overflow: auto;
-  .content-top {
-    padding-bottom: 30px;
-    border-bottom: 2px solid #e7e7e7;
-    p {
-      margin: 0;
-      padding: 0;
-      margin-bottom: 10px;
-      &:nth-child(2) {
-        margin-bottom: 40px;
-      }
-    }
-  }
-  .van-button {
-    margin-top: 10px;
-    width: 100%;
-    border-radius: 20px;
-  }
-  .content-bottom {
-    margin-top: 20px;
+.upload{
+  .van-button{
+    border: none;
+    color: #1989fa;
   }
 }
 </style>