开发批量加好友接口,以及H5

.idea/workspace.xml

@@ -2,10 +2,15 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="f876064f-ad38-46e7-bf7d-9df623a9178f" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/project/src/components/H5/customerDetails.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/config/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/project/config/index.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/project/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/project/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/project/src/assets/config/interface_api.js" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/assets/config/interface_api.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/assembly/screen/channel.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/assembly/screen/channel.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/dialogPublic.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/dialogPublic.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/importRecord.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/importRecord.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/importRecordDetial.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/importRecordDetial.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/index.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/index.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/setting.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/addFriend/setting.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/dataPreview/index.vue" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/components/marketingGuest/batchAddFriend/dataPreview/index.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/project/src/router/allRouter.js" beforeDir="false" afterPath="$PROJECT_DIR$/project/src/router/allRouter.js" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -26,10 +31,23 @@
     <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
     <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/project" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/qwh5" />
+    <property name="nodejs_package_manager_path" value="npm" />
     <property name="settings.editor.selected.configurable" value="editor.reader.mode" />
     <property name="vue.rearranger.settings.migration" value="true" />
   </component>
+  <component name="RunManager">
+    <configuration name="dev" type="js.build_tools.npm" nameIsGenerated="true">
+      <package-json value="$PROJECT_DIR$/project/package.json" />
+      <command value="run" />
+      <scripts>
+        <script value="dev" />
+      </scripts>
+      <node-interpreter value="project" />
+      <envs />
+      <method v="2" />
+    </configuration>
+  </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="TaskManager">
     <task active="true" id="Default" summary="Default task">
@@ -40,6 +58,7 @@
       <updated>1653986562930</updated>
       <workItem from="1653986566612" duration="2107000" />
       <workItem from="1654070934388" duration="14000" />
+      <workItem from="1654573024055" duration="14582000" />
     </task>
     <servers />
   </component>

project/src/assets/config/interface_api.js

@@ -132,6 +132,21 @@ var api = {
   warn_ruleConfList: "/api/warn/ruleConfList",
   warn_ruleConfOperate: "/api/warn/ruleConfOperate",
 
+  editConfig: "/api/BatchAddCustomer/editConfig",
+  noticeUser: "/api/BatchAddCustomer/noticeUser",
+  batchAddCustomerImport: "/api/customer/batchAddCustomerImport",
+  batchAddCustomerImportConfirm: "/api/customer/batchAddCustomerImportConfirm",
+  customerListH5: "/api/task/customerList",
+  dataReportingH5: "/api/addCustomer/dataReporting",
+  batchAddCustomerDetailsList: "/api/customer/batchAddCustomerDetailsList",
+  batchAddCustomerRecordList: "/api/customer/batchAddCustomerRecordList",
+  batchAddCustomerRecordDetail: "/api/customer/batchAddCustomerRecordDetail",
+  batchAddCustomer_dataSummary: "/api/BatchAddCustomer/dataSummary",
+  batchAddCustomer_statistic: "/api/BatchAddCustomer/statistic",
+  batchAddCustomer_delete: "/api/customer/deleteDetail",
+  record_delete: "/api/customer/deleteRecord",
+  batchRemind: "/api/customer/batchRemind",
+
 
 };
 

project/src/components/assembly/screen/channel.vue

@@ -127,11 +127,11 @@ export default {
       this.placeholderVal = '朋友圈类型'
     }else if (this.type == 'importRecordDetial_addStatus') {//批量加好友/导入详情/添加状态
       this.options = [
-        { key: 1, val: '全部' },
-        { key: 2, val: '待分配' },
-        { key: 3, val: '待添加' },
-        { key: 4, val: '待通过' },
-        { key: 5, val: '已添加' },
+        { key: 0, val: '全部' },
+        { key: 1, val: '待添加' },
+        { key: 2, val: '待通过' },
+        { key: 3, val: '已添加' },
+        { key: 4, val: '待分配' },
       ]
       this.placeholderVal = '添加状态'
     } else {

project/src/components/marketingGuest/batchAddFriend/addFriend/dialogPublic.vue

@@ -1,5 +1,6 @@
 <template>
   <el-dialog
+    v-loading="loading"
     :title="dialogTitle"
     :visible.sync="dialogVisible"
     width="30%">
@@ -9,7 +10,7 @@
     </div>
     <span slot="footer" class="dialog-footer">
         <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
-        <el-button size="mini" type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button size="mini" type="primary" @click="save()">确 定</el-button>
       </span>
   </el-dialog>
 </template>
@@ -19,12 +20,44 @@ import selfCustomerservice from '@/components/assembly/screen/customerService.vu
 export default {
   name: "dialogPublic",
   components:{selfCustomerservice},
-  props:['dialogTitle','dialogMsg'],
+  props:['dialogTitle','dialogMsg','type','user_ids'],
   data(){
     return{
+      loading:false,
       dialogVisible:false,
       user_id_list:[]
     }
+  },
+  methods:{
+    save(){
+      if(this.type == 'addCustomer'){
+        this.addCustomer_notice()
+      }
+
+    },
+    addCustomer_notice(){
+      this.loading = true
+      this.$axios.post(this.URL.BASEURL + this.URL.noticeUser, {
+        user_ids:this.user_ids.join()
+      }).then((res) => {
+        var res = res.data
+        this.$message({
+          message: res.err,
+          type: "warning"
+        })
+        this.dialogVisible = false
+        this.loading = false
+        this.$parent.init(1)
+        this.$parent.clearuser_ids()
+        this.$loading(this.$loadingConfig).close();
+      }).catch((err) => {
+        this.loading = false
+        this.$message({
+          message: err,
+          type: "warning"
+        })
+      });
+    }
   }
 }
 </script>

project/src/components/marketingGuest/batchAddFriend/addFriend/importRecord.vue

@@ -15,31 +15,55 @@
                 :data="tableData"
                 tooltip-effect="dark"
                 style="width: 100%">
-        <el-table-column prop="creator" label="名称" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="send_time" min-width="120" label="上传时间" show-overflow-tooltip align="center"></el-table-column>
-        <el-table-column label="分配客服" show-overflow-tooltip align="center">
+        <el-table-column label="名称" align="center" show-overflow-tooltip>
           <template slot-scope="scope">
-            <div class="customerServiceTagBox">
-              <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.creator }}</div>
+            <div>{{scope.row.file_name ? scope.row.file_name : '-'}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column min-width="120" label="上传时间" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.import_time ? scope.row.import_time : '-'}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="分配客服" align="center">
+          <template slot-scope="scope">
+            <template v-if="scope.row.user_list&&scope.row.user_list.length==0">-</template>
+            <div class="flex-align-center">
+              <div class="customerServiceTagBox" v-for="(item,idx) in scope.row.user_list" :key="idx+'kefu'">
+                <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ item }}</div>
+              </div>
             </div>
           </template>
         </el-table-column>
         <el-table-column label="客户标签" align="center">
-          <div class="customerServiceTagBox biaoqian">
-            -
-            <!--          <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index+'biaoqian'">{{item}}</div>-->
-          </div>
+          <template slot-scope="scope">
+            <template v-if="scope.row.tag_list&&scope.row.tag_list.length==0">-</template>
+            <div class="customerServiceTagBox biaoqian" v-else>
+              <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index+'biaoqian'">{{item}}</div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column min-width="120" label="导入客户数" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.total_count ? scope.row.total_count : '-'}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="已添加客户数" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.complete_count ? scope.row.complete_count : '-'}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column label="添加完成率" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.complete_rate ? scope.row.complete_rate : '-'}}</div>
+          </template>
         </el-table-column>
-        <el-table-column prop="send_time" min-width="120" label="导入客户数" show-overflow-tooltip align="center"></el-table-column>
-        <el-table-column prop="send_fail" label="已添加客户数" show-overflow-tooltip align="center"></el-table-column>
-
-        <el-table-column prop="estimated_user" label="添加完成率" show-overflow-tooltip align="center"></el-table-column>
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <div>
-              <div class="c-00B38A pointer" @click="remindCustomer(scope.row.rule_id)">提醒</div>
-              <div class="c-00B38A pointer" @click="deleCustomer(scope.row.rule_id)">删除</div>
-              <div class="c-00B38A pointer" @click="goDetail(scope.row.rule_id)">详情</div>
+            <div style="display: flex;align-items: center;justify-content: center">
+              <div class="c-00B38A pointer" @click="remindCustomer(scope.row.id)">提醒</div>
+              <div class="c-00B38A pointer lMar10" @click="deleCustomer(scope.row.id)">删除</div>
+              <div class="c-00B38A pointer lMar10" @click="goDetail(scope.row.id)">详情</div>
             </div>
           </template>
         </el-table-column>
@@ -85,19 +109,32 @@ export default {
         this.dialogMsg = '确认后将会给所有未发送成员发送提醒通知，是否发送？'
       })
     },
-    deleCustomer(){
+    deleCustomer(id){
       this.$alert('删除后仅可删除本条记录，员工已收到的任务分配提醒无法撤回，是否确认删除？', '提示', {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
       }).then(()=>{
-        this.$message({
-          type: 'success',
-          message: '删除成功!'
+        this.loading = true
+        this.$axios.post(this.URL.BASEURL + this.URL.record_delete, {
+          record_id:id
+        }).then((res) => {
+          var res = res.data
+          this.$message({
+            message: res.err,
+            type: "warning"
+          })
+          this.init(1)
+        }).catch((err) => {
+          this.loading = false
+          this.$message({
+            message: err,
+            type: "warning"
+          })
         });
       })
     },
-    goDetail(){
-      this.$router.push('/importRecordDetial')
+    goDetail(id){
+      this.$router.push('/importRecordDetial/'+id)
     },
     handleCurrentChange (val) {
       this.init(val)
@@ -105,9 +142,8 @@ export default {
     init (page, type) {
       this.page = page ? page : this.page;
       this.loading = true
-      this.$axios.get(this.URL.BASEURL + this.URL.massMsg_lists, {
+      this.$axios.get(this.URL.BASEURL + this.URL.batchAddCustomerRecordList, {
         params: {
-          creator_id: '',
           page: this.page,
           page_size: this.page_size
         }

project/src/components/marketingGuest/batchAddFriend/addFriend/importRecordDetial.vue

@@ -28,16 +28,24 @@
                 :data="tableData"
                 tooltip-effect="dark"
                 style="width: 100%">
-        <el-table-column prop="creator" label="客户电话" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="send_time" min-width="120" label="备注名" show-overflow-tooltip align="center"></el-table-column>
+        <el-table-column label="客户电话" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.phone ? scope.row.phone : '-'}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column min-width="120" label="备注名" align="center">
+          <template slot-scope="scope">
+            <div>{{scope.row.remark ? scope.row.remark : '-'}}</div>
+          </template>
+        </el-table-column>
         <el-table-column label="员工" show-overflow-tooltip align="center">
           <template slot-scope="scope">
             <div class="customerServiceTagBox">
-              <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.creator }}</div>
+              <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.user_name ? scope.row.user_name : '-' }}</div>
             </div>
           </template>
         </el-table-column>
-        <el-table-column show-overflow-tooltip align="center">
+        <el-table-column align="center">
           <template #header>
             添加状态
             <el-tooltip class="disinblock" placement="top" effect="light">
@@ -51,17 +59,16 @@
             </el-tooltip>
           </template>
           <template slot-scope="scope">
-            <span v-if="scope.row.enable==-2" class="c-F03F5C">已删除</span>
-            <span v-if="scope.row.enable==-1" class="c-666">发送失败</span>
-            <span v-if="scope.row.enable==0" class="c-F03F5C">禁用</span>
-            <span v-if="scope.row.enable==1" class="c-FFB055">待发送</span>
-            <span v-if="scope.row.enable==2" class="c-448AFF">正在发送中</span>
-            <span v-if="scope.row.enable==3" class="c-58BCA6">发送完成</span>
+            <span v-if="scope.row.add_status==1" class="c-FFB055">待添加</span>
+            <span v-else-if="scope.row.add_status==2" class="c-448AFF">待通过</span>
+            <span v-else-if="scope.row.add_status==3" class="c-58BCA6">已添加</span>
+            <span v-else-if="scope.row.add_status==4" class="c-F03F5C">待分配</span>
+            <span v-else>-</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <div :class="scope.row.enable==0 ? 'c-999 pointer-drop' : 'c-00B38A pointer'" @click="scope.row.enable!==0&&remindCustomer(scope.row.rule_id)">提醒添加</div>
+            <div :class="scope.row.add_status==3 ? 'c-999 pointer-drop' : 'c-00B38A pointer' " @click="scope.row.add_status!=3&&remindCustomer(scope.row.id)">提醒添加</div>
           </template>
         </el-table-column>
       </el-table>
@@ -119,9 +126,12 @@ export default {
     init (page, type) {
       this.page = page ? page : this.page;
       this.loading = true
-      this.$axios.get(this.URL.BASEURL + this.URL.massMsg_lists, {
+      console.log(this.$route.params.id);
+      this.$axios.get(this.URL.BASEURL + this.URL.batchAddCustomerRecordDetail, {
         params: {
-          creator_id: '',
+          record_id:this.$route.params.id,
+          add_status:this.addStatus==0?'':this.addStatus,
+          keyword:this.input_keyword,
           page: this.page,
           page_size: this.page_size
         }

project/src/components/marketingGuest/batchAddFriend/addFriend/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="operatArea">
-      <el-radio-group v-model="status">
+      <el-radio-group v-model="status" @change="init(1)">
         <el-radio v-for="s in statusArrs" :label="s.label" :key="s.label">{{s.name}}</el-radio>
       </el-radio-group>
       <div class="btnArea">
@@ -11,8 +11,8 @@
         <el-button type="primary" plain size="small" @click="$refs.settingRef.dialogVisible = true">设置</el-button>
 
         <el-button v-if="status!==0" type="primary" plain size="small" @click="batchDele()">批量删除</el-button>
-        <el-button v-if="status==2 || status==3" type="primary" plain size="small" @click="batchRemind()">批量提醒</el-button>
-        <el-button v-if="status==1" type="primary" plain size="small" @click="batchAllot()">批量分配</el-button>
+        <el-button v-if="status==1 || status==2" type="primary" plain size="small" @click="batchRemind()">批量提醒</el-button>
+        <el-button v-if="status==4" type="primary" plain size="small" @click="batchAllot()">批量分配</el-button>
       </div>
     </div>
 
@@ -25,20 +25,30 @@
               @selection-change="handleSelectionChange"
               v-loading="loading">
       <el-table-column width="30px" type="selection" v-if="status!==0"></el-table-column>
-      <el-table-column prop="send_type" label="电话号码" align="center" show-overflow-tooltip></el-table-column>
+      <el-table-column label="电话号码" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <div>{{scope.row.phone ? scope.row.phone : '-'}}</div>
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center">
         <template slot-scope="scope">
-          <div>{{scope.row.send_type == 1 ? '立即发送':scope.row.send_type == 2?'定时发送':''}}</div>
+          <div>{{scope.row.remark ? scope.row.remark : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="导入时间" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.import_time ? scope.row.import_time : '-'}}</div>
         </template>
       </el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="导入时间" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column label="客户标签" align="center">
-        <div class="customerServiceTagBox biaoqian">
-          -
-<!--          <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index+'biaoqian'">{{item}}</div>-->
-        </div>
+      <el-table-column label="客户标签" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <template v-if="scope.row.tag_list&&scope.row.tag_list.length==0">-</template>
+          <div class="customerServiceTagBox biaoqian" v-else>
+            <div class="customerServiceTag" v-for="(item,index) in scope.row.tag_list" :key="index+'biaoqian'">{{item}}</div>
+          </div>
+        </template>
       </el-table-column>
-      <el-table-column show-overflow-tooltip align="center">
+      <el-table-column align="center">
         <template #header>
           添加状态
           <el-tooltip class="disinblock" placement="top" effect="light">
@@ -52,32 +62,42 @@
           </el-tooltip>
         </template>
         <template slot-scope="scope">
-          <span v-if="scope.row.enable==-2" class="c-F03F5C">已删除</span>
-          <span v-if="scope.row.enable==-1" class="c-666">发送失败</span>
-          <span v-if="scope.row.enable==0" class="c-F03F5C">禁用</span>
-          <span v-if="scope.row.enable==1" class="c-FFB055">待发送</span>
-          <span v-if="scope.row.enable==2" class="c-448AFF">正在发送中</span>
-          <span v-if="scope.row.enable==3" class="c-58BCA6">发送完成</span>
+          <span v-if="scope.row.add_status==1" class="c-FFB055">待添加</span>
+          <span v-else-if="scope.row.add_status==2" class="c-448AFF">待通过</span>
+          <span v-else-if="scope.row.add_status==3" class="c-58BCA6">已添加</span>
+          <span v-else-if="scope.row.add_status==4" class="c-F03F5C">待分配</span>
+          <span v-else>-</span>
         </template>
       </el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="添加时间" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_fail" label="操作人" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column label="分配客服" show-overflow-tooltip align="center">
+      <el-table-column min-width="120" label="添加时间" align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.add_time ? scope.row.add_time : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作人" align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.operator_name ? scope.row.operator_name : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="分配客服" align="center">
         <template slot-scope="scope">
           <div class="customerServiceTagBox">
-            <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.creator }}</div>
+            <div class="customerServiceTag"><i class="el-icon-user-solid"></i> {{ scope.row.user_name ? scope.row.user_name : '-' }}</div>
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="estimated_user" label="分配次数" show-overflow-tooltip align="center"></el-table-column>
+      <el-table-column label="分配次数" align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.distribution_num ? scope.row.distribution_num : '-'}}</div>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
-          <div>
-
-            <div class="c-00B38A pointer" @click="goDetail(scope.row.rule_id)">详情</div>
-            <div class="c-00B38A pointer" @click="allotCustomer(scope.row.rule_id)">分配</div>
-            <div class="c-00B38A pointer" @click="remindCustomer(scope.row.rule_id,scope.row.enable)">提醒</div>
-            <div class="c-00B38A pointer" @click="deleCustomer(scope.row.rule_id)">删除</div>
+          <div style="display: flex;align-items: center;justify-content: center;flex-wrap: wrap">
+            <div class="c-00B38A pointer" @click="goDetail(scope.row.id)">详情</div>
+            <div class="c-00B38A pointer lMar10" @click="deleCustomer(scope.row.id)">删除</div>
+            <div v-if="scope.row.add_status==4" class="lMar10" :class="scope.row.add_status==4 ? 'c-00B38A pointer' : 'c-999 pointer-drop' " @click="scope.row.add_status==4 && allotCustomer(scope.row.id)">分配</div>
+            <div v-if="scope.row.add_status==1||scope.row.add_status==2" class="c-00B38A pointer lMar10" @click="remindCustomer(scope.row.user_id,scope.row.add_status)">提醒</div>
           </div>
         </template>
       </el-table-column>
@@ -88,7 +108,7 @@
     </div>
 
 <!--    提醒分配等公共弹框-->
-    <dialogPublic ref="dialogPublic" :dialogTitle="dialogTitle" :dialogMsg="dialogMsg"></dialogPublic>
+    <dialogPublic ref="dialogPublic" :dialogTitle="dialogTitle" :dialogMsg="dialogMsg" type="addCustomer" :user_ids="user_ids"></dialogPublic>
     <!--    设置-->
     <setting ref="settingRef"></setting>
     <!--    导入客户-->
@@ -107,6 +127,7 @@ export default {
   components:{selfInput,importCustomer,setting, dialogPublic},
   data(){
     return {
+      test:10,
       loading:false,
       status:0,
       statusArrs:[
@@ -116,20 +137,20 @@ export default {
         },
         {
           name:'待分配',
-          label:1
+          label:4
         },
         {
           name:'待添加',
-          label:2
+          label:1
         },
         {
           name:'待通过',
-          label:3
+          label:2
         },
         {
           name:'已添加',
-          label:4
-        }
+          label:3
+        },
       ],
       input_keyword:'',
       tableData:[],
@@ -142,22 +163,31 @@ export default {
       dialogMsg:'',
       user_id_list:[],
       noChooseFlag:false,//是否选中电话号码,true,表示没有人
-      multipleChoosePhones: [],
+      time:[],
+      user_ids:[],//批量选中的人
+    }
+  },
+  watch:{
+    time(){
+      this.init(1)
     }
   },
   created () {
+    // Bus.$on('chooseStatus',(arg)=>{
+    //   console.log('zou created le ');
+    //   this.status = arg
+    //   this.test = arg
+    // })
     this.height = document.documentElement.clientHeight - 250 > 400 ? document.documentElement.clientHeight - 250 : 400
-    this.$nextTick(()=>{
-      Bus.$on('chooseStatus',(arg)=>{
-        this.status = arg
-      })
-    })
     this.init(1)
   },
   methods:{
+    clearuser_ids(){ //清空批量选中的人
+      this.user_ids = []
+    },
     noChooseCustomeTips(){//没有选择客户提示
       this.noChooseFlag = false
-      if( this.multipleChoosePhones&& this.multipleChoosePhones.length==0){
+      if( this.user_ids&& this.user_ids.length==0){
         this.$message({
           type: 'error',
           message: '请选择客户!'
@@ -165,11 +195,13 @@ export default {
         this.noChooseFlag = true
       }
     },
-    handleSelectionChange(val){
-      this.multipleChoosePhones = val
-      console.log(this.multipleChoosePhones);
+    handleSelectionChange(val){//列表选择人员
+      this.user_ids = []
+      val.forEach(item=>{
+        this.user_ids.push(item.user_id)
+      })
     },
-    batchDele(){
+    batchDele(){//批量删除
       this.noChooseCustomeTips()
       if(this.noChooseFlag){
         return
@@ -184,22 +216,22 @@ export default {
         });
       })
     },
-    batchRemind(){
+    batchRemind(){//批量提醒
       this.noChooseCustomeTips()
       if(this.noChooseFlag){
         return
       }
-      this.$alert('确认后将会给选择的成员发送提醒通知，是否发送？', '提示', {
+      this.$alert(`确认后将会给选择的${this.user_ids&&this.user_ids.length?this.user_ids.length:'-'}名成员发送提醒通知，是否发送？`, '提示', {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
       }).then(()=>{
-        this.$message({
-          type: 'success',
-          message: '删除成功!'
-        });
+        this.$nextTick(()=>{
+          this.$loading(this.$loadingConfig)
+          this.$refs.dialogPublic.addCustomer_notice()
+        })
       })
     },
-    batchAllot(){
+    batchAllot(){//批量分配
       this.noChooseCustomeTips()
       if(this.noChooseFlag){
         return
@@ -214,7 +246,7 @@ export default {
     goDetail(){
 
     },
-    allotCustomer(){
+    allotCustomer(){//单个分配
       this.$nextTick(()=>{
         this.$refs.dialogPublic.dialogVisible = true
         this.dialogTitle = '分配'
@@ -223,14 +255,16 @@ export default {
       })
 
     },
-    remindCustomer(id,status){
+    remindCustomer(user_id,status){//单个提醒
       this.$nextTick(()=>{
         this.$refs.dialogPublic.dialogVisible = true
         this.dialogTitle = '提醒'
         this.dialogMsg = `如果员工长时间未${status == 1 ? '添加客户' : '通过好友申请可再次添加'}，可通过企微助手再次提醒员工${status == 1 ? '添加' : '跟进'}客户，是否确认发送？`
+        this.user_ids = []
+        this.user_ids.push(user_id)
       })
     },
-    deleCustomer(){
+    deleCustomer(){//单个删除
       this.$alert('是否确定删除此客户', '提示', {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
@@ -244,11 +278,12 @@ export default {
     init (page, type) {
       this.page = page ? page : this.page;
       this.loading = true
-      this.$axios.get(this.URL.BASEURL + this.URL.massMsg_lists, {
+      this.$axios.get(this.URL.BASEURL + this.URL.batchAddCustomerDetailsList, {
         params: {
-          creator_id: this.user_id_list,
-          send_time_start: this.add_date_start ? this.add_date_start + ' 00:00:00' : '',
-          send_time_end: this.add_date_end ? this.$day_format(this.$date_compatible(this.add_date_end + ' 24:00:00')) : '',
+          add_status:this.status==0?'':this.status,
+          keyword:this.input_keyword,
+          start_time: this.time[0],
+          end_time: this.time[1],
           page: this.page,
           page_size: this.page_size
         }

project/src/components/marketingGuest/batchAddFriend/addFriend/setting.vue

@@ -31,14 +31,7 @@
                 </el-time-picker>
                 提醒管理员分配，
                 选择接收提醒管理员：
-                <el-select v-model="adminVal" filterable placeholder="请选择管理员" size="mini">
-                  <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
+                <self-customerservice title='选择成员' width="180px" :afferent_users='user_id_list' @customerDefine="(val)=>{user_id_list=val;}"></self-customerservice>
               </div>
             </template>
             <div class="splitLine"></div>
@@ -93,32 +86,20 @@
 </template>
 
 <script>
+import selfCustomerservice from '@/components/assembly/screen/customerService.vue'
 export default {
   name: "setting",
   props:['settingFlag'],
+  components:{
+    selfCustomerservice,
+  },
   data(){
     return{
+      user_id_list:[],
       dialogVisible:false,
       activeName:'first',
       noAllotVal:false,
       overDayVal:1,
-      options: [
-        {
-        value: '选项1',
-        label: '黄金糕'
-      }, {
-        value: '选项2',
-        label: '双皮奶'
-      }, {
-        value: '选项3',
-        label: '蚵仔煎'
-      }, {
-        value: '选项4',
-        label: '龙须面'
-      }, {
-        value: '选项5',
-        label: '北京烤鸭'
-      }],
       adminVal: '',
       nextDayTimeVal:'',
       noFollowUpVal:false,
@@ -142,7 +123,8 @@ export default {
         return
       }
 
-    }
+    },
+
   }
 }
 </script>

project/src/components/marketingGuest/batchAddFriend/dataPreview/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div style="padding-right: 15px">
     <date-picker title="" :quickFlag="true" :afferent_time="default_time" :clearFlag='false' @changeTime="changeTime"></date-picker>
-    <div class="dataPreview">
+    <div class="dataPreview" v-loading="dataLoading">
       <template v-for="item in overviewArrs">
         <div class="flex-align-center">
           <div class="box_item" >
-            <div class="num">{{item.num?item.num:'-'}}</div>
+            <div class="num">{{item.num || item.num==0?item.num:'-'}}</div>
             <div class="name">{{item.name?item.name:'-'}}</div>
             <div class="detial" @click="gooverviewDetial(item.id)" v-if="item.id!==5">详情</div>
           </div>
@@ -22,29 +22,56 @@
     </div>
 
     <!-- table -->
-    <el-table ref="multipleTable"
+    <el-table v-loading="loading" ref="multipleTable"
               :height='height'
               :data="tableData"
               tooltip-effect="dark"
               style="width: 100%">
-      <el-table-column prop="creator" label="成员" align="center" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="分配客户数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="待添加客户数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_time" min-width="120" show-overflow-tooltip align="center">
+      <el-table-column label="成员" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <div>{{scope.row.name ? scope.row.name : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="分配客户数" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.assign_count||scope.row.assign_count==0 ? scope.row.assign_count : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="待添加客户数" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.waiting_add_count||scope.row.waiting_add_count==0 ? scope.row.waiting_add_count : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" show-overflow-tooltip align="center">
         <template #header>
           待通过客户数
           <el-tooltip class="disinblock" content="已发送好友申请，等待客户通过" placement="top">
             <i class="el-icon-question"></i>
           </el-tooltip>
         </template>
+        <template slot-scope="scope">
+          <div>{{scope.row.passed_count||scope.row.passed_count==0 ? scope.row.passed_count : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="已添加客户数" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.added_count||scope.row.added_count==0 ? scope.row.added_count : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="回收客户数" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.recycled_count||scope.row.recycled_count==0 ? scope.row.recycled_count : '-'}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column min-width="120" label="添加完成率" show-overflow-tooltip align="center">
+        <template slot-scope="scope">
+          <div>{{scope.row.add_rate ? scope.row.add_rate : '-'}}</div>
+        </template>
       </el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="已添加客户数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="回收客户数" show-overflow-tooltip align="center"></el-table-column>
-      <el-table-column prop="send_time" min-width="120" label="添加完成率" show-overflow-tooltip align="center"></el-table-column>
 
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
-          <div class="c-00B38A pointer" @click="goDetial(scope.row.rule_id)">详情</div>
+          <div class="c-00B38A pointer" @click="goDetial(scope.row.user_id)">详情</div>
         </template>
       </el-table-column>
     </el-table>
@@ -72,6 +99,7 @@ export default {
       default_time: [this.$getDay(-30, false), this.$getDay(0, false)],
       time: [],
       loading: false,
+      dataLoading: false,
       page: 1,
       pages: 0,
       total: 0,
@@ -82,48 +110,66 @@ export default {
           id:0,
           name:'导入总客户数',
           num:'',
-          key:'zong'
+          key:'import_count'
         },
         {
-          id:1,
+          id:4,
           name:'待分配客户数',
           num:'',
-          key:'daifenpei'
+          key:'assigned_count'
         },
         {
-          id:2,
+          id:1,
           name:'待添加客户数',
           num:'',
-          key:'daitianjia'
+          key:'waiting_add_count'
         },
         {
-          id:3,
+          id:2,
           name:'待通过客户数',
           num:'',
-          key:'daitonhhuo'
+          key:'passed_count'
         },
         {
-          id:4,
+          id:3,
           name:'已添加总客户数',
           num:'',
-          key:'yitianjia'
+          key:'added_count'
         },
         {
           id:5,
           name:'添加完成率',
           num:'',
-          key:'lv'
+          key:'added_rate'
         },
       ],
       user_id_list:[],
-      tableData:[]
+      tableData:[],
+      desCol: [
+        { prop: "name", label: "成员" },
+        { prop: "assign_count", label: "分配客户数" },
+        { prop: "waiting_add_count", label: "待添加客户数" },
+        { prop: "passed_count", label: "待通过客户数" },
+        { prop: "added_count", label: "已添加客户数" },
+        { prop: 'recycled_count', label: "回收客户数",  },
+        { prop: 'add_rate', label: "添加完成率",  },
+      ],
+
     }
   },
   created() {
-    this.height = document.documentElement.clientHeight - 320 > 400 ? document.documentElement.clientHeight - 320 : 400
+    this.height = document.documentElement.clientHeight - 300 > 400 ? document.documentElement.clientHeight - 300 : 400
+    this.time = this.default_time
+    this.init_predata()
+    this.init(1)
+  },
+  watch:{
+    user_id_list(){
+      this.init(1)
+    }
   },
   methods:{
-    goDetial(){
+    goDetial(id){
 
     },
     gooverviewDetial(id){
@@ -143,27 +189,18 @@ export default {
     },
     init_predata () {
       this.dataLoading = true
-      this.$axios.post(this.URL.BASEURL + this.URL.charge_pre_data, {
-        order_source: this.paySource_val,
-        start_date: this.time[0],
-        end_date: this.time[1],
+      this.$axios.get(this.URL.BASEURL + this.URL.batchAddCustomer_dataSummary, {
+         params:{
+           start_date: this.time[0],
+           end_date: this.time[1],
+         }
       })
         .then((res) => {
           var res = res.data
           this.dataLoading = false
           if (res && res.errno == 0) {
-            this.dataInfo_stat = res.rst.data.stat;
-            this.trendX = []
-            this.trendData.dds = []
-            this.trendData.zfje = []
-            res.rst.data.trend.forEach(i => {
-              this.trendX.push(i.ref_date)
-              this.trendData.dds.push(i.order_count)
-              this.trendData.zfje.push(i.pay_money)
-            })
-            this.trendData.key += 1
-            this.$nextTick(() => {
-              this.initCharts()
+            this.overviewArrs.forEach(item=>{
+              item.num = res.rst[item.key]
             })
           } else if (res.errno != 4002) {
             this.$message({
@@ -188,14 +225,14 @@ export default {
         }
       }
       this.loading = true
-      this.$axios.post(this.URL.BASEURL + this.URL.charge_list, {
-        order_source: this.paySource_val,
-        order_id: this.id_val,
-        start_date: this.time[0],
-        end_date: this.time[1],
-        pay_status: this.chargePay_val,
-        page: type == 'export' ? 1 : this.page,
-        pagesize: type == 'export' ? this.$store.state.exportNumber : this.page_size,
+      this.$axios.get(this.URL.BASEURL + this.URL.batchAddCustomer_statistic, {
+        params:{
+          user_id: this.user_id_list&&this.user_id_list.length>0?this.user_id_list.join():'',
+          start_date: this.time[0],
+          end_date: this.time[1],
+          page: type == 'export' ? 1 : this.page,
+          pagesize: type == 'export' ? this.$store.state.exportNumber : this.page_size,
+        }
       }).then((res) => {
         var res = res.data
         this.loading = false
@@ -255,7 +292,7 @@ export default {
     .num{
 font-weight: 600;
       color: #000;
-      font-size: 15px;
+      font-size: 18px;
     }
     .name{
 font-size: 12px;

project/src/router/allRouter.js

@@ -119,7 +119,7 @@ export var allRouter = [
         }
       },
       {
-        path: 'importRecordDetial',
+        path: 'importRecordDetial/:id',
         name: 'batchAddFriend',
         component: importRecordDetial,
         meta: {

qwh5/.browserslistrc

@@ -0,0 +1,4 @@
+> 1%
+last 2 versions
+not dead
+not ie 11

qwh5/.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

qwh5/.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    // 'plugin:vue/vue3-essential',
+    '@vue/standard',
+    '@vue/typescript/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 2020
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+  }
+}

qwh5/.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

qwh5/README.md

@@ -0,0 +1,24 @@
+# qwh5
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

qwh5/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

qwh5/h5Pack/js/about.76dda73f.js

@@ -0,0 +1,2 @@
+"use strict";(self["webpackChunkqwh5"]=self["webpackChunkqwh5"]||[]).push([[443],{4335:function(n,u,t){t.r(u),t.d(u,{default:function(){return f}});var a=t(3396);const e={class:"about"},r=(0,a._)("h1",null,"This is an about page",-1),s=[r];function c(n,u){return(0,a.wg)(),(0,a.iD)("div",e,s)}var i=t(89);const h={},o=(0,i.Z)(h,[["render",c]]);var f=o}}]);
+//# sourceMappingURL=about.76dda73f.js.map

qwh5/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "qwh5",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "element-plus": "^2.2.4",
+    "vue": "^3.2.13",
+    "vue-class-component": "^8.0.0-0",
+    "vue-router": "^4.0.3",
+    "vuex": "^4.0.0"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-typescript": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "typescript": "~4.5.5"
+  }
+}

qwh5/public/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

qwh5/src/App.vue

@@ -0,0 +1,26 @@
+<template>
+  <router-view/>
+</template>
+
+<style lang="scss">
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  //text-align: center;
+  color: #2c3e50;
+}
+
+nav {
+  padding: 30px;
+
+  a {
+    font-weight: bold;
+    color: #2c3e50;
+
+    &.router-link-exact-active {
+      color: #42b983;
+    }
+  }
+}
+</style>

qwh5/src/components/HelloWorld.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <p>
+      For a guide and recipes on how to configure / customize this project,<br>
+      check out the
+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    </p>
+    <h3>Installed CLI Plugins</h3>
+    <ul>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
+    </ul>
+    <h3>Essential Links</h3>
+    <ul>
+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <ul>
+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts">
+import { Options, Vue } from 'vue-class-component'
+
+@Options({
+  props: {
+    msg: String
+  }
+})
+export default class HelloWorld extends Vue {
+  msg!: string
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="scss">
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

qwh5/src/main.ts

@@ -0,0 +1,8 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+// import ElementPlus from 'element-plus'
+// import 'element-plus/dist/index.css'
+
+createApp(App).use(router).use(store).mount('#app')

qwh5/src/router/index.ts

@@ -0,0 +1,25 @@
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView
+  },
+  {
+    path: '/about',
+    name: 'about',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes
+})
+
+export default router

qwh5/src/shims-vue.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

qwh5/src/store/index.ts

@@ -0,0 +1,14 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  getters: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})

qwh5/src/views/AboutView.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

qwh5/src/views/HomeView.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="home">
+    <div class="tipsBox">管理员{{adminName}}给你分配了{{customeNum}}个客户还未添加，快去复制电话号码添加客户吧，管理员在微伴后台可查看添加状态哦～</div>
+    <div class="operateArea">
+      <div>
+        添加状态:
+        <el-select v-model="value" class="m-2" placeholder="请选择">
+          <el-option
+            v-for="item in addStatusArrs"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </div>
+      <el-button plain @click="value = 0">重置</el-button>
+    </div>
+    <div class="splitLine"></div>
+    <div class="tableArea">
+      <div class="title_span"><span class="iconLable"></span> 共{{customeNum}}个客户</div>
+
+      <div class="table">
+        <div class="table_header">
+          <div>客户电话</div>
+          <div>添加状态</div>
+          <div>操作</div>
+        </div>
+        <div class="table_body" v-for="(item,index) in tableData" :key="index">
+          <div>{{item.phoneNum?item.phoneNum:'-'}}</div>
+          <div>{{item.status==1?'已添加':'未添加'}}</div>
+          <div><span class="copy" @click="goAddCustomer">复制</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue } from 'vue-class-component'
+export default class HomeView extends Vue {
+  adminName = '刘晓娜'
+  customeNum = 1
+  value=''
+  tableData = [
+    {
+      phoneNum: '1264988309',
+      status:1
+    },
+    {
+      phoneNum: '12649883019',
+      status:2
+    },
+    {
+      phoneNum: '12649883209',
+      status:3
+    },
+    {
+      phoneNum: '126498t8309',
+      status:1
+    }
+  ]
+  addStatusArrs = [
+    {
+      value: '0',
+      label: '全部'
+    },
+    {
+      value: '1',
+      label: '待添加'
+    },
+    {
+      value: '2',
+      label: '待通过'
+    },
+    {
+      value: '3',
+      label: '已添加'
+    }
+  ]
+
+
+  goAddCustomer(){
+    console.log(111,'复制了')
+  }
+}
+</script>
+<style lang="scss" scoped>
+.home{
+  padding: 10px 20px;
+  .tipsBox{
+    padding: 10px;
+    font-size: 14px;
+    line-height: 18px;
+    background-color: #fff7ee;
+    color: #b8733d;
+  }
+  .operateArea{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 0;
+  }
+  .splitLine{
+    width: 100%;
+    height: 10px;
+    background-color: #eee;
+    margin: 10px 0;
+  }
+  .tableArea{
+    .title_span{
+      font-weight: 600;
+      color: #000;
+      margin: 10px 0;
+      .iconLable{
+        display: inline-block;
+        width: 5px;
+        height: 15px;
+        background-color: #42b983;
+        margin-right: 2px;
+
+      }
+    }
+    .table{
+      border: 1px solid #ddd;
+      font-size: 14px;
+      .table_header{
+        background:#eef9ff;
+        color:#999;
+      }
+      .table_header,.table_body{
+        display: flex;
+        align-items: center;
+        padding: 10px 0;
+        div{
+          width: 33%;
+          text-align: center;
+          .copy{
+            color: #4d8feb;
+            padding: 4px 8px;
+            border: 1px solid #4d8feb;
+            border-radius: 4px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

qwh5/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

qwh5/vue.config.js

@@ -0,0 +1,6 @@
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
+  transpileDependencies: true,
+  lintOnSave: false,
+  outputDir:'h5Pack'
+})