| | |
| | | <!-- 左侧æ --> |
| | | <div class="sidecolumn"> |
| | | <div class="notebuttom"><i class="el-icon-chat-dot-square" />åçä¿¡</div> |
| | | <el-divider></el-divider> |
| | | <div class="notestate"> |
| | | <div class="state-text">çä¿¡ç¶æ</div> |
| | | <div class="state-line"> |
| | | <div class="value-left"> |
| | | <i class="el-icon-chat-dot-square" />å
¨é¨ |
| | | </div> |
| | | <div |
| | | :class="classestag == 1 ? 'state-lines' : 'state-line'" |
| | | @click="completefn" |
| | | > |
| | | <div class="value-left"><i class="el-icon-menu" />å
¨é¨</div> |
| | | <div class="quantityq">22</div> |
| | | </div> |
| | | <div class="state-line"> |
| | | <div class="value-left"> |
| | | <i class="el-icon-chat-dot-square" />åéæå |
| | | </div> |
| | | <div |
| | | :class="classestag == 2 ? 'state-lines' : 'state-line'" |
| | | @click="succeedfn" |
| | | > |
| | | <div class="value-left"><i class="el-icon-s-claim" />åéæå</div> |
| | | <div class="quantitycg">22</div> |
| | | </div> |
| | | <div class="state-line"> |
| | | <div class="value-left"> |
| | | <i class="el-icon-chat-dot-square" />åé失败 |
| | | </div> |
| | | <div |
| | | :class="classestag == 3 ? 'state-lines' : 'state-line'" |
| | | @click="losefn" |
| | | > |
| | | <div class="value-left"><i class="el-icon-warning" />åé失败</div> |
| | | <div class="quantitysb">22</div> |
| | | </div> |
| | | <div class="state-line"> |
| | | <div class="value-left"> |
| | | <i class="el-icon-chat-dot-square" />å¾
åé |
| | | </div> |
| | | <div |
| | | :class="classestag == 4 ? 'state-lines' : 'state-line'" |
| | | @click="awaitfn" |
| | | > |
| | | <div class="value-left"><i class="el-icon-s-comment" />å¾
åé</div> |
| | | <div class="quantityd">22</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- å³ä¾§æ°æ® --> |
| | | <div class="leftvlue"> |
| | | <div class="leftvlue-top">ç信详æ
</div> |
| | | <div class="leftvlue-top">ç信详æ
({{ total }})</div> |
| | | <div class="leftvlue-bg"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="å建æ¶é´"> |
| | | <el-form-item label="ä¸ä¼ æ¥æ"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | style="width: 240px" |
| | |
| | | prop="userId" |
| | | /> |
| | | <el-table-column |
| | | label="主æ¨" |
| | | label="ææºå·ç " |
| | | align="center" |
| | | key="userName" |
| | | prop="userName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="é®é¢ææ¬" |
| | | label="ç±»å" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | width="400" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="é®é¢è¯é³" |
| | | label="åé人" |
| | | align="center" |
| | | key="aphonenumber" |
| | | prop="aphonenumber" |
| | | width="400" |
| | | key="transmitleg" |
| | | prop="transmitleg" |
| | | /><el-table-column |
| | | label="å
³èææ " |
| | | label="æ¥æ¶äºº" |
| | | align="center" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="ææ é项" |
| | | label="ä¸ä¼ æ¶é´" |
| | | align="center" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="è¯è¨" |
| | | align="center" |
| | | key="indicator" |
| | | prop="indicator" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="æ¯å¦å¯ç¨" align="center" key="status"> |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-switch |
| | | v-model="scope.row.status" |
| | | active-value="0" |
| | | inactive-value="1" |
| | | @change="handleStatusChange(scope.row)" |
| | | ></el-switch> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> </el-table-column |
| | | ><el-table-column |
| | | label="åéæ¶é´" |
| | | align="center" |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="åéå
容" |
| | | align="center" |
| | | key="sendvalue" |
| | | prop="sendvalue" |
| | | width="300" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="åéç¶æ" |
| | | align="center" |
| | | key="state" |
| | | prop="state" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div |
| | | v-if="scope.row.state == 1" |
| | | style="color: rgb(58, 250, 144)" |
| | | > |
| | | <i class="el-icon-check"></i> |
| | | </div> |
| | | <div |
| | | v-else-if="scope.row.state == 2" |
| | | style="color: rgb(250, 96, 58)" |
| | | > |
| | | <i class="el-icon-check"></i> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit-outline"></i>ä¿®æ¹</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="compileUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-bji" |
| | | ><i class="el-icon-edit"></i>ç¼è¾çä¿¡</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:user:remove']" |
| | | ><span class="button-textsc" |
| | | ><i class="el-icon-delete-solid"></i>å é¤</span |
| | | ><i class="el-icon-edit-outline"></i>忬¡åé</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | |
| | | components: { Treeselect }, |
| | | data() { |
| | | return { |
| | | topactiveName: "Local", //é¡¶é¨éæ© |
| | | // é®ç½©å± |
| | | loading: false, |
| | | // é䏿°ç» |
| | |
| | | showSearch: true, |
| | | // æ»æ¡æ° |
| | | total: 0, |
| | | classestag: 1, //ç±»å«æ è¯ |
| | | namequestionnaire: "", |
| | | haoquestionnaire: "", |
| | | idds: "", |
| | |
| | | console.log(this.userList); |
| | | }); |
| | | }, |
| | | // æ·»å ãä¿®æ¹ç±»å« |
| | | submitsidecolumn() { |
| | | if (this.amendtag) { |
| | | this.classifyform.tagcategoryid = this.idds; |
| | | // toamendtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } else { |
| | | // addtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } |
| | | this.classifyform = { |
| | | categoryname: "", |
| | | }; |
| | | this.idds = ""; |
| | | this.dialogFormVisible = false; |
| | | }, |
| | | //å é¤åç±» |
| | | deletefenlei(row) { |
| | | if (this.deleteVisible) { |
| | | // deletetagcategory(this.idds).then((response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // }); |
| | | this.deleteVisible = false; |
| | | this.idds = ""; |
| | | } else { |
| | | this.deleteVisible = true; |
| | | this.idds = row.tagcategoryid; |
| | | this.deletefenl = row.title; |
| | | } |
| | | }, |
| | | compileUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/repositoryai/verbaltrick/particulars/", |
| | | query: { id: "1" }, |
| | | }); |
| | | }, |
| | | // é¢ç®ç¶æä¿®æ¹ |
| | | handleStatusChange(row) { |
| | | let text = row.status === "0" ? "å¯ç¨" : "åç¨"; |
| | | this.$modal |
| | | .confirm('确认è¦"' + text + '""' + row.userName + '"ç¨æ·åï¼') |
| | | .then(function () { |
| | | return changeUserStatus(row.userId, row.status); |
| | | }) |
| | | .then(() => { |
| | | this.$modal.msgSuccess(text + "æå"); |
| | | }) |
| | | .catch(function () { |
| | | row.status = row.status === "0" ? "1" : "0"; |
| | | }); |
| | | }, |
| | | //æç´¢ç±»å« |
| | | sidecolumnss() {}, |
| | | submitsidecolumn() {}, |
| | | deletefenlei() {}, |
| | | // ä¾¿æ·æ ç¾ |
| | | tsgnameto() {}, |
| | | // 忢å
±äº«/æ¬å° |
| | |
| | | }, |
| | | /** æ°å¢æé®æä½ */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.title = "æ°å¢çä¿¡"; |
| | | this.indexopen = true; |
| | | this.$router.push("/shortmessage/messagebank/compile/"); |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // 忢å
¨é¨ç±»å« |
| | | completefn() { |
| | | this.classestag = 1; |
| | | }, |
| | | // 忢æåç±»å« |
| | | succeedfn() { |
| | | this.classestag = 2; |
| | | }, |
| | | // åæ¢å¤±è´¥ç±»å« |
| | | losefn() { |
| | | this.classestag = 3; |
| | | }, |
| | | // 忢å¾
åéç±»å« |
| | | awaitfn() { |
| | | this.classestag = 4; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | display: flex; |
| | | } |
| | | .sidecolumn { |
| | | width: 300px; |
| | | width: 350px; |
| | | min-height: 100vh; |
| | | text-align: center; |
| | | // display: flex; |
| | | margin-top: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | padding: 10px; |
| | | padding-top: 20px; |
| | | text-align: center; |
| | | background: #dfeffd; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .sidecolumn-top { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .top-wj { |
| | | font-size: 20px; |
| | | .notebuttom { |
| | | height: 35px; |
| | | background: #85c046; |
| | | color: #ffff; |
| | | font-size: 20px; |
| | | line-height: 35px; |
| | | cursor: pointer; |
| | | border-radius: 3px; |
| | | } |
| | | .notestate { |
| | | font-size: 20px; |
| | | .state-text { |
| | | height: 40px; |
| | | } |
| | | .top-tj { |
| | | font-size: 18px; |
| | | |
| | | color: rgb(0, 89, 255); |
| | | .state-line { |
| | | display: flex; |
| | | height: 40px; |
| | | align-items: center; |
| | | padding: 10px 10px; |
| | | cursor: pointer; |
| | | justify-content: space-between; |
| | | } |
| | | } |
| | | .center-ss { |
| | | margin-top: 30px; |
| | | .input-with-select { |
| | | height: 40px !important; |
| | | .state-lines { |
| | | display: flex; |
| | | height: 40px; |
| | | align-items: center; |
| | | padding: 10px 10px; |
| | | background: #88abfc; |
| | | cursor: pointer; |
| | | justify-content: space-between; |
| | | } |
| | | } |
| | | .bottom-fl { |
| | | margin-top: 30px; |
| | | display: center !important; |
| | | .state-line:hover { |
| | | background: #88abfc; |
| | | } |
| | | .quantityq { |
| | | height: 30px; |
| | | line-height: 30px; |
| | | padding: 0 5px; |
| | | border-radius: 10px; |
| | | color: #fff; |
| | | background: #9eb8ff; |
| | | } |
| | | .quantitycg { |
| | | height: 30px; |
| | | line-height: 30px; |
| | | padding: 0 5px; |
| | | border-radius: 10px; |
| | | color: #fff; |
| | | |
| | | background: #48cf2d; |
| | | } |
| | | .quantitysb { |
| | | height: 30px; |
| | | line-height: 30px; |
| | | padding: 0 5px; |
| | | border-radius: 10px; |
| | | color: #fff; |
| | | |
| | | background: #ce513b; |
| | | } |
| | | .quantityd { |
| | | height: 30px; |
| | | line-height: 30px; |
| | | padding: 0 5px; |
| | | border-radius: 10px; |
| | | color: #fff; |
| | | |
| | | background: #3fbff1; |
| | | } |
| | | } |
| | | } |
| | | .qrcode-dialo { |
| | | text-align: center; |
| | | // display: flex; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .qrcode-text { |
| | | font-size: 20px; |
| | | span { |
| | | margin-left: 20px; |
| | | } |
| | | } |
| | | .qrcode-img { |
| | | width: 300px; |
| | | height: 400px; |
| | | } |
| | | [class^="el-icon-"], |
| | | [class*=" el-icon-"] { |
| | | font-weight: 600; |
| | | font-size: 20px; |
| | | } |
| | | .tsgname { |
| | | width: 90px; |