特殊人群

src/sass/AppSpecialPeople/addPrisonUser.vue

@@ -46,79 +46,33 @@
           <u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15"/>
         </div>
       </div>
-      <div class="item">
+
-        <span class="label"><span class="tips"></span>详细地址</span>
+
-        <div class="value">
+      <div v-for="(item, index) in tableData[tableIndex].list" :key="index">
-          <u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
+
+        <div class="item" v-if="item.type == 'input'">
+          <span class="label"><span class="tips"></span>{{item.label}}</span>
+          <div class="value">
+            <u-input type="text" placeholder="请输入" v-model="form[item.formDbName]" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
+          </div>
         </div>
-      </div>
+
-      <div class="item">
+        <div class="item" v-if="item.type == 'select'">
-        <span class="label"><span class="tips"></span>所属网格</span>
+          <span class="label"><span class="tips"></span>{{item.label}}</span>
-        <div class="value">
+          <div class="value" @click="selectClick(item.dict, item.formDbName)">
-          <u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15"/>
+            <span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dict.getLabel(item.dict, form[item.formDbName]) || '请选择'}}</span>
+            <u-icon name="arrow-right" color="#cccccc" size="14"/>
+          </div>
         </div>
-      </div>
+
-      <div class="item">
+        <div class="item" v-if="item.type == 'time'">
-        <span class="label"><span class="tips"></span>是否累犯</span>
+          <span class="label"><span class="tips"></span>{{item.label}}</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
+          <div class="value" @click="selectTime(item.formDbName)">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
+            <span :class="form[item.formDbName] === '' ? 'color-999' : ''">{{ $dateFormat(form[item.formDbName],'YYYY-MM-DD') || '请选择' }}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
+            <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
+          </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>原罪名</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>服刑场所</span>
-        <div class="value">
-          <u-input type="text" placeholder="请输入" v-model="form.houseArea" input-align="right"  placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="15" :clearable="false" />
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>危险性评估</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>安置情况</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>安置时间</span>
-        <div class="value" @click="selectTime('startDate')">
-          <span :class="form.startDate === '' ? 'color-999' : ''">{{ $dateFormat(form.startDate,'YYYY-MM-DD') || '请选择' }}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>衔接情况</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>衔接时间</span>
-        <div class="value" @click="selectTime('startDate')">
-          <span :class="form.startDate === '' ? 'color-999' : ''">{{ $dateFormat(form.startDate,'YYYY-MM-DD') || '请选择' }}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
-        </div>
-      </div>
-      <div class="item">
-        <span class="label"><span class="tips"></span>是否重新犯罪</span>
-        <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="form.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', form.livingStatus) || '请选择'}}</span>
-          <u-icon name="arrow-right" color="#cccccc" size="14"/>
         </div>
+
       </div>
     </div>
     <div class="footer" @click="submit">
@@ -126,7 +80,7 @@
     </div>
 
     <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择</u-picker>
-    <u-select v-model="showSelect" :list="$dict.getDict(selectDict)" label-name="dictName" value-name="dictValue" @confirm="confirmRelation"/>
+    <u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue" @confirm="confirmRelation"/>
   </div>
 </template>
 
@@ -138,13 +92,82 @@ export default {
   data() {
     return {
       form: {
-
       },
       dateShow: false,
       deteParams: {year: true, month: true, day: true, hour: false, minute: false, second: false},
       showSelect: false,
       selectDict: '',
-      selectName: ''
+      selectName: '',
+
+      tableIndex: 0,
+      tableData: [
+        {
+          list: [
+            {
+              label: '详细地址',
+              type: 'input',
+              formDbName: 'address'
+            },
+            {
+              label: '所属网格',
+              type: 'gird',
+              formDbName: 'girdId'
+            },
+            {
+              label: '是否累犯',
+              type: 'select',
+              dict: 'shouseholdRelation',
+              formDbName: 'shouseholdRelation'
+            },
+            {
+              label: '原罪名',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'houselivingStatus'
+            },
+            {
+              label: '服刑场所',
+              type: 'input',
+              formDbName: 'value'
+            },
+            {
+              label: '危险性评估',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'houselivingStatus',
+            },
+            {
+              label: '安置情况',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'houselivingStatus',
+            },
+            {
+              label: '安置时间',
+              type: 'time',
+              formDbName: 'houselivingStatus',
+            },
+            {
+              label: '衔接情况',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'houselivingStatus',
+            },
+            {
+              label: '衔接时间',
+              type: 'time',
+              formDbName: 'houselivingStatus',
+            },
+            {
+              label: '是否重新犯罪',
+              type: 'select',
+              dict: 'houselivingStatus',
+              formDbName: 'houselivingStatus',
+            },
+          ]
+        }
+      ],
+      selectList: []
     }
   },
   computed: {...mapState(['user'])},
@@ -171,6 +194,8 @@ export default {
     },
 
     selectClick(dictName, formName) {
+      console.log(dictName)
+      this.selectList = this.$dict.getDict(dictName)
       this.dictName = dictName
       this.selectName = formName
       this.showSelect = true

src/sass/AppSpecialPeople/detail.vue

@@ -35,10 +35,10 @@
       <div class="info-content">
         <div class="title">本月新增</div>
         <div class="num-content color-org">
-          <div class="num-item num" v-for="(item, index) in statisticsListMon" :key="index">
+          <div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
-            <div>{{item.label}}</div>
+          <h3>{{item.value}}</h3>
-            <div>{{item.value}}</div>
+          <p>{{item.label}}</p>
-          </div>
+        </div>
         <AiEmpty v-if="!statisticsListMon.length"/>
         </div>
       </div>
@@ -55,16 +55,15 @@
               <img src="./img/user-img.png" alt="">
             </div>
             <div class="user-info">
-              <div class="user-tel">
+              <p class="name">{{e.name}}
-                <p class="name">{{e.name}}</p>
+                <span class="btn-icon">
-                <span class="tel">{{e.phone}}</span>
+                  <img src="./img/edit-icon.png" alt="" @click="toEdit(e)">
-              </div>
+                  <img src="./img/del-icon.png" alt="" @click="del(e)">
+                </span>
+              </p>
               <div class="phone">
                 <span>{{idNumberInit(e.idNumber)}}</span>
-                <div>
+                <span>{{e.phone}}</span>
-                  <span class="edit">编辑</span>
-                  <span class="del">删除</span>
-                </div>
               </div>
             </div>
           </div>
@@ -87,7 +86,7 @@ export default {
       areaId: '',
       areaName: '',
       tabs: ['统计信息', '人员信息'],
-      tabIndex: 0,
+      tabIndex: 1,
       addressArea: '',
       statisticsList: [],
       statisticsListMon: [],
@@ -169,7 +168,7 @@ export default {
       // this.$emit('change', {
       //   type: 'Add',
       // })
-      uni.navigateTo({url: './add'})
+      uni.navigateTo({url: './addPrisonUser'})
     },
     idNumberInit(idNumber) {
       if(!idNumber) {
@@ -189,6 +188,19 @@ export default {
         this.userList[index].check = true
       }
 
+    },
+    toEdit(row) {
+      // uni.navigateTo({url: './add'})
+    },
+    del(row) {
+      this.$confirm('确定删除该数据?').then(() => {
+        // this.$http.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
+        //   if (res.code == 0) {
+        //     this.$u.toast('撤回成功！')
+        //     this.getList()
+        //   }
+        // })
+      })
     }
   }
 }
@@ -298,7 +310,6 @@ export default {
         width: 33%;
         padding: 40px 0;
         text-align: center;
-
         h3{
           font-size: 64px;
           font-family: DINAlternate-Bold, DINAlternate;
@@ -315,17 +326,6 @@ export default {
           line-height: 40px;
         }
       }
-
-      .num {
-        display: flex;
-        justify-content:space-between;
-        float: none;
-        width: 100%;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 30px;
-        box-sizing: border-box;
-      }
     }
     .color-org{
       .num-item{
@@ -376,24 +376,23 @@ export default {
         }
         .user-info{
           width: 100%;
-          .user-tel {
+          .name{
-            display: flex;
-            justify-content: space-between;
-
-            .name{
             font-size: 32px;
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: 500;
             color: #333;
             line-height: 44px;
             margin-bottom: 8px;
-            }
+            .btn-icon{
-
+              float: right;
-            .tel {
+              img{
-              color: #999;
+                width: 48px;
+                height: 48px;
+                margin-left: 40px;
+                vertical-align: baseline;
+              }
             }
           }
-          
           .phone{
             width: 100%;
             font-size: 26px;
@@ -402,12 +401,6 @@ export default {
             line-height: 36px;
             display: flex;
             justify-content: space-between;
-
-            .edit,
-            .del {
-              padding: 0 20px;
-              color: #2197f2;
-            }
           }
         }
       }